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 "Install" button and approve the installation when prompted.

Zentra announcement bar installation

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

2 Activate the App Embed

On the welcome page, on the quick start tutorial,click the "Activate app embed ->" button.

Opening the theme editor
3 Toggle the app embed

This will take you to the theme editor, to the app embed tab. You should see Zentra Announcement Bar, make sure the embed it toggled so it's active.

Adding the app block

At the top right of the theme editor, press Save

4 Navigating to the customizer

At the top left of the theme editor, press the exit button navigate back to shopify admin.

Dragging the block to the top of the header

Navigate to the Zentra app home page, click Customize. This will bring you to the customizer

💡 Best Practice
Place the announcement bar at the very top of your page for maximum visibility and impact.
5 Configuring the Announcement Bar

You should be taken to the customizer page, here you can customze:

  • Message text
  • Background and text colors
  • Font and size
  • Text alignment
  • Padding and spacing
  • Button text (e.g., "Shop Now")
  • Button link URL
  • Button colors
  • Button style
  • Etc
Customization settings

Once you are habby with the result, at the top right click, Save.

6 Preview and Publish

Press Preview to see how your announcement bar looks. Keep adjusting if needed

Preview and publish changes

Congratulations! Your announcement bar is now live on your store! 🎉

click here