GetFeedback

Adding Chat to Your Feedback Button

Integrate live chat in your feedback button. When creating your feedback form, you can let respondents leave specific feedback, give generic feedback, or use a custom option. You can use this custom option to integrate live chat.

You'll need the following to set up live chat in your feedback button:

  • Access to edit the button form in your GetFeedback account
  • A chat functionality that can be triggered with JavaScript
  • A Tag Management System (recommended)
  • Some level of JavaScript knowledge

To create your chat option:

  1. In app.usabilla.com, Buttons & Forms > Setup > Options > Edit default form.
  2. Select Next to go to the Intro screen editor.
  3. At the top right of the intro screen editor, select Edit.
  4. Select the Add custom option checkbox.
  5. From the On click dropdown, select execute script.
The Add custom option checkbox is at the bottom of the screen.

Next, you’ll create a script to display the chat when a user clicks your custom option using our JavaScript API. To do this, you’ll need to add your live chat script as a variable to the code snippet below:

Image showing code for custom chat to display

Once the code has been edited to include your live chat script, add it to your website.

It's best to install your web button using a tag management system. The tag management system helps you track all the code snippets installed on your pages. It also gives you control over the dependencies between different scripts and tags.

The steps below describe installing your code with Google Tag Manager. However, if you use a different tag manager, the same configuration applies.

  1. Create a new tag for the custom script.
  2. Select Custom HTML Tag.
  3. Copy and paste your script snippet into the HTML section
  4. In Advanced Settings, go to the Tag Sequencing section.
  5. Select Fire a tag before UsblChatFunction fires and Don’t fire UsblChatFunction if Usabilla Feedback Button fails.
  6. From the dropdown under Set-up Tag, choose Usabilla Feedback Button.
  7. Set up triggering. The triggering settings for your tag should match your feedback button settings.