• You can add a single banner to your mobile app page simply by dragging and dropping the required widget into the draft app.

  • For this, go to “Designs

  • Hover over the design where you’d want to add the single banner and choose “Edit

  • Click on the “Home” tab on the top bar.

  • You’ll see a widget panel on the right-hand side with different widget options.

  • Choose “Single banner’’ from the drop-down list

  • The single banner widget has multiple UI.

  • From here, choose the single design you’d like to add and drop it into the draft app at the preferred location.

  • Hover on the banner to “Add/Edit Image

  • Clicking on “Add/Edit Content” will open up a pop-up.

How to Add/Edit Content of Single Banner?

  • Name the widget and upload an image.

  • With this, you can add an image link that will go to-

    • Product

    • Collection

    • Page

    • External Link (web URL)

  • Choose the products, collections, or pages you’d want to link to, or add a link that’ll go to an external page (Select the ‘‘Open outside the app’’ option for a link that’ll open with the device browser).

  • Click on ‘‘Add’’ when done.

  • If the ‘‘Internal Linking’’ option is unchecked, you’d be able to upload only an image without a link.

  • Once done, click on “Save Banner”.

  • Once you’ve uploaded your banner, there will be an ‘‘Edit Style’’ option below Add/Edit Image.

How to Edit Style Content of Single Banner?

  • Here, you can edit the

    • Radius

    • Padding

    • Container padding

    • Image (orientation)

    • Title Alignment

    • Background

    • Font Color

    • Box Shadow

  • Adjust these variables as per your design format. Check the eventual look of the widget in the preview given alongside.

  • Click ‘Save’ when done.

  • You can see the “Preview” using the preview app.



What's Next? 🤔
Explore the next article Timer


Did this answer your question?