# No-code (Webflow, Framer, etc.)

> How to render Mentionwell posts inside Webflow, Framer, Squarespace, Shopify, etc.

# No-code (Webflow, Framer, Squarespace, Shopify…)

Most no-code builders don't let you set environment variables, so they can't safely call the Mentionwell API directly. The pattern: stand up a tiny proxy on Cloudflare Workers (free) or Vercel (free hobby tier), then point your no-code site at it.

## 1. Stand up the proxy

Use the [React + Vite quickstart's Cloudflare Worker block](/docs/frameworks/react#cloudflare-worker). Deploy it. You'll get a URL like `https://blogoto-proxy.you.workers.dev`.

## 2. Embed in your no-code page

### Webflow

Add an **HTML Embed** to the page where the blog should live:

```html
<div id="blogoto-list"></div>
<script>
  fetch("https://blogoto-proxy.you.workers.dev/posts?limit=12")
    .then((r) => r.json())
    .then(({ posts }) => {
      document.getElementById("blogoto-list").innerHTML = posts.map((p) =>
        `<a href="/blog/${p.slug}"><h3>${p.title}</h3><p>${p.excerpt}</p></a>`
      ).join("");
    });
</script>
```

### Framer

Add a **Code Component**. Use the same fetch pattern; Framer renders React components, so write it as a normal React effect.

### Squarespace / Shopify

Add a code block to the page. Same fetch pattern as Webflow.

## 3. Detail pages

For `/blog/[slug]` you have two options:

- **Static slugs**: pre-build a page per post in your no-code tool. Tedious; only works for ~20 posts.
- **Dynamic page**: most no-code platforms support a single dynamic route. Read the slug from the URL, fetch `/posts/{slug}`, inject `post.html` into the page.

## When to give up and use a framework

If you want full SEO control, dynamic OG images, and zero-second publishing, the no-code path will hit walls. Switch to one of the [framework quickstarts](/docs/quickstart) — most are 10 minutes of work.


---

Canonical URL: https://mentionwell.com/docs/no-code
Live HTML version: https://mentionwell.com/docs/no-code
Section: No-code & AI builders
Site index for AI ingestion: https://mentionwell.com/llms.txt
Full reference: https://mentionwell.com/llms-full.txt