Widget for website

Code to activate support widget on your website

In this section, you can configure the support widget that will appear on your website.

This widget, when filled in by a client will automatically create a case with the message and data entered.

The configuration consists of 4 steps: Widget, Form, Blocks and Settings.

We will cover each step individually.

Widget

Name - The internal name of the created widget.

Company - The company that the widget will be associated with.

To complete this step, you must have configured the companies.

Languages - Languages in which the support is available.

Selected language - Main language to display.

Avatar - Image to appear on the widget's top left corner.

Title - Title of the widget.

Description - Description to appear on the widget.

Social media - Social media to appear in the widget.

To display social media, you must configure the company.

Theme - You can customize the colors of the widget to match the colors of your company on the site.

All colors inserted must be in HEX form (e.g. #000000 is equivalent to black).

Configure button

Name - Name to be displayed on the button.

Background - Button background color in HEX format.

Footer - Text to appear in the footer.

Form

Language selected - Language in which the form should be displayed.

Title - Title of the form.

Scope - Fields that may appear on the form.

Name and email are required by default.

Active - Make the field appear on the form when active and not appear when deactivated.

Optional - Obliges the client to fill in when on and is optional when off.

Configure Subjects - Case Assignment.

In this section, you will configure who will be assigned the cases sent by the customers.

Category - Category of the case that will be sent.

Subject - Subject to appear in the email.

Department - You must select the department that will receive the case.

Responsible - Employee responsible for the case.

You must have configured the departments.

Pipeline - Pipeline in which the case will be inserted.

You must have configured the pipelines.

Pipeline Status - State in which the case is inserted into the pipeline.

You can add more subjects and more departments.

Blocks

Selected Language - Language in which the block will be presented.

Title - Title of the block.

Description - Block description.

Avatar - Image to appear in the block.

Link text - Text that will appear in the clickable link

Link URL - Link to where the customer will be redirected when they click (ex: www.airdesk.ai)

Note - Note to appear near the link.

You can add more than one block.

Settings

Timetable - It displays in the widget the company's working hours.

Contacts - It displays in the widget the main contacts of the company.

You must have configured the company.

Domains allowed - In this field, you must add your company's domain(s) (e.g. www.airdesk.ai).

When you finish editing the form, you should save it.

In the panel, you should see the form you just created. It's now time to add it to your website or platform.

Advanced difficulty step. If you don't know how to do this step, send this link to your website developer.

You can now copy the snippet, which will look like the one below and add it just before the </head>.