Ghost Plugins

View Original

Boldly Testimonial Slider (Preview Guide)


Super Plugin Info

  • Works with Squarespace 70 (Brine) and 7.1

  • Requires Business Plan or Higher

  • Uses CSS Editor and Code Injection


Step 1. Add this code to Header Code Injection

See this content in the original post

Step 2 (a). Add this code to Footer Code Injection - For Squarespace 7.1

See this content in the original post

Step 2 (b). Add this code to Footer Code Injection - For Squarespace 7.0 (Brine Family)

See this content in the original post

Step 3. Add this code to Custom CSS

See this content in the original post

Step 4 (a). Customizable Options - Footer Code Injection

These options are available in Footer Code Injection.

  • Autoplay (On or Off)

  • Autoplay Duration


Step 4 (b). Customizable Options - Custom CSS

These options are available in CSS.

  • Background Color

  • Main Border Radius

  • Main Border Style

  • Subtle Shadow Color

  • Quote Size and Color

  • Name Title Size and Color

  • Tag Meta Size and Color

  • Arrow Size, Background Color, and Icon Color

  • Quote Icon Size and Color

  • Bullet Slider Icon Size and Color


Step 5. Set Up and Manage Your Testimonials

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 testimonial.

  • Blog Title = Title Text

  • Blog Tag = Subtitle Text

  • Blog Image = Image

  • Blog Excerpt = Quote Text

Why a blog? The blog page is simply used as a workaround to house and manage your testimonials. You’ll link this blog page to a summary block in the next step.


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)

  • Primary Metadata: Tags

  • Enable: Title, Image, Excerpt

  • Layout: Carousel Style

⚠️ Important: Add the text boldly (in all lowercase) to the summary block’s header text box.


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)

  • Primary metadata is set to tags.

  • The boldly text has been added to the summary’s header box.

  • A title, excerpt, image, and tag are all required in each post.

  • If only 3 items are showing, check the summary block’s number of items setting.