Since joining the airSlate family in September 2023, we have focused almost exclusively on product updates to upgrade our platform by offering industry-first solutions that our customers need.
We have already launched several new features in the past few months, including text formatting and expert layouts, and are on track to roll out more powerful features in the coming months.
Today, we’re happy to announce the launch of the new Carousel Feature. With this update, marketers can add a web carousel to their landing pages in seconds—no custom coding is required.
This was a popular feature request from our active customer community, and we’re thrilled that it is now a reality inside the Instapage builder.
Enjoy an interactive way to increase engagement
One of the most effective ways to engage page visitors is with interactive elements. Giving visitors an easy way to actively explore information on your page beyond passive scrolling helps inspire action, reduces bounce rates, and increases the chances of conversion.
Carousels offer an easy and familiar way to add interactivity to your landing page. Carousels provide an interactive way for users to explore different aspects of your page in a horizontally scrolling series of images, panels, or other content, similar to styles used on Instagram and Facebook.
They are also especially useful when you have limited screen real estate and want to highlight various aspects of your offer without overwhelming visitors.
The addition of the Instapage Carousel feature helps you add interactivity to your page, increasing page engagement and initiating the power of storytelling.
What to showcase in your carousel
The web carousel feature gives marketers plenty of flexibility in what to display on their landing pages. Marketers may use a carousel to create engaging testimonial blocks, product showcases, and image presentations.
The Blendjet landing page uses a carousel to showcase how customers use the portable blender:
Purdy & Figg use a carousel to feature lifestyle and product images of the non-toxic cleaners:
Best practices for using carousels
While carousels can be easy to use and intuitive, it’s always a good idea to follow these best practices when adding the element to your landing page:
- Use high-quality images: Make sure your images are hi-res, sharp, and visually attractive
- Make navigation obvious: Visitors can either manually scroll through your carousel or it will auto-loop. Make sure there’s a straightforward way to show how to scroll through your carousel, either with arrows or indicators that match the number of slides you have. If your carousel is auto-looping, ensure it isn’t playing too quickly or too slowly.
- Make it mobile-friendly: Your carousel should function properly whether viewed on a desktop or mobile device. Make sure it loads, loops, and looks what you intend it to on all devices.
- Add descriptions: Include brief descriptions on each carousel slide when that makes sense. You want to give your users context about what they’re viewing and why it would matter to them.
Start using carousels on your landing pages today
If you’re looking for a way to turn up the engagement percentage on your landing pages, a carousel might be just what you need. Carousels allow you to increase the number of visual elements on your page without using up more real estate.
Find out how to add a carousel to your landing page using the Instapage app here.
Sign up for a 14-day free trial today and start adding your carousels today.
.cp_style_180778 .cp-popup-content {font-family:Montserrat;font-style:600;font-weight:600;}.cp_style_180778 .cp-popup-content{ border-style:none;border-color:#e1e1e1;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;mobile-breakpoint:767;}.cp_style_180778 #panel-1-180778 .cp-target:hover { }.cp_style_180778 #panel-1-180778 { }.cp_style_180778 .cp-popup-content { width:770px;height:250px;background-color:#050d1a;}@media ( max-width: 767px ) {.cp_style_180778 .cp-popup-content{ border-style:none;border-color:#e1e1e1;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;mobile-breakpoint:767;}.cp_style_180778 #panel-1-180778 .cp-target:hover { }.cp_style_180778 #panel-1-180778 { }.cp_style_180778 .cp-popup-content { width:272px;height:450px;background-color:#050d1a;}}.cp_style_180778 .cp-popup .cpro-form .cp-form-input-field{ font-family:inherit;font-style:inherit;font-weight:inherit;font-size:13px;letter-spacing:0;text-align:left;color:#666;background-color:#fff;border-style:solid;border-width:1px 1px 1px 1px;border-radius:1px 1px 1px 1px;border-color:#bbb;active-border-color:#666;padding:0px 10px 0px 10px;}.cp_style_180778 #form_field-180778 .cp-target:hover { }.cp_style_180778 #form_field-180778 placeholder { color:#666;}.cp_style_180778 .cp-popup .cpro-form .cp-form-input-field input[type=’radio’], .cp_style_180778 .cp-popup .cpro-form .cp-form-input-field input[type=’checkbox’] {color:#666;background-color:#fff;}.cp_style_180778 .cp-popup .cpro-form .cp-form-input-field:focus {border-color: #666;}.cp_style_180778 .cp-popup .cpro-form .cp-form-input-field::-webkit-input-placeholder {color:#666;}.cp_style_180778 .cp-popup .cpro-form .cp-form-input-field::-moz-placeholder {color:#666;}.cp_style_180778 .cp-popup .cpro-form .pika-lendar table tbody button:hover { background :#666;}.cp_style_180778 .cp-popup .cpro-form .pika-lendar table tbody .is-selected .pika-button { background :#666;box-shadow : inset 0 1px 3px #666;}.cp_style_180778 #form_field-180778 { }@media ( max-width: 767px ) {.cp_style_180778 .cp-popup .cpro-form .cp-form-input-field{ font-family:inherit;font-style:inherit;font-weight:inherit;font-size:14px;letter-spacing:0;text-align:left;color:#666;background-color:#fff;border-style:solid;border-width:1px 1px 1px 1px;border-radius:1px 1px 1px 1px;border-color:#bbb;active-border-color:#666;padding:0px 10px 0px 10px;}.cp_style_180778 #form_field-180778 .cp-target:hover { }.cp_style_180778 #form_field-180778 placeholder { color:#666;}.cp_style_180778 .cp-popup .cpro-form .cp-form-input-field input[type=’radio’], .cp_style_180778 .cp-popup .cpro-form .cp-form-input-field input[type=’checkbox’] {color:#666;background-color:#fff;}.cp_style_180778 .cp-popup .cpro-form .cp-form-input-field:focus {border-color: #666;}.cp_style_180778 .cp-popup .cpro-form .cp-form-input-field::-webkit-input-placeholder {color:#666;}.cp_style_180778 .cp-popup .cpro-form .cp-form-input-field::-moz-placeholder {color:#666;}.cp_style_180778 .cp-popup .cpro-form .pika-lendar table tbody button:hover { background :#666;}.cp_style_180778 .cp-popup .cpro-form .pika-lendar table tbody .is-selected .pika-button { background :#666;box-shadow : inset 0 1px 3px #666;}.cp_style_180778 #form_field-180778 { }}.cp_style_180778 #cp_image-0-180778 .cp-target { width:267px;height:205px;}.cp_style_180778 #cp_image-0-180778 .cp-target:hover { }.cp_style_180778 #cp_image-0-180778 .cp-target { border-style:none;}.cp_style_180778 #cp_image-0-180778 .cp-target ~ .cp-field-shadow { border-style:none;}.cp_style_180778 #cp_image-0-180778 .cp-target { border-color:#757575;}.cp_style_180778 #cp_image-0-180778 .cp-target ~ .cp-field-shadow { border-color:#757575;}.cp_style_180778 #cp_image-0-180778 .cp-target { border-width:1px 1px 1px 1px;}.cp_style_180778 #cp_image-0-180778 .cp-target ~ .cp-field-shadow { border-width:1px 1px 1px 1px;}.cp_style_180778 #cp_image-0-180778 .cp-target { border-radius:0px 0px 0px 0px;}.cp_style_180778 #cp_image-0-180778 .cp-target ~ .cp-field-shadow { border-radius:0px 0px 0px 0px;}.cp_style_180778 #cp_image-0-180778 .cp-target > .cp-close-link { border-radius:0px 0px 0px 0px;}.cp_style_180778 #cp_image-0-180778 .cp-target > .cp-close-image { border-radius:0px 0px 0px 0px;}.cp_style_180778 #cp_image-0-180778 .cp-target { }.cp_style_180778 #cp_image-0-180778 .cp-target ~ .cp-field-shadow { }.cp_style_180778 #cp_image-0-180778 .cp-rotate-wrap{ transform:rotate( 0deg);}.cp_style_180778 #cp_image-0-180778 .cp-target:hover { }.cp_style_180778 #cp_image-0-180778 .cp-target:hover ~ .cp-field-shadow { }.cp_style_180778 #cp_image-0-180778 { left: 17px;top: 31px;z-index:2;}@media ( max-width: 767px ) {.cp_style_180778 #cp_image-0-180778 .cp-target { width:201px;height:158px;}.cp_style_180778 #cp_image-0-180778 .cp-target:hover { }.cp_style_180778 #cp_image-0-180778 .cp-target { border-style:none;}.cp_style_180778 #cp_image-0-180778 .cp-target ~ .cp-field-shadow { border-style:none;}.cp_style_180778 #cp_image-0-180778 .cp-target { border-color:#757575;}.cp_style_180778 #cp_image-0-180778 .cp-target ~ .cp-field-shadow { border-color:#757575;}.cp_style_180778 #cp_image-0-180778 .cp-target { border-width:1px 1px 1px 1px;}.cp_style_180778 #cp_image-0-180778 .cp-target ~ .cp-field-shadow { border-width:1px 1px 1px 1px;}.cp_style_180778 #cp_image-0-180778 .cp-target { border-radius:0px 0px 0px 0px;}.cp_style_180778 #cp_image-0-180778 .cp-target ~ .cp-field-shadow { border-radius:0px 0px 0px 0px;}.cp_style_180778 #cp_image-0-180778 .cp-target > .cp-close-link { border-radius:0px 0px 0px 0px;}.cp_style_180778 #cp_image-0-180778 .cp-target > .cp-close-image { border-radius:0px 0px 0px 0px;}.cp_style_180778 #cp_image-0-180778 .cp-target { }.cp_style_180778 #cp_image-0-180778 .cp-target ~ .cp-field-shadow { }.cp_style_180778 #cp_image-0-180778 .cp-rotate-wrap{ transform:rotate( 0deg);}.cp_style_180778 #cp_image-0-180778 .cp-target:hover { }.cp_style_180778 #cp_image-0-180778 .cp-target:hover ~ .cp-field-shadow { }.cp_style_180778 #cp_image-0-180778 { left: 17.5px;top: 45px;z-index:2;}}.cp_style_180778 #cp_heading-0-180778 .cp-target { font-family:Montserrat;font-style:Inherit;font-weight:Inherit;font-size:24px;line-height:1.43;letter-spacing:0px;text-align:left;color:#ffffff;width:413px;height:73px;}.cp_style_180778 #cp_heading-0-180778 .cp-target:hover { }.cp_style_180778 #cp_heading-0-180778 .cp-rotate-wrap{ transform:rotate( 0deg);}.cp_style_180778 #cp_heading-0-180778 { left: 484px;top: 71px;z-index:3;}@media ( max-width: 767px ) {.cp_style_180778 #cp_heading-0-180778 .cp-target { font-family:Montserrat;font-style:Inherit;font-weight:Inherit;font-size:18px;line-height:1.54;letter-spacing:0px;text-align:center;color:#ffffff;width:209px;height:104px;}.cp_style_180778 #cp_heading-0-180778 .cp-target:hover { }.cp_style_180778 #cp_heading-0-180778 .cp-rotate-wrap{ transform:rotate( 0deg);}.cp_style_180778 #cp_heading-0-180778 { left: 31.5px;top: 238px;z-index:3;}}.cp_style_180778 #cp_heading-1-180778 .cp-target { font-family:inherit;font-style:Inherit;font-weight:Inherit;font-size:16px;line-height:1.5;letter-spacing:0px;text-align:left;color:#ffffff;width:446px;height:46px;}.cp_style_180778 #cp_heading-1-180778 .cp-target:hover { }.cp_style_180778 #cp_heading-1-180778 .cp-rotate-wrap{ transform:rotate( 0deg);}.cp_style_180778 #cp_heading-1-180778 { left: 484px;top: 143px;z-index:4;}@media ( max-width: 767px ) {.cp_style_180778 #cp_heading-1-180778 .cp-target { font-family:inherit;font-style:Inherit;font-weight:Inherit;font-size:16px;line-height:1.5;letter-spacing:0px;text-align:center;color:#ffffff;width:225px;height:106px;}.cp_style_180778 #cp_heading-1-180778 .cp-target:hover { }.cp_style_180778 #cp_heading-1-180778 .cp-rotate-wrap{ transform:rotate( 0deg);}.cp_style_180778 #cp_heading-1-180778 { left: 23.5px;top: 351px;z-index:4;}}.cp_style_180778 #cp_button-0-180778 .cp-target { font-family:inherit;font-style:Inherit;font-weight:Inherit;font-size:14px;letter-spacing:0px;text-align:center;color:#06135b;background:#fafdff;width:199px;height:41px;padding:0px 15px 0px 15px;}.cp_style_180778 #cp_button-0-180778 .cp-target:hover { color:#fafdff;background:#000000;}.cp_style_180778 #cp_button-0-180778 .cp-target { border-style:solid;}.cp_style_180778 #cp_button-0-180778 .cp-target ~ .cp-field-shadow { border-style:solid;}.cp_style_180778 #cp_button-0-180778 .cp-target { border-color:#ffffff;}.cp_style_180778 #cp_button-0-180778 .cp-target ~ .cp-field-shadow { border-color:#ffffff;}.cp_style_180778 #cp_button-0-180778 .cp-target { border-width:2px 2px 2px 2px;}.cp_style_180778 #cp_button-0-180778 .cp-target ~ .cp-field-shadow { border-width:2px 2px 2px 2px;}.cp_style_180778 #cp_button-0-180778 .cp-target { border-radius:43px 43px 43px 43px;}.cp_style_180778 #cp_button-0-180778 .cp-target ~ .cp-field-shadow { border-radius:43px 43px 43px 43px;}.cp_style_180778 #cp_button-0-180778 .cp-target > .cp-close-link { border-radius:43px 43px 43px 43px;}.cp_style_180778 #cp_button-0-180778 .cp-target > .cp-close-image { border-radius:43px 43px 43px 43px;}.cp_style_180778 #cp_button-0-180778 .cp-target { }.cp_style_180778 #cp_button-0-180778 .cp-target ~ .cp-field-shadow { }.cp_style_180778 #cp_button-0-180778 .cp-rotate-wrap{ transform:rotate( 0deg);}.cp_style_180778 #cp_button-0-180778 .cp-target:hover { border-color:#ffffff;}.cp_style_180778 #cp_button-0-180778 .cp-target:hover ~ .cp-field-shadow { border-color:#ffffff;}.cp_style_180778 #cp_button-0-180778 { left: 333px;top: 165.5px;z-index:7;}@media ( max-width: 767px ) {.cp_style_180778 #cp_button-0-180778 .cp-target { font-family:inherit;font-style:Inherit;font-weight:Inherit;font-size:14px;letter-spacing:0px;text-align:center;color:#06135b;background:#fafdff;width:192px;height:40px;padding:0px 15px 0px 15px;}.cp_style_180778 #cp_button-0-180778 .cp-target:hover { color:#fafdff;background:#000000;}.cp_style_180778 #cp_button-0-180778 .cp-target { border-style:solid;}.cp_style_180778 #cp_button-0-180778 .cp-target ~ .cp-field-shadow { border-style:solid;}.cp_style_180778 #cp_button-0-180778 .cp-target { border-color:#ffffff;}.cp_style_180778 #cp_button-0-180778 .cp-target ~ .cp-field-shadow { border-color:#ffffff;}.cp_style_180778 #cp_button-0-180778 .cp-target { border-width:2px 2px 2px 2px;}.cp_style_180778 #cp_button-0-180778 .cp-target ~ .cp-field-shadow { border-width:2px 2px 2px 2px;}.cp_style_180778 #cp_button-0-180778 .cp-target { border-radius:43px 43px 43px 43px;}.cp_style_180778 #cp_button-0-180778 .cp-target ~ .cp-field-shadow { border-radius:43px 43px 43px 43px;}.cp_style_180778 #cp_button-0-180778 .cp-target > .cp-close-link { border-radius:43px 43px 43px 43px;}.cp_style_180778 #cp_button-0-180778 .cp-target > .cp-close-image { border-radius:43px 43px 43px 43px;}.cp_style_180778 #cp_button-0-180778 .cp-target { }.cp_style_180778 #cp_button-0-180778 .cp-target ~ .cp-field-shadow { }.cp_style_180778 #cp_button-0-180778 .cp-rotate-wrap{ transform:rotate( 0deg);}.cp_style_180778 #cp_button-0-180778 .cp-target:hover { border-color:#ffffff;}.cp_style_180778 #cp_button-0-180778 .cp-target:hover ~ .cp-field-shadow { border-color:#ffffff;}.cp_style_180778 #cp_button-0-180778 { left: 40px;top: 364.5px;z-index:7;}}.cp_style_180778 #cp_heading-2-180778 .cp-target { font-family:Montserrat;font-style:Inherit;font-weight:Inherit;font-size:24px;line-height:1.43;letter-spacing:0px;text-align:left;color:#ffffff;width:415px;height:109px;}.cp_style_180778 #cp_heading-2-180778 .cp-target:hover { }.cp_style_180778 #cp_heading-2-180778 .cp-rotate-wrap{ transform:rotate( 0deg);}.cp_style_180778 #cp_heading-2-180778 { left: 338px;top: 35px;z-index:8;}@media ( max-width: 767px ) {.cp_style_180778 #cp_heading-2-180778 .cp-target { font-family:Montserrat;font-style:Inherit;font-weight:Inherit;font-size:18px;line-height:1.54;letter-spacing:0px;text-align:center;color:#ffffff;width:207px;height:112px;}.cp_style_180778 #cp_heading-2-180778 .cp-target:hover { }.cp_style_180778 #cp_heading-2-180778 .cp-rotate-wrap{ transform:rotate( 0deg);}.cp_style_180778 #cp_heading-2-180778 { left: 33.5px;top: 234px;z-index:8;}}@media ( max-width: 767px ) {.cp_style_180778 .cp-invisible-on-mobile {display: none !important;}}
Try the world’s most advanced landing page platform with a risk-free trial.
