Guide

Wix

Wix Integration

Add ads to your Wix website

1 HTML Embed Element (Recommended)

The easiest way to add ads using Wix's built-in HTML embed feature.

1

Open your site in the Wix Editor

2

Click Add Elements (+) in the left panel

3

Go to Embed Code → Embed HTML

4

Click Enter Code and paste the embed code

5

Resize and position the element as needed

<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 Using Velo (Advanced)

For developers who want to dynamically load the ad using Wix's Velo platform.

1

Add an HTML embed element and give it an ID (e.g., #adContainer)

2

Enable Dev Mode in your Wix Editor

3

Add the following code to your page:

$w.onReady(function () {
    $w("#adContainer").postMessage(`<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>`);
});

// In the HTML element's code:
window.onmessage = (event) => {
    if (event.data) {
        document.body.innerHTML = event.data;
    }
};

💡 Tip: For most use cases, the simple HTML embed method is sufficient. Use Velo only if you need dynamic control.

3 Blog or Article Pages

Add ads to your Wix Blog posts or article layouts.

1

Go to Blog → Design Post

2

Select the Post Page layout

3

Add an HTML embed element below or beside the post content

4

Paste the embed code

<!-- Beaver.ad - Sponsored Content -->
<div style="text-align:center;margin:20px 0;">
  <p style="font-size:11px;color:#999;margin-bottom:8px;">Sponsored</p>
  <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>

⚠ī¸ Common Issues & Solutions

Ad not showing?

Make sure the HTML embed element is large enough. Resize it to match your ad dimensions.

Scrollbars appearing?

Ensure the scrolling="no" attribute is present and the container is properly sized.

Mobile responsiveness issues?

Use the dynamic sizing option with width:100% for responsive behavior.

Back