Mixmax Developer

Mixmax Developer

Welcome to the Mixmax Developer portal! You'll find comprehensive guides and documentation to help you started building apps as quickly as possible, as well as support if you get stuck.

Get Started    

Embedded Calendar

The Embedded Calendar SDK allows you to embed a Mixmax public calendar in your website so that your visitors can book demos, meetings, and more without having to leave your site.

Calendar invites will automatically be sent to you and your guest when they pick a time. You'll get your guest's name and email address, as well as any other information like Company name, Phone number, etc. you've configured via Meeting Type custom fields when they book through your public calendar.

Embed your meeting type public calendar in your site.

Embed your meeting type public calendar in your site.

Adding an embedded calendar to your website

  1. Click "Share your link" in your meeting type and copy the generated code into your site.
Click "Share your link" to get the code for your Mixmax Embedded Calendar.

Click "Share your link" to get the code for your Mixmax Embedded Calendar.

  1. Add the copied HTML to your site where you want your Embedded Calendar to render. The Mixmax Widget SDK will find the code and enhance it into a Mixmax Embedded Calendar.

If you'd rather load the calendar manually or install the SDK via a package manager like npm, check out Loading the Widget SDK.

You can adjust the height and width of the calendar by updating the data-height and data-width attributes of the div with valid height. and width values. If you specify the height in px, the value you set must be at least 580px to ensure that the calendar is fully visible by visitors to your site.

Example

<script defer src="https://sdk.mixmax.com/v1.5.2/widgets.umd.min.js"></script>

<div class="mixmax-embedded-calendar" data-user-calendar-link="testuser3-985" data-calendar-link="meetingtype_112" data-width="100%" data-height="580px" data-primary-color="#1155cc">
</div>

You can check out an example of a full HTML file here.

Embedded Calendar


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.