Embedding MakePlans in your website

The easiest way to add MakePlans to your website is a link or a button that opens your booking site. You can also embed the booking site directly in your page with an iframe, but iframes have some limitations you should be aware of first.

Add a link or button (recommended)

Go to Setup > Promote in your MakePlans account. There you will find ready-made HTML codes for a link and a button that you can copy into your website. The booking site opens in a new tab and works well on all screen sizes.

You can make the booking site feel like part of your website by uploading your logo and using your own CSS under Setup > Booking site.

Embedding with an iframe

If you want the booking site to appear inside your own page, you can embed it with an iframe. Use your booking site address as the iframe source, for example:

<iframe src="https://youraccount.makeplans.com" width="100%" height="800" frameborder="0"></iframe>

Before the embed will work, you must whitelist your website domain (see below). We generally recommend a link or button over an iframe.

Whitelist your domain

For security reasons, MakePlans only allows embedding on domains you have approved. This applies to both iframes and our JavaScript API.

  • Go to Setup > Developer > Embed in your MakePlans account.
  • Enter the address of your website including https://, for example https://www.example.com
  • The entry covers the whole domain, so you do not need to add every page.
  • Do not include a path. Safari has a bug with full URLs, so use the domain root only.
  • Your website must be served over HTTPS. We recommend redirecting http to https on your site, since the whitelist only applies to HTTPS.

If the domain is not whitelisted, the embed will not load and the browser console shows a Content Security Policy error about frame-ancestors. If your embed suddenly stopped working, this is almost always the reason: add your domain and it will load again.

WordPress, Wix, Squarespace and plain HTML

MakePlans works with any website platform, and no plugin is needed. Add the link or button HTML from Setup > Promote, or the iframe code, using your platform's HTML block:

  • WordPress: add a "Custom HTML" block and paste the code.
  • Wix: use the "Embed HTML" element.
  • Squarespace: use a "Code" block.
  • Plain HTML: paste the code directly into your page.

Remember to whitelist your domain first if you use an iframe.

Known iframe limitations

Browsers block cookies for third-party sites inside iframes, and MakePlans does not expose cookies inside iframes. This means:

  • Customers cannot log in from within the iframe. Cancellation links in confirmation emails open the booking site directly on makeplans.com, so cancellation still works, just not inside the embed.
  • Usability on mobile can be poor: scrolling and sizing issues are common, and longer forms or error messages can push content out of view.
  • Tracking is less reliable. Safari and privacy-focused browsers block trackers, so Google Analytics numbers are often lower than the actual booking count when embedded.

Because of this we recommend a link or button in most situations.

Link directly to a service or event

You do not have to link to the front page of your booking site:

  • Service: each service has a unique URL. Open the service in your admin account and copy the link "Open service on booking site".
  • Event: each event has a direct signup link on the event page in your admin account. The event type page also has a link listing all upcoming events of that type.
  • Employee or resource: you can pre-select a specific resource by adding a selected_resources parameter to a service's slots URL. The customer then only sees that employee's available times.

You can also append a locale parameter (for example ?locale=en) to any booking site link to open it in a specific language.

Custom domains

You can use your own domain (for example booking.example.com) instead of youraccount.makeplans.com. This is set up under Addons > Custom domain and requires you to add a few DNS records, including a verification record. We recommend using a subdomain of your website rather than your root domain. Custom domain is a paid add-on (see the pricing page).

Building your own booking flow

If you want full control, you can build a custom booking experience on your website using our API, including a JavaScript API for use in the browser (this also requires your domain to be whitelisted under Setup > Developer > Embed). See developer.makeplans.com for documentation.

Still need help? Contact Us Contact Us