.gif)
Discover our easy, step-by-step guide to seamlessly integrating Bubble.io with Acuity Scheduling to enhance your business efficiency.
Acuity Scheduling is an online appointment scheduling software that enables businesses to automate and manage their appointments, bookings and schedules. This cloud-based platform provides features for calendar integrations, client reminders, payments processing, and customizable schedules. It offers a client self-service portal where clients can view availability in real-time, book appointments, and even reschedule their own appointments if needed. Acuity Scheduling is designed to help businesses save time, reduce no-shows and increase client satisfaction.
Book a call with an Expert
Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.
Integrating Bubble.io with Acuity Scheduling involves a set of processes which involve creating a Bubble.io app, setting up an account with Acuity scheduling, creating webhook integrations, and lastly, integrating both platforms. Here's a detailed guide you can follow:
Step 1: Create an account with Bubble.io
If you haven't already, head over to Bubble.io website to create an account. Sign up using your email or sign in using a pre-existing Google account. Follow through by setting a password and verifying your account via email.
Step 2: Acquire a Domain
After signing in, to use Bubble service, you will need to purchase a domain or use different hosted options that are available. You can purchase directly from Bubble, or if you already have a domain, Bubble provides options to link it.
Step 3: Create an Application
Click on the "New Application" option on the left side of your Dashboard. Fill in the required fields like app name, choose a plan, and then click Create.
Step 4: Familiarize Yourself with Bubble.io Environment
Get yourself acquainted with Bubble.io interface. The design page allows you to visually build your User Interface of your application. The Workflow tab is all about automation when a certain event is happening. The Data tab is where you manage your database and the Plugins tab is where you can add additional functionalities to your app.
Step 5: Create an account with Acuity Scheduling
Head over to Acuity Scheduling and create an account. You can also sign up using Google or Facebook accounts.
Step 6: Get Your API Key
Next, click on Integrations on the top bar. Scroll down and click API keys to generate an API key that will be used to connect Bubble to your account.
Step 7: Create Webhooks
Navigate to the Developer Tools section on the dashboard, then click on Manage Webhooks then on Create Webhook. Add triggers by selecting specific events such as appointments scheduling, changing or cancelling. Add a destination URL where the Webhook will deliver data once it’s triggered. Use Bubble app’s endpoint here.
Step 8: Install Bubble API Connector plugin
In your Bubble.io account, from the main Dashboard menu, navigate to Plugins --> Add plugins. Search for "API Connector" plugin and install it.
Step 9: Configure API in Bubble
In Bubble editor, click on Plugins and then API Connector. Click Add another API. Add API details, add 'Title', tick the Use as: Data option, add to Authentication part Add the headers, Key: = Authorization, for Value use Bearer YOUR_API_KEY. Note that 'YOUR_API_KEY is the API key you got from Step 5 above. Replace it with the actual key.
Step 10: Set up GET Call
In the same 'API Connector plugin, click on Add another Call, User Get All Appointments then select GET method. For the URL paste https://acuityscheduling.com/api/v1/appointments
Step 11: Set up POST Call
Repeat the previous step but this time select POST for the method and use https://acuityscheduling.com/api/v1/appointments for the URL in order to set up the ability to create new appointments via Bubble.
Step 12: Use API Data
You can use your Acuity data within Bubble. Build out applications to list appointments, create new ones, cancel or edit. You can display data in repeating groups and trigger changes using workflows. In the workflow settings, choose the plugins action and you can select GET All Appointments.
Step 13: Test the Integration
From the Bubble app, test by setting and retrieving appointments and check if the changes are reflected in the Acuity account.
Congrats, you've integrated Bubble.io with Acuity Scheduling!
Scenario: A personal trainer runs an online workout program where members can book personalized workout sessions. They use Bubble.io to build a user-friendly member dashboard that displays class schedules, availability and allows members to book sessions. To smooth the booking process and automate session reminder notifications, the trainer wishes to integrate their dashboard with Acuity Scheduling.
Solution: Integrating Bubble.io with Acuity Scheduling
Member Dashboard Creation: The trainer uses Bubble.io to develop a member dashboard that exposes detailed class schedules and slots availability for workouts. The dashboard also includes functionality for members to book desired slots.
Setting Up the Integration: The trainer adds the Acuity Scheduling plugin in Bubble.io and links it with their Acuity Scheduling account. They set up workflows within Bubble.io that execute when a member books a session on the dashboard.
Booking Workflow: When a member selects a training session, the workflow is triggered. The chosen session information (date, slot, member detail) is automatically sent to Acuity Scheduling using the configured Acuity Scheduling plugin action. An appointment is created in Acuity Scheduling with the received details.
Appointment Management in Acuity Scheduling: Acuity Scheduling sends an automatic reminder alert to the member before the session. If the member responds to the reminder notification by canceling or rescheduling, Acuity Scheduling updates the appointment and communicates the changes back to Bubble.io to update the member dashboard.
Monitoring and Analytics: The integration enables a synchronized view of member commitments and instructor availability. It helps the trainer monitor booking patterns, manage member rescheduling, and ultimately, optimize his sessions.
Benefits:
Efficiency: By automating the entire booking process, the trainer saves time and reduces errors caused by manual booking updates.
Centralized Data: All bookings are handled and managed in Acuity Scheduling, providing a central management system for the trainer.
Improved Member Experience: The integration enhances member experience by giving them real-time booking updates and timely reminder notifications.
Enhanced Dashboard Utility: The dashboard becomes more than just a schedule viewer. It turns into an interactive platform that allows members to manage their bookings seamlessly.
By integrating Bubble.io with Acuity Scheduling, the personal trainer can better manage their online workout program, offer an improved user experience, and spend more time focusing on the actual training sessions.
.svg)
Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.
.svg)
Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.
.svg)
Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.
Then all you have to do is schedule your free consultation. During our first discussion, we’ll sketch out a high-level plan, provide you with a timeline, and give you an estimate.
.png)
.png)
