Demo page: https://wpresidence.net/google-map-with-property-marker/

Add shortcode from the classic editor with WPBakery Page Builder

Add through Visual Composer

map shortcode visual

 

Add shortcode block in Gutenberg editor

Wp Residence is WordPress 5.0 ready and fully Gutenberg Ready! Wp Residence 1.50.1 – Includes WpResidence Gutenberg Blocks for clients who wish to use Gutenberg (WordPress 5.0 Newest Editor) instead of classic editor with WPBakery Page Builder builder.

Help for theme update: http://help.wpresidence.net/article/how-to-update-the-theme/

To add a new block, all you need to do is click the +Plus icon and select the type of content you want to add. Theme shortcodes are inside WpResidence Blocks category:

Select Google Map for Property block:

Id’s can be easily found in properties list from admin:

The shortcode looks like this:

front shortcode

If Full Width Header will be used on property page, this shortcode will appear automatically.

How to choose header full slider globally:

Or per post:

The result is listed below.

If you select tab style:

map on property page

If you select accordion style:

accordion