Creating a Custom Contact Page on Your Bluehost Website

by

Creating a custom contact page is an essential step to make your Bluehost website more professional and user-friendly. It allows visitors to reach out easily, enhancing communication and engagement. In this guide, you’ll learn how to create a personalized contact page that fits your website’s style and needs.

Steps to Create a Custom Contact Page

Follow these simple steps to set up your contact page on Bluehost:

  • Login to your WordPress dashboard on Bluehost.
  • Navigate to Pages and click Add New.
  • Title the page as Contact Us.
  • Use the Gutenberg editor to add content and blocks.

Adding a Contact Form

To add a contact form, you can use a plugin like WPForms or Contact Form 7. After installing and activating your preferred plugin:

  • Create a new form within the plugin’s interface.
  • Customize the form fields (name, email, message, etc.).
  • Copy the shortcode provided for the form.
  • Paste the shortcode into your contact page block.

For example, using the Shortcode block, insert your form shortcode:

[contact-form-7 id=”1234″ title=”Contact form 1″]

Adding Contact Details and Map

Enhance your contact page by including your business address, phone number, and email. Use the Paragraph block for each detail. To display your location, embed a Google Map:

Go to Google Maps, find your location, click Share, then Embed a map. Copy the HTML iframe code and use the Custom HTML block to embed it.

Final Tips

Test your contact page thoroughly to ensure all forms work correctly and contact details are accurate. Customize the design to match your website’s theme by adjusting colors, fonts, and layout. Regularly update your contact information to keep it current and professional.