Pop Ups


You can add default or custom pop up to your Marker. How?
If you want the default pop up made by google just write your text (1) and mark Simple Pop Up option (default).

Shortcode example:

Simple pop up code

Simple pop up code

Result:

Simple pop up result

Simple pop up result

You can put HTML instead of text. It will be rendered inside of your Pop Up

Shortcode example:

Simple pop up with HTML shortcode

Simple pop up with HTML shortcode

Result:

Simple popup with HTML result

Simple popup with HTML result

When you mark Custom Pop Up (1) option you will have whole panel to customize your Pop Up.
Here you have an example with default values:
– Pop Up width (2) (in pixels or “auto”)
– Pop Up height (3) (in pixels or “auto”)
– Pop Up Border Type (4) (None, Solid, Double, Ridge, Inset, Outset)
– Pop Up Border Radius (5) (up to 30px)
– Pop Up Visibility (6) (between 0 and 1)
– As a Pop Up Background you can choose a color (7) or an image (8)

Pop Up Settings

Pop Up Settings

To set background color (it’t a default option), click on Select Color:

Background color

Background color

Then select a color (1) and press Current Color button (2):

Select your color

Select your color

If you want to use image as a background select Pop Up Background

Background image

Background image

Select image in the same way you choose Marker Icon. The only difference is you can select only one image. After Adding to gallery you will have miniature of original image.

Select Pop Up background

Select Pop Up background

Examples of usage:

Custom Pop Up with text

Custom Pop Up with text

Custom Pop Up with text

Custom Pop Up with image

Custom pop up with image

Custom pop up with image

Custom Pop Up with text and image

Custom pop up with text and image

Custom pop up with text and image

Notice:
If you don’t want to use Pop up option – don’t modify Post Editor fields and don’t select Simple Pop Up options.