How to create a contact form

Contact forms made easy

A contact form is an essential and crucial tool on any website, especially when dealing with products, services, and customers in general. Learn how to create a contact form, easily, without too much coding using our contact center software as the backend tool.

Create the form

If you don't know how to create a form, or you simply don't want to bother creating everything from the ground up, feel free to download, tweak, and use this one. The form is already integrated with ContactJS, just modify the parameters following the step 2 instructions!

On your website, create a form element with ID fh-contactjs, and add the following fields:

If you want, you can reduce the form by eliminating any optional field.

To show each field validation error, simply add a div element with the ID of the field followed by "field-error" suffix. For example:

<div id="first-name-field-error"></div>

Add the ContactJS library

With the form in place, it's time to add the ContactJs library — a small tool we have created that converts forms submissions into Full Help conversations that you can manage and reply directly from your help desk.

<script src="https://cdn.jsdelivr.net/gh/fullhelp/[email protected]/dist/FullHelp.ContactJs.min.js"></script>
<script>
  (function () {
    var contactjs = new FullHelp.ContactJs({
      account: 1,
      host: 'https://desk.mydomain.com/',
      source: 'Form @ ' + window.location.host
    });
  })();
</script>

Copy the code and paste it on your website, right before the </body> or </head> closing tags. Then, update the account and host parameters with your help desk corresponding values.

To get the id of your account, simply go to your help desk instance, click over your username (top-right corner), then click on Account.