Skip to main content

Customize the Top Banner of Your Live Shop

Looking for a quick way to edit or update the top banner of your Stadium Shop? This guide will show you how to edit the Top Banner of your previously created Shop. You'll see the options if you don’t have a banner of your own, and how to use our pre-designed banner options. Follow these steps to create an attractive, personalized, and branded shop appearance effortlessly.

Here's the Step-By-Step Guide to Customizing Your Top Banner

Navigate to the Shops Page

  • Expand the Sidebar Menu (if collapsed)

    • Click on the left-facing arrow ( ˂ ) at the top-left corner of the sidebar to expand the navigation menu.
      ​(If the menu is already expanded, you can skip this step.)
      ​
      ​

  • Navigate to Shops

    • In the sidebar menu, locate and click on "Shops" to access your shop's page.

Select Your Live Shop

  • On the " Shops" page, navigate to LIVE Shops, then click on the shop you'd like to access.

🔍Filter Shops by Owner (For Company Workspace Users):

Access the Layout Tab

  • In the Shop's dashboard, navigate to the LAYOUT tab.

  • Click on the pencil icon found under the TOP BANNER section.

Edit Your Banner

Select From Your Asset Library

  • If you have banners in your Asset Library, click on the ASSET LIBRARY tab and select a banner.

Customize Your Banner

LOGO Section

This is another way to customize the logo on the top banner.

Under the CUSTOMIZE YOUR BANNER tab, navigate to the LOGO section. From there, you can:

  • Remove the logo from the banner.

  • Select a new logo from the ASSET LIBRARY.

  • Choose a logo from PREVIOUS UPLOADS.

  • Select UPLOAD FROM DEVICE to add a new logo from your computer. If you uploaded a logo from your device, click on "I understand and accept the conditions" after uploading the logo.

Edit Top Banner- CYB- Logo.gif

TEXT Section

You can also add text or a phrase to your Top Banner to make it more personalized.

  • Under the Customize Your Banner tab, in the Text section, you can add custom text up to 100 characters

Edit Top Banner- CYB- Text.gif

COLOR Section

You can also change the colors of your banner;

  • Under the Customize Your Banner tab, you will find the Color section where you can;

    • Remove the pattern from the background

    • Change the color of the banner background

    • Change the color of the logo background

    • Change the color of the text

Edit Top Banner- CYB- Color.gif

RESIZE Section

You can change the sizing of the logo on your customized banner.

  • Under the Customize Your Banner tab, in the Resize section, you can Zoom In or Zoom Out the logo and reposition it according to your preference.

Edit Top Banner- CYB- resize.gif

Using Pre-Designed Banners

  • If you prefer not to upload your own banner, you can use our pre-designed banner options.

  • Alternatively, check the STADIUM LIBRARY for pre-designed banners.

Use Previous Banners

  • If you have used banners previously, go to the "PREVIOUS BANNERS" tab and select a banner.

Upload Your Own Banner

  • Click on the "LOCAL DEVICE" tab and then "SEARCH LOCAL DEVICE" to upload your own design.

  • If you uploaded a banner from your device, click on "I understand and accept the conditions" after uploading the banner.

  • Ensure the file meets the following requirements:

    • Accepted file types: png, jpeg, jpg
      ​Size Required: 2880 px X 910 px
      ​Maximum file size: 10 MB
      ​

Upload Banner- local device.gif

Finalize Your Banner

  • Once you are satisfied with the banner, click "USE BANNER"
    ​

  • Review the banner's appearance in your shop. If you are happy with it, click "SAVE CHANGES".

Finalize Banner upload.gif

Congratulations! You have successfully customized the top banner for your shop according to your preferences.

Try premium features free for 30 days! After your trial, upgrade to a paid Stadium Pass to continue enjoying premium access.

Visit our Pricing Page to explore the details of each Stadium Pass and choose the one that best suits your needs.

FAQ_Banner.png

Any questions? We're here to help!
Ask us anything via CHAT / FILL OUT OUR CONTACT US FORM:

or

Request a demo with our account specialist here.

Did this answer your question?