Webique Pro Contact Page Setup

In this article, you’ll learn how to set up and customize the Contact Page of the Webique Pro theme,  This guide will help you configure these settings to align with your site’s branding and functionality needs.

Before proceeding, ensure you’re logged into your WordPress Dashboard.

To manage the Section Title & Description in the Contact Form Section, follow these steps:

1. From the WordPress Dashboard, navigate to Appearance > Customize.
2. On the Customizer page, go to Page Templates > Contact Page.
3. Here you can manage the Section title & description.
4. Click Publish when you’re done.

Note : Ensure the checkbox labeled Hide/Show Section is checked if you want to Display the Section.

Before proceeding, ensure you’re logged into your WordPress Dashboard.

To manage the Contact Info Content in Contact Info Section, follow these steps:

1. From the WordPress Dashboard, navigate to Appearance > Customize.
2. On the Customizer page, go to Page Templates > Contact Page.
3. Open the Contact Info toggle to manage the Contact Info Content such as Title , Description , Button Text and Icon.
4. Click Publish when you’re done.

Before proceeding, ensure you’re logged into your WordPress Dashboard.

To manage the Columns in Contact Info Section, follow these steps:

1. From the WordPress Dashboard, navigate to Appearance > Customize.
2. On the Customizer page, go to Page Templates > About Page.
3. Scroll down until you see the Column dropdown option in CONTACT INFO SECTION.
4. Open the Dropdown to manage the Number of Columns you want to Display.
5. Click Publish when you’re done.

Before proceeding, ensure you’re logged into your WordPress Dashboard.

To manage the Contact Map Content in Contact Map Section, follow these steps:

1. From the WordPress Dashboard, navigate to Appearance > Customize.
2. On the Customizer page, go to Page Templates > Contact Page.
3. Scroll down until you see the Contact Map Info toggle.
4. Open the toggle to manage the Contact Map Info Content such as Title , Subtitle , Link and Image.
5. Click Publish when you’re done.

Note : Ensure the checkbox labeled Hide/Show Section is checked if you want to Display the Section.

(a) How to manage the Animation Left Bars content ?

Before proceeding, ensure you’re logged into your WordPress Dashboard.

To manage the Left Animation Bar content in Animation Bar Section, follow these steps:

1. From the WordPress Dashboard, navigate to Appearance > Customize.
2. On the Customizer page, go to Page Templates > Contact Page.
3. Scroll down until you see the CONTACT ANIMATION SECTION.
4. Here open the Animation Bar toggle to manage Left Animation Bar content
5. Click Publish when you’re done.

Note : Ensure the checkbox labeled Hide/Show is checked if you want to Display the Section.

(b) How to manage the Animation Right Bars content ?

Before proceeding, ensure you’re logged into your WordPress Dashboard.

To manage the Right Animation Bars content in Animation Bar Section, follow these steps:

1. From the WordPress Dashboard, navigate to Appearance > Customize.
2. On the Customizer page, go to Page Templates > Contact Page.
3. Scroll down until you see the Animation Right Bars.
4. Here open the Animation Bar toggle to manage Right Animation Bar content
5. Click Publish when you’re done.

Before understanding how to manage the Contact Office Section, it’s important to first learn how to create a Contact Office Table.

Creating the Contact Office Table

Before proceeding, ensure you’re logged into your WordPress Dashboard.

To create the Contact Office Table, follow these steps:

1. From the WordPress Dashboard, navigate to Office Contact > Add New Contact Table.
2. On the Add New Contact Table page, start by entering a title of your choice.
3. Next, you’ll see the Contact Table area where you can add the details for four different contact entries. For each one, you can include a Contact Icon, Contact Title, and Contact Subtitle.
4. After that, choose a Category under the Contact Office Categories section. If no categories exist yet, you can create a new one directly from this screen.
5. Then, set a Featured Image for the table using the Featured Image option on the right-hand side.
6. Click Publish when you’re done.
7. After publishing, the table will automatically appear in the Contact Page, specifically under the Contact Form Section.

Managing Contact Office Section

Before proceeding, ensure you’re logged into your WordPress Dashboard.

To manage the Contact Form section, follow these steps:

1. From the WordPress Dashboard, navigate to Appearance > Customize.
2. On the Customizer page, go to Page Templates > Contact Page.
3. Scroll down until you see the CONTACT OFFICE SECTION.
4. Here, you can choose whether to display the Contact Form Section or not by enabling the checkbox.
5. You can also set the Title of as per your preference
6. Click Publish when you’re done.

Note : Ensure the checkbox labeled Hide/Show is checked if you want to Display the Section.

Before understanding how to manage the Contact Form Section, let’s first learn how to create and generate the shortcode for the Contact Form.

Creating Contact Form and Generating Shortcode

Before proceeding, ensure you’re logged into your WordPress Dashboard.

To create a contact form and generate a shortcode, follow these steps:

1. From the WordPress Dashboard, navigate to Contact > Add New.
2. On the Add New Contact Form page, you can add the title of the form, manage the form labels, etc.
3. Click Save when you’re done.
4. After saving the new form, a shortcode will be generated. Copy it, as it will be required in the Customizer when managing the contact form section.

Note: The shortcode for a new form will only be generated once you have saved the new form, so make sure to save the form first.

Reminder: You can’t create a form and generate a shortcode without installing and activating the Contact Form 7 plugin, so make sure to install and activate this plugin.

Tip: If you are unfamiliar with Contact Form 7 and its features, please go through this link to learn more about this plugin: Contact Form 7 Plugin.

Managing Contact Form Section

Before proceeding, ensure you’re logged into your WordPress Dashboard.

To manage the Contact Form section, follow these steps:

1. From the WordPress Dashboard, navigate to Appearance > Customize.
2. On the Customizer page, go to Page Templates > Contact Page.
3. Scroll down until you see the CONTACT FORM SECTION. From here, you can manage the form title and add the shortcode that you generated in the Contact Form section.
4. You can also manage the Background Image of the Contact Form from the Background Image option.
5. Once the shortcode is added, the contact form will appear on your site.
6. Click Publish when you’re done.

Note : Ensure the checkbox labeled Hide/Show is checked if you want to Display the Section.

Before proceeding, ensure you’re logged into your WordPress Dashboard.

To manage the Contact Social in Social Section, follow these steps:

1. From the WordPress Dashboard, navigate to Appearance > Customize.
2. On the Customizer page, go to Page Templates > Contact Page.
3. Scroll down until you see the Social toggle.
4. Open the toggle to manage the Contact Social.
5. Click Publish when you’re done.

Note : Ensure the checkbox labeled Hide/Show is checked if you want to Display the Section.

Before proceeding, ensure you’re logged into your WordPress Dashboard.

To manage the Section Title & Description in the Award Section, follow these steps:

1. From the WordPress Dashboard, navigate to Appearance > Customize.
2. On the Customizer page, go to Page Templates > Contact Page.
3. Scroll down until you see the AWARD SECTION.
4. Here you can manage the Section title & description.
5. Click Publish when you’re done.

Note : Ensure the checkbox labeled Hide/Show is checked if you want to Display the Section.

Before proceeding, ensure you’re logged into your WordPress Dashboard.

To manage the Award in Award Section, follow these steps:

1. From the WordPress Dashboard, navigate to Appearance > Customize.
2. On the Customizer page, go to Page Templates > Contact Page.
3. Scroll down until you see the Award toggle.
4. Open the toggle to manage the Award.
5. Click Publish when you’re done.