Skip to main content

Adding your Shorthand Embed script to WordPress

This how-to guide will walk you through how to add the Shorthand Embed code to a WordPress post or page.

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: Paste your embed code into WordPress

Ensure full HTML is supported in your CMS. Use the following steps to add the embed script to a post or page.

  1. Create a new post or page in WordPress.

  2. Add a title to your post/page.

  3. Add a 'Custom HTML' block using the + button.

  4. Paste the embed script you copied from the instructions above; it should look like the following:

  5. Save as a draft or publish the post or page.

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

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