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 Open Your Theme Editor

On the welcome page, click the "Get Started" button.

Opening the theme editor
3 Add the Announcement Bar Block

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

Adding the app 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.

Dragging the block to the top of the header
💡 Best Practice
Place the announcement bar at the very top of your page for maximum visibility and impact.
5 Customize Your Announcement Bar

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
  • Button text (e.g., "Shop Now")
  • Button link URL
  • Button colors
  • Button style
Customization settings
6 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.

Preview and publish changes

Your announcement bar is now live on your store! 🎉