With custom maps, you can let customers immortalize a special place. By choosing a location the map will show the area so customers can pick their favorite spot. You can format maps in different ways to offer customers further personalization options:

To add a map

You can add maps on Designs and on Templates, by clicking the Map button.

add map.png

Each map you add will have a Name that you can edit, and a Unique Id for you to easily identify it. 

Transform the map

Directly on the canvas or by expanding the Transform toolbox, you can transform the map:

image placeholder transform.png

Change the map behavior

Changing the behavior of the map will affect what options are available for customers to further personalize it. You can configure different behaviors: 

  • Set the initial location
  • Choose map styles

map behavior.png

Initial location

Changing the initial location will affect what the map displays when loading. The location is an option that customers always need to fill in, so whatever you choose here will only apply to the initial loading of the map.

  1. Select the map
  2. Expand the Map Behavior toolbox
  3. Click Select Initial Location
  4. Type a desired location. You can type a specific address, a city, or a country.
  5. Zoom in or out to get the exact view you want to load

map-location.gif

Choose Map Style

You can choose one or multiple styles for your map. By default, the street style comes selected, but you can choose as many styles as you want. When choosing more than one style, they will be available for your customers to pick they want to use while personalizing.

  1. Select the map
  2. Expand the Map Behavior toolbox
  3. Check/uncheck the styles that you want to make available

map-style.gif

Tip

The map styles available are pre-defined by Customily, we offer a wide range of styles and continue to add more! You can find a list of all the styles available here.

When you choose several styles, a choose map style option will be added to your product, like this: map style.png

Share

Was this article helpful?

1 out of 1 found this helpful
Have more questions? Submit a request