From signup to live in 10 minutes.

Head to app.midwaychat.app/signup and create an account. You’ll sign in with the same Memberstack identity your site uses, so your team can manage Midway with the accounts they already have.

The Free plan is enough to get going, no credit card needed.

From the dashboard, click Create project and give it a name (e.g. Pottery Club). One project covers one community / one site. You’ll need Studio if you run several.

On the project page, switch to the Embed tab. You’ll see the iframe snippet you’re going to paste into your site.

Wherever you want the inbox to appear (a dedicated /messages page is the usual home), drop in a Custom Code / HTML Embed block in Webflow (or paste into the raw HTML in any other site) and paste the snippet:

<iframe
  src="https://app.midwaychat.app/embed/inbox?projectId=YOUR_PROJECT_ID"
  style="width: 100%; height: 80vh; border: 0;"
  allow="microphone; clipboard-read; clipboard-write"
></iframe>

Replace YOUR_PROJECT_ID with the ID shown on the Embed tab in your dashboard.

Midway reads the current member’s identity from Memberstack on your site, so the chat knows who’s logged in. There’s nothing extra to install. As long as the page where you embed Midway has the standard Memberstack script and the member is signed in, the inbox identifies them automatically.

The page should be gated so that only logged-in members reach it. In Memberstack’s settings, restrict the route (e.g. /messages) to members, and redirect unauthenticated visitors to your login page.

Open the page in two different browsers (or browser + incognito) and sign in as two different Memberstack members. Send a message from one to the other, and it should arrive in real time, without a page refresh.

If something doesn’t feel right, the most common culprits are page caching (hard-refresh) and Memberstack not being initialised on the embed page.

On the Settings tab in your project, you can adjust:

• Accent colour: the colour of outgoing message bubbles, focus rings, and live indicators.
• Surface colour: the soft background tone behind the chat.
• Custom logo (Starter and up): replaces the Midway mark inside the inbox header.
• “Powered by Midway” badge: on by default on Free, hidden on paid plans.

Changes take effect immediately for everyone on your embed, so you don’t need to redeploy your Webflow site.