Inserta mapas, imágenes y enlaces en HTML

19.06.2017 10:31:11

Con estos cuantos consejos serás capaz de insertar imágenes, enlaces y mapas en cualquier página web o editor de textos.

 

NOTA: para insertar líneas de html en tus emails de confirmación, por favor accede a tu servicio >>> Otras opciones >>> Notas extras para mostrar en el email de confirmación.

NOTA: deberás cambiar SOLO lo que aparece en ROJO.

Usa este comprobador de html para ver como van quedando tus cambios.

 

Cómo insertar texto con enlace

 <a href="http://www.LA PAGINA WEB QUE QUIERES QUE REDIRIJA.com" target="_blank">TU TEXTO AQUÍ</a> 

 NOTA: Escribe antes o después de este código, texto normal y aparecerá sin enlace.

Cómo insertar una imagen

<img src="http://www.ENLACE DONDE ESTA LOCALIZADA LA IMAGEN.com"></a>  


Cómo insertar una imagen con enlace

<a href="http://www.LA PAGINA WEB QUE QUIERES QUE APAREZCA DEESPUES DE HACER CLIC.com" target="_blank"><img src="http://www.ENLACE DONDE ESTA LOCALIZADA LA IMAGEN.com"width="100%" height="250"></a>

NOTA: puedes jugar con width (anchura) y height (altura) para redimensionar la imágen.

Cómo insertar un mapa

NOTA: No todos los proveedores de email muestran mapas interactivos. Usa el código iframe de tu mapa solamente en la página de agradecimiento, NO en el email de confirmación (ve a tu servicio >>> Otras opciones >>> Notas extras para mostrar en el email de confirmación).

¿Cómo consigo el código iframe de mi mapa en Google maps?

  • Ve a Google maps y encuentra tu negocio.
  • Haz clic en el botón "Compartir"
  • Aparecerá una nueva ventana y tendrás que hacer clic en "Insertar mapa"
  • Elige el tamaño de tu mapa. Luego copia y pega ese código iframe en tu panel de control TuriTop.

 
Cómo insertar una imágen de un mapa apuntando a la localización de Google maps

Usa el mismo código que el punto 3.

<a href="http://www.ENLACE DONDE ESTA TU MAPA DE GOOGLE MAPS.com" target="_blank"><img src="http://www.ENLACE DONDE ESTA LOCALIZADA LA IMAGEN.com"width="100%" height="250"></a> 

 

NOTA: puedes jugar con width (anchura) y height (altura) para redimensionar la imágen. 

SI TIENES CUALQUIER DUDA POR FAVOR CONTACTA CON NOSOTROS

¡Contáctanos!


¿Listo para comenzar a trabajar con nosotros? ¡Genial! Llámanos o envíanos un correo electrónico y nos pondremos en contacto contigo lo antes posible!

(+34) 922 394 632