Embed

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 on “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:

  • Click on ‘Copy code’ from the “Publish” tab of your experience.

  • 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 on ‘customize embed settings’ and toggle the relevant switch to the on position to activate these settings.


For “over page” experiences:

  • Click on ‘Copy code’ from the “Publish” tab of your experience.

  • 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:

Step 1: From your Shopify admin, go to Online Store > Themes.

Step 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

Step 3: Click the theme.liquid file in the Layout folder.

Step 4: Click on Copy Code on the ex.co platform:

 


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

shopify-embed

Step 6: Click Save


For "in page" experiences:

Step 1: From your Shopify admin, go to Online Store > Themes.

Step 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


Step 3: Click on the file you want to embed the ex.co in-read unit in the Layout folder.


Step 4: Click on Copy Code on the ex.co platform:


Step 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

Step 6: Click Save

 

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us how can we improve this article!

Select atleast one of the reasons

Feedback sent

We apprciate your effort and will try to fix the article