Contact form for your website

Weronika Masternak
3 min read
updated: Oct 14, 2020

A contact form is a place on a website that allows visitors to communicate with the site owner by sending direct messages. You can add a contact form on your website as another ticket source.

Contact forms are available in every HelpDesk plan.

How to create a contact form

If you want to create and add your contact form, go to the ‘Settings’ section and choose ‘Contact form.’

In the ‘Contact form,’ you can fully customize the details of your form.

Contact form overview.

First, select the team that will receive messages from the form. Also, note that you can decide which email address will be used as the reply address for the team.

Click on the ‘Change’ button to select a team for the contact form.

Choosing a team for contact form.

Then think about the actual content. You can add your custom:

  • Header
  • Caption
  • Confirmation
  • Data processing consent

All these fields are optional.

Customizing the contact form.

You can place a consent field in the contact form and adjust it with the appropriate text and links. Use this field for informational purposes or to obtain the recipient’s consent for data processing when sending the contact form.

The consent field in the contact form.

Disable or enable consent in the contact form.

Please note that every modification of the content causes changes in the installation code. It’s necessary to paste the new HTML code snippet on your website after any modifications. Without this, changes aren’t visible on your website.
Please note that every modification of the content causes changes in the installation code. It’s necessary to paste the new HTML code snippet on your website after any modifications. Without this, changes aren’t visible on your website.

Click on the ‘Preview’ button to see what your contact form will look like.

Use the ‘preview’ button to check out the contact form.

Contact view in the preview mode.

How to install a contact form

In the ‘Contact form,’ you can get the installation code.

Installation process of the contact form.

Click on the ‘Copy code’ button. Then paste the copied code to embed the contact form on your website. Insert the code in a convenient place on your website, e.g., on the Contact page, About page, or footer.

Manual installation of a contact form.

How to add a contact form in WordPress

To add the HelpDesk contact form, go to your WordPress account, and edit the website. Choose a place where you want to add a new block with a contact form.

Click on the ‘+’ button to add a new block.

Adding a block with a contact form in WordPress.

Scroll to the section with the widgets. Select ‘Custom HTML’ block.

Adding a custom HTML in WordPress to add a contact form.

In this field, you can paste the generated HTML code.

The look of HTML field in WordPress to add a contact form.

Completed field with HTML code in WordPress to add a contact form.

Click on the ‘Preview’ button to see what the contact form will look like on your WordPress website.

Previewing a contact form in WordPress after adding a HTML code.

The preview of a contact form in WordPress.

Remember to save your changes.

What should you do when WordPress removes HTML iFrame tags?

Some versions of WordPress remove iFrame HTML tags to ensure a proper security level. If this happens to you, you’ll see the message “Your browser does not allow embedded content.” The solution is the iFrame plugin, which allows you to get this feature through a WordPress webpage.

If your WordPress version blocks iFrame, use WordPress plugins to embed HTML.

This is the example of WordPress shortcode for the iFrame plugin:

[iframe src="link to your form" width="100%" height="638px" style="border: 0; overflow: hidden; overflow-x: auto;" sandbox="allow-scripts allow-popups"]

How many forms can be created?

You can create multiple contact forms for different teams. Just select the team and generate a new code to add it in a convenient place on your website.

Creating multiple contact forms for different teams.

Was this article helpful?

Got it!

Thanks for your feedback.

Thank you!

We’re happy to help.

RELATED ARTICLES

Workflow templates

Learn how to use workflow templates and avoid creating workflows from scratch.

Read the article

Automated workflows

Learn to create automated workflows in HelpDesk.

Read the article

Try HelpDesk today

Invite your team and explore HelpDesk features for free

Signup hand
14-day free trial Easy setup

Discover our other products