Menu

more_horiz

Help Center » Embedding on Your Website » Embed options overview


Embed options overview

This is a guide that will go through the embedding options available on AppointmentThing and where to find the embedding code. 

Copying the embed code from AppointmentThing

Log in to AppointmentThing and click on the "My Appointments" link in the header.



On the next screen, click on "Appointment Types" in the left-hand sidebar.



On the next screen, choose one of these options:

  • Inline Embed - Loads your booking form directly on your website.
  • Popup Widget - Adds a floating button to your site that launches your booking form as a popup.
  • Popup Text - Add a text link to your site that launches your booking form as a popup.


You will now see a screen with 2 steps for finalizing the code that you will use to embed your booking form.

Step 1, "Customize", is different for each kind of embed:


  • Inline Embed

The Customize options for Inline Embed allows you to customize your embedded appointment booking form.

  • "Appointment Types" lets you choose the appointment types your users can choose between.
  • "Page Settings" gives you further customization options, including your own colors and layout for the booking form page, and whether or not to show details on the booking page.




  • Popup Widget

The Customize options for Popup Widget allow you customize a floating button on your site, which launches a popup with your appointment booking form.

  • "Appointment Types" lets you choose the appointment types your users can choose between.
  • "Button Settings" allows you to customize the button text and colors for your floating button
  • "Page Settings" gives you further customization options, including your own colors and layout for the booking form page, and whether or not to show details on the booking page.




  • Popup Text

The Customize options for Popup Text allow you to customize a link on your site, which launches a popup with your appointment booking form.

  • "Appointment Types" lets you choose the appointment types your users can choose between.
  • "Link Settings" allows you to customize the link text and colors for your floating button
  • "Page Settings" gives you further customization options, including your own colors and layout for the booking form page, and whether or not to show details on the booking page.



Step 2, "Install", is the same for all embed types. In the bottom right corner, there is a convenient "Copy" button that will put the code in your clipboard when you click it.



At this point, you can use the code you've copied to embed your AppointmentThing booking form in a number of other places. See our guides below for:


Hi there 👋

We've hit a plan limitation here. You are on the free Basic plan and that plan has limitations.

You can upgrade your plan to unlock more features.

Send your invitees a last-minute Text/SMS reminder about their appointment with you. It will increase attendence. Upgrade to Pro to unlock this feature.

The Text/SMS reminders input field automatically appear on the appointment booking page when you're on the Pro plan.

Get a Text/SMS reminder when an appointment is about to start. Upgrade to Pro to unlock this feature.

close

Premium

Starting at $8/month. Price in USD

Features you'll love

  • Unlimited appointment types
  • No branding
  • 2 x calendar connections
  • Customize appointment reminders
  • Customize appointment page design
  • Ask custom questions on appointment page
  • Customize colors on embeddable widgets
  • Include "Marketing consent" checkbox for users
  • Zapier integrations (coming soon)
  • Priority support

View more

Pro

Starting at $12/month. Price in USD

Premium features and more

  • Unlimited appointment types
  • No branding
  • 6 x calendar connections
  • SMS/Text reminders
  • Accept payments through Stripe or PayPal
  • Customize appointment reminders
  • Customize appointment page design
  • Ask custom questions on appointment page
  • Customize colors on embeddable widgets
  • Include "Marketing consent" checkbox for users
  • Zapier integrations (coming soon)
  • Priority support

View more

Thank you!

Your account was successfully upgraded and a license was assigned to your account.

Please notice If you have bought licenses for more than one user, you can assign licenses to other users in the Account → Users section.

Hi there 👋

We made AppointmentThing available to everyone on June 1st. Thanks so much for trying it out!

Prior to the launch, we were busy testing.. testing.. testing, correcting, then more testing.. testing.. testing and correcting.

Upcoming changes
Over the next couple of months, we’ll be gathering user feedback and (of course) be using the tools ourselves. Our testing and correcting will continue, and during this time we hope to learn a lot about the following:

  • What would be nice to have
  • What we need to improve right away
  • What needs a bit more explanation
  • Any issues or anything not working correctly

As a result, you’ll probably see us moving things around a bit: changing labels here and there, adding new functionality and options, updating tutorials, etc. It’s all part of the process.

How you can help
If you experience any issues or bugs, please let us know about them by sending an email to todos@appointmentthing.com. Also, please share anything you think we could improve upon or new functionality you wish we had.

Thanks :)