Add a Map on DudaMobile

  • Knowledge Base
  • Mobile Website Builder
  • Add a Map on DudaMobile
  • Duda Support > Mobile Website Builder > Editing a Site

Overview

The Map button allows visitors to tap a button to open your business's location using their device's maps application. Visitors can then quickly get directions to your address from their current location.

Video

Add a Map

  1. From the pages section of the DudaMobile editor, first, choose the page you'd like your map to display on.
  2. Go to the Content section and select the business tab.map1.png
  3. Drag the Map feature into the editing frame.map2.png
  4. Once you've placed the feature, you'll need to designate a location to guide your visitors to.map3.png

Setup

The Map feature requires only an address and a label to work. Keep in mind that the more information you give it, the better it will be able to pinpoint your actual location.

Design

Each Mobile Map element has the following display options:

General Change the button's text and the address to which it sends the visitor.
Icon

Change the button's icon.

Design

Colors: Change the button's background color, image, and border.

Effects: Toggle shadow, rounded corners and whether to show an icon for the button.

Text Style: Change the button's text style.

More

Spacing: Set the height, margin, and padding of the element.

Alignment: Set the alignment of the element (left, right, or center).

CSS: Change the element's CSS

HTML: Change the element's HTML

Embed a Google Map using an HTML Widget

You can also embed maps from Google Maps. Here are instructions on how to add a map embed using the HTML widget.

    1. Navigate to Google Maps.
    2. Search for the location you want.googlemaps1.png
    3. Click on the menu on the top left, then click the "Share or embed map" option.googlemaps2.png
    4. Click on the "Embed map" tab.
    5. Copy the URL in the quotes after <iframe src =". Make sure to copy the complete URL nested in the quotes.googlemaps3.png
    6. Navigate to a Duda mobile site and add the HTML widget into a row or column.googlemaps4.png
    7. Add the URL you obtained from Google Maps.googlemaps5.png

Troubleshooting

Can't find my address

The Map widget sometimes has trouble finding a specific address. If it can't find your business, the best solution is to search for your business on a mapping site and copy your location's link into a button widget.

I have multiple locations

If you have multiple locations, consider using the Multi Location feature instead of multiple Map widgets.map4.png
 

It's not working on my phone but it works on my desktop

The reason you might see this issue is because when a user clicks on that specific button, it calls up a specific action on the device.

If a user's device (whether it is a computer, tablet, or mobile device) doesn't have any program assigned to that action, it will not do anything when clicked. Likewise, if they have a specific application set as a default for that action, it will always launch that application.

To fix this, the user must examine their device's configuration for opening certain apps and buttons on the internet.

×

Priority Phone Support

English phone support is available 18 hours a day,
Monday through Friday, 3am to 9pm (EST).

United States +1 866-776-1550 3am to 9pm (Eastern)
United Kingdom +44 (0)800-011-9071 8am to 2am (London)
France +33 (0)9-75-18-84-74 9am to 3am (Paris)
Israel +972 (0)3-720-8922 10am to 4am (Jerusalem)
Australia +61 (0)2-8880-9166 7pm to 1pm (Sydney)
To schedule a call in French, Portuguese, Hebrew or Russian, please email us at prioritysupport@duda.co
×

Please Log in as a DudaPro

Priority Phone Support is available exclusively to DudaPros. Log in to your DudaPro account now to see our international support numbers.

Log In
Not a DudaPro? Start a free trial now!