Cómo usar HTML para personalizar una página de aterrizaje

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.

HTML 1

Haz clic en su menú de tres puntos y selecciona el ícono </> para cambiar a la vista HTML.

HTML 2

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.

HTML 3

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>