Skip to main content

Adding your Shorthand Embed script to Squarespace

This how-to guide will walk you through how to add the Shorthand Embed code to a Squarespace.

Step 1: Publish your Shorthand Story.

Select the "Publish" button in the top right of the Shorthand editor, and publish that story to your subdomain:

Step 2: Copy the Embed code.

  1. Under your published URL, you will see several options.

  2. Click the "COPY EMBED CODE" button:

Step 3: Insert your embed script into Squarespace

  1. Begin by creating a new page.

  2. Add a blank section to the page

  3. Add a code block to the section

  4. Paste the embed code you previously copied into the editor.

  5. Click out of the box to save the code.

  6. Drag the code block to extend the Shorthand story to the full width of the page.

You can now preview or publish your post or page to view the embedded story in Squarespace.

Please note: When embedding, stories may not appear full-width or align perfectly on your site. This is because your Squarespace site stylings may override Shorthand stylings, or the page template is not set to full-width. See the CSS tips in this article for assistance in adjusting page width.

Did this answer your question?