When you create a landing page for your website, it will require not only great design and engaging content but also functional elements like a contact form.

In this article, we will walk you through the steps to create a landing page with a contact form, as well as testing it using the Domains.co.za Website Builder, by creating a landing page that is fully functional and ready to engage your audience. This article assumes that you are already logged in to your Domains.co.za account and have accessed Site Builder and is related to our You Tube video: Edit Your Landing Page Like a Pro – Website Builder Tutorial.

How to Create A Landing Page in Site Builder

1. Add A Layout

Start by dragging and dropping a couple of layouts from the main toolbar to form the foundation of your landing page.

2.  Remove Elements

Select the element by right clicking on it and next remove. You can also remove elements by selecting them from the right control panel.

3. Text Elements

Text can be changed in the text field of elements in the right panel. The background of elements can be changed by clicking the pen icon under Background and then the pen icon under Image and select your desired background. You can also adjust the text visibility by dragging the slider under opacity.

• Add A Title – In the second layout, add a text element for the title. Change its style to a heading and centre it, using the alignment options.
• Add Paragraphs – Insert another text element for the paragraph. Paste your text and centre it as well. Use the control button to select both elements and add margins for spacing.

4. Insert Pictures

In the first layout, click on it and then click the pen icon and select “Picture” from the panel on the right Choose an image from your pre-uploaded gallery and click “Select” to apply it.

5. Adding a Button

• Drag and Drop Button – From the main toolbar, drag and drop a button to your layout. Choose a style that fits your page’s aesthetic.
• Edit Button Text – In the right panel, change the button text. Update the background colour to match your website’s theme and adjust the button border accordingly.
• Hover Settings – Switch to the hover tab and set the hover background colour and text colour.

6. Insert a Contact Form

• From the toolbar, select “Form” and drag and drop it where you want your form to be.
• Customise the Form by editing text and adding an image if you want one, and set the email address.
• Organise the Form fields as required, change the types where relevant and edit the Display Name and Placeholder text
• Add or modify the Submit button and Preview your Form.
• Be certain to remember to test your contact form to ensure that it is functioning properly.

YouTube Video: Edit Your Landing Page Like a Pro – Website Builder Tutorial

Additional Information

Importance of a Contact Form

It’s important to test your contact form to make sure it functions properly and to give users a smooth experience. Customer happiness and engagement can be greatly increased with a well-functioning contact form. If problems arise, go back and check that all fields are filled in correctly and that the email settings are correct.

You may use any of the many design elements offered by the Domains.co.za Website Builder to further customise your landing page and contact form, guaranteeing that your website works flawlessly in addition to looking fantastic.

Do not hesitate to contact our Support team for assistance if you need it or if you have any questions.

Login to Domains.co.za Account

1. Go to the Domains.co.za Login website page.

2. Enter your Email and Password and click the “Sign In” button.

3. You will see the Domains.co.za Dashboard, displaying the Manage Account menu on the left and your Account Information, Account Overview and Open Support Tickets on the right.