Unbounce: Connecting to Appointlet

Allow leads to book their own appointments, demos and consultation calls

Jared Morse avatar
Written by Jared Morse
Updated over a week ago

This article is for the Legacy version of Appointlet. Click here to browse the knowledge base on the most recent app version.

You can use Appointlet on your Unbounce landing pages to allow leads to schedule their own appointments, demos and consultation calls.

In other words, striking when the iron is hot! Saving you time, shortening your sales cycle and allowing you to close more sales.

Example landing pages:

I. Appointlet Setup


This section will give you basic instructions for setting up your Appointlet account. Checkout our Getting Started guides for more detailed instructions.

  1. Create your organization/project

  2. Setup your Meeting Types (appointment types) in Appointlet

  1. Setup your Members in Appointlet, link them to a Google or Office 365 Calendar and set their Available Hours (Note that if you have multiple staff providing the same Meeting Type, you can turn on the "Pooled Availability" feature on the Meeting Type level to pool the availability of all staff and randomize the choice of the member chosen)

  1. Optionally open the "Settings" tab on the top left of your Dashboard to add a Logo, adjust Timezone settings, modify the booking page wording and more.

Now that you've setup your Meetin Type and Members, you're ready to accept bookings!

II. Integrating Appointlet with Unbounce

Method 1: Redirect Unbounce leads to Appointlet

With this method, you would be first taking the Unbounce lead information on your landing page then redirecting them to Appointlet for booking.

On your Unbounce page Form Confirmation setting, set the Confirmation URL to be your booking page link.

So now, after a lead fills out your form, they will be redirected to your scheduling page to book directly into your calendar.

Note: You can grab your booking page link by clicking on the "Share" button on the top left or by taking a "Meeting Type" specific URL by going to that Meeting Type page on Appointlet and clicking on "Copy Booking URL" on the right.

Method 2: Embed Appointlet on your Unbounce page

You can offer direct scheduling of sales calls, consultations and meetings to your Unbounce visitors without them leaving your landing page.

The biggest difference with the first integration is that the lead info will be entered on Appointlet rather than on the Unbounce landers.

Add this javascript code (“Before Body End Tag”) to your Unbounce lander with your adjusted parameters:

<script src="https://d35xd5ovpwtfyi.cloudfront.net/loader/loader.min.js?v=1436999295"></script>

<script>
 $(function(){
 $('IDs of CTA separated by commas').appointlet({
 organization: "organization subdomain"
 });
 });
</script>
  • ID's of CTA is taken from Unbounce Element Meta data

  • Organization subdomain is taken from Appointlet by inserting the subdomain of your booking page link. If your Appointlet scheduler goes to 'xyz.appointlet.com' for example then the subdomain would be 'xyz'

  • Note: It’s also possible to further modify the above code to select specific Meeting Type offered for staff members by replacing the organization line with: organization: "recruiting-outside-the-box-inc" , service:SERVICEID. You can get the Meeting Type ID by looking at the last digits of that Meeting Type booking link.

Set the URL of the CTA to be “#” in Unbounce so that visitors don't get redirected off the landing page

You're done!

With this method, clicks on your Unbounce CTA won't trigger an Unbounce conversion. We recommend using the Google Analytics integration for tracking.

III. Funnel Optimization: Form Fields

If you're taking lead information directly on your landing pages, you can greatly optimize the booking flow by auto-filling the form fields on Appointlet and completely skipping the information screen, eliminating a hugely time-consuming step.

To achieve this, start by adding Appointlet Form Fields (name, phone, etc...) that you want displayed in emails and calendar events for easy access by your sales reps & team.

Now in Unbounce, you’ll need to modify the “Field Name & ID” of each field that you want to auto-fill and set it to the following: "field__fieldslug" with the “fieldslug” being the Appointlet field slug.

To get the Appointlet field slug, go to that Field page on Appointlet and simply click on the "Advanced" tab. You should be able to see the slug of that specific field.

So on Unbounce, you would set the “Field Name & ID” to be “field__phonenumber” as shown in the screenshot below.

Note: The email field slug in Unbounce should simply be "email" without “field__” before it.

Once you're done modifying the Unbounce field names and IDs, don't forget to check the "Append form data to URL" setting of the form confirmation. This will pass form info to the booking page and will auto-fill the form.


If you've auto-filled all of your Appointlet required fields, then you would be better off skipping the information field. To do so, append "skip_fields" to your booking page link. That's it!

IV. "Thank You" page Redirect

If you're looking to redirect your leads to a "Thank You" page after booking, Appointlet got you covered. Click on the "Settings" link on the top left of the Dashboard, under the "Redirect" tab, put in your "Thank You" page URL.

Note: You can also append variables to your redirect URL and use these variables as dynamic text on your "Thank You" page.

V. Zapier Integration

You can use our Zapier integration to connect Appointlet with the other tools you use to automate the rest of your administration tasks such as sending out SMS reminders, updating your CRM, sending your bookings to Google Sheets, and much more…



Note: Webhooks are available for power users.

Did this answer your question?