1. Hello Guest!

    Thank you for visiting the ClubRunner Community website, you can login using your ClubRunner account information by clicking the login link on the top of every page.
    Dismiss Notice

Spice up your website with dynamic image carousels

Discussion in 'General' started by Divya on Jul 10, 2020.

  1. Divya

    By:DivyaJul 10, 2020
    Moderator
    ClubRunner Team

    Joined:
    Jun 10, 2017
    Messages:
    9
    Likes Received:
    6
    You’ve heard it time and time again, your website has to be exciting, interactive and able to capture your audience. Exciting headings, text, images and even colour all play a part in making your website captivating. Now, you can go one step further with dynamic carousels!

    What are dynamic carousels?

    A dynamic carousel is an interactive slideshow of images that you can use as a banner or to add as a visual between your content. Add an overlay of text and even link an image to another document, page or website altogether.

    [​IMG]

    Used effectively, dynamic carousels can help:
    • Make an impression to your visitor
    • Help highlight the important events, missions and areas of interest for your website
    • Become a focal point to captivate your audience to act on your call to action (e.g. donating to a fundraiser)
    • Help promote your content
    How can we design a captivating carousel?
    1. Use large, crisp images: Use high resolution images that are all the same size and dimensions. Check out some best practice tips for image size and a library of Rotary images here.
    2. Limit the number of images: Try to limit the number of images used in a carousel to a maximum of 5. Adding too many images can cause the reader to lose interest.
    3. Limit the text on the overlay: While text can help bring your visual to life, limit the characters on the slider to simple headlines. Keep it short and catchy and you’ll be sure to engage your audience.
    4. Link it to related pages: When required, link the slider image to its related document, story or custom page. This invites the reader to engage with your website, which not only is good for your search engine optimization but to keep your audience on your website!

    Learn more on adding the dynamic carousel on your website here. Comment below with a link to your website showcasing your carousel!
     
    Last edited: Jul 11, 2020
  2. Marlene Heller

    By:Marlene HellerJul 11, 2020
    New Community Member

    Joined:
    Jul 11, 2020
    Messages:
    1
    Likes Received:
    0
    Gender:
    Female
    Occupation:
    Marketing
    Is this different from the carousel that was available before?
     
  3. Zach

    By:ZachJul 17, 2020
    Moderator
    ClubRunner Team

    Joined:
    Jun 5, 2017
    Messages:
    399
    Likes Received:
    61
    Gender:
    Male
    Occupation:
    Product Specialist
    Location:
    ClubRunner
    Hi Marlene,

    That is a great question. The classic or simple carousel widget was simply pulling a collection of all of the photos stored inside of the module. The new Dynamic carousels allow you to build individual slides with custom text, html, and more. I would suggest getting started with our KB article that goes into more detail: https://www.clubrunnersupport.com/article/1847-widget-dynamic-carousel

    Let us know how it goes!
     
  4. Alex

    By:AlexJul 22, 2020
    New Community Member

    Joined:
    Jul 9, 2020
    Messages:
    1
    Likes Received:
    0
    Gender:
    Male
    Location:
    Plano, TX, United States of America
    Hello There!

    How do I resize the images that display on the screen in Carousel?

    -Alex
     
Top