NEW: Customizations for Embedded Calendar Pages

When you use x.ai, even our free-forever plan, your Calendar Pages never show our brand (unlike pretty much ALL of our competitors). However, there are times when you want to take even more control over the guest experience by including your Calendar Pages on your own website. That’s why we continue to invest in our our embedded calendar pages, allowing you to add your Calendar Pages to your website and customize them as you see fit. So here’s what’s new!

Dedicated Embed Section for Meeting Templates

With a new section on your Meeting Template edit screen, you now have instant access to the code necessary to embed your Calendar Pages. Want a quick and simple Calendar Page added directly to your website? Simply grab the code to add directly to your page. For a configurable button and pop-up calendar just copy the second version of customizable embed code!

You can even quickly copy and paste a formatted link to add to your email signature so that your contacts can easily schedule meetings with you.

Lock the Scheduling Button in Place

We’ve also added new options for you to display your scheduling button. Now you can choose to display the button to your visitors in a fixed position on the screen, such as top-left, bottom-middle, etc.

Custom CSS Classes for Buttons

In addition to new button positioning options, for our advanced users we’ve also added the ability to add your own CSS classes to the button so that you can use your site’s own styling. It’s as easy as adding a snippet of code to your site, like this:

var xdotaiCustomClassName = 'my-button className';

So your completed embed code would simply have an addition snippet of code before it that modifies the behavior on your site:

<script>var xdotaiCustomClassName = 'my-button className';</script>
<script type="text/javascript" src="https://x.ai/embed/xdotai-embed.js" id="xdotaiEmbed" data-page="/ammon/test" data-height data-width data-element async></script>

Read more about the many options available to customize your embedded calendar pages in our help center.

Updates to the WordPress Plugin

Finally, we’ve made additional updates to the x.ai WordPress plugin. Not only can you control the button text, classes, and position, you can also control which page to use by setting a WordPress shortcode attribute. This way you can use different Calendar Pages on different pages of your own website! An example of an x.ai WordPress with an attribute looks like this:

[xai-calendar page="/ammon/test"]

Getting started with the plugin is as easy as downloading the x.ai WordPress scheduling plugin from the official WordPress plugin directory.

Get Started With Embedded Calendar Pages

There are a dozen other ways to customize your embedded calendar pages. You can set a location dynamically, change the text of the button, show or hide your photo and headline, and much more. Check out our embedded calendars help documentation for more!