• Help Center
  • How to add a custom icon to my Elfsight Google Maps widget

How to add a custom icon to my Elfsight Google Maps widget

Share
Find out how to use custom marker icons with Elfsight Google Maps app

We’ve done our best to add as many icons as we could think of to our Google Maps app, but we couldn’t even imagine the huge variety of cases it is used for right now, and so sometimes it’s necessary to add a custom icon for a marker.

I’m going to give you a tutorial on how to do it, and I hope you’ll find it useful!

Adding a custom marker to Elfsight Google Maps widget

Before you can add your own custom icon to the Google Maps widget, you need to upload it to your server or to your website’s admin panel first.

Important!!! Custom icon needs to be in PNG format, 40×40 pixels.

After you’ve uploaded the icon, you can add it to the widget.

Go to Markers tab of your widget’s editor, and click on a market you need to edit:

You’ll be redirected to the window where you can edit the marker. Once there, select Custom from the dropdown list in Icon field:

You will see the Custom Icon URL field, where you need to paste the link to your custom icon:

As you can see, the image you’ve added will be displayed as the marker icon on your map, and clicking on it will call up the info window.

I hope this has explained it! If you have any questions that our articles don’t answer, please, message me at apps@elfsight.com and I’ll be happy to consult!

Cheers!