Data Submit Card: Send collected data at a specific point in the conversation.

Created
Feb 5, 2024 8:50 PM
Tags
image

How To Use The New Data Submit Card

We will create a new card that will allow you to send leads or forms into different systems within the app so you could set up the card, configure the card and then set attributes you want to pass over to the Email the CRM.

If you prefer to watch a video, here it is.

Let’s first start with the data submit card by performing the following step-by-step procedure.

Note: The following example is just for your information, you can build new data submit card according to your requirements.

Step 1: First of all, we will create a new Form in your chatbot named Test2.

image

Step 2: Ask 3 simple questions. Enter a Question and click on Add Question.

  • What is your Name?
  • What is your Email ID?
  • What is your Phone#?

Click Next and proceed.

image

Step 3: Let’s quickly setup the entities as the following:

  • What is your Name?
    • Expected Response: @sys.any
    • Attribute: Name
  • What is your Email ID?
    • Expected Response: @sys.email
    • Attribute: Email
  • What is your Phone#?
    • Expected Response: @sys.phone-number
    • Attribute: Phone#
  • Continue to: Select Block and select block name (No Match)
image

Step 4: Click Done button and form will be saved successfully.

image

Step 5: Now create a new block. Click on Create Group and name it as Form Completed.

image

Step 6: Click on the “Arrow head” icon and create a new block and call this block: Thank_you_form.

image

Step 7: We will connect Test2 form with this Thank_you_form block. Click on Test2 and select Thank_you_form block.

image

Step 8: Click Done and form will be saved successfully.

image

Step 9: Click on Thank_you_form, its respective block will be displayed.

image

Step 10: Now you need to click on More.

image

Step 11: Select Data Submit Card.

image

Step 12: Give an appropriate name Completed_form_test2 and click on Save.

image

Step 13: Add Text card and enter the question and click Save button.

image

This was the simplest way of using the data submit card. Now let’s cover a slightly more complex or advanced way of using the data submit card.

Step 1: Click on Test2 form.

image

Step 2: Add a new question. Let’s say What is your favorite color? And click on Add Question button.

image

Step 3: Click on Next and create the following entities:

  • Expected Response: Color
  • Field Name: Color
image

Step 4: Add button responses and link them with the block. For now, let’s add three buttons:

  • Red – link to Thank_you_form block
  • Blue – link to Thank_you_form block
  • Pink – link to Thank_you_form block

Click on Done button.

image

For this specific example, we want each user that has chosen a different color. We want to send them to a different data submit card.

Step 5:  Click on Thank_you_form block and delete the Data submit card.

image

Step 6: Click on Yes to delete the data submit card.****

image

Step 7: Now we will add a Go-To Card.

image

Step 8: Click on Add new rule and select the Attribute Name as Color.

  • Is: enter Red and select block No Match.
  • Is: enter Blue and select block No Match.
  • Is: enter Pink and select block No Match.

Click on Save button.

image

Why we set this go-to card is because we want to send users a custom message for each of these colors and we want to send them. For example, Red we want to send it to a specific email, Blue we want to send it to a different email and so on.

Step 9: Add new forms to link them with the colors we created in Go-To card.

image

Step 10: Click on Thank_you_form and link the block with respective colors.

image

Step 11: Click on Save button to save the card.

image

Step 12: Now you will set up the data submit cards individually. Click on Red_team block.

image

Step 13: Click on Text card and enter Thank you for filling out the form!

image

Step 14: Click on More button and select Data Submit Card.

image

Step 15: Enter the name as Red_team_form and click on Save button.

Step 16: Repeat the Steps from 12 to 15 for blue and pink teams respectively.

image

Step 17: To configure these colors, we will go to Launch page.

image

Step 18: Click on Launch New ChatBot and select your respective chatbot and click on Next.

image

Step 19: Select Web Chat and click on Next.

image

Step 20: Scroll down to the Integration section and you will find the data submit mapping we just created i.e., Blue_team_form, Pink_team_form and Red_team_form.

image

Step 21: For now, click on Blue_team_Form and enter the following parameters:

  • Destination – select Email
  • Sender – this field is non-editable
  • Subject – enter Blue Team New Lead
  • Email – enter your Email Address
  • Email Body – enter the description in the email body
image

Once the user hits that data submit card, that will trigger an Email with the information with these values, set for these attributes and you can do the same for the rest of the teams respectively.

Step 22: Now that you have configured these data submit cards, the last step is to go to the Dashboard and view the completed/submitted data forms.

image

In Data Submits, you will see all the new data submit events being fired and if you have 10 data submits that have been sent, you will see 10 here. We are done with how to use the data submit card.