Ghost has a new look! Orders and accounts made before October 19th, 2026 are available on our legacy platform.
Ghost Plugins
Legacy Plugin

Naton Slideshow

ImagesCSS + JSWorks with Squarespace 7.1, Requires Core/Business Plan or Higher, Uses CSS Editor and Code InjectionFree

The original library, featuring hundreds of free copy-and-paste plugins for Squarespace. These legacy plugins are preserved as they were originally released and are available as-is. For no-code plugins with visual editing and live previews, explore the current plugin library.

Overview

Build a Squarespace slideshow with text overlays, a slide counter, and navigation arrows.

Plugin Delivery

Free Plugin

This is a free plugin from the original Ghost Plugins library. Copy the code below and paste it into your Squarespace site. No purchase or account needed.

Squarespace Compatibility & Requirements

Compatibility notes preserved from the original release.

Works with Squarespace 7.1, Requires Core/Business Plan or Higher, Uses CSS Editor and Code InjectionSupported
Custom CSSRequired

Customizable Options

  • ⚠️ Before You Begin - Squarespace Animations
  • We recommend Squarespace Animations (FLEX) be disabled or a different animation style be used when using this plugin. Squarespace Animations can sometimes conflict with third-party code.
  • Helpful Tip - Transparent Header (Optional)
  • For a transparent header, set the transparentHeaderAboveSlider Footer Code Injection option to true and change the header’s color to Adaptive in header settings.
  • Plugin Notes
  • - Font family inherits from title and body settings. - Cannot use other plugins that also use the carousel layout. - Squarespace's native carousel layout will not be available.
  • Troubleshooting (Plugin Not Working)
  • - The naton text has been added to the summary’s header text box. - A title, excerpt, and image are all required in each post. - Disabling Squarespace Animations is recommended. - Using one slideshow on a single page is recommend as having multiple may affect some functionality.

Install

Legacy plugins install by hand, there is no Plugin Studio build for this one.

  1. 1Copy the code from the Code Documentation section below.
  2. 2In Squarespace, open Website, Pages, Website Tools, Custom CSS for CSS, or Settings, Advanced, Code Injection for HTML and JavaScript.
  3. 3Paste the code, save, then refresh your site to see the plugin running.

Code Documentation

1. Add this code to Header Code Injection Code 1.

2. Add this code to Footer Code Injection Code 2.

3. Add this code to Custom CSS Code 3.

4. Follow the parts below - 4(a). Customizable Options - Footer Code Injection These options are available in Footer Code Injection. - Transparent or Solid Header - Autoplay (On or Off) - Autoplay Duration

- 4(b). Customizable Options - Custom CSS These options are available in Custom CSS. - Title Size and Color - Description Size and Color - Mobile Title Size - Mobile Description Size - Item Counter Size and Color - Arrow Icon Size and Color - Slideshow Height - Mobile Slideshow Height - Overlay Color - Color On Load (If Connection Is Slower) - Text Content Width

5. Set Up and Manage Your Slides Create a new blog page and add a new post with the following inputs. Each input will turn into a certain element within the plugin. Repeat this step for each slide – all items are required for the plugin to work. - Blog Title = Title Text - Blog Image = Image - Blog Excerpt Text= Description Text Why a blog?The blog page is simply used as a workaround to house and manage your slides. You’ll link this blog page to a summary block in the next step.

6. Add a Summary Block Add a summary block to any page with these settings - this will link the summary block to the blog you just created. All settings are required for the plugin to work. - Select a Page: The Blog Page (From Step 5) - Enable: Title, Image, Excerpt - Layout: Carousel Style ⚠️ Important:Add the text naton (all lowercase) to the summary block’s header text box.

FAQ

Answers to common questions about setup, customization, and troubleshooting.

Is this plugin free?

Yes. Legacy plugins are free to use on any site, no account or purchase needed.

Will it work on my Squarespace version?

Legacy plugins were built for the version noted in Squarespace Compatibility & Requirements and are provided as-is. Newer platform changes may require small tweaks.

Can I customize it?

Yes. Edit the values in Script Settings or override the selectors listed under Classes and Styling in your Custom CSS.

Do you support legacy plugins?

Legacy plugins are no longer updated. For maintained plugins with Plugin Studio and ongoing support, browse the current plugin library.

Changelog

A history of updates released for this plugin.

Original release

Archived exactly as it shipped in the original plugin library. No further updates are planned for legacy plugins.

Community

Give claps, share your site, and talk with others using this plugin.

Community

0 claps

Show thanks for this plugin.

Loading…