Para una cafetería, una clínica, un estudio o un puesto de mercado, la página enlazada desde el perfil tiene una función especialmente importante: conseguir que la gente llegue al establecimiento. Hay tres formas de añadir un mapa a una página de Digily Link. La más adecuada depende de tu plan y de si quieres mostrar un mapa o incluir un botón que inicie la navegación.
Opción 1. Un botón de indicaciones que abre la app de mapas
Esta opción funciona con todos los planes, incluido Free, y es la que realmente busca la mayoría de los visitantes. Nadie quiere ampliar y reducir un mapa con los dedos en el móvil. Lo normal es tocar "Cómo llegar" y esperar que se inicie la navegación.
- Abre Google Maps, busca tu negocio, toca Compartir y copia el enlace.
- En el panel de control, crea un short link con esa dirección como destino y activa "abrir automáticamente la app en móviles". Digily Link reconoce los enlaces de Google Maps y Waze, así que, si la app está instalada en el teléfono, el short link abre directamente la navegación. La guía sobre deep linking explica por qué es importante.
- Añade un bloque de enlace a tu página, pega el short link y llámalo "Cómo llegar".
Como el botón dirige a un short link, los clics se contabilizan en las estadísticas. Además, puedes cambiar el destino si trasladas el negocio.
Opción 2. Un mapa insertado con el bloque iframe
El bloque iframe está disponible en los planes Starter y Pro y muestra el mapa en la propia página.
- Busca el lugar en Google Maps, abre Compartir y ve a la pestaña "Insertar un mapa".
- Copia el HTML que muestra Google. Solo necesitas la dirección incluida dentro de src="...", que empieza por https://www.google.com/maps/embed. Si te resulta más fácil extraerla así, pega el fragmento completo en el Analizador de URL.
- Añade un bloque iframe a tu página, pega esa dirección como URL y establece una altura aproximada de 300 píxeles.
Coloca el botón de indicaciones de la opción 1 justo debajo del mapa. El mapa muestra dónde estás y el botón ayuda a llegar hasta allí.
Opción 3. HTML personalizado para crear un mapa adaptable
El bloque de HTML personalizado está incluido en el plan Pro y ofrece un control completo, por ejemplo, para crear un mapa que mantenga sus proporciones en cualquier tamaño de pantalla. Pega el siguiente código en el bloque y sustituye YOUR_EMBED_URL por la dirección obtenida en la pestaña "Insertar un mapa".
<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px"><iframe src="YOUR_EMBED_URL" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0" loading="lazy" allowfullscreen referrerpolicy="no-referrer-when-downgrade"></iframe></div>
El valor de padding-bottom determina la forma. Un 56,25 % crea un rectángulo de 16:9, un 75 % produce un mapa más cuadrado de 4:3 y un 100 % forma un cuadrado. El atributo loading="lazy" evita que el mapa ralentice la página antes de que el visitante se desplace hasta él. Si pegas código procedente de otro sitio, límpialo primero con el Minificador de HTML para evitar que un salto de línea imprevisto estropee el bloque.
Qué opción elegir
| Lo que quieres | Qué usar | Plan |
|---|---|---|
| Iniciar la navegación con un solo toque | Botón de indicaciones con apertura de la app | Free y superiores |
| Mostrar un mapa en la página | Bloque iframe | Starter y Pro |
| Personalizar la forma y el estilo del mapa | Bloque de HTML personalizado | Pro |
| Mostrar varias ubicaciones | Un encabezado y un botón de indicaciones por ubicación, o un mapa personalizado de Google My Maps insertado con la opción 2 o 3 | Depende de los bloques utilizados |
Consejos para negocios locales
- Incluye el código postal en un bloque de párrafo situado encima del mapa para quienes prefieran escribirlo en su propia app.
- Añade el bloque de horario comercial, disponible en el plan gratuito, para que el visitante sepa si puede salir hacia allí en ese momento.
- Utiliza un solo mapa por página. Dos mapas insertados duplican el tiempo de carga y aportan muy poco.
- Imprime un código QR de la página para colocarlo en el escaparate y en tus folletos. Puedes consultar una estructura para páginas de establecimientos en link in bio para pequeños negocios.
- Prueba el botón de indicaciones desde Instagram en un iPhone y en un teléfono Android. El Verificador de redirecciones de URL muestra qué hace el short link desde un ordenador.
Puestos temporales, mercados y eventos
Un puesto que cambia de ubicación cada fin de semana no necesita un mapa nuevo cada vez. Mantén el botón de indicaciones vinculado a un short link y cambia el destino el viernes para señalar el puesto de ese fin de semana. La dirección de la página, el código QR del cartel y el enlace del perfil no cambian. En los planes Starter y Pro también puedes programar el short link para que la ubicación del sábado cambie por la del domingo a medianoche sin que nadie tenga que acordarse de hacerlo. Añade un bloque de párrafo con las fechas y el código postal para quienes prefieran planificar la visita.
Apple Maps y Waze
La apertura de apps reconoce las direcciones de Google Maps y Waze. Para los usuarios de iPhone que prefieran Apple Maps, un enlace normal a maps.apple.com que incluya la dirección abre Apple Maps en un iPhone y un mapa web en otros dispositivos, ya que los propios enlaces de Apple funcionan así sin configurar nada. Dos botones, "Google Maps" y "Apple Maps", cubren casi todos los teléfonos en España, y el recuento de clics te permitirá saber cuál utilizan realmente tus visitantes.
Preguntas frecuentes
¿Necesito una clave de la API de Google Maps?
No. El fragmento de "Insertar un mapa" y el enlace para compartir se pueden utilizar gratis y no necesitan ninguna clave. La clave de API solo hace falta para desarrolladores que crean su propia aplicación de mapas.
¿Puedo mostrar más de un marcador en el mapa?
Crea un mapa personalizado en Google My Maps con todas tus ubicaciones, compártelo públicamente y utiliza su dirección de inserción en el bloque iframe o en el bloque de HTML personalizado.
¿Un mapa insertado hace que la página cargue más despacio?
Un poco. Por eso, el código anterior utiliza la carga diferida. En una página cuya función es ayudar a la gente a llegar a un establecimiento, el botón de indicaciones es más importante que la imagen.
¿Puedo añadir Google Maps con el plan gratuito?
El botón de indicaciones, sí. El bloque iframe requiere Starter y el bloque de HTML personalizado requiere Pro. La página de planes detalla qué incluye cada uno.
¿Qué pasa si traslado mi negocio?
Cambia el destino del short link asociado al botón de indicaciones y sustituye la dirección de inserción. No tendrás que modificar nada de lo que hayas impreso.
Comprobaciones finales
- El botón de indicaciones abre la app de mapas en un teléfono y una página de mapas en un ordenador.
- El mapa insertado muestra el marcador correcto y se adapta al ancho de la página en un teléfono.
- El código postal y el horario de apertura aparecen en la página.
- La página solo contiene un mapa.
- Has hecho la prueba desde Instagram, no solo desde el navegador.
