All Collections
Getting Started Guides and Creating My App
Home Page
How to add Banners to my Mobile App?
How to add Banners to my Mobile App?
Steps to add banners on the home page of your mobile app
Atul avatar
Written by Atul
Updated over a week ago

Here's how you can add banners to your Shopify mobile app:

1- Enable Banners on the Plobal Apps dashboard:

  • Login to your Plobal Apps dashboard

  • Select App

  • Go to Customize tab of the left section of the dashboard. 

  • Enable ‘Display Banner’ option

  • Click on ‘Save’ and 'Go Live'.

2- Add Banners on the Shopify admin panel:

Setup Banners

  • Login to your Shopify admin panel

  • Click on Online Store

  • Select Navigation

  • Click on Add Menu

  • Add Menu Description

  • Enter name as Mobile Banners

  • Enter Handle – mobile_banners (no other handle name will work. Also, its case sensitive)

Now we've completed the setup and can proceed to linking the respective banner images. Note banners can only be linked to "Products" or "Collections" 

Add the respective product or collection to be linked to the banner:

  • Proceed To Add Menu Items (Banners)

  • Enter Banner Name

  • Under Link, choose "Collection" or "Product" 

  • Choose the particular "Collection" or "Product" to be linked on the banner image

  • Click on Save menu

Important points to consider / Pro Tips:

  • You can add upto 5 Banners only

  • Banners can be linked only to a particular collection or product only

  • All other options under "link" like Home, Pages. All Products, All collections etc should not be used

  • Banners are displayed horizontally on the home page of the app and is the first image on the home screen once the app is launched. 

3- Add banner images to be displayed:

Adding images are dependent on what you link to the respective banner. 

A- Add a Banner image (If You Choose Collection)

  1. Add a Banner image (If You Choose Collection)

  2. Click on Products on your Admin Panel

  3. Select Collections

  4. Open the Collection that you have linked banner for

  5. Add ‘Collection Image’ (Size Ratio = 1:2 (height x width), optimum size is 574 x 1079 px jpg/png format)

  6. Click on Save

B- Add a Banner image (If You Choose Product)

  1. Click on Products on your Admin Panel

  2. Open Product that you have selected Banner for

  3. Add ‘Product Image’ (Size Ratio = 1:2 (height x width), optimum size is 574 x 1079 px jpg/png format)

  4. Click on Save

Other notes:

If your app is already live:
An App Update is not required on Google Play Store and Apple App Store. All saved changes will reflect in real-time once you “Request To Publish” your app from the Plobal Apps Dashboard.

If your app is in preview mode:
Please log out of your preview app and re-login using the same preview app code assigned.

Did this answer your question?