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

<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 — most are 10 minutes of work.