Chat Forms

Justyna Janowska
11 min read
updated: Sep 20, 2022

Knowing your visitors is key to providing a great personal service. What better way to get to know your customers than to ask for information using chat forms. With LiveChat, you can use a pre-chat form to gain useful information about the customer and the case even before a chat starts. And a post-chat form to help you get feedback on your services.

In this article

If your company dies, it will die in silence. Help us avoid it! Check out our ideas about customer feedback and let us know what you think about them.
If your company dies, it will die in silence. Help us avoid it! Check out our ideas about customer feedback and let us know what you think about them.

Pre-chat formLink icon

Use the pre-chat form at the beginning of each chat to collect relevant information about visitors. Asking users for their name, email or customer ID speeds things up, as you can skip those questions later in the chat. Having such knowledge at hand, you are prepared to provide a better, faster and more personalized service.

LiveChat Pre-chat form

How to turn on pre-chat formLink icon

Turning on the pre-chat form is very easy. All you need to do is go to Settings → Forms → Pre-chat form. Then, turn on the switch at the top of the section and confirm by hitting Save changes.

How to turn on pre-chat form

Please note that when you invite customers to chat manually, the pre-chat form will not be displayed even if it is enabled.
Please note that when you invite customers to chat manually, the pre-chat form will not be displayed even if it is enabled.

Customize the pre-chat formLink icon

Think what info would be most useful during a chat and then ask for it in the form. You can add as many fields as you like, but the more fields you add, and make required, the less likely people are to chat with you. Three-liners requesting name, email and a short description of the inquiry work in most cases. You can use the preview on the right, to see how your form looks before saving changes.

There are eight types of fields you can add:

  • Information - lets you add a short text, it could be, e.g. an introductory message or a description of the pre-chat form.
  • Name - collects user’s name (this field can be used only once in a form).
  • Email - collects user’s e-mail (this field can be used only once in a form).
  • Question - collects short, open-ended answers.
  • Choice list - lets your visitors select one answer from a defined list of choices.
  • Dropdown - allows users to choose one answer from a list of choices presented in a dropdown menu.
  • Multiple choice list - lets your visitors select more than one answer from a defined list of choices.
  • Group selection - allows visitors to choose which department they want to talk to and automatically routes the conversation to a group assigned to a particular option.

The input fields support rich text formatting. See this article for more details.

Pro tip: You can use our API to pre-fill the pre-chat form for customers who are logged in your store. See our API docs to learn more!
Pro tip: You can use our API to pre-fill the pre-chat form for customers who are logged in your store. See our API docs to learn more!

How to add a field in the pre-chat formLink icon

First things first, head to Settings → Forms → Pre-chat form. Then, follow these steps:

  1. Click on + Add element.

Click on add element to add a field in a pre chat form

  1. Choose a field type you want to add.

Choose a field you want to add to pre-chat form

  1. Fill in the labels. Take a look at the preview on the right, to see if you are happy with the changes.

Fill in labels to add a field to the pre-chat form

  1. Once you are finished, click on the Save changes button.

Save changes made to the prechat form

How to change the order of fields in the pre-chat formLink icon

Head to Settings → Forms → Pre-chat form. To reorder, simply drag and drop fields. Remember to hit Save changes when you are finished.

How to reorder fields in the pre chat form

How to delete a field in the pre-chat formLink icon

Head to Settings → Forms → Pre-chat form. To delete a field, simply click on the x in the top right corner of the field. Remember to hit Save changes when you are finished.

How to delete a field in pre-chat form

How to make a field required in the pre-chat formLink icon

Head to Settings → Forms → Pre-chat form. To make a field required, check the Required box in the top right corner of a field. Remember to hit Save changes when you are finished.

How to make a field required in pre-chat form

Making the pre-chat fields required can significantly increase the quality of your chats by limiting the number of accidental visitors.

Pre-chat department (group) routingLink icon

Having several departments, such as sales or support, you can use the pre-chat form for smart routing. Let your customers choose whom they need to talk to, to avoid delays and transfers between departments.

In order to let visitors choose a particular agent or group, you need to add a Group selection field in your pre-chat form. Read more about groups.

Route chats to a group via pre chat form

Pre-chat form after targeted messagesLink icon

Pre-chat forms can be displayed after targeted messages - which means your customers are invited to start a chat first and then need to fill in the form to be able to talk to an agent. Before deciding if you want to use this feature, think of your business goals first.

Pre-chat form after a targeted message

The pre-chat form after a targeted message works great if you want to collect users' details. Enable it to get to know your visitors and offer a better-tailored experience. Even though the number of your chats may drop, their quality is bound to be higher.

On the other hand, no pre-chat form means fewer barriers. Disable the pre-chat form after targeted messages if you want your chat to be more accessible to your visitors. It is best to try both approaches to see which works best for your business.

How to turn on pre-chat form after a targeted messageLink icon

Log in as an Admin or Owner and go to Settings → Chat Forms → Pre-chat form. Turn on the Show pre-chat form after targeted message switch. You will find it in the bottom right corner. Rember to hit Save changes after.

Show pre chat form after targeted message

If you are using the Starter plan, the pre-chat form will always show after targeted messages.
If you are using the Starter plan, the pre-chat form will always show after targeted messages.

Prepare your Pre-chat form for General Data Protection RegulationLink icon

General Data Protection Regulation is here to stay! As we know how important it is to take care of your customers' privacy, we prepared a few ready-made data protection consents and clauses that you can use in your Pre-chat form. They will inform your customers about which of their data you are going to collect. They will also make sure that your pre-chat form is GDPR compatible.

Remember that provided data protection consents and clauses are to be considered as general examples. You can use them as they are but we strongly recommend for you to modify their content so that it’ll match your business agenda, based on what data are you processing, for what purpose or for how long you keep them.
Remember that provided data protection consents and clauses are to be considered as general examples. You can use them as they are but we strongly recommend for you to modify their content so that it’ll match your business agenda, based on what data are you processing, for what purpose or for how long you keep them.

First, go to Settings → Chat Forms → Pre-chat form. Then, follow these steps:

  1. Click on + Add element.

Click on add new element to create GDPR consent field

  1. Choose Multiple choice list.

Choose a multiple choice list to create a GDPR consent field

  1. As a question, paste one of the consents available below and type “I agree” as the available answer.

Fill in labels to create a GDPR consent field

  1. Mark the field as Required

Mark GDPR consent field as required

  1. Finally, click on Save Changes button to apply your Data Consent to the Pre-chat form.

Click on Save changes to finalize adding a GDPR consent field

And here are the ready-made examples of data protection consents and clauses that we’ve prepared for you:

  1. [Data controller notice]
    I understand/acknowledge that the controller of my personal data is [your company name] with its registered office in [your business address]. I understand/acknowledge that my personal data shall be processed and transmitted in accordance with the General Data Protection Regulation (GDPR).
  2. [Data controller notice]
    I understand/acknowledge that the controller of my personal data is [your company name] with its registered office in [your business address]. I understand/acknowledge that my personal data shall be processed and transmitted in accordance with the Regulation (EU) 2016/679 of the European Parliament and of the Council of 27 April 2016 on the protection of natural persons with regard to the processing of personal data and on the free movement of such data and repealing Directive 95/46/EC (The General Data Protection Regulation - GDPR).
  3. [Data processing consent, purpose, retention period, revocation]
    I agree for my personal data, provided via chat, to be processed by [your company name] for the purposes of providing support via chat. I agree for my personal data to be processed for the time [e.g. needed to carry out the service]. I understand that the consent may be revoked by sending an email at: [your business email/your data protection officer’s email].
  4. [Data processing consent, purpose, retention period]
    I agree for my personal data, provided via chat, to be processed by [your company name], for the purpose of [specify the purpose of the processing], for the time of [specify the time of processing].
  5. [The data subject’s rights notice]
    I acknowledge that I have been informed about the rights I have, in particular, the right to access my personal data, to rectify and delete them, the right to limit the processing, transferring, and to demand the temporary or permanent suspension of the processing, as well as withdrawal of consent for processing and filing a complaint to the supervisory body.
  6. [Consent for entrusting the data]
    I agree to transfer my personal data by the data controller to affiliated companies and other entities whose services are used by the data controller while doing business.

You can also link to your full privacy policy in the pre-chat form. Click on a text area in a chosen field label to find the link formatting option. See this article for more details.

Link to privacy policy

You can read more about how to make your chat GDPR compliant here.

Post-chat formLink icon

We also have a post-chat form which is a useful tool to see what customers think about your support. You can let them rate chats or ask them to leave comments.

LiveChat Post chat form

You can use a prefabricated form or customize it to your needs. Depending on your business profile and the purpose of using live chat you might need different feedback to make your services better. You can experiment with different questions and types of fields. To see how your customers filled in the post-chat form go to Archives and filter by Rating or check out Chat forms and Chat satisfaction report.

How to turn on post-chat formLink icon

Turning on the post-chat form is really easy. All you need to do is go to Settings → Forms → Post-chat form. Then, turn on the switch at the top of the section and confirm by hitting Save changes.

Turn on post chat form

Customize post-chat formLink icon

Think what feedback would be most useful to make chats better and then ask for it in the form. You can add as many fields as you like, but the more fields you add, and make required, the less likely people are to leave their feedback. Make it easier for your customers, and use pre-defined choice lists or chat rating so filling in your post-chat form takes seconds. You can use the preview on the right, to see how your form looks before saving changes.

There are seven types of fields you can add:

  • Thank you message - adds a short text (this field can be used only once in a form);
  • Question - collects short, open-ended answers;
  • Message - collects long, open-ended answers;
  • Choice list - lets your visitors select one answer from a defined list of choices;
  • Dropdown - allows users to choose one answer from a list of choices presented in a dropdown menu;
  • Multiple choice list - lets your visitors select more than one answer from a defined list of choices;
  • Chat rating - lets users rate the chat.

The input fields support rich text formatting. See this article for more details.

How to add a field in the post-chat formLink icon

First things first, head to Settings → Forms → Post-chat form. Then, follow these steps:

  1. Click on + Add element.

Add a field to post chat form

  1. Choose a field type you want to add.

Choose a post form field type

  1. Fill in the labels. Take a look at the preview on the right, to see if you are happy with the changes.

Fill in labels in post chat form fields

  1. Once you are finished, click on the Save changes button.

Save changes made to post-chat form

How to change the order of fields in the post-chat formLink icon

Head to Settings → Forms → Post-chat form. To reorder, simply drag and drop fields. Remember to hit Save changes when you are finished.

Reorder fields in post chat form

How to delete a field in the post-chat formLink icon

Head to Settings → Chat Forms → Post-chat form. To delete a field, simply click on the x in the top right corner of the field. Remember to hit Save changes when you are finished.

Delete a field in post-chat form

How to make a field required in the post-chat formLink icon

Head to Settings → Forms → Post-chat form. To make a field required, check the Required box in the top right corner of a field. Remember to hit Save changes when you are finished.

Make a field required in post-chat form

How to format texts in formsLink icon

Chat forms offer text formatting. Click on a text area in a chosen field label to see the available formatting options.

Format form text

Find out more in our complete text formatting guide.

Was this article helpful?

Got it!

Thanks for your feedback.

Thank you!

We’re happy to help.

RELATED ARTICLES

Modify the chat widget language

Learn how to modify chat widget language and set up different languages for your groups. There are 48 languages to choose from!

Read the article

Start using LiveChat now!

Free 14-day trial Team plan features No credit card required

Still not convinced? Discover all LiveChat features

Discover our other products