Online Store

Customizing a map in your Contact form on a mobile

Customizing your Contacts block on a mobile is as easy as on a desktop. The Contacts block’s default map has a random location added for demo purposes only. You can add a location pin to your Google Maps with a couple of taps on your phone. Read on to find out how to add your own location to the map.

Before you begin

Add a Contacts block with a map to your page:

  1. Tap the Add a block (+) Plus button on your canvas.
  2. Tap the Contacts block in the Block library to see the layouts available. 
  3. Choose the layout you like to add it to the canvas. 

Customizing your map on a mobile

To add your address to the map, do the following: 

  1. Double-tap the map inside your block to activate its Google Maps Settings icon. 
  2. Tap the map icon to open the Google Maps Settings.

    B2C - Map mob - 1.png
  3. Delete the demo address in the Search field and type in your company’s address.  

    B2C - Map mob - 2.png
  4. When the pin appears on the map, click Submit. Your address will be updated right away.B2C - Map mob - 3.png

Tap the Publish button, which looks like a rocket in the upper right corner of your mobile Sitebuilder, to make the changes live.

Resizing the map on a mobile

To resize the map, tap it to call out the resize control and drag it up or down to your liking. 

You can also make your map fullscreen. To do that, tap the block and tap the Block settings icon. Then, in the Appearance tab, tick the Fullscreen option and tap Save.

B2C - Map mob - 4.png

Note: After you enable the Fullscreen feature, the resize control will become unavailable. If you want to be able to resize your map, untick the Fullscreen feature first. 

We hope you find this article helpful. If you have any questions left, please contact our Support Team

Ready to use your new knowledge? – Edit your site!

Was this article helpful?
0 out of 0 found this helpful