Video Tutorial of Single Banner
- 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.