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.