Contact Plugin for Headway

Contact Plugin Setup Guide

This is the setup guide for the Contact block. We’ve tried to make the block as easy to use as possible, but if you get stuck at any point, come back and reference this guide.

Before you begin

Before you begin, you’ll need to make sure the Contact block is installed and activated. If you haven’t already done so, you can check out our “How to install our Headway blocks video tutorial.

Once the block is installed, you can pop over to the WordPress Pages Manager and add the page you want to use for your Contact page. For this example, we’ll add a page titled “Contact”.

Now open up Headway on the Grid Mode, then drag a new instance of the Contact block. Save your settings, then click on the Preview Site link on the top right of the Visual Editor.

At this point, your contact page should have the address, form and map columns. Now we can go back into Headway and start configuring the block options.

Default output for the Contact block

General settings

The General Settings panel is where you setup the basic block layout, including which columns are enabled, their widths, etc. The total width of the active elements (address, form, map) needs to be equal to 100(%).

Column order

Using this option, you can rearrange the order that the Address, Contact Form and Google Map are displayed.

Adjust the column order

Map settings

The Map Settings tab is where you set your address for the Google Map, as well as configure which of the Map features should be enabled. Below is a quick breakdown of the available options:


### Using the Better WP Security plugin? Read this note:

Some members have reported getting a dialog alert with the following error message: The Google Maps API server rejected your request. The “sensor” parameter specified in the request must be set to either “true” or “false”.

To fix, simply uncheck the “Display random version number to all non-administrative users” in Better WP Security -> Tweaks.


  • Map Height

    Set the height for the map container. The height slider value is set in pixels (px).

  • Map Zoom

    Set the zoom level for the map.

  • Map Type

    Set which map type should be used. Choose between Roadmap, Satelite and Terrain.

  • Traffic

    Set whether the map should have traffic information overlayed on the map.

  • Bike Lanes

    Set whether the map should have bike lanes information overlayed on the map.

  • Map Controls

    Set whether the map controls should be displayed or not.

  • Map Scrollwheel

    Set whether scrollwheel support should be enabled. If enabled, your users will be able to zoom the map level using their mouse scrollwheel.

  • Map Popout Text

    This is the content that is displayed when you click on the map pin. Basic html allowed.

  • Address Lookup Method

    Choose whether you want to set the map address using an address or longitude/latitude.

  • Map Address

    Set the map location to your address. Any address that works on Google Maps should work fine.

  • Map Popup Text

    Set the text to be displayed in the map info popup.

  • Always Show Map Info Popup

    Set whether the map info popup should be open by default.

Directions

  • Map Directions

    Set whether the Map Directions feature should be enabled.

  • Map Directions Start

    Set the directions start point (like a point of interest or city center).

  • Map Direcitons End

    Set the directions end point (like your office).

  • Step By Step Directions

    Set whether the step by step directions panel should be enable or not.

  • Show Directions Text

    Set the text for the “Show Directions” button, that is displayed on the map when this feature is enabled.

  • Hide Directions Text

    Set the text for the “Hide Directions” button, that is displayed on the map when this feature is enabled.

  • Always Show

    Set whether the step by step directions should be open by default or not.

Marker Image

  • Custom Map Marker Image

    Set whether you would like to use a custom image for the map marker.

  • Image

    Select the image you would like to use for your map marker.

Advanced Settings

Enable KML

KML (Keyhole Markup Language) is a file format used to display geographic data in an Earth browser such as Google Earth, Google Maps, and Google Maps for mobile. This is currently a beta feature.

Map KML Link

If you wish to display a map based on a KML file, simply enter the link to your KML file. Learn more about KML »

KML Autofit

Set whether the map should be autofit or preserving the orginial KML layout.

Directions

// Map Directions

Set whether the Map Directions feature should be enabled.

Map Directions Start

Set the directions start point (like a point of interest or city center).Map Direcitons EndSet the directions end point (like your office).Step By Step DirectionsSet whether the step by step directions panel should be enable or not.Show Directions TextSet the text for the “Show Directions” button, that is displayed on the map when this feature is enabled.Hide Directions TextSet the text for the “Hide Directions” button, that is displayed on the map when this feature is enabled.Always ShowSet whether the step by step directions should be open by default or not. Marker Image

// Custom Map Marker Image

Set whether you would like to use a custom image for the map marker.ImageSelect the image you would like to use for your map marker.

Enable KML

KML (Keyhole Markup Language) is a file format used to display geographic data in an Earth browser such as Google Earth, Google Maps, and Google Maps for mobile. This is currently a beta feature.Map KML LinkIf you wish to display a map based on a KML file, simply enter the link to your KML file. Learn more about KML »KML AutofitSet whether the map should be autofit or preserving the orginial KML layout.

Navigation

More

Company

AboutServicesBlog

Support

OverviewFaqsGuides