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?
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.
Click here to learn how to preview app updates through the Swipecart mobile app on your mobile device.
What's Next? 🤔
Explore the next article Timer