Step 1: Click on the CWS Shortcodes icon

cws shortcodes

Step 2: Click on the option labeled “Carousel” on the side panel

carousel

Step 3: To add another slide in the carousel, click “Add Item”

Step 4: Click the “Insert” button at the bottom to add the callout to the page

Step 5: Click the blue “Update” button on the right side to update the page


Example

Elements

Indicators:

  • Small circles on the carousel that indicates which slide is currently being displayed

Containers:

  • Specifies if the content in the carousel should be contained

Full Screen:

  • Specifies if the carousel should be full width

Controls:

  • Displays the clickable arrows to transition to the next carousel slide

Pause:

  • Determines if the carousel should hover or stay on the same slide

Hover:

  • Determines if the carousel transitioning should pause when the mouse cursor hovers over the current carousel slide

Never:

  • Determines if slides in the carousel transition continually without pause

Speed:

  • Specifies the frequency of the carousel slide transitions

Content:

  • The content or image that will be displayed in the carousel slide