Articles in this section

See more

How to Embed to Squarespace, WordPress, Shopify, or Wix

Avatar
ashley
  • Updated
Follow

Overview
Squarespace
WordPress
WordPress Plugin
Shopify
Wix

Overview

As part of the publishing process, a ShortStack campaign can be embedded anywhere. Embedded campaigns can result in 83% more views and 31% more entries than campaigns published just to Facebook.

If you host your website or store on a service such as Squarespace, WordPress, Shopify, or Wix, embed your ShortStack campaign to easily collect leads and run contests directly from your existing website.

For all of these instructions, you'll first need to get the embed code from ShortStack. To learn how to get that code, see the Embedding a Campaign help doc.

Squarespace

Squarespace is a website builder popular with photographers and creatives. A Squarespace site is comprised of blocks that can be used to add content or control layout, similar to ShortStack's Widgets.

How to embed your campaign to Squarespace:

  1. Copy your embed code in ShortStack’s Campaign Builder, following the steps outlined in the help doc linked above.
  2. Navigate to Squarespace.com and log in to your account.
  3. Once you’re logged in, select the Design tab. This will open your website where you can add or edit content.
  4. Scroll to the section, or select the page, where you want to embed your campaign.
  5. Select Edit to add to that section or page. 
  6. Add a Code Block by selecting it in the block menu and dragging it onto your website.
  7. With the Code Block open, remove the <p>Hello, World!</p> and paste the code you copied from ShortStack. HTML is selected by default; you don’t need to change this.
  8. Select Apply.

WordPress

There are two ways to have a WordPress website: a blog created on WordPress.com or a self-hosted WordPress.org website. Below are steps to embed to both types of WordPress websites.

How to embed your campaign to a WordPress.com website:

  1. Copy your embed code in ShortStack’s Campaign Builder, following the steps outlined in the help doc linked above.
  2. Login at WordPress.com.
  3. Determine where you want to embed your campaign: to a Post or a Page. Select Add New under Posts or under Pages, depending on your choice.
  4. Once the new Post or Page has been created, select the Text tab in the content editor.
  5. Paste the embed code into the empty content box.
  6. Select Publish.

How to embed your campaign to a self-hosted WordPress website:

  1. Login to the back end of your website using the wp-admin URL. This looks something like: yoursite.com/wp-admin
  2. To embed your campaign to a page, navigate to Pages.*
  3. Select Add New from the Pages tab.
  4. Add a Page title in the Enter title here field.
  5. In the main content area, select the Text tab.
  6. Paste your embed code into the empty content area.
  7. Select Publish.


* If you want to embed on a Post instead of a Page, follow the same instructions, but start by selecting Add New in the Post tab instead.

WordPress Plugin

ShortStack also has a WordPress plugin for self-hosted websites, which makes it easy to add a ShortStack campaign to a Page or a Post with just one click. This plugin adds a shortcode snippet.

To install this plugin, login to your self-hosted website. Navigate to Plugins, and search for ShortStack for WP; or, go directly here to install it.

Setup

  1. Upload the shortstack-wordpress folder to the /wp-content/plugins directory.
  2. Activate the plugin through the Plugins menu in WordPress.

Usage

  1. Within the Campaign Designer, open the Embed Settings panel for your published campaign.
  2. Click on the WordPress link on the left of the dialog.
  3. Select and copy the WordPress Shortcode.
  4. Paste the shortcode anywhere inside the body of a Post or Page within your WordPress installation.

    Example: [shortstack smart_url='//a.pgtb.me/#####' responsive='true' autoscroll_p='true']

 

Shopify

Shopify is used to create e-commerce stores for physical and digital products. Add a ShortStack campaign to run giveaways and promotions straight from your Shopify website.

How to embed your campaign to Shopify:

  1. Copy your embed code in ShortStack’s Campaign Builder, following the steps outlined in the help doc linked above.
  2. Login at Shopify.com.
  3. In the dashboard, navigate to Online Store. 
  4. Determine where to embed your campaign. You can embed to a Blog Post or a Page. The process for embedding to each one is very similar.
  5. Create a new Blog Post or a new Page. Give the new post or page a title.
  6. In the content editor, select the Show HTML button, which looks like </>.
  7. Paste the campaign embed code into the empty content area.
  8. Select Save in the upper right corner.

Wix

NOTE: If using the refer-a-friend feature, it's best not to embed your campaign to a Wix site due to how they handle iFrame embeds.

Wix is a platform that helps you quickly set up a business website. Embed a campaign to run a contest, collect email addresses for your newsletter, take restaurant reservations, display an Instagram hashtag feed, and more.

How to embed your campaign to Wix:

  1. Copy your embed code in ShortStack’s Campaign Builder, following the steps outlined in the help doc linked above.
  2. Login to Wix.com.
  3. Select Edit Site.
  4. Scroll or navigate to where you want to embed your campaign.
  5. Select the + Add button in the left-hand menu.
  6. Select More at the bottom of the menu.
  7. Select HTML iFrame. This will add a blank box to your website.
  8. Select Website Address.
  9. Enter the URL for your campaign by copying the value for the src attribute from the iframe tag of our embed code. 
  10. Update.
  11. Select Save at the top of the website builder, and Publish if you want the changes to go live.

 

Related articles