Follow for free plugins, new theme releases and theme news
Plugin Description
Elfsight Google Maps
Live Demo
We are proud to present yet another astounding Elfsight product – Google Maps plugin for your website. The Elfsight team have worked their magic to its fullest to bring you this simple, functional and amazingly customizable tool that will make it so much easier for your people to find you!
We are so excited about this new release, we just can’t wait to share the details with you!
The thing we love the most about this builder widget, is how much easier it makes our lives. If your job or favorite occupation require that people come over to your office or place, you no longer need to text or message complicated directions, or give them over the phone. With Elfsight Google Maps all you need to do is direct your visitors to your website, where they will use this fantastic plugin to find your location and set the directions to it!
Google Maps plugin is provided by Elfsight Apps
Elfsight Apps is a cloud-based service that features apps to extend and diversify your website’s functionality (for instance, Instagram Feed, YouTube Gallery, Share Buttons and others).
This plugin acts as a bridge between your WordPress site and Elfsight Apps Service, connecting the two together. It takes the widget you’ve configured at Elfsight Apps and displays it right on your website.
If you don’t have an Elfsight Apps account, setting it up is totally free, and only takes you about a minute.
Cool things about our Google Maps widget:
- Makes it easy for people to find you on the map
- Makes it easy to set directions to your office from any place
- Makes it easy to share your full contact info along with your working hours with your site’s visitors
- Share the places you love by highlighting them on the map with special markers
- Set your map’s style and appearance to fit your website’s unique design
- Add as many location markers as you need
- Customize the size of your map
- The center of your map is calculated automatically
- Customizable zoom
- 4 predefined map types
- 4 predefined map layers
- 4 predefined color schemes and the option of setting your own custom colors
The Elfsight Google Maps widget is provided as a service, and this is what this service offers to improve your user experience:
- Easy to install – the widget is installed in just a couple of minutes, and all it takes it install is several clicks. You don’t need any coding expertise to do it, too!
- A super easy-to-use interface
- Clean and easy-to-use plugin
- Intuitive widget editor
- Simple dashboard
- Responsive live support
The benefits of using the Elfsight Google Maps widget:
- Increased flow of visitors
- Promoting your friends’ and associates’ businesses by marking them on a map
- Getting directions to your location from any place
- Seamless integration with your website
- Your website’s functionality is expanded in a click
After this brief overview, let’s take a look at the Google Maps widget’s settings and the rich choice of options that they provide.
As our long-term customers already know, we break the settings of each plugin into several logically arranged tabs. This plugin is not an exception. It has four sets of settings – Markers, Layout, Map and Style. Let’s examine these settings now, and see what they can do.
The first setting tab is called Markers. This is pretty much the most important of all tabs, as it is here that you set the markers that are going to be displayed on your map.
Setting a marker is now a matter of typing your office address. You just enter the address of the location to the Position field, and the marker will appear on the map straight away! After you’ve set the marker, you can select one of 20+ predefined icons, or keep the default one.
This is also the tab where you fill in the info window. Info window is a popup that appears over the marker on your map. The information that you can add to it is image, address, website URL, phone number, email and working hours. Take a photo of your stylish office and add it to the info card – your customers will love it!
To attract even more attention to your location, you can choose an animation mode for the marker. We are offering you two predefined animations – drop and bounce.
After you’ve set the markers for your map, it’s time to set its size. You can do this on Layout tab. By default, the map’s width is set at auto, which means that it will calculate its width automatically, depending on the width of the block you’re going to place it in. However, you’re free to set any value you need. The height of the map is also easy to set, just indicate the required height in pixels, and you’re done.
The next tab is Map. This tab allows you to do lots of things, in terms of defining your map’s style, appearance and usage.
The first crucial option here is Center. This is where you set the center of your map. Afterwards, the position of the markers will be calculated according to what is set as the center. To configure this option, you need to select one of the three supported types – address, coordinates or auto, and indicate its value in Center field. The Auto option is set by default, is calculates the center automatically.
The next option is Zoom. It is by default set to 16 to display the city’s streets. However, you’re welcome to set your own value, from 0 to 20. When set to auto, Zoom will be calculated automatically, to display all the markers on your map, so that your site’s visitors don’t have to scroll to see each marker. By the way, you can scale the map simply by using your mouse wheel. This option is also enabled on the Map tab.
The option you can set after Zoom is Map Type. Select one of the 4 predefined options to display the map in the most appropriate way.
On the Map tab you can also choose the controls to be used with your widget. To do it, you only need to check the right options.
The last but not the least you can do on the Map tab, is set the layers to be displayed on your map – traffic, bike, transit and street view.
The last of the settings tabs is called Style. Here you can select one of the four color schemes and set the custom colors.
As you can see, we did it again! Once again we’ve created a functional and customizable plugin that works in a stable way and is as easy as a piece of cake! We really hope that you will check it out and have a great user experience with it.
And in case you should have any questions, our friendly Support Team is always there for you! Just message us at apps@elfsight.com and we’ll be happy to help in every way we can!
Screenshots
Advanced marker builder offers you a wide customizability – icons library, animations, unlimited number of markers
A sleek info card features your full info complete with the photo of your place, phone, email, address and working hours.
Set the directions to a location in just one click right on your website.
A rich choice of map settings to display all you need: sizes, controls, map layers, as well as map center, zoom and type.
4 predefined color schemes and custom colors to style your map.
