Add an Advanced Slideshow Widget to a Website Page

Want to captivate your audience and enhance visual appeal on your website? Add an Advanced Slideshow to showcase stunning visuals and key messages for a dynamic user experience!

Create engaging slideshows with full-width image and video panels in the order you specify. Use the different panels to feature your app, a sale, a new collection, social accounts, and more.

With an advanced slideshow, shoppers will be greeted by a stunning full-width slideshow featuring vibrant images and videos, seamlessly highlighting new collections, sales, and your app. This engaging visual presentation keeps their attention and encourages exploration.

Adding an advanced slideshow widget has three steps:

1. Add an advanced slideshow widget to a page
2. Customize the widget
3. Publish the widget to your website and/or mobile app

Step 1: Add an Advanced Slideshow Widget to a Page

1. Hover over the side menu of your CommentSold dashboard, then select Site Creator.
2. Select Pages from the options listed at the top of the page.
3. Select the three-dot icon to the far right of the desired page.
4. Select Edit from the options listed.
5. Select +Add Section at the top of the list.
6. Select the Advanced Slideshow widget.

Step 2: Customize the Widget

1. Locate the Advanced Slideshow widget, then select the pencil icon on the right side of the widget row.
2. Customize widget slides, settings, navigation, etc. We detail these sections below.
3. Your site preview will update to reflect the changes to the widget. When you are satisfied, select Publish in the top-right corner of the Site Creator to save the widget.

Slides

1. Select Add Slides.
2. Select Upload to launch your Media Gallery. From here, you can upload images or slides for the widget. 
3. Customize the slide:
   • Enter a Headline for the slide.
   • Enter a Subheadline for the slide.
   • Enter a Button Text for the slide. This will redirect the shopper to your desired page or product collection.
   • Choose your Clickthrough option:
     • Page. Use the drop-down to select an existing page or collection. You can also create a new collection by selecting + Create New Collection.
     • External Link. Enter the URL for the external link.
   • Enter a hex code for the Text Color.
   • Select your desired Text Alignment. 
4. Using the Show Section On section, choose where you wish to publish this section. Options include All, Web, or App (website and mobile app).
5. Repeat the steps to add more slides to the advanced slideshow.

Once you are done adding the slides, go back to the Page Section menu, locate the Advanced Slideshow widget, and select the pencil icon on the right side of the widget row.

Settings

1. Customize the Transition for the widget.
   • Using the Transition Style drop-down, select your desired transition style for the slides.
   • Using the Transition Duration slider, select your desired transition duration for the slides.
   • Using the Slide Delay slider, select your desired duration of delay for the slides.
2. Customize the Navigation for the widget.
   • Enable the Show Arrows toggle to display arrows for going to the next or previous slide.
   • Enable the Show Dot Indicators toggle to display navigational dots on the slideshow.
3. Enable the Autoplay Slides toggle to autoplay slides.
4. Enable the Loop Slides toggle to loop the slides.
5. Enable the Pause On Hover toggle to pause the slides when hovered over.

Advanced and Linking

1. Enable the Allow swiping toggle to determine whether the shopper can go to the next/previous slide by touching or using the mouse.
2. Enter an Anchor Name, this will create a unique URL for this section.

Step 3: Publish the Widget to Your Website and Mobile App

1. Hover over the side menu of your CommentSold dashboard, then select Site Creator.
2. Select Pages from the options listed at the top of the page.
3. Select the three-dot icon to the far right of the desired page.
4. Select Edit from the options listed.
5. Select the pencil icon on the right side of the desired widget row.
6. Scroll down to Show Section On and choose where you wish to publish this section. Options include All, Web, or App (website and mobile app).
7. Your site preview will update to reflect the changes to the widget. When you are satisfied, select Publish in the top-right corner of the Site Creator to save the widget.