Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Using Embed Blocks

Embed Blocks add external content to your site by using links to tweets, videos, and more.

To learn more about choosing the best block for your custom content, visit Embed Blocks vs. Code Blocks.

Before you begin

  • To add videos, use Video Blocks instead.
  • Embed Blocks pull content from services that use the oEmbed standard or manually set embed code. To add other code to your site, use Code Blocks.

Step 1 - Add the Embed Block

  1. Open a page or post editor.
  2. Click an Insert Point or the +.
  3. Select Embed from the menu.
  4. For more detailed steps, visit Adding blocks.

Step 2 - Enter a URL

Note: You'll need a URL for a site that uses oEmbed code. If the content doesn't appear, then enter embed code manually using the </> icon.
  1. Enter the URL of the item you're embedding.
  2. If we recognize that item can be embedded, the content will appear in the block on your page.
  3. Alternatively, you can click the </> icon in the URL field to add or edit the embed code manually.
  4. Click Apply to publish your changes.

Troubleshooting

Error message: "Enter a valid embed URL or code"

This messages displays if there's an error with the embed URL or code. To fix the issue:

  1. Open the Embed Block editor.
  2. Add valid embed URL or code.
  3. When a valid URL or code is entered, a "Successfully Located" message will display below.

If your embed code still isn't working, we recommend contacting the third-party service that provided the code for help.

Embedded content isn't displaying

As a security measure, sometimes embedded code or content doesn't appear when you're logged in. As long as the code is valid, it should display to visitors. To check that visitors can see it, try logging out of your site and visiting it, or opening it in an incognito window.

If you still can't see it, there's probably something wrong with the code. We recommend contacting the third-party service that provided the code for help.

Note: Third-party customization falls outside the scope of our support. This means that we’re unable to help further with setup or troubleshooting. Additionally, with a code-based solution, we can’t guarantee its functionality or full compatibility with Squarespace. This includes how it functions with our responsive design, particularly its appearance on mobile devices, and if it functions on all templates. Third-party customizations can also cause display issues with future updates to our platform. While we can't help further, there are many resources that can point you in the right direction:
Was this article helpful?
28 out of 164 found this helpful