Usa HTML para agregar divisores, llamados a la acción y más a tu digital link
Puedes personalizar completamente tu página de aterrizaje usando el editor HTML.
Agrega uno a tu página de aterrizaje.
Haz clic en su menú de tres puntos y selecciona el ícono </> para cambiar a la vista HTML.
Aquí algunos ejemplos de lo que puedes agregar:
Divisores
Puedes añadir líneas o divisores entre secciones de contenido.
Agrega el siguiente código:
<style>
.line {
border-top: 3px solid #000000;
width: 100%;
margin: 0;
}
</style>
<div class="line"><br></div>
Con "border-top:" puedes definir el grosor de la línea en píxeles.
Con "solid #" puedes definir el color usando código hexadecimal.
Enlace para llamar por teléfono
Puedes crear un enlace que permita a los usuarios iniciar una llamada directamente desde sus dispositivos.
Agrega el atributo href con el número de teléfono destino al texto (Llámanos) que abrirá la aplicación de teléfono. Por ejemplo:
<a href="tel:+1234567890">Llámanos</a>
Reemplaza +1234567890 con el número correspondiente. El signo + indica el código de marcado internacional.
Enlace para enviar email
Puedes crear un enlace que permita a los usuarios enviar un correo electrónico a una dirección específica desde sus dispositivos.
Agrega el atributo href con la dirección de correo destino al texto (Enviar Email) que abrirá la aplicación de correo. Por ejemplo:
<a href="mailto:abc@example.com">Enviar Email</a>
Reemplaza abc@example.com con la dirección de correo correspondiente.
Enlace para enviar mensaje por WhatsApp
Puedes crear un enlace que permita a los usuarios enviar un mensaje a un número específico de WhatsApp desde sus dispositivos.
Agrega el atributo href con el número de WhatsApp destino al texto (Contáctanos por WhatsApp) que abrirá la app de WhatsApp. Opcionalmente, puedes agregar un mensaje para enviar (Este es un mensaje) después de ?text=. Por ejemplo:
<a href="https://wa.me/+1234567890?text=Este es un mensaje">Contáctanos por WhatsApp</a>
Reemplaza +1234567890 con el número de WhatsApp correspondiente.
Enlace a una sección específica
Puedes crear un enlace para que los usuarios salten directamente a una sección específica en tu página de aterrizaje.
Agrega un atributo id al elemento destino (Sección 1). Recomendamos que el nombre del elemento sea igual al id (seccion1). Por ejemplo:
<a id="seccion1">Sección 1</a>
Agrega un atributo href usando el id creado en el paso 1 (#seccion1) al texto que llevará al elemento destino (Ir a Sección 1). Por ejemplo:
<a href="#seccion1">Ir a Sección 1</a>
Insertar un video
Puedes mostrar videos de YouTube, Vimeo y otras plataformas de video en línea que tengan opción de incrustar (“iframe”). Después de copiarlo, ve a tu página de aterrizaje y pega la etiqueta iframe. Por ejemplo:
<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO-URL" title="Reproductor de video de YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
Insertar un mapa de Google
Puedes mostrar varios mapas de Google buscando las direcciones en Google Maps, haciendo clic en Compartir > Insertar un mapa y copiando la etiqueta iframe. Después, ve a tu página de aterrizaje y pega la etiqueta iframe. Por ejemplo:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1589980.4936041927!2d-79.46503024375001!3d38.89126619999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89b7b798ecb5b2c7%3A0xc7edf0c4a86f75af!2sSmithsonian%20National%20Museum%20of%20Natural%20History!5e0!3m2!1sen!2sar!4v1719328865609!5m2!1sen!2sar" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>