How to Add Weebly Pro Header Slideshow in Non-responsive Themes?
Weebly Pro header slideshow option is one of the eminent features of the Weebly Pro pack which can be ideally used for landing pages. The look of your page will become beautiful with the images sliding in the header. You can also link each images to different pages in your site to increase time spent on your site by the user. Unfortunately Weebly disabled the header slideshow feature in all responsive themes but you can still add slideshow in header following this tutorial. In this article we will discuss how to add header slideshow in non-responsive themes for Weebly Pro and better plan users.
How to Create a Header Slideshow?
Non-responsive themes will have different header types (or page layouts). So when you are creating a page to add header slideshow select the page layout as tall header, short header or landing page according to your requirement. Obviously no header layout will not have any header image, so you should not select this header type for creating header slideshow.
Prepare the images with appropriate size for suiting the selected header size. You can view the header image size using inspect element option in the browser.
Once your image are ready, go to Weebly editor and move the mouse over the header image. You will see the option for creating a slideshow as shown in the below picture.
Click on the "Create Slideshow" option and upload all your images.
Customizing the Slideshow
You can add captions to each image and also link the image to any page on your site. Any point of time you can add or delete images to the slideshow.
Choose transition style, navigation style, slide delay and dot position for your slideshow. Once you complete the customizations, check out the preview of your customizations before saving the changes.
You have the following three options for saving your slideshow:
- Save only to that particular page
- Save to all pages in your site and
- Save only to the selected pages in your site.
Features of Header Slideshow
- Gives excellent look for landing pages
- Option to enable links to the images
- Option to edit the slide images using image editor
- Various transition styles can be selected
- Various styles of arrows and dots can be selected
- Slide delay can be set as required
- Option to enable header slideshow on all pages or one page or any selected pages
Alternate Option for Free Users
Weebly free users can also get the header slideshow by editing HTML/CSS without upgrading to Pro account. Learn more about creating header slideshow for free Weebly site here. If you are looking for alternative to the default slideshow element then check out the free Nivo slider widget for Weebly site with different styles.