Contact Page Template

In this Article we will cover how to create, edit contact page and how to use royal contact form addon for visual composer as well.

[RegUserOnly]

To create contact page simply navigate to wp dashboard and create a new page, set page template to Contact Page as shown on image. Below editor you will find contact field inputs, this inputs can be filled with your contact information

http wp-royal.com hyper-x ares wp-admin post.php post=11&action=edit wp-royal.com 2016-02-17 09-40-54

Page we just created will  look like this http://wp-royal.com/hyper-x/ares/contact/.

Now its time to change address (postal code, or street name and number, town name, state name can be used, Example:  London, Eastwood road 21) on google maps, all options for this are located in Customizer > Contact Section. Some other useful features available in this section as well.

http wp-royal.com hyper-x ares wp-admin customize.php wp-royal.com 2016-02-17 09-47-16

Now lets talk about Royal contact form shortcode/addon for Visual composer.To use it you should have all recommended plugins installed and activated (Royal core plugin, Visual composer and Ultimate addons).

Create a new page and leave page template “Default Page Template” as shown on the image below.

http wp-royal.com hyper-x ares wp-admin post.php post=11&action=edit wp-royal.com 2016-02-17 09-50-36

Now press on Backend editor and then add “add” element Button and then press on Royal Contact Form

http wp-royal.com hyper-x ares wp-admin post.php post=11&action=edit wp-royal.com 2016-02-17 09-55-20

http wp-royal.com hyper-x ares wp-admin post.php post=11&action=edit wp-royal.com 2016-02-17 09-56-35

 

 

http wp-royal.com hyper-x ares wp-admin post.php post=11&action=edit wp-royal.com 2016-02-17 09-57-17

You can enter email where you want to receive emails or leave it blank, in this case you will receive email on your  default wp email (which was used during wp setup).

http wp-royal.com hyper-x ares wp-admin post.php post=11&action=edit wp-royal.com 2016-02-17 10-01-12

That’s all, you can add any other element below or top of this  shortcode.

We are recommended you to watch this video that  explains basics of theme https://www.youtube.com/watch?v=ga8lZ2F2iog

How to change contact form fields names manually

Simply follow this image to achieve this, please note after theme update you will lose this changes and it better to change this using Poedit.

[/RegUserOnly]

Was this article helpful?

Related Articles