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.
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:
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.
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.
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
Feedback sent
We appreciate your effort and will try to fix the article