Como usar HTML para personalizar uma landing page

Use HTML para adicionar divisores, call-to-actions e mais à landing page

Você pode personalizar totalmente sua landing page usando o editor HTML.

Adicione um à sua landing page.

Clique no seu menu de três pontos e clique no ícone </> para mudar para a visualização HTML.

Veja alguns exemplos do que você pode adicionar:

Divisores

Você pode adicionar linhas ou divisores entre os conteúdos.

Adicione a seguinte string:

Com "border-top:" você pode definir a espessura da linha em pixels.

Com "solid #" você pode definir a cor dela usando códigos de cor hexadecimais.

Link para ligar para um número de telefone

Você pode criar um link que permite aos usuários iniciar uma ligação diretamente dos seus dispositivos.

Adicione um atributo "href" com o número de telefone de destino ao texto (Call us) que abrirá o app de telefone. Por exemplo:

Substitua "+1234567890" pelo número de telefone correspondente. O sinal "+" indica o código de discagem internacional.

Link para enviar um e-mail

Você pode criar um link que permite aos usuários enviar um e-mail para um endereço específico diretamente dos seus dispositivos.

Adicione um atributo "href" com o endereço de destino ao texto (Send Email) que abrirá o app de e-mail. Por exemplo:

<a href="mailto:abc@example.com">Send Email</a>

Substitua "abc@example.com" pelo endereço de e-mail correspondente.

Link para enviar uma mensagem para o WhatsApp

Você pode criar um link que permite aos usuários enviar uma mensagem para um número de WhatsApp específico diretamente dos seus dispositivos.

Adicione um atributo "href" com o número de WhatsApp de destino ao texto (Contact us on WhatsApp) que abrirá o app do WhatsApp. Opcionalmente, você pode adicionar uma mensagem para enviar (This is a message) após "?text=". Por exemplo:

<a href="https://wa.me/+1234567890?text=This is a message">Contact us on WhatsApp</a>

Substitua "+1234567890" pelo número de WhatsApp correspondente.

Link para uma parte específica

Você pode criar um link que permite aos usuários irem diretamente para uma seção específica da sua landing page.

1) Adicione um atributo "id" ao elemento de destino (Section 1). Recomendamos que o nome do elemento seja o mesmo que o id (section1). Por exemplo:

<a id="section1">Section 1</a>

2) Adicione um atributo "href" usando o id criado no passo 1 (#section1) ao texto que levará ao elemento de destino (Go to Section 1). Por exemplo:

<a href="#section1">Go to Section 1</a>

Incorporar um vídeo

Você pode exibir vídeos do YouTube, Vimeo e de outras plataformas de vídeo online na sua landing page, desde que tenham uma opção de incorporação (tag "iframe"). Depois de copiá-la, vá até sua landing page e cole a tag "iframe". Por exemplo:

Incorporar um mapa do Google

Você pode exibir vários mapas do Google pesquisando os endereços no Google Maps, clicando em Share > Embed a map e copiando a tag "iframe". Depois disso, vá até sua landing page e cole a tag "iframe". Por exemplo: