Integrating an enquiry form onto your website is a way of converting traffic on your website into potential Clients within TutorCruncher. When a Client fills out an enquiry form on your website, all that information will get pulled into the platform and a new profile will be created for that Client. Here, we will be going through the basic steps of getting that enquiry form up and running on your website.
An example of a basic enquiry form as seen on dinotutors.com
To set up a basic enquiry form on your website, follow these steps:
Enable your platform's socket integration. To do this, simply go to Settings > TutorCruncher API > API Integrations before using the Add Socket Integration button to add the integration.
Adding a Socket Integration.
Copy the ‘Public Key’ in your Socket Integration, as this will link your TutorCruncher account to the Enquiry form on your website.
Retrieving the integration’s public key.
Add a custom HTML frame to your website - most online website builders (including Wix, SquareSpace and Wordpress) allow you to embed HTML components.
Adding an HTML element in Wix.
Add this code into your HTML component:
<div id="socket-enquiry"></div>
<!-- If you haven't called it before -->
<script src="https://cdn.Tutorcruncher.com/socket/latest/socket.js"></script>
<!-- Then -->
<script>
socket('9c79f14df986a1ec693c', {
mode: 'enquiry',
element: '#socket-enquiry'
});
</script>
Replace the existing socket number from the code above with your socket’s public key - the bold string of random characters in the example above is where to paste it.
Add the component into your website. Upon previewing, you will likely get this error:
To rectify this, simply copy the URL displayed in the 403 error message into the list of your ‘Allowed Domains’ in your socket integration and click Save. If the error persists, then replace the number in the URL with an asterisk(*).
Adding the origin domain to a socket integration’s ‘Allowed Domains’.
Refresh your website and it should now look like this:
How do I include Custom Fields on an enquiry form?
Any fields listed in your Custom Fields page that are used with Clients and also have the 'Client can Access' checkbox ticked will appear on your enquiry form. Make sure to enable the 'Required' checkbox if you want to prevent prospective Clients from submitting the form without filling in that field.
Creating a Custom Field for Clients to use on an enquiry form.
Note: It can take up to 24 hours for changes made to the forms on your enquiry form to go live.
How do I remove fields from my enquiry form?
Any fields for your enquiry form that are removable will be listed in System > Settings > System Customization > Custom Fields.
How do I change the order of the fields on my enquiry form?
Any editable fields that can be reordered will be listed in System > Settings > System Customization > Custom Fields. Simply use the Edit Ordering button to change the ordering of those fields.
How do I add terms & conditions to my enquiry form?
You can add a link to your terms & conditions on your enquiry form and make this a required field for prospective Clients to consent to before submitting an enquiry.
To do so, follow these steps:
Navigate to System > Settings > TutorCruncher API and select your Socket integration from the list.
Click the Edit button to open the 'Edit Integration' panel, where you will find a 'Link to terms and conditions' field, wherein you can input the URL to your company's terms & conditions. Click Save when finished.
Once that is done, your enquiry form will include a link alongside a checkbox asking them to read your terms & conditions and acknowledge this before they can submit their enquiry.
Can I edit the text that appears when someone submits an enquiry form?
Yes - you can use the code from one of our custom enquiry form examples here. The code there can be edited to change the text for the submit button, as well as the text that appears when a form is submitted.
Can I have two separate enquiry forms on my website?
Yes, you can have two separate enquiry forms on your website if you wish. While each branch can only have one Socket integration, you can still edit the code to include two different elements on your website.
Why isn't the reCAPTCHA working on my enquiry form?
Some website providers do not support the use of reCAPTCHA. If you are using GoDaddy, then this will not work on your site and you may see the following error:
Can I remove reCAPTCHA from my enquiry form?
For security purposes, it is not possible to remove reCAPTCHA from enquiry forms; this is to prevent bot traffic and spam.