App Download Banner

by Admin on Oct 22, 2025

The App download banner section provides an eye-catching promotional banner designed to showcase multiple app download options with direct links, encouraging visitors to quickly access your app from their preferred platforms.

1. Section Components

Section	App download banner	Offer a banner to showcase multiple app download options with direct links.

2. Location & Setup

To add & set up the Hero banner section:

Open the Shopify Theme Editor (Online store > Themes > Customize)
Decide where you want to place the new section.
Click “Add section”.
Select “OT: App Download Banner.

3. Highlight Features

Flexible download access: Offer multiple convenient download options including direct links to the App Store, Google Play, or a scannable QR code.
Tailored visual presentation: Fully customize the banner's appearance with options to adjust image sizes, element spacing, and padding for a seamless brand fit.
Rich content display: Craft compelling messages using various content types such as subheadings, headings, and descriptive text below app store badges.

4. Common Use Cases

🤔 How to set up the App download banner section?

Here's how to set up the section:

STEP 1: Add the App download banner section to your desired location. Then click on the section to open its settings panel.

STEP 2: Enter the section content

At Content settings group:

Add Subheading, Heading, and Text content to the section. You can choose colors for the text.
Add text to show below badges, for example: Scan the QR code or click on the badges to download our app.

STEP 3: Add images to the section

At Images settings group:

Upload images for desktop and mobile devices separately.
Enable Lazy load images if you wish.

STEP 4: Set up app download options

Upload App Store badge and Google Play badge to display platform-specific app badges.
Add corresponding App Store link and Google Play link to direct users to the correct app pages.
(Desktop only) Upload a QR code image so users can conveniently scan and download the app from their devices.

STEP 5: Click “Save” when done.

🤔 How to adjust App download banner section look?

STEP 1: Click on the App download banner section to open its settings panel.

STEP 2: Set up section layout

At Layout settings group:

Adjust image height separately for desktop and mobile.
Control content width, or enable Full width display for both devices.
Set Content position (desktop) and alignment (mobile).
Refine spacing with element spacing, padding, and margin.
Choose a background color to match your store’s style.

STEP 3: Customize the typography

At Typography settings group:

Choose Heading font and Text font.
Edit font size for heading and text on desktop & mobile devices.

STEP 4: Click “Save” when done.

5. Layout Recommendations

If you want support to set up the layout, don't hesitate to chat with us!

📂 App download banner #1

Check out demo here.

6. Support Information

Need help? Contact our support team at Omni Themes Support .