You can add carousel banners to your mobile app pages 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 carousel banners 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 “Carousel Banner” from the drop-down list.
Carousel Banner widget has multiple UI.
You can drag and drop from widget options and Select the UI variant you want to use with your application.
Once you finalize the view you can hover over the design section and see the button to “Add/Edit Content”.
Clicking on “Add/Edit Content” will open up a pop-up.
How to Add/Edit Content of Carousel Banner?
Widget Title: Name the widget and upload an image
Internal Linking: With this, you can add an image link that will go to-
External Link (web URL)
Choose the product, collection, or page you’d want to link to, or add a link 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 carousel banner, there will be an “Edit Style” option below Add/Edit Image.
How to Edit Style of Carousel Banner?
Here, you can edit the
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 Collection Grid