Add and manage your site's contact details

Use the contact components to add your contact details to your website easily. You can manage your details in one location inside the website settings.

• Manage your contact details under Settings
• Add a Contact component to your site
• Add a Contact block to your site
• Add a Contact section to your site

Don't have access to Website Builder? You can try it out for free for 14 days and create a website in no time. Start your free trial now

Manage your contact details under Settings

You can manage your email, phone, and address details in the website settings. Any changes you make here will automatically be updated in all the contact components of your website.

1. In the Website Builder editor, click the menu in the top-right corner and select Settings.
2. Scroll down until you see Email, and enter your details.
3. Scroll down some more and do the same for Phone and Address.
4. Click Done.
5. Click Save and Publish to make your changes visible online.

Note: You may have entered your contact details previously, when you selected a template for the first time.

Add a Contact component to your site

Now that your contact details are stored in your website settings, you can easily add them to your site by using the contact components.

1. Click Contact in the component menu to the left.
2. In the expanded panel, click on the component you want to add and drag it to your workspace.
3. Click Edit right above or below the component.
4. Adjust the appearance and style of the component in the properties panel.
5. Click Save and Publish to make your changes visible online.

Note: The phone and email component are clickable once the site has been published.

Add a Contact block to your site

Instead of individual components, you can also drag a "Contact block" to your workspace. It contains the contact components in different layouts. You can, of course, still adjust the settings for each component in the block.

1. Click Contact in the component menu to the left.
2. In the expanded panel, click on the block you want to add and drag it to your workspace.
3. Adjust the appearance, layout, and style to your liking. You can do this by clicking the individual elements, which will reveal their edit or settings buttons. You can also change the colour, background, or border of the entire box by selecting it and clicking edit box.
4. Click Save and Publish to make your changes visible online.

Add a Contact section to your site

Finally, you can also add a whole "contact section" to your site. A section is a building block that spans the entire width of a webpage and contains several components. This element adds a significant part to your page, but once added, you can adjust it as much as you want.

Tip: Want to learn more about sections in general? Check out our guide on the Website Builder layout.

1. Click Sections in the component menu to the left.
2. In the expanded panel, click on the contact tab at the top.
3. You will now see a selection of contact sections. Choose the section you want to add and drag it to your workspace.
4. Adjust the appearance, layout, and style to your liking. You can do this by clicking the individual elements, which will reveal their edit or settings buttons.
5. Click Save and Publish to make your changes visible online.

Related articles:

• Using the logo component in Website Builder
• How do I add a favicon to my Website Builder site?