Come aggiungere una Mappa Google in una pagina Clickfunnels

Google Maps In Clickfunnels

A volte le attività che hanno bisogno di essere trovate fisicamente, hanno l’esigenza di aggiungere una mappa di Google a una pagina in Clickfunnels.

Cosi che l’utente possa fare click su essa e impostare eventualmente il navigatore per andarci.

Cosi come questa nel template del funnel per il dentista che ho creato:

Clickfunnels optin page funnel per dentista.

Non è per niente complicato.

Adesso te lo spiego:

Google maps ci aiuta dandoci un codice embed che possiamo usare in Clickfunnels.

Vai su Google maps e cerca l’indirizzo dell’attività.

Google Maps In Clickfunnels

Fai click su condividi.

incorpora Google Maps in Clickfunnels

Fai click su Incorpora mappa.

Coppia il codice segnato nella foto.

Vai nell’editor di pagina di Clickfunnels e aggiungi nuovo elemento, HTML custom.

editor custom HTML dell'elemento in Clickfunnels

Apri l’editore di codice e incolla il codice copiato in Google maps.

 In più aggiungi un div con una class name come nella foto. Stai attento a chiudere anche il div.

Il nome della classe può essere qualsiasi cosa tu voglia.

css settings page Clickfunnels

Adesso vai nei settings della pagina e apri Custom CSS come nella foto sopra.

map class code CSS Clickfunnels

Nell’editor che si apre incolla questo codice:

/*.map {

    position: relative;

    padding-bottom: 75%; // This is the aspect ratio

    height: 0;

    overflow: hidden;

}

.map iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100% !important;

    height: 100% !important;

}*/

Devi solo cambiare il nome della classe che sia uguale al nome che hai aggiunto in div prima.

Lascia pure map se a te sta bene!

In questo modo realizzi due cose importanti:

Incorpori la mappa Di Google nella tua pagina Clickfunnels e la fai anche responsive, cioè si adatta ai diversi aggeggi con quale un utente può navigare nel tuo funnel!

Semplice no?

Se stai pensando di usare Clickfunnels, apri il tuo account dal link qua sotto e queste cose le faccio io per te, GRATIS!