# 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. It takes about a minute and needs no developer.

## 1. Get your snippet

Every snippet is pre-filled with your blog's address.

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

Always copy from your dashboard rather than typing, so the address is guaranteed correct.

## 2. Pick an embed style

**iFrame - drop the blog inside an existing page.** Best when your blog sits within a page that has its own header and footer. Give it a fixed height (e.g. 800px).

```html
<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.** Grows and shrinks to fit the articles automatically - no fixed height, no inner scrollbar.

```html
<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.

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

## 3. Paste it into your site

In every builder you're looking for a way to add **custom HTML / embed code**, then pasting your snippet there.

- **WordPress:** edit a page → add a **Custom HTML** block → paste → Update. (WordPress.com needs a Business plan; Elementor uses the "HTML" widget.)
- **Webflow:** drag an **Embed** element → paste → Save & Close → Publish. Set width to 100%.
- **Squarespace:** add a **Code** block (mode: HTML, not Markdown) → paste → Apply → Save. (Business/Commerce plans.)
- **Wix:** Add (+) → Embed Code → Embed HTML → Enter Code → paste → Publish. Give the iframe generous height.
- **Shopify:** Online Store → Pages → open the HTML (`<>`) editor → paste → Save.
- **Framer:** Insert → Embed → HTML → paste → resize to full width → Publish.
- **Plain HTML:** paste the iframe anywhere inside `<body>`, save, upload.

**React / Next.js** - render the iframe from a component (full height for a dedicated route):

```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' }}
    />
  );
}
```

## 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 and use the full-page snippet, then link to it from your main navigation. Because it runs on your domain's page, visitors never leave your site.

## 5. Confirm it's connected

Once your blog loads on your website, Verbinge detects it automatically - within about a minute your dashboard turns green and shows the website where your blog is running. Only your real website counts (dashboard previews don't trigger it), and nothing about your visitors is collected; it's purely a "the blog is live here" signal.

Still grey after a few minutes? Open 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.

## Troubleshooting

- **Nothing shows up / blank box** - make sure you pasted into an HTML or "embed code" block (not a plain-text block that escapes tags), and that your builder didn't strip the snippet on save. Re-copy it.
- **Scrollbar inside the blog** - increase the iframe height, or use the Script embed which auto-resizes.
- **Blog is too narrow** - set the embed element's width to 100% and keep `width:100%` in the snippet.
- **Colors/fonts look wrong** - adjust them in the Theme studio; hard-refresh after changing the theme.
- **Dashboard status stays grey** - the page must load in a real browser on your live domain at least once.

## FAQ

**Do I need to know how to code?** No - embedding is copy-and-paste.

**Will this hurt my SEO?** No. Each article is also served as its own indexable page with titles, meta descriptions, sitemaps, RSS and structured data, so search engines and AI answer engines crawl your articles directly.

**Can I use my own domain, like blog.mysite.com?** Yes - host the blog on a subdomain with automatic SSL. See https://verbinge.com/docs/domains.

**Will the blog match my website's look?** Yes - colors, fonts, layout and light/dark mode are controlled in the Theme studio and the embed inherits them.

**Is the embed fast?** Yes - statically cached and lazy-loaded.

**Is it secure?** Yes - a read-only iframe over HTTPS; it can't access your site's code, cookies or visitor data.

**How do I update the blog after embedding?** You don't touch your website again - publish/edit in Verbinge and the embed updates within minutes.