CherryFramework 4. How to insert Google Map to the page using Google map shortcode

This tutorial will show you how to insert a Google map into CherryFramework 4 based template, using a shortcode.

1. Log into your admin panel and create a new page or post:

   

2. In the Visual mode click the ‘Insert shortcode’ icon.

3. Search for the ‘Google Map’ shortcode button:

   

4. Enter your physical address into the ‘Address’ field (E.g: ‘Paris, France’).

5. Use ‘Insert shortcode’ button. A new shortcode will be automatically generated:

   

6. Publish the page to see the changes:

   

7. Google Map has been successfully created:

   

Google Map shortcode is supplied with a premium set of options, let’s check them out:

1. Control the initial Map zoom level (from 1 to 10):

   

2. Disable/enable scrollwheel zooming on the map. The scrollwheel is enabled by default:

   

3. Manage styles to apply to each of the default map types:

   

4. Alter Map height value (in pixels):

   

5. Upload your own Map marker:

   

6. Enable/disable state of the Zoom control for Google Map:

   

This is the end of the tutorial. Now you know how to insert a Google map, using a shortcode.

Feel free to check the detailed video tutorial below: