How to Add Banner on Top Page Shopify?

If you are an ecommerce store owner, you know that one of the easiest ways to increase sales is through banner ads. But what happens when you want to place a banner ad on your top page? In this blog post, we will guide you through the process of adding a banner ad on your top page in Shopify. We will also discuss some tips for optimizing your ad campaign for better results.

What is a Banner?

Banner is an important part of your online store. It can help to promote your products and attract customers. Banner can be placed in different locations on the page, including the top, bottom, or sidebars. You can also create banners using images or text.

To add a banner in Top Page Shopify:
1. Click on “Design” in the top toolbar and select “Banner.”
2. On the “Banner” screen, you will see different options for placement and design.
3. To add an image as a banner, drag and drop the image into the window.
4. To add text as a banner, type it into the box and press Enter/Return.
5. You can adjust the size of the banner by dragging one of the corners of the box.
6. Click on “OK” to save your changes and return to your shop’s main page!

How to Add Banner in Top Page Shopify?

In this blog article, we will show you how to add a banner in the top page of your Shopify store. This banner can be used to promote your products or services. First, open your Shopify admin panel and go to Stores > Your Store Name > Pages. In the Pages section, click on the Edit link next to the Top Page.

 On the Top Page Settings page, under “Banner Options,” select the Add Banner button. In the Add Banner dialog box, type a title for your banner and provide a hyperlink or image of your desired banner image. Click on the Create button to add your banner to the top of your page.

Guidelines to Add Banner in Top Page Shopify

There are a few different ways to add a banner in the top page of your shopify store.

Option 1: Add a Custom Header Image

If you want to add a banner above all of the other content on your top page, you can use a custom header image. Simply go to Shopify’s Settings > Products and click on the product you want to modify. In the “Product Images” section, select the “Header Images” tab, and find the custom header image you want to use. Click on it to select it, and then click the “Set as Default Image” button at the bottom of the page. You can now copy and paste this image into anyplace on your top page where you want a banner to appear.

Option 2: Use an Ad Space

If you don’t have any images that are perfect for using as your custom header image, or if you just don’t feel like copying and pasting an image every time you want to use it, another option is to use an ad space. To do this, go back to ShopifySettings > Products > General and under “Ad Spaces” select “Banner Ad Space” from the list. To create your banner ad, first choose how many columns wide (30 or 60) you want it to be and then enter in either your brand name or logo size in pixels (ex: 900px).


Adding a banner in the top page of your shopify store can really help to make a noticeable impact on your customers. Not only will they be able to see what you’re selling at a glance, but they’ll also be encouraged to buy something. Now that you’ve learned how to add banners in top page, it’s time to get started and design the perfect banner for your store!