Skip to main content

Adding your Shorthand Embed script to Shopify

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

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 Shopify

We can go ahead and create a blog post with your Shorthand Story in Shopify; the steps below can also be used on pages.

  1. Begin by creating a blog post.

  2. Provide a title for the article.

  3. Click the 'Show HTML' button in the editor.

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

5. Click 'Save'

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

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