Help desk software with unlimited agents starts at $99.  Learn More

simple support ticket system

separator-arrow-iconAdministration & Configuration

How to Set up a Contact Us Web Form for Embedding in External Website

Updated on : September 8, 2022

The web form allows you to embed the Contact Form support in your company’s website or Help Center. The user can create a ticket using the web form, and the created tickets will be shown in both the agent and customer portals.

Note: The web form is fully brand based, and you are allowed to create multiple web forms for a single brand.


How to add a new web form

To add a new web form, follow the given steps:

  • Open the Web Forms module.
  • Click the Add Web Form button on the right side.
Add Web Form
Add Web Form

It has three sections,

  • Name and Brand section – Allows you to choose the web form’s name and brand.
  • Form Option – Allows you to choose the form type, such as a simple contact form or a simple contact form with ticket fields, as well as other properties, such a file attachment, Google reCAPTCHA, etc.
  • Submit Button – Allows you to customize the submit button styles.
  • Advanced Customization – Allows you to add Custom CSS and Custom JS.


Form Option

There are two types of form options.

  • Contact form – Shows basic fields (Name, Email, Phone Number, Subject, and Description)
  • Contact form with ticket fields – Shows the above basic fields, along with all custom and system fields that are mapped to the chosen brand.
    Note: The contact form only displays the ticket fields that are set to be visible in the customer portal. Field dependency and Field display condition are also applicable.
  • Form Title – The text that appears as the form title.
  • Form Description – The text that appears as the form description.
  • Footer Message – The text that appears in the form footer.
  • Confirmation Message – The text shown after the creation of a successful ticket.
Form Option Page
Form Option Page
Help and Support Page
Help and Support Page


Submit Button Customization

The submit button customization allows you to customize the following fields.

  • Name – The text that appears in the submit button.
  • Background Color – Allows you to choose the submit button background color.
  • Text Color – Allows you to choose the submit button text color.
Submit Button
Submit Button
  • The form height property allows you to set the webform’s height.

Apart from this, there are a few other options you can enable/disable on the form:

Options to Enable and Disable
Options to Enable and Disable
  • You have an option to enable GDPR consent in forms.
  • You can allow users to attach files while submitting the form. When attachments are enabled, the end user can attach up to five files.
  • Enable Google reCAPTCHA for preventing spam.


Advanced Customization

The advanced customization allows you to add Custom CSS and Custom JS, which help to overwrite the styles and script.

Custom CSS and Custom JS Fields
Custom CSS and Custom JS Fields


Embed code

The embed code is shown in the dialog after the web form has been successfully created. You can copy the embed code and embed it into your help center or website.

Embed Code
Embed Code

You can also find the embed code on the web form’s list page.

Embed Code on the Web Form's List Page
Embed Code on the Web Form’s List Page


Permission for creating a web form

For creating a new web form, you should enable the Manage settings permission.

Manage Settings Permission
Manage Settings Permission

Was this article helpful?

    Live Chat Icon