MyoMesh — Website Integration

How it works: Paste your embed snippet on your website. New visitors fill in a registration form — you review and approve them from your dashboard. Once approved, clients get an invite link with a token that unlocks the live booking widget.

1Widget Mode

Existing Clients Only

Direct booking for approved clients already in your system. No public registration form.

Existing + New Clients

Booking for existing clients and a registration form for new clients. Best of both.

New Clients Only

Collect intake details from new clients. You review and approve before they can book.

2Your Practice ID

app.myomesh.io /

Used in the data-practice attribute of your embed snippet.

3Your API Keys

Publishable Key (widget embeds)

myo_pub_pk_9d2f1a8b3c6e5f7a

Safe for client-side code, HTML embeds, and public repos.

Secret Key (server-side only)

••••••••••••••••••••••••

Never expose in client-side code or public repos.

Keep your secret key private. If compromised, regenerate it at the bottom of this page.

4Widget Theme

Warm

Neutral

Dark

Custom

5Add to Your Website

New Client Widget

Returning Client Widget

                    HTML Embed Snippet
                    
                

<!-- MyoMesh New Client Registration Widget -->
<div id="myomesh-widget"></div>

<script src="https://app.myomesh.io/widget.js"
  data-key="myo_pub_pk_9d2f1a8b3c6e5f7a"
  data-practice="your-practice-id"
  data-mode="registration"
  data-require-approval="true"
  data-theme="warm"
  data-container="#myomesh-widget">
</script>
                

Embed attributes reference

data-key	Your publishable key. Required.
data-practice	Your practice slug from Step 2. Required.
data-mode	`booking`, `both`, or `registration`.
data-theme	`warm`, `neutral`, or `dark`. Defaults to warm.
data-container	CSS selector for the target element. Optional.
data-client-token	From the approve API call. Required for returning client mode.
data-require-approval	`true` or `false`. Synced from Widget Behaviour below.

6Widget Behaviour

Require approval for new clients

New registrations sit in a pending queue until you approve them before they can book.

Automated approval reminders

Auto-remind you after 48h if a pending client hasn't been reviewed yet.

Privacy Act compliance mode

Adds explicit consent checkbox and enables the data-deletion API endpoint.

Collect referral source

Ask new clients "How did you hear about us?" during registration.

7Webhook Endpoint (optional)

MyoMesh will POST to your URL for events like client.registered, client.approved, booking.created.

Your Webhook URL

8Platform Guides

WordPress

Paste in HTML block

Squarespace

Use Code Block

Wix

Custom HTML element

Webflow

Embed component

WordPress Setup

1

Open the WordPress editor for the page where you want the booking widget to appear (e.g. your "Book Online" page).

2

Click the + (Add Block) button and search for Custom HTML. Add the block to your page.

3

Paste your MyoMesh embed snippet (from Step 5 above) directly into the HTML block.

4

Click Publish or Update. The widget will appear on your live page immediately.

Tip: If you're using a page builder like Elementor or Divi, look for their "HTML" or "Code" module instead. The snippet works the same way in any HTML container.

Squarespace Setup

1

Open your page in the Squarespace editor and click Edit on the section where you want the widget.

2

Click a content insertion point (the line between blocks) and select Code from the block menu.

3

In the code editor, make sure the Display Source toggle is OFF, then paste your MyoMesh embed snippet.

4

Click outside the block to close the editor, then hit Save in the top corner.

Note: Squarespace Code Blocks require a Business plan or higher. On personal plans, use the Code Injection option under Settings → Advanced → Code Injection (Footer).

Wix Setup

1

In the Wix Editor, click the + Add button on the left sidebar.

2

Select Embed Code → Custom Element (or Embed HTML on older editors).

3

Drag the element onto your page, click Enter Code, then paste the MyoMesh embed snippet.

4

Resize the embed container to fit your layout, then click Publish.

Important: Embedding custom HTML on Wix requires a Premium plan. The widget will not render on the free plan.

Webflow Setup

1

Open your project in the Webflow Designer and navigate to the page for your booking section.

2

From the Add Elements panel (A key), drag an Embed component onto your canvas where you want the widget.

3

Double-click the Embed element to open the code editor. Paste your MyoMesh embed snippet and click Save & Close.

4

Click Publish in the top-right corner to push the changes live.

Tip: The embed won't render in the Designer preview. Click the eye icon to open a live preview, or publish to a staging domain to test before going live.

Widget Preview

Online Booking

Book a Treatment

Real-time availability

Services

Date & Time

Confirm

Deep Tissue

Targeted work

$110 / 60 min

Sports Therapy

Recovery focus

$110 / 60 min

Remedial

Condition-specific

$90 / 45 min

Extended Initial

Full assessment

$150 / 90 min

Key API Endpoints

POST/v1/clients/registerWidget submit — creates pending client

GET/v1/clients?status=pendingList clients awaiting approval

PATCH/v1/clients/:id/approveApprove client — sends booking invite

PATCH/v1/clients/:id/declineDecline — notifies client politely

POST/v1/bookingsCreate confirmed booking for approved client

GET/v1/availability/:practitionerReal-time slot availability for date range

DELETE/v1/clients/:idRemove client record (GDPR / Privacy Act)

View full API docs →

Regenerate Secret Key

This will immediately invalidate your current secret key. Any server-side code using the old key will stop working until updated.