Using Custom Inputs On Your Contact Form

With Custom Inputs on your knowledge base, you can better assist your customers that are looking to contact you. For example, if they performed a search, and are now on the contact form, you can request custom data, unique to your business; Such as: their phone number, or Account ID, etc. 

Adding Custom Fields To Your Contact Form

To insert custom input forms to your contact page go to, we need to open up the Customization panel, and click Contact Form, in the left. Once you open up your contact form, you'll see a bunch of fields. Here's the the step-by-step procedure (#3 is the most important part, as it contains the naming convention used with the inputs)

1. To create new input field, create div with class field under last div with that same class (place it under last <div class="field">)

<div class="field">
</div>

2. After that add title of that field. We will use full name field and title in out example

<div class="field">
 <h4>Full name:</h4>
</div>

3. Than create actual input field to let visitors to enter their name

<div class="field">
 <h4>Full name:</h4>
 <input type='text' name="question[custom_fields][full_name]" id="question[custom_fields][full_name]">
</div>

And there you have it! Now your contact page has another field, full name, which will surely help you with further communication with client.

Was this article helpful?

Can't find what you're looking for?

Contact Support