This lesson will cover the following topics:

04 | Mapping
07 | Events
09 | Form
10 | Confirmed
12 | Preview
13 | Styling

01 Getting Started

This tutorial covers the scheduler widget. The scheduler widget is used to schedule meetings and events using dynamic Salesforce data.

screenshot of where to find the scheduler widget

02 Select Source

When you first add a scheduler to your project a configuration window displays.

The first step is to select your source, these are attendees of your event. This could be static data or dynamic Salesforce data.

Screenshot showing the select source step when configuring a scheduler


1. Static Attendees

To configure static attendees, click the Static radio button and click Next.
Screenshot showing the static option selected

In the Mapping step, you can manually add each attendee's details.
Screenshot showing how to map static attendees


2. Dynamic Salesforce Attendees


By choosing the Salesforce option, you can schedule events with your Salesforce data. For example, your Salesforce Users.

1. Use the dropdown to select the Source in Salesforce and configure how many records to pull. For example, User. Click Next.
screenshot showing the salesforce radio button selected for the select source step

The scheduler will now be displayed in your project.

03 Conditions

In the Conditions step, you can use the dropdowns to configure any condition that will be used to filter your Salesforce source. For example, the first name of the user must be Jessica. Click Next.
screenshot showing the conditions step when configuring a scheduler

04 Mapping


In Mapping, you can use the dropdowns to configure each field. Depending on your Salesforce source chosen in step 1. For example, since we selected User, we will map User ID to the value. Click Apply.
Screenshot showing the mapping step when configuring a scheduler

The scheduler will now be displayed in your project.

05 Scheduler Settings

1. Click the Scheduler gear icon to open the Settings menu.
Screenshot showing how to navigate to the settings menu by clicking the gear icon

06 Meeting Type

In the Meeting Type tab, click the Configure Meeting button.
screenshot showing the scheduler settings with the meeting type options displayed

Here you can configure what type of events people can schedule. You can create static events or choose to use a Salesforce object that references the event types you might need.
screenshot showing the select source step when configuring meeting types

We will be using the Static option for our example. In the Mapping step, we can configure the different meeting types. You can enter the details for each meeting type.
screenshot showing the mapping step of configuring meetings

Once you have configured your different meeting types, they will be displayed in the scheduler.
screenshot showing how the scheduler displays configured meetings

07 Events

The next tab to configure is Events. Events are timeslots that will be marked off in the schedule, blocking a timeslot so no conflicting events can be scheduled.
screenshot showing the scheduler settings with the events tab options displayed

Using the dropdown, you can choose any object in Salesforce—for example, Event. You can also choose the Number of Records to pull. It is important to keep in mind the number of events a user can have, For example, a user could have more than 30 events scheduled.
screenshot showing the select source for event configuration

When configuring Conditions, you can set any criteria to filter specific events. For example, you only want future events to display and events that are assigned to your specific Salesforce user.
screenshot showing how to configure conditions for events

In the Mapping step, you can configure your Salesforce source to the corresponding field.
screenshot showing the mapping step when configuring events

08 Availability

Under Availability, you will find two sections, the first one is Working Hours and the second is Holidays and Absences.

Working Hours:
  • User Profile - This allows you to schedule events only if the user is available.
  • Regular - This allows you to schedule events between 9-5 from Monday - Friday.
  • Custom - Choosing this option allows you to configure a Salesforce source that contains specific dates and times.

Holidays and Absences:
  • None
  • Regular holidays and absences - These are synced from Salesforce.
  • Custom - Choosing this option allows you to configure a Salesforce source that contains specific dates and times.
screenshot showing the scheduler settings with the availability options displayed

09 Form

This is the information the person scheduling the event will provide.

You can configure a form to capture the details the user provides, you can also  choose to enable or disable the Confirmation messages and configure how they open.

The submit button allows users to click it once they have submitted their information, from there you can configure the submit action that must run once the button is clicked.
screenshot showing scheduler settings with the form tab options displayed

To configure the Form click on the Configure Form button. You start by choosing the Salesforce Source object and then choosing whether to Create or Update a record in Salesforce based on the information provided. For example, you can choose to create a contact.
screenshot showing the select source step when configuring a submit action

In the Mapping step, you can add columns to capture details that will be saved to your Salesforce to create the Contact record. This will automatically create a Salesforce Push action.



Now that you have configured the contact details to be captured, we need to create a child push to automatically create an event.
screenshot showing to create a child push

In the Object Settings tab, configure; Event as the Salesforce object, Create as the action, and add a description.
screenshot showing the object settings tab for map salesforce fields

In the Mapping tab, Titan will automatically map your contact field. For this example, we chose to configure a custom subject and we mapped the Salesforce fields to the corresponding project elements.
screenshot showing the mapping tab for the map salesforce fields window

Now that your Salesforce action has been configured, you can assign it to your On Submit button.

10 Confirmed

Using this tab, you can create a custom message to display to the user once they submit their form. You can also customize your text using a variety of formatting options.
screenshot of the scheduler settings with the confirmed tab options displayed

11 Interactivity

Using the options under the Interactivity tab you can configure how the element displays and how users interact with it.

This can also control when users can schedule meetings and events.
Screenshot of the scheduler settings with the interactivity options displayed

12 Preview

When previewing your scheduler, you will see the people you can schedule events with and the types of events you can schedule. To book an event, select the event type and follow the steps.
Screenshot showing how the scheduler displays

13 Styling

To customize your widget, you can use the styling menu options.
Screenshot showing the scheduling styling menu

14 Got Feedback?


Additional Resources