Documentation

Shopify Embed Guide

Use this page to add your ContentMonetiz embed on product pages, home banners, collection pages, and custom pages with minimal effort.

Quick Start (No Code First)

  1. Open Shopify Admin.
  2. Go to Online Store and select Themes.
  3. Click Customize on your live theme.
  4. Open the template you want: Product, Home, Collection, or Page.
  5. Add a Custom Liquid block or App block.
  6. Paste your ContentMonetiz embed code.
  7. Save, preview, and publish.

Single Product Flow

  1. In ContentMonetiz, select your target product.
  2. Generate the embed for that product.
  3. Open the same product template in Shopify Theme Editor.
  4. Insert block and paste embed.
  5. Verify it appears only on that product page.

Manual Fallback (Advanced)

Use this only when block placement is not enough for your theme setup.

<div id="contentmonetiz-embed" data-embed-id="YOUR_EMBED_ID"></div>
<script async src="https://YOUR_DOMAIN/embed.js"></script>
  • Replace YOUR_EMBED_ID with your real embed id.
  • Replace YOUR_DOMAIN with your production embed host.
  • Do not load the same script multiple times on one page.

Where You Can Embed

  • Product pages
  • Collection pages
  • Home page banners
  • Custom pages
  • Blog and article pages

Prompt Template for ChatGPT

Copy this template and replace the placeholders.

I am using Shopify with the Dawn theme.
I need to add a ContentMonetiz embed on [PRODUCT PAGE / HOME BANNER / CUSTOM PAGE].
My embed code is:
[PASTE EMBED CODE]

Please give me exact step-by-step instructions for Shopify admin and theme editor.
If needed, include a safe fallback using Edit Code with exact placement.
Also include validation steps to confirm it works only on the target page.

Go Live Checklist

  • Correct page template is selected.
  • Correct embed id is used.
  • Desktop and mobile layout both look good.
  • Embed appears only on intended pages.
  • Page speed remains acceptable.