How to Add Standalone Banner to Your Mobile App

Capturing user attention and showcasing your latest deals has never been easier. MageNative’s Standalone Banner is designed to highlight special offers, exclusive sales, and exciting promotions, making your mobile app a dynamic platform for attracting and converting users.

MageNative’s Standalone Banner provides you the platform to present your most important messages in a visually compelling way, ensuring that your promotions stand out and drive engagement.

How to Add Standalone Banner

1. Drag and drop the Standalone Banner component to the preferred position on your app’s screen.

Configuring Standalone Banner - Step 1

2. Click on the Edit icon to open the customization menu at the center of your dashboard. Here, you can explore all the available functionalities and tailor the banner to fit your needs.

3. In the “Display Layout Options” you can adjust the following options:

Configuring Standalone Banner - Step 2

  • Button Position: Choose the button position as middle, bottom or no button.
  • Banner Size: Select the size that best fits your app’s design – Standard Size (700 x 300 px), Half (700 x 120 px), 2x (700 x 500 px) or 3x (700 x 900 px).
  • Text Alignment: Adjust the text alignment as – left, center or right.

4. In the upload section, Upload your banner image in PNG, JPG, JPEG, or GIF formats. Add a Banner Link to guide users to specific content or promotions.

Configuring Standalone Banner - Step 3

5. Click the Save button once you have made all changes.

6. If needed, you can click the Delete button to delete the Standalone Banner, or use the Reset button to clear all edits back to the default settings.

Pro Tip: Make sure that the design of your banner matches the main theme of your app in order to improve the user experience.

Best Use Case for Standalone Banners

Boost Flash Sales with Countdown Timers

Combine Standalone Banners with Countdown Timers to create a sense of urgency for flash sales or limited-time offers. Position a Countdown Timer directly beneath the Standalone Banner to visually highlight the remaining time for your promotion.

Use Case - Standalone Banner

Example: Show a Standalone Banner with details about a 24-hour flash sale and place below it a Countdown Timer showing an exact time of the flash sale, to be an encouragement for an immediate purchase.

Feel free to reach out to our support team if you have questions or need support. We are here to help and address any issues you may have!

Shopify Mobile App

30-Days Free Trial
Shopify APP
Get Your Mobile App Shopify APP
Go to Top