Squarespace Guide

How to Install Opinafy on Squarespace

Add verified customer testimonials to your Squarespace site in less than 5 minutes. Perfectly integrated with your design.

1

Create your Opinafy project

  1. Sign up for Opinafy (it's free).
  2. Go to the Dashboard and click "New Project".
  3. Enter your website name and customize the collection form.
  4. Share the collection link with your customers or import existing testimonials.
2

Get the embed code

  1. Inside your project, go to the "Widget" section.
  2. Customize the design: choose layout (carousel, grid, wall...), colors, and typography.
  3. Copy the embed code shown below the preview.

The code will look like this:

html
<script src="https://opinafy.com/widget.js" data-project="YOUR_PROJECT_ID"></script>

Replace YOUR_PROJECT_ID with your actual project ID.

3

Add the code to Squarespace

You have two options to insert the widget on your Squarespace site:

Option A: Code Block (recommended)

  1. Open the Squarespace Editor and navigate to the page where you want testimonials.
  2. Click "Edit" on the page.
  3. Click on an insertion point and select "Code Block".
  4. Paste the Opinafy code into the block.
  5. Turn off the "Display Source" option.
  6. Click "Apply" and then "Save".

Note: Code Blocks are only available on Squarespace Business plans and above.

Option B: Code Injection

If you want testimonials on every page:

  1. Go to Settings > Advanced > Code Injection.
  2. Paste the Opinafy code in the "Footer" section.
  3. Click "Save".
html
<!-- Opinafy Testimonials Widget -->
<div id="opinafy-widget" class="opinafy-widget" data-project="YOUR_PROJECT_ID"></div>
<script src="https://opinafy.com/widget.js" data-project="YOUR_PROJECT_ID"></script>

With this option you need to add a div container where you want the widget to appear.

Option C: Per-page injection

To add testimonials to a specific page only:

  1. Open the desired page in the Squarespace editor.
  2. Go to Page Settings (gear icon).
  3. Select the "Advanced" tab.
  4. Paste the Opinafy code in the "Page Header Code Injection" field.
  5. Save your changes.
4

Verify it works

  1. Visit your Squarespace site and navigate to the page where you inserted the widget.
  2. It should automatically load and display your approved testimonials.
  3. If you don't see anything, verify you have testimonials with "Approved" status in your dashboard.
  4. Check that the project ID is correct.

Tip: Squarespace may take a few minutes to reflect changes. If you don't see the widget immediately, wait a few minutes and reload the page.

Squarespace Tips

  • The widget integrates perfectly with Squarespace's minimalist aesthetic.
  • Use the "Wall" layout for a masonry-style visual effect that blends well with Squarespace designs.
  • Use the "Dark" theme if your site has a dark background.
  • The widget is fully responsive and adapts to all Squarespace breakpoints.
  • Works with all Squarespace templates, including version 7.1.

Frequently Asked Questions

Does the widget affect my Squarespace site speed?

No. The Opinafy script weighs less than 25 KB and loads asynchronously. It won't affect your site performance.

Does it work with all Squarespace templates?

Yes. The widget uses Shadow DOM to isolate its styles, ensuring compatibility with any Squarespace template without CSS conflicts.

Do I need a Business plan on Squarespace?

To use Code Blocks, yes. However, you can use general Code Injection (available on all paid plans) as an alternative.

Can I customize the widget design?

Absolutely. From the Opinafy dashboard you can change colors, typography, layout, borders, and more to perfectly match your Squarespace site.

Do I need to update the code when I add new testimonials?

No. The widget updates automatically. When you approve a new testimonial, it appears on your site without touching any code.

Ready to add testimonials to your Squarespace site?

Create your free account and start showing social proof on your site in minutes.

Create free accountSee Wix guide