A Beginner’s Guide to Squarespace Embed Blocks

You can use a Squarespace embed block to embed external media into your website using code.

Embed blocks are super easy to use for most videos and social media posts directly to a page in your Squarespace website.

All you need to do is paste the link and let Squarespace will do the rest!

You can also paste custom embed codes directly from a third party program, like Vimeo or Google drive. These codes will have their own settings that can alter the way content is displayed.

How to add an embed block to Squarespace

Here is an example of an embed block that features one of my podcast episodes:

description example

  1. Select edit on the top left-hand side of your website preview.

  2. Click the add block option on a page section, or the plus sign inside classic editor.*

  3. Select the Embed option form the list of content blocks

  4. Chose to embed as a link or as a code snippet.

  5. Both options allow you to add a custom featured image and a description. The description will be displayed on your site underneath the embedded content.

*Classic editor is used by blog posts, additional product details, individual events, and sites built on version 7.0 Learn more inside Squarespace Made Simple*

What you can customize about the embed block using Squarespace

  • You can use a featured image that will display over the embedded content until the site visitor interacts with it. You can also add description text that will be displayed underneath the embedded content.

  • The content customization is limited for an embed block as most code snippets contain style formatting.

What you can customize about the embed block design using CSS

CSS stands for Cascading Style Sheet and it’s a special type of code that you can use to customize Squarespace.

In August of 2024, new tutorials will be published that will help you customize the style of your amazon product block. There are no custom code tutorials available for this content block at this time.

Where you can learn more about the Squarespace embed block

Squarespace Made Simple

This mini course for beginners will teach you how to create your first Squarespace website. Lesson seven includes information about content blocks.

LEARN MORE →

Squarespace Support Article

Learn more from the official Squarespace support blog

Squarespace

made simple

Get all the info you need to confidently

launch your Squarespace website ASAP.

Previous
Previous

Donation Block

Next
Next

Form Block