Tech Talk: Implement Image Carousel to Improve User Experience

July 21, 2015

Earlier this summer we announced the addition of a powerful new tool available for all current customers: the Custom Solutions Library. This ever growing library makes it simple to add new features to your site – even if you are a non-developer.

Let’s take a deep dive into Image Carousel Implementation and why it might enhance your buyers’ ordering experience:

The Bootstrap Carousel Custom Solution was recently added to the Custom Solutions Library. OrderCloud users have added image carousels to their buyer sites in the past, but now non-technical OrderCloud users can follow step-by-step instructions from the Library and implement “must-have” features to sites themselves.

The Bootstrap Carousel allows users to add a rotating image carousel feature to their OrderCloud site. This feature is becoming popular in both B2C and B2B eCommerce sites, as it provides an area to highlight several messages and bring engaging movement to websites in one key location.

Consider using an image carousel to bring attention to sales, promotions, new products, store announcements, or brand information. Don’t fret if your content is constantly changing, the images can be easily changed out in a matter of minutes.

Bootstrap Carousel images are created using Custom User Fields. Using Customer User Fields allows for customization such as:

  • Assigning different image slides to different groups or users
  • Adding an infinite number of image slides
  • Changing the time interval at which the images slide
  • Linking images to an external webpage
  • Linking images to a page on your site
  • Adding text on top of an image


With this solution, you have the freedom to place the image carousel wherever you want on your site – and with a little bit of CSS knowledge, you can additionally change the image details, slider controls, slider sizes, and animations.

Along with Bootstrap Carousel, Product List Add to Cart was also released this week in the Library. Check-out examples of how customers like you have used these features on our demo site here. If you need additional assistance with Custom Solutions like the Bootstrap Carousel, submit a case!