[{"data":1,"prerenderedAt":86},["ShallowReactive",2],{"mc:\u002Fpt-br\u002Fajuda\u002Fnew-how-to-use-html-to-customize-a-landing-page\u002F":3},{"title":4,"desc":5,"blocks":6},"Como usar HTML para personalizar uma landing page • QRCodeKIT","Use HTML para adicionar divisores, call-to-actions e mais à landing page",[7,10,13,15,17,19,22,24,26,28,30,32,34,36,38,40,42,44,46,48,50,52,54,56,58,60,62,64,66,68,70,72,74,76,78,80,82,84],{"t":8,"l":9,"x":5},"h",2,{"t":11,"x":12},"p","Você pode personalizar totalmente sua landing page usando o editor HTML.",{"t":11,"x":14},"Adicione um à sua landing page.",{"t":11,"x":16},"Clique no seu menu de três pontos e clique no ícone \u003C\u002F> para mudar para a visualização HTML.",{"t":11,"x":18},"Veja alguns exemplos do que você pode adicionar:",{"t":8,"l":20,"x":21},3,"Divisores",{"t":11,"x":23},"Você pode adicionar linhas ou divisores entre os conteúdos.",{"t":11,"x":25},"Adicione a seguinte string:",{"t":11,"x":27},"\u003Cstyle>.line {border-top: 3px solid #000000;width: 100%;margin: 0;}\u003C\u002Fstyle>\u003Cdiv class=\"line\">\u003Cbr>\u003C\u002Fdiv>",{"t":11,"x":29},"Com \"border-top:\" você pode definir a espessura da linha em pixels.",{"t":11,"x":31},"Com \"solid #\" você pode definir a cor dela usando códigos de cor hexadecimais.",{"t":8,"l":20,"x":33},"Link para ligar para um número de telefone",{"t":11,"x":35},"Você pode criar um link que permite aos usuários iniciar uma ligação diretamente dos seus dispositivos.",{"t":11,"x":37},"Adicione um atributo \"href\" com o número de telefone de destino ao texto (Call us) que abrirá o app de telefone. Por exemplo:",{"t":11,"x":39},"\u003Ca href=\"tel:+1234567890\">Call us\u003C\u002Fa>",{"t":11,"x":41},"Substitua \"+1234567890\" pelo número de telefone correspondente. O sinal \"+\" indica o código de discagem internacional.",{"t":8,"l":20,"x":43},"Link para enviar um e-mail",{"t":11,"x":45},"Você pode criar um link que permite aos usuários enviar um e-mail para um endereço específico diretamente dos seus dispositivos.",{"t":11,"x":47},"Adicione um atributo \"href\" com o endereço de destino ao texto (Send Email) que abrirá o app de e-mail. Por exemplo:",{"t":11,"x":49},"\u003Ca href=\"mailto:abc@example.com\">Send Email\u003C\u002Fa>",{"t":11,"x":51},"Substitua \"abc@example.com\" pelo endereço de e-mail correspondente.",{"t":8,"l":20,"x":53},"Link para enviar uma mensagem para o WhatsApp",{"t":11,"x":55},"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.",{"t":11,"x":57},"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:",{"t":11,"x":59},"\u003Ca href=\"https:\u002F\u002Fwa.me\u002F+1234567890?text=This is a message\">Contact us on WhatsApp\u003C\u002Fa>",{"t":11,"x":61},"Substitua \"+1234567890\" pelo número de WhatsApp correspondente.",{"t":8,"l":20,"x":63},"Link para uma parte específica",{"t":11,"x":65},"Você pode criar um link que permite aos usuários irem diretamente para uma seção específica da sua landing page.",{"t":11,"x":67},"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:",{"t":11,"x":69},"\u003Ca id=\"section1\">Section 1\u003C\u002Fa>",{"t":11,"x":71},"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:",{"t":11,"x":73},"\u003Ca href=\"#section1\">Go to Section 1\u003C\u002Fa>",{"t":8,"l":20,"x":75},"Incorporar um vídeo",{"t":11,"x":77},"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:",{"t":11,"x":79},"\u003Ciframe width=\"560\" height=\"315\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FVIDEO-URL\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen>\u003C\u002Fiframe>",{"t":8,"l":20,"x":81},"Incorporar um mapa do Google",{"t":11,"x":83},"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:",{"t":11,"x":85},"\u003Ciframe src=\"https:\u002F\u002Fwww.google.com\u002Fmaps\u002Fembed?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\">\u003C\u002Fiframe>",1789117318649]