In some cases, you want to ask website visitors to select a date. This article shows you how to place a Date Picker inside a Chatbot.

Selecting a date

There many scenarios which might require a website visitor to select a date in the past or future:

  • prove age by selecting a birth date and year
  • identify the date of a past accident, product purchase, or incident
  • book a time for a future appointment

The Date Picker asks users to select a date. In some cases, you might want to ask users to select a date and time. To collect both types of information you need to place two separate tools — Date Picker and Time Picker — inside two separate Chatbot Message blocks.

For more information, see:

1 Opening the Message block

You place a Date Picker request inside a Message block.

  1. Go to the Builder page.
  2. Locate the Bot you want to edit and then click Edit on the toolbar. The Builder page displays.
  3. Locate the Message block that will contain the user response.
  4. Click the Message block. The Message panel displays.
  5. Click Add to insert a new message line.
  6. Type a sentence that asks visitors to select a date.
User Response_Date picker

2 Inserting the Date Picker tool

You place the Date Picker tool inside a Chatbot by opening the User Response panel.

For this article, we assume a photography studio uses the Chatbot to book sales leads for studio appointments. For that reason, step 4 below mentions Future Date.

  1. Click User Response at the bottom of the Message panel. The User Response panel displays.
  2. Click the box beside Input Type. A drop-down menu displays.
  3. Select Date Picker.
  4. Beside Select Date Option, click Future Date.
  5. Click Continue. The Message panel displays.
  6. Click Save.
User Response_Date picker

3 Previewing the Chatbot

After placing a Date Picker inside one Message block, you can preview the results.

Date picker

4 Customizing the request

The User Response panel has 2 customisation features.

1 User can skip

  • Click this toggle if you want to make a selection optional rather than required. In most cases, this option won’t be used because you want users to make a choice.
  • The toggle places a blue button near the bottom of the Chatbot (see image below).
Date picker

2 Legal Consent

  • Click this toggle if you want to add a statement to the Chatbot that verifies a website visitor agrees to your privacy policy.
  • For more information see: Adding Legal Consent.
Legal Consent_Skip

Leave a Reply

Your email address will not be published.