Available in: Appointiv v1.100+
Overview
Create custom booking buttons with your own labels that open the Appointiv booking form directly on Lead, Contact, Case, or Account records. This feature uses Salesforce Screen Flows, giving you full control over button labels and which booking URL field to use—no code required.
You can create unlimited custom booking buttons with no code required.
What You Can Customize
- Button Label – Name your button anything you want (e.g., "Schedule Demo", "Book Follow-up", "Request Consultation")
- URL Field – Choose which Appointiv booking URL field to use, including custom formula fields
- Title – Optionally display a title above the booking form
- Open in New Tab Button – Control when the "Open in New Tab" button appears
Step 1: Add Appointiv to Trusted URLs
Before the booking form can display in Salesforce, you must add your Appointiv webform URL to Salesforce's Trusted URLs list.
Find Your Webform URL
- Open the Appointiv app in Salesforce
- Go to the Configure tab
- Select the Initial Setup sub-tab
- Locate the section titled "Your Webform URL"
- Copy the URL displayed (e.g.,
https://mar25enttest.appointiv.com)
Add to Trusted URLs
- Go to Setup → Search for Trusted URLs
- Click New Trusted URL
- Configure as follows:
-
API Name: Enter a name (e.g.,
Appointiv_Booking) -
URL: Paste your webform URL (e.g.,
https://mar25enttest.appointiv.com) - Active: ✓ Checked
- CSP Context: Select All
- Allow iframes: ✓ Checked
- Allow Images: ✓ Checked
-
API Name: Enter a name (e.g.,
- Click Save
Note: This is a one-time setup. Once configured, all custom booking buttons will use this trusted URL.
Step 2: Create a Custom Formula Field (Optional)
If you need a booking URL that isn't provided by the standard Appointiv fields, create a custom formula field. This allows you to build URLs that reference specific locations, event types, or any field on the record.
Example: "Book with Specific Location"
- Go to Setup → Object Manager → Lead (or Contact/Case/Account)
- Click Fields & Relationships → New
- Select Data Type: Formula
- Click Next
- Configure:
- Return Type: Text
- Field Label: Book with Location ABC
- Field Name: Book_with_Location_ABC (auto-filled)
-
Enter your custom URL formula, for example:
"https://book.appointiv.com" & "/l/location-abc" & "/c/consultation" &"?leadId=" & Id
- Click Save
Note: The formula can reference any field on the object (Owner, RecordType, custom fields, etc.) to build dynamic booking URLs.
Step 3: Create a Screen Flow
- Go to Setup → Flows
- Click New Flow
- Select Screen Flow and click Create
Step 4: Add a Screen Element
- Click the + icon on the canvas
- Select Screen
- Enter a label (e.g., "Booking Screen")
Step 5: Add the Appointiv Component
- In the Screen element, look at the left panel under Components
- Scroll down or search for Appointiv Book Appointment
- Drag it onto the screen canvas
Step 6: Create a Record ID Variable
The component needs to know which record it's on. Create a variable to capture this:
- In the left Toolbox panel, click New Resource
- Configure as follows:
- Resource Type: Variable
- API Name: recordId
- Data Type: Text
- Available for input: ✓ Checked
- Click Done
Step 7: Configure the Component
Select the Appointiv Book Appointment component and configure these properties:
| Property | Description | Example |
|---|---|---|
| Record ID | Enter {!recordId} to use the current record |
{!recordId} |
| URL Field API Name | The API name of the booking URL field | Appointed__Book_with_All_Options__c |
| Show Open Button | When to show "Open in New Tab": Never, MobileOnly, or Always | MobileOnly |
| Title (Optional) | Text displayed above the booking form | Schedule Your Appointment |
Common URL Field API Names
Standard Appointiv Fields:
-
Appointed__Book_with_All_Options__c– All booking options -
Appointed__Book_with_Owner__c– Book with record owner -
Appointed__Book_with_Me__c– Book with current user
Custom Fields:
- Use the API name of any custom formula field you created (e.g.,
Book_with_Location_ABC__c)
Step 8: Configure Screen Settings
To remove the default "Finish" button from the modal:
- Select the Screen element
- In the right panel, scroll to Configure Footer
- Set Show Footer to Hide Footer
Step 9: Save and Activate
- Click Save
- Enter a Flow Label (e.g., "Book Demo Appointment")
- Click Save
- Click Activate
Step 10: Create a Quick Action
- Go to Setup → Object Manager
- Select your object (Lead, Contact, Case, or Account)
- Click Buttons, Links, and Actions
- Click New Action
- Configure:
- Action Type: Flow
- Flow: Select your newly created flow
- Label: Your custom button label (e.g., "Schedule Demo")
- Name: Auto-generated API name
- Click Save
Step 11: Add the Button to Your Page Layout
For Lightning Experience with Dynamic Actions:
- Go to Setup → Object Manager → Select your object
- Click Lightning Record Pages
- Edit your record page (or create a new one)
- Select the Highlights Panel at the top
- In the right panel under Actions, click Add Action
- Find and select your new action
- Save and Activate the page
If You Don't See Your Action:
If you don't see your action in the Highlights Panel configuration:
- Click Upgrade to Dynamic Actions in the Highlights Panel settings
- Save and activate the page
- Your action will now be available to add
Example: Multiple Booking Buttons
You can create multiple flows with different configurations to offer various booking options:
| Button Label | URL Field | Use Case |
|---|---|---|
| Schedule Demo | Appointed__Book_with_All_Options__c |
Let customer choose any available rep |
| Book with Me | Appointed__Book_with_Me__c |
Book directly with logged-in user |
| Book at HQ | Book_with_Location_HQ__c |
Custom formula for headquarters location |
| Book Follow-up | Book_Followup_URL__c |
Custom formula for follow-up appointments |
Troubleshooting
Booking form doesn't display / shows a blank area
- Verify you've added your Appointiv webform URL to Trusted URLs (see Step 1)
- Ensure both Allow iframes and Allow Images are checked in the Trusted URL settings
- Confirm the Trusted URL is marked as Active
Button doesn't appear on the record page
- Verify the Quick Action is added to the page layout or Dynamic Actions
- For Dynamic Actions, ensure you've saved and activated the page
- Check that the Flow is activated
"Booking link is not available" message
- Verify the URL Field API Name is correct (don't forget the
__csuffix for custom fields) - Ensure the field exists on the object you're using
- Check that the record has a value in the booking URL field
Component doesn't appear in Flow Builder
- Confirm you're using Appointiv v1.100 or later
-
Refresh the Flow Builder page
Comments
0 comments
Please sign in to leave a comment.