Squarespace Integration

Add ads to your Squarespace site

⚠️ Business Plan Required

Custom code blocks and code injection require a Squarespace Business plan or higher.

1 Code Block (Recommended)

Add a code block directly to any page or section.

Open your page in the Squarespace Editor

Click Edit on a section, then Add Block

Select Code from the block menu

Set the mode to HTML and paste your code

Click Apply and save the page

<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 Markdown Block (Alternative)

Use a Markdown block if Code blocks aren't available in your template.

Add a Markdown Block

Paste the iframe code directly (Markdown allows raw HTML)

<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>

3 Code Injection (Site-wide)

Add code that appears on every page of your site.

Go to Settings → Developer Tools → Code Injection

Paste the code in the Footer section

Click Save

<!-- Beaver.ad - Site-wide Ad -->
<div id="beaver-ad-footer" style="position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:10px;background:rgba(255,255,255,0.95);border-top:1px solid #eee;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>
  <button onclick="this.parentElement.remove()" style="position:absolute;top:5px;right:10px;background:none;border:none;font-size:18px;cursor:pointer;color:#999;">×</button>
</div>

💡 Tip: This creates a dismissible banner ad at the bottom of all pages. Users can close it by clicking the × button.

4 Blog Post Code Injection

Add code that appears on all blog posts.

Go to your Blog page settings

Find Blog Post Item Code Injection

Paste in the Post Blog Item Code Injection field

<!-- Beaver.ad - Blog Post Ad -->
<div class="beaver-ad-blog" style="margin:40px 0;text-align:center;">
  <p style="font-size:11px;color:#999;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;">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>

Back