34SP.com
  • Domain Names
  • Hosting Plans
  • Support
  • Contact
  • Login

Knowledge Base

  • Domains
  • Professional Hosting
  • Universal Hosting
  • Reseller Hosting
  • VPS Hosting
  • Dedicated Servers
  • Billing
  • Account Management
  • WordPress Hosting
  • Website Builder
  • View All

How to add a contact form

Applies to:
Website Builder

Difficulty:
Easy

Time Needed:
10 minutes

Introduction

This is a quick step-by-step guide to creating a contact form for your website, using Website Builder.

If you have any questions regarding Website Builder, please contact our technical support team.


Step 1

Login to your account

Firstly, you'll need to login to your 34SP.com account at https://account.34sp.com.

Login to your account

Step 2

Choose 'Manage Sites'

Once you have logged in, click on the 'Manage Sites' icon. This will bring up a list of websites or domain names you have in your 34SP.com account. Simply choose the website or domain name to wish to edit by clicking on it.

Choose 'Manage Sites'

Step 3

Login to Website Builder

After you have clicked on the website or domain name you wish to edit, simply click on the buttons labelled 'Login to Website Builder'.

Login to Website Builder

Step 4

Create a contact form

To create a contact form, locate the 'Contact Form' element from the menu on the left-hand side of the screen, and drag it into position on your website.

Create a contact form

Step 5

Customise form elements

When you create a contact form, Website Builder automatically creates a form with a Name, Email and Comment fields. If you wish you can customise how these fields look, their name, whether they are required fields and also add instruction to help your users.

To customise a form field, simply click on it and choose one of the options from the associated menu.

Customise form elements

Step 6

Add more form elements

Should you wish to, you can add new form elements to your form, including text boxes, dropdown boxes, option buttons and checkboxes.

To add a new form element, just locate the type of form element you wish to add from the left-hand menu, then click and drag it into position. After you have added your form element, you can edit it by clicking on it.

Add more form elements

Step 7

Form options

When you are satisfied with your form elements, you can customise your form's behaviour by clicking on the button labelled 'Form Options'.

Form options

Step 8

Customise form behaviour

Using the form options menu, you can customise your forms behaviour. This includes specifying an email address the form submissions are sent too, the message your website visitors see after they have submitted your form, the ability to add Captcha (to reduce form spam) and options for controlling opt-ins.

Customise form behaviour

Step 9

Save your form

When you have finished building your form, click the button labelled 'Save' to save your changes.

Save your form

Step 10

Publishing your site

To publish your changes to your live website, simply click the 'Publish' button, located in the top right-hand corner.

Publishing your site

Was this article helpful?

42 people found this article helpful
Hosting made with ♥ in Manchester
34SP.com
Products
  • Domain Names
  • Professional Hosting
  • Universal Hosting
  • WordPress Hosting
  • Reseller Hosting
  • VPS Hosting
Support
  • Support Centre
  • Support Charter
  • Knowledge Base
  • System Status
  • Contact Us
  • Arrange Call Back
Company
  • About
  • Sustainability
  • Price Promise
  • Careers
  • Customer Stories
  • Sitemap
  • Privacy Policy
Follow
  • 34SP.com Blog
  • Twitter
  • Facebook
  • Instagram
  • Youtube
  • Items (£0.00)
  • Proceed to checkout
Download Video
34SP.com