Methods

Now that you’ve created your experience, and you’ve decided where to place it on your website, it’s time to embed it.

Embedding is the process of publishing an EX.CO experience on your website or Shopify store.

To get your embed tag, simply click Launch in the EX.CO editor, or collect your placement embed tag through the dashboard at any time.

 

Embedding with HTML

For “in page” experiences

  • Under your experience's Publish tab, click Copy Code.

  • Paste the entire embed tag within the area of the page you want the experience to appear. For example, within the <div> tags.

For more advanced options when creating an article, click customize embed settings and toggle the relevant switch to the on position to activate these settings.

For “over page” experiences

  • Under your experience's Publish tab, click Copy Code.

  • Paste the entire embed tag within the <head> element of your site.

Here’s an example of the embed code you will be using:


Embedding through DFP

All of the EX.CO tags can also be embedded on your DFP campaigns, and be served just like any other ad. To do this, simply create a new ad in your campaign, and add the EX.CO tag as its URL.


Embedding through Shopify

For “over page” experiences

  1. From your Shopify admin, go to Online Store > Themes.
  2. Click Actions > Edit code.

    The code editor shows a directory of theme files on the left, and a space to view and edit the files on the right.

    When you click a file in the directory on the left, it opens in the code editor.

    shopify-editcode

  3. In the Layout folder, click the theme.liquid file.

  4. In the EX.CO platform, click Copy Code:

     

  5. Paste the embed below the <head> tag:

    shopify-embed

  6. Click Save.

For "in page" experiences

  1. From your Shopify admin, go to Online Store > Themes.
  2. Click Actions > Edit code.

    The code editor shows a directory of theme files on the left, and a space to view and edit the files on the right.

    When you click a file in the directory on the left, it opens in the code editor.

    shopify-editcode

  3. Click on the file you want to embed the EX.CO in-read unit in the Layout folder.
  4. In the EX.CO platform, click Copy Code:

  5. Paste the embed below the element you want the EX.CO unit to appear.

    For example - In this case, the in-read unit was inserted in the contact form page only.

    shopify-embed

  6. Click Save.