How to add Google Maps to jQuery

The most advanced Map widget for website that lets you display maps with outstanding styles, location markers and building custom routes.

A brief guideline on plugin setup on jQuery

A concise guideline for those who can deal with the administration panel and can make light alterations to website HTML code.
  • Create a plugin in the editor;
  • Pick a tariff (from free to premium);
  • Obtain an installation code;
  • Go to the admin panel of your jQuery website;
  • Go to a desired page if you want to place the plugin on one page only, for example, the main page. Should you need to place the plugin on the footer, header, sidebar, or some other element, then find a n appropriate template;
  • Save the alterations and see the results!
A perfect match for a map on your website is a Google Reviews widget!
Below you can check more information about each step of the instruction, including screenshots and thorough descriptions. Address our support team to receive free help with embedding. It is available for all Elfsight users.

An extended tutorial on plugin integration on a jQuery website

A comprehensive instruction for each step.

Step 1: Create and adjust a plugin

The 1st phase – specify the interface and functions of your future visit.

• Create your plugin

Start constructing a plugin using the editor or log in to the service.

• Have your plugin installation code

Copy the plugin code, which you received at Elfsight Apps for further pasting it on the website.

Step 2: Embed the plugin on your JQuery website

The 2nd stage is to insert the plugin you've create into the code of your page or template. We also have a guide on how to embed Google reviews on any website.

• Enter the plugin adding code

Go to a required page or a necessary template and put the plugin code which you got at Elfsight Apps. Save the change.

• This is it! Installation was successful

How do I vary plugin settings after the embedding?

Once you have done the installation, you can go to your account at Elfsight and adjust the configuration or look of the plugin there. All the changes are immediately applied automatically.

Test a free demo of the jQuery google maps!

Shape your unique map plugin for your website with an unmatched appearance for your website.