How to Install and Set Up Announcement Bar?

You can easily add an announcement bar to your Shopify store using the CodeConfig Announcement Bar app, a no-code solution. Follow these five steps to set it up:

Step 1: Install the CodeConfig Announcement Bar App

1. Log in to your Shopify admin and navigate to Online Store.
2. Click the Add Apps tab in the left-hand menu.

3. Click on the Shopify App Store link.

4. In the search bar, type CodeConfig Announcement Bar and press Enter.

5. Select the app from the search results, click Install, and follow the prompts to add it to your store.

Step 2: Open the CodeConfig Announcement Bar App

1. Open the CodeConfig Announcement Bar app from your Shopify admin.

2. Click the Templates Tab to view available announcement bar designs.

3. Hover over your preferred template and click Use Template.

4. You’ll be taken to the bar editor, where you can customize the bar to meet your needs.

Step 3: Customize the Bar Content

1. Update the bar’s text and add a destination URL (e.g., a sale page). Set targeting options if needed.

2. Enable the close button by selecting Yes if you want customers to be able to dismiss the bar.

Step 4: Style the Announcement Bar

1. Navigate to the Style Tab in the editor.

2. Customize the Background Color, Font Family, and Bar Position (e.g., top or bottom).
3. Choose from background patterns, upload a custom background image, or use existing images.
4. Adjust font color, text size, and other text properties to match your brand.

Step 5: Configure Targeting and Publish

1. In the Configuration Settings, target specific pages or exclude pages where the bar shouldn’t appear.

2. Select device targeting (e.g., mobile or desktop) to optimize visibility.
3. Use customer targeting to show the bar to specific customer groups.
4. Enable location targeting to display the bar based on the customer’s location.
5. Schedule the bar to appear at specific times or dates for time-sensitive campaigns.
6. Once all settings are configured, click Publish. Preview your store to confirm the announcement bar displays correctly.

That’s it! Your announcement bar is now live and ready to engage customers.