If you have ever wanted to add a rotating slideshow of images along the top of your website, now you can! It’s easier than ever to add an image carousel using Webs new SiteBuilder3.

How to Get Started:

  1. Click on the “Page Settings” menu and select “Change Page Layout” option.
  2. Select a page layout that supports “The Carousel” banner and click “Save Layout”. You can choose from 3 layout types that support the carousel slideshow. They are: “Banner”, “Banner/Left Sidebar” and “Banner/Right Sidebar”.
  3. Once you selected your page layout, an empty carousel will appear in the banner area of your page layout with an option to “Double Click” to start editing it.

Adding images to the carousel slideshow is as simple as double-clicking and selecting imagery from uploaded images, free images available via Flickr, or uploading new once. If you are not sure how to add images, please review the following article on how to add images to your website using SiteBuilder3.

Carousel Options

It is important to note that your carousel slideshow will come with a toolbar displayed along the bottom that controls how the carousel looks and plays. Going from left to right:

  • The blue, numbered buttons allow you to view through the images you’ve added to your carousel.
  • The plus button allows you add more images.
  • The red trashcan button allows you to remove an image from the carousel.
  • The slider menu allows you to adjust the image by zooming-in and out.
  • You can add text and titles above the images you upload and then choose to either display them or not using the Text & Title on and off switches. When you’re editing text or titles, a text-formatting toolbar will appear at the top of the SiteBuilder.
  • The carousel settings button  allows you to control slideshow transition styles and speed, and set auto-play.
  •  
    Have you added a carousel to your website? If so, post your page link below for all to see.

    About the Author: Irina Kabigting is Webs’ Social Media Marketing Manager. Get more from Irina on Webs’ Blog and Google+.

    18 Responses

    1. Reply
      Aniece
      Jun 13, 2012 - 03:14 AM

      Here is the link to the carousel on my website: http://kc-weddings.webs.com/services

    2. Reply
      Matthew
      Jun 14, 2012 - 11:02 AM

      Can you link the pictures in the carousel?

    3. Reply
      srinath reddy
      Jun 15, 2012 - 08:06 AM

      webs is awesome. growing day by day. This is an awesome service for building free websites. Tanq for the team of webs for this wonderful service.

    4. Reply
      Jason
      Jun 17, 2012 - 02:17 PM

      Can you insert a link in the carousel or slideshow?

    5. Reply
      Eslie Taylor
      Jun 18, 2012 - 09:43 AM

      Great addition to your services. Loving it on my web site, thank you

    6. Reply
      Josh
      Jun 18, 2012 - 11:54 PM

      Please add Link option to the slideshow

    7. Reply
      betarchon
      Jun 22, 2012 - 01:14 PM

      please add a link to the slideshow pictures…will be nice and useful…

    8. Reply
      Russel K Joseph
      Jun 23, 2012 - 07:34 PM

      Hey! I like this slideshow service that webs have added but my question is: How to remove the box around the slide?

    9. Reply
      Casimira
      Dec 16, 2012 - 12:39 AM

      I know this if off topic but I’m looking into starting my own blog and was curious what all is required to get set up? I’m assuming having a blog like yours
      would cost a pretty penny? I’m not very web savvy so I’m not
      100% sure. Any suggestions or advice would be greatly appreciated. Appreciate it

    10. Reply
      Rich Wilson
      Feb 07, 2013 - 06:25 PM

      It would really be helpful if we could make the image a clickable html link. I imagine you get a lot of ghost clicks from people trying to access a page from the image itself.

    11. Reply
      www.Parklandcleaners.com
      Jul 22, 2013 - 03:20 AM

      Hello there! This is my first comment here so I just wanted to give a quick shout out
      and tell you I genuinely enjoy reading through your posts.

      Can you recommend any other blogs/websites/forums that
      go over the same subjects? Thank you so much!

    12. Reply
      pity 2014 download
      Jul 24, 2013 - 03:18 AM

      I must thank you for the efforts you have put in writing this blog.
      I really hope to check out the same high-grade content by you later on as well.
      In fact, your creative writing abilities has motivated me to get my own
      site now 😉

    13. Reply
      e deklaracje 2013
      Jul 24, 2013 - 09:11 AM

      I blog frequently and I seriously thank you for your information.
      Your article has really peaked my interest. I will take a note of your site and keep checking for
      new details about once a week. I subscribed to your Feed too.

    14. Reply
      Willy
      Apr 08, 2014 - 04:21 AM

      I’m using http://www.comslider.com slideshow widget… very pleased with it.
      Fully customizable with modern and fancy image transitions…

    15. Reply
      jericho "the Cinema Tube" murito
      Apr 20, 2014 - 07:37 PM

      hi thank you for your tips.. but i have a few questions in my my that i wanna ask you.. is there a possibility that i can insert that carousel on a specific static page? thanks!! kudos

    16. Reply
      cgross
      Jul 07, 2014 - 11:02 PM

      Agree — PLEASE let us link the whole picture in the carousel! Since it’s been over 2 years, I’m assuming it’s an improvement that may never come. I’ve added page links within the captions, but it would be so great to have the picture itself linked.

      Also, I’d like to be able to resize my pictures to take up less prime space on my homepage AND move the title/caption box to different corners of the pictures.

      http://www.elginnazarene.org

      • Reply
        Sarah Matista
        Jul 08, 2014 - 09:04 AM

        Thanks for your feedback – I will send your comment to the product manager now!

      • Reply
        Sarah Matista
        Jul 08, 2014 - 10:43 AM

        We don’t currently have the ability to link the carousel pictures, but your feedback has been noted! As for the sizing, you should be able to make the carousel image shorter or taller by moving the drag handle at the bottom of the picture. The width will not change though since carousels are fixed and vary only by theme.

    Leave a Comment

    STYLE SWITCHER

    Layout Style

    Header Style

    Accent Color