If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)


Featured templates

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.

CherryFramework 4. How to insert Google Map to the page using Google map 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:

CherryFramework 4. How to insert Google Map to the page using Google map shortcode
Live Chat
We help you to choose the right product.
Start chat