Font Preview Tool For Squarespace

Back to overview

Font Preview Tool For Squarespace

Cover Image for Font Preview Tool For Squarespace
Rossveth Lopez

Rossveth Lopez

Rossveth Lopez

Rossveth Lopez

So you have your own website in Squarespace. That's cool!

Our FontVisual Showcase previews can be easily embedded to your website so your customers stay in one place.

Setting up your Squarespace site will take less than 10 minutes.

Let's start!

Where to place your Font Preview

There are two common places where businesses place their font previews.

One is to use a separate page on their website to display all their font showcases.

Another is to have the showcase in individual product pages.

Some businesses do the first or the latter or both. It's up to you whichever approach works best for your business.

The Showcase embed code

The first step is getting the Showcase embed code. This code will allow you to embed the Showcase page within your website.

When you go to your Showcases page, you should be able to see an Embed button for each showcase, like this: Copy Embed Code

Click on the Embed button to copy the code to your clipboard.

Setup Font Preview in Squarespace

The steps below are for creating a separate page for font previews.

  1. From your Squarespace website dashboard, click Pages then create a blank page. Create New Page
  2. Edit your new page.
  3. Click Add A Section, and click Add Blank to add a blank section. Add Blank Section
  4. Click an insert point, and click Code. Click insert point, click Code
  5. Paste the embed code from your clipboard (the one copied from the FontVisual Showcase page). Set Mode to HTML (this is the default). Paste Embed Code
  6. Save your page.
  7. When you preview your page you can already see the font preview live. Font Preview Live

© 2022 FontVisual. All rights reserved



AboutContact UsPricing

Stay up to date