One Page Slider

One Page Slider for website

Navigate your website's content seamlessly with the One Page Slider template, offering a smooth scrolling experience that transitions between sections effortlessly. This template is ideal for single-page websites or long-scrolling layouts.
Rated 4.8 out of 5 from over 800 reviews on G2.com
No credit card required
Easy installation
Works on 99.9% of websites
Free plan available
  • Image and Video Support
  • 5 Layout Styles
  • Text and Title Display
  • Call-to-Action Button
  • Badge Display
  • Pagination and Navigation
  • Custom Auto Slide and Order
  • Effects and Transitions
  • Advanced Design and Size Settings
  • Custom CSS & JS Editors
  • Free-Coding Editor
  • Mobile-Friendly
  • Page-Speed Friendly Lazy Loading
  • Easy Website Integration
Template Catalog

Need a Different Template?

Check out more ready-made templates for any use case or build your own!
Recent Post Carousel
Add a dynamic carousel showcasing your latest blog posts for enhanced visitor engagement on the website.
Create a sleek thumbnail slider to showcase your images or products on your website.
Creating an attention-grabbing header slideshow on your website can set the right tone and leave a lasting imprint.
Embed a slideshow widget to evoke emotion with dynamic backgrounds on your business website page.
Add key content to the homepage of your website in a visually captivating carousel to set the tone from the start.
Add a bold statement to your website with hero content in a carousel format that grabs attention from the get-go.
Add a slider carousel to a website to curate your blog posts, articles, or news updates attractively.
Embed a slider plugin to redirect lost visitors from a 404 page and guide them back to your website.
No Suitable Template?
You can easily assemble the widget you need using our simple-to-use configurator.

Here’s what people say about Elfsight Slider widget


How to add the One Page Slider template to the website?

To add the One Page Slider to your website, take these steps:

  1. Personalize the appearance of the Slider widget to match your preferences.
  2. Log in to your Elfsight dashboard panel or create a free account.
  3. Obtain the unique installation code.
  4. Go to your website.
  5. Insert the code into your website editor. Voila!

If you want to get more information, refer to a comprehensive article on how to embed Slider on any website. Explore it without any hesitation!

What website platforms does the One Page Slider widget integrate with?

Regardless of the platform or CMS, the plugin enables you to add your Slider to 99.9% of websites. But here’s a list of the top 10 frequently used options based on our users’ choices:

Squarespace, Wix, HTML, Webflow, WordPress, Shopify, Elementor, Google Sites, GoDaddy, iFrame, and many others.

Do I need to have coding or programming skills to embed the One Page Slider?

No, you don’t. Seamlessly add your One Page Slider to the website page—no programming skills or a third-party app is necessary. Elfsight ensures that all widgets are made to be code-free, with user accessibility in mind. Additionally, should you have some practical knowledge, you have the liberty to utilize our CSS and JS editors, as well!

Can I use the One Page Slider template for free?

Certainly. Getting yourself a suitable subscription package is easy with Elfsight, thanks to a few selections at your disposal: Free, Basic, Pro, Premium, and Enterprise. Each tier grants access to the whole customization capabilities and embed code for the widget, including the Free plan. Thus, feel free to start with this one, knowing that there are additional chances to enhance your plan and access even more awe-inspiring benefits.

Where can I add the One Page Slider on my website?

There is no precise answer, to be perfectly candid! Feel free to add the widget template in any spot you think is suitable. Considering your business targets and promotional approach, you will be able to discover the perfect position. However, here are a couple of popular clients’ selections: homepage, header areas, merchandise listings, sidebar, content pages, and conversion pages.

How to customize the One Page Slider?

Optimum widget personalization is essential for mirroring your brand identity, adding vibrancy, and enhancing marketing resources. Here’s a guide on what you can accomplish:

  • Slides
    Choosing a suitable design and uploading your content is crucial for embedding the widget. Decide whether you want to showcase images or videos for your slider, then the visual part kicks off with the following elements: layout, headline, text, call-to-action buttons, position, overlay, etc.
  • Advanced settings
    Elfsight presents you with a range of options to improve the functionality: pagination controls, arrows, transitions, navigations, slide order, and automatic display. Also, you can modify the widget’s dimensions!
  • Custom elements and features
    However, there are countless aspects awaiting exploration: links, image effects, JS editor, CSS editor, and so much more.

Rest assured that any bumps or confusion you encounter will be handled with care by our dedicated Customer Support team. They are available to help you and ensure a smooth journey from beginning to end!

Help with One Page Slider Setup and Website Installation

In the realm of beginning your widget template adventure, we’ve curated a ton of sources in case you require assistance, seek direction, or desire to express your thoughts. Take a gander at the following opportunities: