Advice and answers from the Rentech Digital Team

  • Single Banner

    Create a perfect banner for deals and offers and convince customers to buy instantly

    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.