Add Google maps to WordPress site? Adding maps, audio, and video to your site is a great way to create an interactive experience for your visitors. This is also a useful way to provide users with the information they need. This article shares several ways to add Google maps to WordPress. Why insert Google maps into a catalog site? Import Google Maps API key 1. How to insert Google Maps 2 into the WordPress access page. How to add Google maps to WordPress posts (using plug-ins) 3. How to manually add Google maps in word press https:\/\/www.youtube.com\/watch?v=PPg2EBFsf5Q What are the benefits of inserting interactive maps into your site before you start? The
Why insert Google maps into your site? You already know that inserting a map into your site is a good way to make your site interactive. However, there are several different benefits that can help your business grow. For example, included Google maps can: In order to let customers find the actual store close to their residence, as long as the blog post explaining the location of the event to the supporting participants and the location of the headquarters is slightly creative, the interactive map can be used to inject vitality into the website. Ultimately, provide services for business growth and potential customers. The
Before importing the Google Maps API key and including Google Maps on the WordPress website, it is best to create the Google Maps API key currently required by Google. To obtain a Google API key, follow these steps: 1. go to the Google cloud platform console. If you don’t already have an account, you can create a free account. 2. select an existing project or create a new project3. On the next screen, select the maps embed API and click activate. Male 4 Now, go directly to the credentials side, click the + credential generation option, and then select the API key. The
You must now have an active API key for Google maps. Now we’ll show you how to insert Google maps in word press. 1. how to insert Google maps into the WordPress access page the first method in this tutorial is to insert Google maps into the WordPress access page. Visiting the page is the best way to convert the target traffic into guidance and sales. The WordPress landing page plug-in that works best for you is seedprod. Male seedprod is a drag and drop login page builder, which can create login pages with high conversion rate without writing code. Hundreds of reactive landing page templates can be easily customized in the visual front-end editor. The
Seedprod also contains a number of smart content blocks for adding user-friendly content to pages, including: Google Maps click the induced inquiry button price list image carlercell uses the later dynamic text animation Title CD-ROM format. Furthermore, it can quickly create a login page without hiring developers. To learn how to use seedprod to insert Google maps into WordPress access pages, follow these steps: 1. the first step to the seedprod login page plug-in is to the seedprod plug-in to the computer. Seedprod provides a free version that can generate free access pages in WordPress, but will use seedprod pro. This allows you to use the previously mentioned advanced content block
. The
Click the button below to start. Start seedprod, then install and activate seedprod on the web site. If you need help, follow this step-by-step guide for installing the WordPress plug-in. After installing seedprod, a welcome screen asking for a license key is displayed. Log in to the androg seedprod account and click the license key, details and View links to find the key. After copying the key, paste it into the license key field of the seedprod startup screen, and then click the confirm key button. 2. create a new landing page now you can start to create the home page, so please scroll down the start screen and click the create home page button. Click this button to navigate to the landing page dashboard of seedprod. The
On this page, you can first see various login page modes available on seedprod, including: Upcoming maintenance mode login 404seedprod’s page mode allows you to quickly open other access pages with one click. For example, when performing a small update, you can quickly activate the maintenance screen. Alternatively, you can open the custom word press login screen to welcome registered users. The main advantage of page mode is that you do not need to install a separate word press plug-in to use this feature. Seedprod has all this built into a small plug-in. The
Under the page mode section, you can see a list of all pages created with seedprod. The listed pages are not currently displayed. To create a first page, click the create new access page button. Click the button to go to the landing page template screen of seedprod. Here, you can see hundreds of specially designed templates that can serve as the basis for page design. There are many kinds of labels on the top, which can be filtered as follows: On page 404 of the upcoming maintenance mode, thank you for weaving each webina lead, place the mouse on the design you want to log in, and click the check icon to import the template. The
Male this guide uses the opportunities template under the lead queue heading. When you click the detection icon to import a template, a prompt will pop up asking for the login page name. The page name is automatically assigned to the access page URL, so please specify a name that visitors can understand. If you make mistakes later, you can easily change this setting. Continue clicking the save and start editing page button. 3. after importing the custom page design, it will be opened in the visual page editor of seedprod. The editor has a user-friendly double-sided board design, which makes it easy to customize the page. The
Left panel: page blocks and parts for creating and customizing pages right panel: at the top of the live preview editor, you can quickly switch the navigation menu between design, integration, and page setup to understand the appearance of the login page. There are several different icons at the bottom of the left panel, including: Global settings: page color Global control of fonts and backgrounds layout navigation: quickly move to other parts of the design modify details: undo and redo previous versions of the design preview and restore: undo or quickly redo design changes move Preview: use the settings on the move design preview on the login page Templates can be easily customized to meet facet brand, content, and marketing goals. The
For example, clicking a page title can change text, colors, and so on more quickly and view changes in real time. Or basic image
To make changes, simply click on the image and the settings on the left are displayed. You can then replace photos from your computer, your media library, or choose a free library photo. Male 4 Adding a Google Maps component to an access page that contains a Google Maps access page block is simple. In the left panel, click the Google map block. You can then drag it to the part of the page you want to move. Male click Google map shielding settings to quickly input the location to be displayed. You can then choose how to zoom the map, change the sorting, and adjust the width of the map. When you select advanced labels, you can select various border styles and adjust the spacing around the customized map. Continue to customize the access page until the desired shape is reached. To save your changes, don’t forget to click the green save button in the upper right corner. 5. after the setting configuration design is ready, there are almost no configurable settings before publishing the login page. Seedprod makes it easy to connect landing pages to email lists. Therefore, click the connection at the top of the screen to view the popular e-mail marketing services. This makes it easy to ask users to subscribe to newsletters and automatically add them to your email list. After connecting to the email list, click the page setup tab to see more options. Male seedprod provides five configurable settings, which depend on the type of page that is often built and the current seedprod plan. General: edit the page name and URL, or switch between publish and draft. SEO: the WordPress SEO plug-in configures SEO settings. Analytics: use the Google Analytics plug-in to track page performance. Scripts: add custom scripts, such as tracking and retargeting pixels, to the page header, body, and footer. Custom fields: provide custom fields on the access page that are not connected to an existing site. After configuring the settings, save the changes and click the design tab again. 6. before publishing the access page, it is very important to ensure that the design is mobile friendly. Otherwise, mobile users may encounter difficulties when browsing the page, and may lose guidance and switching. Fortunately, seedprod includes a mobile preview option to verify that the page is mobile friendly. Just click the move icon at the bottom of the screen. Here, you can view the appearance of the page on the mobile device and change all the contents that cannot be displayed or work properly. If everything looks good, click the down arrow next to the green save button, and then click publish. A window will be displayed, and the prompt page will be published with □. To view the live preview, click the live page view button. The following is a preview of how Google Maps looks. Excellent work! Now you know how to add Google maps to the WordPress access page. But what if you need to add a map to a WordPress post? I’ll tell you that next time. 2. if the method of adding Google Maps (using plug-ins) to WordPress posts (using plug-ins) maps play an important role in business and need to be used on multiple posts and pages of the site, this method is recommended. Use the WordPress plug-in again. This time, use the WordPress mappress map. To start, install and activate the plug-in on the word press dashboard. Then, click Modify on the post or page where you want to insert the map. In a post or page, click the plus (+) Icon
Add a new word press block. There, search the mappress map block and click Add map to post. Now click the map library button and select add new on the next screen. On the next screen, you can enter the desired map location in the search pane and click save. Male then click the \
