Create a Shopify Top Bars

Create a Shopify Top Bars

In this article, you will learn how to create promotion or notification bars at the top of your pages using Tapita Top Bars.
Like this:

Step 1: Create a Top Bar in Tapita

On Tapita left menu, click View more > Top Bars.

Click Add New to create a new bar. Select one of Tapita top bar templates to edit it.

On the builder page, you can edit the template content as you want.

You can only edit the content of the templates, such as texts, colors, or sizes. You cannot add or remove elements.

After you've done, go to Section Settings to change the top bar name, select Publish and click Save and Publish.

After you've published your top bar, please wait for about 1-2 minutes before doing the next step.

Step 2: Add the published top bar into Shopify pages

Now, your published Top Bar is ready to be added into all or any specific Shopify pages.

In your Shopify admin, go to Online Store > Themes > Customize.

In the page customizer, expand the Header section and click the Add block (+) button.

You will find your newly-created section here, with the text "Tapita_H - " at the start. Click on it to add it into the header.

Finally, click Save. And that's it! Your top bar is now showing on the top of your store for all pages.

To hide the top bar for specific pages

By default, Top Bars will show on all pages in your website.

If you want to hide a top bar for some specific pages, go to the bar's Section Settings > URL to Exclude, and enter the path of the URL that you don't want the top bar to show on.
You can enter multiple paths, separated by comma "," .

In the above example, any URL that contains "cart" or "checkout" in its path will not show the Coupon Bar.

    • Related Articles

    • Create a Shopify Section

      In this article, you will learn how to create a Section that can be used in your Shopify pages using Shopify Theme Customizer. Like this: If your Shopify theme doesn't support adding sections (there is no "Add section" (+) button), then you cannot ...
    • Create a Shopify Popups

      In this article, you will learn how to create popups using Tapita Page Builder. Step 1: Create a Popup in Tapita On Tapita left menu, click View more > Popups. Click Add New to create a new popup. Select one of Tapita popup templates to edit it. On ...
    • How to use Funnels in Tapita

      What are Funnels? Funnels is a brand new feature update in Tapita with the top goal of helping merchants like you to create groups of pages that work perfectly together, therefore increasing conversion rates and boost sales. You can find Funnels ...
    • How to ultize your Tapita Free Plan to the fullest

      In this article, you will learn about Tapita free plan and how to use it effectively. Page Type and number of page Tapita is the only apps that offer 5 FREE FOR LIFE pages as long as you install Tapita, making it the best FREE plan for page builder ...
    • Translating your Tapita Page

      In the newest update, we have release a completely new feature call Translation. What it does is that it will help Tapita's user to translate their created pages to the language that they choose. The target languages are pulled from your current ...