Skip to main content

Appointments Widget

Caroline Fornhoff avatar
Written by Caroline Fornhoff
Updated over 2 years ago

Een widget inbouwen in je website, zodat je klanten en cliënten een afspraak kunnen inplannen zonder jouw website te moeten verlaten.

With the Appointments Widget you can enable users to schedule an appointment with you within Trackler without having to leave your website.

All you have to do for that is the following:

WordPress

For WordPress, you can use the 'WPCode' plugin, which allows you to easily add a custom script to your website. Once this extension is added, you can simply go to the 'Code Snippets' tab and add a new script. As a script you enter:

<script>let script=document.createElement('script'); script.src='https://app.trackler.nl/scheduler/widget/widget-1.0.0.js'; let element=document.getElementsByTagName('script')[0]; element.parentNode.insertBefore(script, element); </script><style>.trackler-widget__button{color: #666 !important;}@media screen and (prefers-color-scheme: dark){.trackler-widget__button{color: #fff !important;}}.trackler-widget__button-open{font-size: 14px !important;line-height: 14px !important;font-family: 'Lato', sans-serif !important;}</style> <div class="trackler-widget" data-scheduler="48f1d507-ec5e-4084-bf63-f7fb722c07a8"></div>

It is important to replace the value in bold with your Scheduler ID.

Where can I find the Scheduler ID?

The Scheduler id can be found within Trackler.

  1. Create a new Scheduler or use an existing Scheduler

  2. Click on the link icon of the Scheduler you want to use

4. Copy and paste the selected part of the URL after the backslash

5. Paste this URL into the code at the top and you're good to go!

No WordPress

When not using WordPress, you can still use the same script, you just have to add it at the top of the <body> tag in your page.

Did this answer your question?