Installation Guide

Learn how to add Zentra Announcement Bar to your Shopify store in minutes

Welcome to Zentra! This guide will walk you through the complete installation process. No coding knowledge required – just follow these simple steps.

Step-by-Step Installation

1 Install the Zentra App

First, install Zentra from the Shopify App Store. Click the "Add app" button and approve the installation when prompted.

📸 Screenshot: App Store Installation

Once installed, you'll see a confirmation message and be redirected to the Zentra welcome page.

2 Open Your Theme Editor

Navigate to your Shopify admin and go to Online Store → Themes. Click the "Customize" button on your active theme.

📸 Screenshot: Theme Customization Button
💡 Pro Tip
You can also access the theme editor directly from the Zentra app by clicking "Open Theme Editor" on the welcome page.
3 Add the Announcement Bar Block

In the theme editor, navigate to the Header section. Click "Add block" and search for "Zentra Announcement Bar".

📸 Screenshot: Adding the Block

Select the Zentra Announcement Bar from the list of available blocks. It will be added to your header section.

4 Position the Block

Drag the Zentra Announcement Bar block to the top of your header section for best visibility. You can reorder blocks by clicking and dragging.

📸 Screenshot: Block Positioning
💡 Best Practice
Place the announcement bar at the very top of your page for maximum visibility and impact.
5 Customize Your Message

Click on the Zentra Announcement Bar block to open the settings panel. Here you can customize:

  • Message text
  • Background and text colors
  • Font family and size
  • Text alignment
  • Padding and spacing
📸 Screenshot: Customization Settings
6 Add a CTA Button (Optional)

To add a call-to-action button, enable the "Show CTA Button" option in the settings. Then customize:

  • Button text (e.g., "Shop Now")
  • Button link URL
  • Button colors
  • Button style
📸 Screenshot: CTA Button Settings
7 Preview and Publish

Use the preview panel to see how your announcement bar looks on desktop and mobile. When you're happy with the design, click "Save" to publish your changes.

📸 Screenshot: Preview & Save App Store Installation

Your announcement bar is now live on your store! 🎉

Next Steps

Now that you've installed Zentra, explore these guides to get the most out of your announcement bar:

Need Help?

If you run into any issues during installation, check our troubleshooting guide or contact our support team. We typically respond within 24 hours.