Can I add an email signup link in the announcement bar without using an app?

Solved

Can I add an email signup link in the announcement bar without using an app?

AlanDerrick
Excursionist
16 2 5

Can a link be placed in the announcement bar in the header (or something like that) which allows the visitor to sign up for the subscriber list while staying on the page? This would be similar to the feature in the footer. I'm not interested in installing an app. I've selected the CSS label (required to post) because I'm thinking that code could be added to Online Store > Customize > Announcement bar > Custom CSS, but that seems like over kill. I thought about including a link which jumps down the page to a an email signup section, but it seems like this would not work since this is not on all pages or is a different destination for each page. I'm not a coder. I’m using the Sense 9.0 theme. The store is at https://carpentercore.com Any ideas for a straight forward solution would be most appreciated.

Small_wooden_crate_boxes_for_gift_baskets_and_product_packaging_–_Carpenter_Core-2.jpgSmall_wooden_crate_boxes_for_gift_baskets_and_product_packaging_–_Carpenter_Core.jpg

Accepted Solution (1)

AlanDerrick
Excursionist
16 2 5

This is an accepted solution.

This feedback was a big help. Especially understanding what is not practical for my purposes. I decided to turn off the announcement bar and add an email signup section at the top of the relevant pages. With your help I was able to figure out that I can have some simple custom liquid written and add it to the header. I tested it and it would work. I prefer sticking with system solutions first, clean simple code second, and the use of apps as a last resort. The reasoning being to A. minimize the complexity of subsequent changes. B. minimize negatively impacting page load speeds.

Carpenter_Core_·_Customize_Sense_9_0_w__code_modifications_052023_·_Shopify-2.jpg

View solution in original post

Replies 4 (4)

NomtechSolution
Astronaut
1245 113 153
  1. In the left-hand sidebar, click on "Header" or "Announcement bar" (depending on where you want to place the link).
  2. Look for an option to edit the announcement bar text or content. It may be labeled as "Text," "Message," or something similar.
  3. Edit the announcement bar text to include a link. For example, you can add something like "Sign up for our subscriber list" and hyperlink the text to your email signup page.

Shoplogy
Shopify Partner
20 0 12

You will not get a signup box in the header unless you have one of the following:

 

  • Theme supports it
  • Custom Code
  • An app

Custom CSS is for CSS display changes not for custom code.

Zqdo
Shopify Partner
803 32 63

How about creating a separate page where visitors can sign up, and then adding that link to the announcement bar for easy access? Might that work?

banned

AlanDerrick
Excursionist
16 2 5

This is an accepted solution.

This feedback was a big help. Especially understanding what is not practical for my purposes. I decided to turn off the announcement bar and add an email signup section at the top of the relevant pages. With your help I was able to figure out that I can have some simple custom liquid written and add it to the header. I tested it and it would work. I prefer sticking with system solutions first, clean simple code second, and the use of apps as a last resort. The reasoning being to A. minimize the complexity of subsequent changes. B. minimize negatively impacting page load speeds.

Carpenter_Core_·_Customize_Sense_9_0_w__code_modifications_052023_·_Shopify-2.jpg