Stand Alone Booking Form - No Charge Appointments 📝

What This Does

If you offer services that customers can book for free (no payment required), you can now create a simple booking form that skips the checkout process entirely. Customers can book appointments directly without going through your Shopify store’s checkout.

Example: Standalone Booking Form Demo

Note: The widget currently may open to the current month instead of the first available date for appointment products. This happens because it only searches within the current calendar year.

The form is accessible under the Templates page in the BookThatApp admin.

How to Implement the Standalone Booking Form

1. In the app, go to Settings → Templates.

2. Copy the URL from the New Booking row of the table in the Description column.

3. Add the link to the form to your Shopify Navigation.

4. Return to the Templates page.

5. Select the New Booking link to access the code for the template. 

Cursor Styling

Fixing Mouse Cursor Issues

Sometimes your website's design might make the mouse cursor look wrong when customers try to select dates. If you see a red circle with a slash ❌ instead of a normal arrow, here's how to fix it:
 

1. In the app, select Settings.

2. Select Templates.

3. Select the New Booking template. 

4. Around line 9 you will notice the <style> section. 

5. Add the following code anywhere within the <style> section. 

.bta-dp-start.datepicker {
     cursor: default !important;
}

6. Select Save.

The stand alone form can also be added to a custom page in your store using an iFrame.