Map API Key

[edner]

Hi. I want to put the map as background of the contact page. How can I do that? I have a Map API Key but I doesn’t display the map!
Edner

[Zex]

Hello Edner!

One of the main reasons Google Maps stopped working on your site may be the changes of Google policies concerning the work of Google Maps, announced on 16 July.

As of July 16, 2018, to continue to use the Google Maps Platform APIs, you must enable billing on each of your projects. If you choose not to add a billing account, your maps will be degraded, or other Maps API requests will return an error.

Please read the documentation:

https://developers.google.com/maps/documentation/javascript/usage-and-billing

I think the following steps will help you to get your map.

Get your API key following next guide:
How to get Google Maps Api Key

Another way is to install an “API KEY for Google Maps” plugin,

Once when you install it and activate, open the plugin’s settings page (Dashboard->Settings->Google API KEY), and Generate your API key.
https://prnt.sc/kgxj2d

Then copy the key and paste it to the Map API key text field in the Customizing->Contact menu.

After that, enter your company country & city data. Separated by (,) comma, in the Country / City text field.

Hope the above steps will help you to show the map…

Regards

• This reply was modified 4 years, 7 months ago by Zex.
• This reply was modified 4 years, 7 months ago by Zex.

[edner]

Hi. Many thanks for the help. Could you please guide me how can I replace the “Fax:” string in contact page by “Mobil:” http://prntscr.com/khfptc

Edner

[edner]

Hi. I change the footer Widgets Body Font color but it’s not works (http://prntscr.com/khhjnw)!
Regarding the map, is there another way to show the map above or below the contact form? Is there a shorcode that I can use to insert the contact form into a page so I can display the may using another way?
Edner

[Zex]

Hello, edner!

Since you already use the child-theme, to replace the “Fax” string, follow the next steps:

1.Log-in to your hosting space (server) via FTP client.
On your server, find the agama-pro folder in the themes folder
(the path should be this: … / wp-content / themes / agama-pro /)

2. find the contact.php file inside the wp-content/themes/agama-pro/templates/ folder.
3. Copy that file to the wp-content/themes/agama-pro-child/templates folder.
4. Edit file in the agama-pro-child folder with some text editor (Notepad++)
5. Scroll down to the line #187
6. Replace the word “Fax”… http://prntscr.com/khwxa4
7. Save the file.

next,

To change the Social Icons and site info links color in the footer area, Insert the following CSS code into
Customize ->General->Additional CSS:

footer[role=contentinfo] a {
    color: #000;
}

To change the hover color, use next code:

footer[role=contentinfo] a:hover{
    color: #FFF!important;
}

Change the color codes per your wish.

To show the map above or below the contact form,
You can use some of available contact form plugins, to add the contact form to the page(don’t use the contact form page template in that case), then insert the map using the WPBakery page builder Google map element.
https://prnt.sc/khwnri
https://prnt.sc/khwn2l

Best Regards

[edner]

Hi Zek,
Thank you for your help.
1) About the contact page I’ld like to use your contact form but with the map showing below or above. There is no way?
2) Please go to my website (http://www.mahona-lasterrenas.com) and go to the footer check why i’m getting this blue color on the phones number text? http://prntscr.com/ki2i20

I think there is an issue with the footer setting!

[Zex]

Hi,

1) Unfortunately, no.

2) Can you temporarily turn off the maintenance mode so that I can access your site?

[edner]

This reply has been marked as private.

[Zex]

Hello, Daniel!

If you want to have only a static number in the picture, I think it’s the easiest way to add numbers to the image locally, using Photoshop (or Gimp), then upload a photo to the website … just like you did.

Regards

[edner]

Hi Zex,
help me with the second question please:

2) Please go to my website (http://www.mahona-lasterrenas.com) and go to the footer check why i’m getting this blue color on the phones number text? http://prntscr.com/ki2i20

I think there is an issue with the footer setting!

[Zex]

Hi, Daniel!

It looks good on my side…

Google Chrome:
https://prnt.sc/kitldg

Firefox:
https://prnt.sc/kitlw9

What browser do you use?
Maybe you need to clear a browser’s cache?

Regards

[edner]

Hi.
I forget to say from the safari browser on my iPhone

[Zex]

This reply has been marked as private.

[edner]

Check it out please!

[Jerry]

Hello edner,

What iPhone device you are using ? What model ?

I have tested your website on Safari browser and few iOS emulators and i don’t see any issues.

Regards

[Author]

Posts