Add Your Web Forms📺

It's super easy to use our web contact forms to pull inquiries directly in from your website using "Contact Us" forms.

Edward Cooper avatar
Written by Edward Cooper
Updated over a week ago

THIS ARTICLE COVERS WORDPRESS, SQUARESPACE AND WIX.

(Notes relevant to SquareSpace and Wix at the end of the article).

Watch the video below to create and download a website inquiry form. You should send this webform to your web developer.

QUICK TIP - You can add your web developer as a user and give them access to just settings and they can easily do all this for you!! 😊

See the video below for more details.

11-Minute Video 📺

💡 You should share this web page with you web developer. If you want your web developer to own the entire process (ie Creating the web form, styling it for your website, and putting it onto your web page), you should consider ADDING YOUR WEB DEVELOPER AS A USER for the initial setup period. Once the web form work is complete, you can delete them as a user. The choice is yours!

💡 You can create a unique web page for your Facebook inquiries CLICK HERE.

💡 Can I have a different web forms for different types of inquiries?

Where you can set different automation rules for leads for weddings vs corporate events vs funerals. All web form enquiries created by our contact forms are set to a default stage of New, but you can have multi forms which you can place on different pages on your website.

On a form, you can either have a default Event Type or provide a dropdown so the user can select the Event Type. If the Event type is set, you can set up an automation with a condition set on the Event Type such that the correct information is sent to the customer.

Or

**************************************************************************************************************

WEB FORM STEPS FOR YOUR WEB DEVELOPER

💡 TECHNICAL STUFF!! SHARE THIS PAGE WITH THEM.

The remainder of this article explains the general steps a web developer should use to add our webform to your website.You should share this web page with your web developer so they can watch the video and read this text.

You should download the web form and give it to your web developer. Alternatively, you can add your web developer as a user and get them to create and download the form.

We always advise setting up a Test Contact Us page to test the inquiry form. When you are happy, you can set the test page as the live page.

Please advise your web developer of the following:
1. We have put minimal style on the form, the web developer should edit the html/css to create the look of the form to match the look of the website.


2. All the html in the file can be edited, but the form input names, any classes on inputs and any values on hidden fields should remain the same (excluding the return_url input as noted in point 3).


3. The web developer must create a new page (contact success page) on the website. Once the form is submitted, the user will be redirected to this page. Usually, this page reads something like "Thank you for contacting us ...."


4. On the Form, the web developer must check the full URL for the contact success page (point 3 above) is correct on the hidden field return_url.


5. *** IMPORTANT *** The form should be fully tested prior to making the web page public to avoid losing any inquiries.

HOW TO INSERT A BRITE WEBFORM INTO A SQUARESPACE WEBSITE

1. Open your web form in the Inquiries section in your Account Settings (https://app.britebiz.com/settings/webToContact/index).

Note: If you have not created your web form, watch this video first.

2. Click the download form button on the right.

3. Locate the downloaded file and open it in TextEdit (Mac) or NotePad (PC) (right-click on the file and select Open With).

Mac Users: Check out this video if you are having trouble viewing the HTML code in TextEdit.

4. Log into your Squarespace account.

5. Open the contact form page and click Edit.

6. Click on the Add Block button and select the < / > Code block.

7. Copy all the HTML code from the downloaded file that is open in TextEdit / NotePad and Paste it into the Code Block in SquareSpace and click Apply.

8. Click Save (top left corner) to save the Page

HOW TO INSERT A BRITE WEBFORM INTO A WIX WEBSITE

1. First, open up the Wix Editor and click on the “Add” button in the left sidebar.

2. Then, select “Import” from the drop-down menu.

3. Next, you will be prompted to select the file that you want to import. Choose the file that contains your template.

4. Click “Open”.

Did this answer your question?