Do I need to know how to code?

No. Embedding is copy-and-paste. You copy one snippet from your dashboard and paste it into your website builder’s HTML or “embed” block. The guides above cover the exact clicks for popular platforms.

Will this hurt my SEO?

No. Each article is also served as its own indexable page with proper titles, meta descriptions, sitemaps, RSS and structured data. Search engines and AI answer engines can crawl your articles directly, and your embed links to them.

Can I use my own domain, like blog.mysite.com?

Yes. Besides the embed, you can host your blog directly on a subdomain like blog.mysite.com with automatic SSL - see the custom domain guide at /docs/domains. Set it up under Blog Site → Domain in your dashboard.

Will the blog match my website’s look?

Yes. In the Theme studio you control colors, fonts, layout and light/dark mode so the blog matches your brand. The embed inherits those settings automatically.

Yes. The blog is statically cached and loads lazily, so it won’t slow your page down. The iframe only loads when it scrolls into view.

Yes. The embed is a read-only iframe served over HTTPS. It can’t access your site’s code, cookies or visitor data, and your site can’t be modified by it.

How do I update the blog after embedding?

You don’t touch your website again. Publish or edit articles in Verbinge and the embedded blog updates automatically within a few minutes.

The embed box is too short or has a scrollbar. How do I fix it?

Give the iframe more height, or use the Script embed (which auto-resizes to fit the articles), or put the blog on a dedicated full-page route using the full-page snippet.

View Markdown

Setup guide

Add your blog to your website

Your Verbinge blog is already live and hosted for you. To show it on your own site, you paste one small snippet - the same way you’d embed a YouTube video. This takes about a minute, and you don’t need a developer.

Step 1

Get your snippet

Every snippet is pre-filled with your blog’s address, so the easiest path is to copy it straight from your dashboard:

Open Blog Site in your Verbinge dashboard.
Scroll to Embed on your website.
Click Copy on the style you want.

A snippet looks like this (yours will have your own blog address instead of your-blog):

Example iframe snippet

<iframe
  src="https://verbinge.com/b/your-blog"
  title="Blog"
  width="100%"
  height="800"
  style="border:0;width:100%"
  loading="lazy"
></iframe>

Always copy the snippet from your dashboard rather than typing it - that way the address is guaranteed correct.

Step 2

Pick an embed style

There are three ways to embed. Most people use the first one.

iFrame - drop the blog inside an existing page

Best when your blog sits within a page that has its own header and footer. Simple and works everywhere. Give it a fixed height (e.g. 800px).

<iframe
  src="https://verbinge.com/b/your-blog"
  title="Blog"
  width="100%"
  height="800"
  style="border:0;width:100%"
  loading="lazy"
></iframe>

Script - auto-resizing embed

Same idea, but it grows and shrinks to fit the articles automatically - no fixed height, no inner scrollbar. Paste it where the blog should appear.

<script src="https://verbinge.com/b/your-blog/widget.js" async></script>

Full page - the blog is the whole page

Best for a dedicated /blog route where the blog fills the screen. See step 4.

<iframe
  src="https://verbinge.com/b/your-blog"
  title="Blog"
  style="border:0;width:100%;height:100vh;display:block"
></iframe>

Step 3

Paste it into your site

Pick your platform below. In every case you’re looking for a way to add custom HTML / embed code, then pasting your snippet there.

WordPress

Open the page or post where you want the blog (Pages → Add New, or edit an existing one).
Click the + to add a block and choose the “Custom HTML” block.
Paste your iframe snippet into the block.
Click Update / Publish. Preview the page to see your blog.

Tip: On WordPress.com (not self-hosted) custom HTML needs a Business plan. On the Elementor builder, use the “HTML” widget instead of a block.

Webflow

Open the Designer and go to the page you want.
Drag an “Embed” element (Add panel → Components → Embed) onto the canvas.
Paste your iframe snippet into the code editor and click Save & Close.
Publish your site.

Tip: Set the Embed element’s width to 100% so the blog fills your content area.

Squarespace

Edit the page and click an insert point to add a block.
Choose the “Code” block.
Paste your iframe snippet (make sure the block’s mode is HTML, not Markdown).
Click Apply, then Save.

Tip: Code blocks are available on Business and Commerce plans.

Wix

In the Wix Editor, click Add (+) → Embed Code → Embed HTML.
Click “Enter Code” and paste your iframe snippet.
Drag the corners to size the embed box, then click Publish.

Tip: Wix’s HTML box is a fixed size, so give the iframe a generous height (e.g. 1200) or use it on a dedicated page.

Shopify

Go to Online Store → Pages and create or open a page.
In the content editor, click the “<>” (Show HTML) button.
Paste your iframe snippet and click Save.

Tip: For a full-width blog, use a page template without side padding, or add the iframe to a section in your theme.

Framer

Add an “Embed” layer to your page (Insert → Embed → HTML).
Paste your iframe snippet into the HTML field.
Resize the layer to fill the width and publish.

Tip: Set the layer to a fixed or relative height that matches your content.

Plain HTML

Open the .html file for the page where you want the blog.
Paste your iframe snippet exactly where the articles should appear - anywhere inside the <body>.
Save and upload the file to your host.

Tip: That’s the whole thing - an iframe is just standard HTML, so it works on any static site.

React / Next.js

Render the iframe from a component - for a dedicated route, make it full height:

app/blog/page.tsx

export default function BlogPage() {
  return (
    <iframe
      src="https://verbinge.com/b/your-blog"
      title="Blog"
      style={{ border: 0, width: '100%', height: '100vh', display: 'block' }}
    />
  );
}

Step 4

Make a dedicated blog page

Want a clean yoursite.com/blog page where the blog is the whole thing? Create a new, empty page on your site and use the full-page snippet so the blog fills the screen with no gap below short articles:

<iframe
  src="https://verbinge.com/b/your-blog"
  title="Blog"
  style="border:0;width:100%;height:100vh;display:block"
></iframe>

Then link to that page from your main navigation. Because the blog runs on your domain’s page, visitors never leave your site.

Step 5

Confirm it’s connected

Once your blog loads on your website, Verbinge detects it automatically. Open your dashboard - within about a minute the status turns green and shows the website where your blog is running.

How it works: when your embedded blog loads inside your page, it quietly reports the website address it’s running on back to Verbinge. We only count your real website - previews inside the Verbinge dashboard don’t trigger it. Nothing about your visitors is collected; it’s purely a “yes, the blog is live here” signal so we know your setup succeeded (and don’t keep nudging you to finish).

Still grey after a few minutes? Visit the page where you embedded the blog in a normal browser (not the editor preview) so it loads at least once, then refresh your dashboard.

Help

Troubleshooting

Common issues and quick fixes.

Nothing shows up / blank box: Make sure you pasted into an HTML or “embed code” block (not a plain text block that escapes the tags), and that your builder didn’t strip the snippet on save. Re-copy it from the dashboard.
There’s a scrollbar inside the blog: Increase the iframe height, or switch to the Script embed which auto-resizes to the content.
The blog is too narrow: Set the embed/HTML element’s width to 100% in your builder, and keep width:100% in the snippet.
Colors or fonts look wrong: Adjust them in the Theme studio - the embed follows your theme. Hard refresh the page (caching) after changing the theme.
Dashboard status stays grey: The page must load in a real browser on your live domain at least once. Editor/preview modes inside your builder don’t always count - publish the page and open it.

FAQ

Frequently asked questions

Do I need to know how to code?: No. Embedding is copy-and-paste. You copy one snippet from your dashboard and paste it into your website builder’s HTML or “embed” block. The guides above cover the exact clicks for popular platforms.
Will this hurt my SEO?: No. Each article is also served as its own indexable page with proper titles, meta descriptions, sitemaps, RSS and structured data. Search engines and AI answer engines can crawl your articles directly, and your embed links to them.
Can I use my own domain, like blog.mysite.com?: Yes. Besides the embed, you can host your blog directly on a subdomain like blog.mysite.com with automatic SSL - see the custom domain guide at /docs/domains. Set it up under Blog Site → Domain in your dashboard.
Will the blog match my website’s look?: Yes. In the Theme studio you control colors, fonts, layout and light/dark mode so the blog matches your brand. The embed inherits those settings automatically.
Is the embed fast?: Yes. The blog is statically cached and loads lazily, so it won’t slow your page down. The iframe only loads when it scrolls into view.
Is it secure?: Yes. The embed is a read-only iframe served over HTTPS. It can’t access your site’s code, cookies or visitor data, and your site can’t be modified by it.
How do I update the blog after embedding?: You don’t touch your website again. Publish or edit articles in Verbinge and the embedded blog updates automatically within a few minutes.
The embed box is too short or has a scrollbar. How do I fix it?: Give the iframe more height, or use the Script embed (which auto-resizes to fit the articles), or put the blog on a dedicated full-page route using the full-page snippet.

Ready to embed?

Grab your snippet from the Blog Site page and paste it into your website.

Copy my snippet Get help