Using Site Builder to build a great website requires knowing how to edit web pages that you have created to be both practical and aesthetically pleasing. With Site Builder you can ensure your pages are clear, organised, and conversion-optimised because these serve as your audience’s initial impression. Your most important page is your Landing Page and this is the one we will use for this article.

This guide explains the basics of editing your web pages using the Domains.co.za Site Builder to optimise their appearance and functionality and is related to our You Tube video: How To Edit Web Pages In Site Builder: Edit Your Landing Page Like a Pro.

How To Edit Web Pages In Site Builder

This tutorial assumes that you are already logged into your Domains.co.za account and have accessed Site Builder.

1. Moving Elements in the Header

To start editing your page, follow these steps to rearrange elements in the header:

• Drag and Drop Elements: Click on the element you want to move and drag it to the desired position within the header section.

2. Removing Unwanted Elements

If you have extra elements on your page that you no longer need, here’s how to remove them:

• Select the Element: Click on any element you wish to remove.
• Use Right-Click Menu: Right-click the element to retrieve the “Options” menu.
• Select “Remove”: Click “Remove” from the Options, and the element will be deleted.

3. Editing Text in Cards

To update the text on your web page’s cards or sections:

• Text Editor Panel: On the right side of the screen, you’ll see a text field where you can modify the content. Type your new text here to update it right away.

4. Changing the Background

Updating the background image can refresh the look of your page:

• Access Background Settings: In the right panel, click the pen icon next to the background image.
• Select Your Background: Choose a background image, then click “Select” to save your changes.

5. Adjusting Image Opacity

For better text readability, you can adjust your background image’s opacity:

• Opacity Slider: In the right panel, use the opacity slider to adjust the transparency of the background image. Drag the slider until the image is dark enough to make the text stand out.
• Apply Changes to Other Sections: Repeat the process for other sections as required.

6. Selecting & Removing Multiple Items

For bulk actions, such as removing multiple items at once, follow these steps:

• Hold Control: Press and hold down the “Control” key on your keyboard.
• Select Multiple Items: Use your mouse to click and select multiple elements.
• Remove Elements: Right-click, then click the “Remove” option to delete all selected items.

7. Editing the Gallery

To update your gallery and images:

• Switch Gallery Type: In the top panel, you can switch the gallery layout to “Thumbnails” or any other format you prefer.
• Remove Existing Images: Click the cross icon next to any image to remove it.
• Add New Images: Use the pen icon to select and upload your desired images.

8. Adjusting Text Alignment

Ensuring your text is properly aligned improves readability and design:

• Alignment Settings: In the right panel, choose the alignment options to centre, left-align, or right-align the text based on your layout preferences and style.

9. Saving Your Progress

Once you’re happy with the changes, it’s important to save your work:

• Save Draft: In the upper right corner of the screen, click “Save Draft” to store your edits without publishing them.

Follow these instructions to use the Domains.co.za Website Builder to customise your web pages like an expert. You can control your page’s appearance and operation, from moving components to editing text and photos. Always remember to save your work periodically and double-check your edits before posting.

YouTube Video: Edit Your Landing Page Like a Pro

Additional Information

Best Practices

• Keep It Simple – Avoid clutter by only including essential elements that lead to your goal (e.g., sign-ups, purchases, or other actions).
• Consistent Branding – Ensure your brand’s colors, fonts, and style are consistent throughout the website to maintain a professional appearance.
• Strong Call to Action (CTA) – Place a clear and compelling CTA strategically to encourage visitors to take action.
• Optimising for Mobile Devices – Ensure your website’s pages are fully responsive by previewing on mobile devices. Most website builders, including Domains.co.za, offer a mobile preview option to ensure your page looks good on smaller screens.
• Meta Descriptions and Titles – Always edit each web page’s meta description and title to improve search engine rankings.
• Alt Text for Images – Adding “alt text” to your images improves SEO and makes your page more accessible to users with disabilities.
• Page Load Speed – Optimise images and minimise heavy scripts to ensure your page loads quickly, as this can affect both SEO and user experience.
• SSL Certificate – Ensure your website has an SSL certificate so visitors can establish a secure connection.

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.