Skip to main content

Adding your Shorthand Embed script to Webflow

This how-to guide will walk you through how to add the Shorthand Embed code to your Webflow site.

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: Inserting your embed script into Webflow

We can go ahead and add your Shorthand Story to your Webflow page.

  1. Begin by creating a page or edit an existing page.

  2. Click the + icon on the top left and search for 'Embed' under Elements.
    ​

  3. Paste the embed code you previously copied into the editor.
    ​

You can now save the post as a draft or publish your post to view the embedded
story in Webflow.

Please note: When embedding, stories may not appear full-width or align perfectly on your site. This is because your Webflow 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.

Related Articles
Did this answer your question?