Shopify Integration

Add ads to your Shopify store

1 Theme Editor (Recommended)

Add a custom HTML section using Shopify's theme editor.

Go to Online Store → Themes → Customize

Click Add section where you want the ad

Select "Custom Liquid" or "Custom HTML" section

Paste the embed code and save

<iframe src="https://example.com/ad-slot-id" style="width:100%;height:auto;min-height:90px;border:none;overflow:hidden;" frameborder="0" scrolling="no"></iframe>

2 Liquid Template File

For more control, edit your theme's Liquid files directly.

Go to Online Store → Themes → Actions → Edit code

Open the template file where you want the ad (e.g., product.liquid, index.liquid)

Add the embed code at your desired location

<!-- Beaver.ad -->
<div class="beaver-ad-wrapper" style="margin: 20px 0;">
  <iframe src="https://example.com/ad-slot-id" style="width:100%;height:auto;min-height:90px;border:none;overflow:hidden;" frameborder="0" scrolling="no"></iframe>
</div>

3 Reusable Section (Advanced)

Create a reusable section that can be added to any page via the theme editor.

In the code editor, go to Sections

Click Add a new section

Name it beaver-ad.liquid

{% comment %}
  Beaver.ad Section
{% endcomment %}

<div class="beaver-ad-section page-width">
  <div class="beaver-ad-container" style="display: flex; justify-content: center; padding: 20px 0;">
    <iframe src="https://example.com/ad-slot-id" style="width:100%;height:auto;min-height:90px;border:none;overflow:hidden;" frameborder="0" scrolling="no"></iframe>
  </div>
</div>

{% schema %}
{
  "name": "Beaver Ad",
  "settings": [],
  "presets": [
    {
      "name": "Beaver Ad"
    }
  ]
}
{% endschema %}

✅ After saving, the section will appear in theme editor under "Add section".

Back

Guides