Here’s the full path: create a project, paste the embed, sign in as a member, send a message. If you get stuck, email magnaem@midwaychat.app and we’ll help you finish the setup.
Last updated October 16, 2026
The Free plan is enough to follow along, no credit card needed
Go 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.
You can start on the Free plan, no credit card needed.
From the dashboard, click Create project and give it a name. One project covers one community or one site. You’ll need the Studio plan if you run several.
Add your Memberstack public and secret keys, from Memberstack → Settings → API Keys. Then, on the project page, switch to the Embed tab. You’ll see the code you’re going to paste into your site.
Copy both lines from the Embed tab. The script goes once in your site’s footer code. The embed code goes wherever the inbox should appear, usually a dedicated /messages page: a Code Embed element in Webflow, or the raw HTML on any other site.
1<script src="https://app.midwaychat.app/midway.js"2data-project-id="YOUR_PROJECT_ID" defer></script>
Paste this once in your site's footer code. Your project ID is on the Embed tab of your dashboard.
1<div data-midway="inbox"2style="height: 600px; width: 100%;"></div>
Place this where the inbox should appear, on a page only logged-in members can open.
The script turns your embed into the inbox iframe and signs in the current member, so paste both.
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 has the standard Memberstack script and the member is signed in, the inbox identifies them automatically.
The page should be gated so only logged-in members reach it. In Memberstack’s settings, restrict the route (for example /messages) to members, and redirect visitors who aren’t signed in to your login page.
Open the page in two different browsers (or a browser and an incognito window) and sign in as two different Memberstack members. Send a message from one to the other. 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 Theme tab in your project, you can adjust:
Changes take effect immediately for everyone on your embed, so you don’t need to redeploy your site.
For marketplaces and directories, members can message someone straight from their profile or listing page, and Confirm a deal lets both people agree before contact details are shared. Confirm a deal is on the Studio plan.
Setup steps and code are in your dashboard
Once you sign up, the Embed tab shows the code for profile and listing pages, and the General tab has the settings that go with it.
On the General tab, turn on Unread message alerts to email members about messages and chat requests they haven’t seen. Add your messages page URL so the email’s button opens the right page.
You’ll also get a weekly summary every Monday. Choose which emails you get, and send yourself a test of any of them, under Notifications on your profile. On the Studio plan, Confirm a deal can email both people a receipt with each other’s contact details.
Upgrade when you need more members, file sharing or your own branding. Monthly billing, cancel in one click.
