Setup Contact Us Page

The SpaCLub WordPress Theme includes a ready-made Contact Us page layout built with Elementor. This page allows visitors to easily contact you using a form created with Contact Form 7, along with contact details and a Google Map.

1. Contact Page Frontend Overview

The Contact Us page consists of the following sections:

• Page title and breadcrumb section
• Contact information (phone, email, address)
• Contact form
• Google Map location

2. Edit Contact Page with Elementor

1. Go to Pages from the WordPress dashboard.
2. Open the Contact page.
3. Click on Edit with Elementor.
4. The page layout will open inside the Elementor editor.

3. Contact Form Setup (Contact Form 7)

The contact form displayed on this page is created using the Contact Form 7 plugin.

1. Go to Contact > Contact Forms.
2. Create a new form or edit an existing one.
3. Copy the generated shortcode.
4. In Elementor, add a Shortcode widget.
5. Paste the Contact Form 7 shortcode into the widget.

After saving the form, it will appear automatically on the Contact Us page.

4. Edit Contact Information (Icon Box)

Contact details such as phone number and email address are added using Elementor’s Icon Box widget.

• Click on the Icon Box element.
• Edit the icon, title, and description fields.
• Update phone number, email address, or other contact details.
• Customize colors, spacing, and typography from the Style tab.

5. Google Map Setup

The map section is added using the Google Maps widget in Elementor.

1. Click on the Google Maps widget.
2. Enter your business Location.
3. Adjust zoom level and height as needed.
4. Ensure your Google Maps API Key is added in Elementor settings.

Once all changes are completed, click on Update to save the page.

Note: Make sure the Contact Form 7 plugin is installed and activated before using the contact form.