Home>Support>How do I create a contact us page like this?

How do I create a contact us page like this?

By Sidharth Varma, 11 years ago. Last reply by Andrew Misplon, 11 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello SiteOrigin Team,

My question is related to “Contact Us” page for my website located here: http://www.genedgeconsulting.com/wp-admin/customize.php. Now, I want to design it exactly like this page: http://www.intellicate.com/company/contact-us.html.

My questions are as below:
1. The google maps plugin that I use for this address does not resolve the address and renders an error on the page. I am using this address and have tried entering the address in different ways:
509 Galleria
Hiranandani Gardens, Powai
Mumbai – 400076
Maharashtra (India)

2. The contact form that I am using is [contact-form-7 id=”24″ title=”Contact form 1″]. However, this is always left aligned even when I user EZcolumns. How do I move the contact form to the right or center of the page?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 11 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    HI Sidharth

    This is very do-able with Vantage.

    1. To create your map I recommend using http://www.addmap.org/.
    2. Ensure you have our Page Builder plugin installed: https://siteorigin.com/page-builder/
    3. Go to your Contact page, delete everything there. Click over to the Page Builder tab and set the columns and rows you need.
    Our Page Builder documentation can be found here: https://siteorigin.com/page-builder/documentation/.
    4. The Black Studio Visual Editor is a great way to add content to Page Builder: http://wordpress.org/plugins/black-studio-tinymce-widget/. You can also use it in HTML view to insert your form’s shortcode.

    This is an example of a similar page done in Vantage with Page Builder and Gravity Forms: http://chandlinghotelsupplies.co.za/contact-us/

  2. 11 years, 3 months ago Sidharth Varma

    Thanks for your reply! Now my page looks better – http://www.genedgeconsulting.com/contact-us/
    Follow up questions based on the example site you showed:

    1. Can I control the fonts inside the page builder arbitrary text widget that I am using? I want to make certain text bold.
    2. In the text widget, I want to add hyperlink for my email address. Is this supported?

    Thanks,
    Sidharth

  3. 11 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Sure. To do that please install the Black Studio Visual Editor: http://wordpress.org/plugins/black-studio-tinymce-widget/ and then insert the Visual Editor widget into Page Builder.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More