Webflow Integration

Add ads to your Webflow site

1 Embed Element (Recommended)

Add an embed element in the Webflow Designer to display your ad.

Open your project in the Webflow Designer

Press A to open the Add panel, or click the + button

Search for "Embed" or find it under Components

Drag the Embed element to your desired location

Paste the code and click Save & Close

<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 Inside Rich Text (Blog Posts)

Add ads within your CMS-powered blog posts or articles.

Open your CMS Collection item (e.g., blog post)

In the Rich Text field, click the + button

Select Custom Code

Paste the embed code

<!-- Beaver.ad - Sponsored -->
<div style="text-align:center;margin:32px 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>

3 Page-Level Custom Code

Add code to specific pages via Page Settings for fixed positioning.

Click the Pages panel (⚙️ icon)

Select your page and click the Settings icon

Scroll to Custom Code section

Paste in the Before </body> tag field

<!-- Beaver.ad - Fixed Position Ad -->
<div id="beaver-ad-fixed" style="position:fixed;bottom:20px;right:20px;z-index:9999;">
  <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>

💡 Note: Use fixed positioning sparingly. It can affect user experience if not done carefully.

4 Create a Reusable Symbol

Turn your ad embed into a Symbol for easy reuse across pages.

Create a Div with your Embed element inside

Right-click the Div and select Create Symbol

Name it something like "Beaver Ad Slot"

Now you can drag this Symbol from the Symbols panel to any page

✅ Changes to the Symbol will automatically update everywhere it's used!

Back