Help Center – Contact Button Help Center – Contact Button
  • Home
  • About
  • Pricing
  • Log In
Sign Up
Help Center – Contact Button Help Center – Contact Button
Sign Up
Help Center – Contact Button Help Center – Contact Button
  • Home
  • About
  • Pricing
  • Log In
loading
  1. Home
  2. Articles
  3. App Guides
  4. App Setup Guide – Reservations & Bookings
Updated on March 6, 2025

Articles

  • Folder icon closed Folder open iconGetting Started
    • Setup Guide – Get Started in 15 Minutes or Less
    • Setup Guide – How to Create a Button
    • Setup Guide – How to Create a New App
    • Setup Guide – Creating New Workspaces
    • Setup Guide – How To Create a List or Menu
  • Folder icon closed Folder open iconApp Guides
    • App Setup Guide – Contact Forms App
    • App Setup Guide – Chat Widgets
    • App Setup Guide – Facebook Messenger
    • App Setup Guide – WhatsApp Business
    • App Setup Guide – Click-to-Call
    • App Setup Guide – Map Links
    • App Setup Guide – Website Links
    • App Setup Guide – HTML Embed
    • App Setup Guide – Business Hours
    • App Setup Guide – Social Links
    • App Setup Guide – Send Messages
    • App Setup Guide – Images & PDFs
    • App Setup Guide – Email Subscriptions
    • App Setup Guide – Reservations & Bookings
    • App Setup Guide – Lists & Menus
  • Folder icon closed Folder open iconWebsite Installation
    • Install on Cardd
    • Install on Ecwid
    • Install on Framer
    • Install on Ghost
    • Install on Google Tag Manager
    • Install with HTML
    • Install on Lightspeed
    • Install on Shopify
    • Install on Squarespace
    • Install on Wix
    • Install on Webflow
    • Install on Weebly
    • Install on WordPress
  • Folder icon closed Folder open iconIntegration Guides
    • Integrate the Tawk.to Chat Widget
    • Integrate the Crisp Chat Widget
    • Integrate the 2Chat Chat Widget
    • Integrate the Hubspot Chat Widget
  • Folder icon closed Folder open iconProduct FAQs
    • How do I remove the "⚡ by Contact Button" branding?
    • Why are my Buttons and/or Apps not displaying on my site?
    • How Do I Change Default Button & Menu Font?
    • Where do contact form responses go?
    • How do Contact Form app webhooks and callback URLs work?
    • Which countries & languages does Contact Button support?
    • Can I use the same kind of app multiple times in one button?
    • Can I have multiple buttons on same domain?
    • Do I need to have website development skills to use Contact Button?
    • How do I switch between workspaces?
    • Can I change my account email address?
    • How do I request a new password?
    • What happens when I go over a monthly plan limit?
    • Can I use a hyperlink to automatically open button menu?
  • Folder icon closed Folder open iconAccounts & Billing
    • What kind of support do you offer?
    • Accepted Payment Methods
    • Calculating Taxes
    • How Are Plan Limits Tracked?
    • How Do I Cancel My Subscription?
    • How To Find Your Billing History & Invoices
    • How Do I Upgrade My Account?
    • Is it possible to downgrade plans?
App Guides

App Setup Guide – Reservations & Bookings

Estimated reading: 2 minutes 705 views



Installation Steps


Step 1

Choose a name for the app. If you have selected a Row or Column layout for your button’s menu, this name will be displayed near the app icon. 

Note: You can see how your chosen app name will look for a specific layout by clicking on the ‘Columns’, ‘Rows’ or ‘Icons Only’ tabs found in the App Icon Design window on the right side of the screen.


Step 2

Write a short description to give website visitors a little bit more information about what the app does. Please note that the description is only shown in your menu if you have chosen the Row Layout for your button.


Step 3

Click the Integration dropdown menu and choose from one of the 4 available options.

Note: We hope to add more Reservation & Booking integrations in the near future. If there is a specific integration that you need, please contact us at support@contactbutton.com or via the Contact Button in your dashboard.


Step 4

Once an integration option is selected, a dynamic field will appear. Please follow the directions below for each of the following.

TidyCal
Enter your Data Path. It should look something like this “m8q489m/15-minute-meeting”. (Note: Don’t add any url information that comes before the random code that comes before the / in the example above.)

CalendarHero
Enter your meeting ID. This can be found at the end of any of your meeting URLs.

Calendly
Enter the URL of the Calendly meeting link of your choice.

Google Appointments
Enter your complete appointments schedule URL. It should look something like this: https://calendar.google.com/calendar/appointments/schedules/YOUR_ID

OpenTable
Enter your Restaurant ID Number without the # in the front of it.

Resy
Enter your Venue ID & Restaurant URL.


Step 5 

Complete the “Icon Design” and “Display Options” sections and click Save.

Note: If this is the first app you’re setting up and it’s unclear what to do in these two sections, please visit our guide titled “How to Create and App“.

Still stuck? Click here to message us.

How can we help?

Was this page helpful? Yes 1 No

CONTENTS

Powered By EazyDocs

© 2024 All Rights Reserved by Contact Button