[{"data":1,"prerenderedAt":86},["ShallowReactive",2],{"mc:\u002Fes\u002Fayuda\u002Fnew-how-to-use-html-to-customize-a-landing-page\u002F":3},{"title":4,"desc":5,"blocks":6},"Cómo usar HTML para personalizar una landing page • QRCodeKIT","Usa HTML para añadir divisores, llamadas a la acción y más a la 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","Puedes personalizar por completo tu landing page utilizando el editor HTML.",{"t":11,"x":14},"Añade uno a tu landing page.",{"t":11,"x":16},"Haz clic en su menú de tres puntos y haz clic en el icono \u003C\u002F> para cambiar a la vista HTML.",{"t":11,"x":18},"Aquí tienes algunos ejemplos de lo que puedes añadir:",{"t":8,"l":20,"x":21},3,"Divisores",{"t":11,"x":23},"Puedes añadir líneas o divisores entre distintos contenidos.",{"t":11,"x":25},"Añade la siguiente cadena:",{"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},"Con \"border-top:\" puedes definir el grosor de la línea en píxeles.",{"t":11,"x":31},"Con \"solid #\" puedes definir su color mediante códigos de color hexadecimales.",{"t":8,"l":20,"x":33},"Enlace para llamar a un número de teléfono",{"t":11,"x":35},"Puedes crear un enlace para permitir que los usuarios inicien una llamada telefónica directamente desde sus dispositivos.",{"t":11,"x":37},"Añade un atributo \"href\" con el número de teléfono de destino al texto (Call us) que abrirá la aplicación de teléfono. Por ejemplo:",{"t":11,"x":39},"\u003Ca href=\"tel:+1234567890\">Call us\u003C\u002Fa>",{"t":11,"x":41},"Reemplaza \"+1234567890\" por el número de teléfono correspondiente. El signo \"+\" indica el código de marcación internacional.",{"t":8,"l":20,"x":43},"Enlace para enviar un correo electrónico",{"t":11,"x":45},"Puedes crear un enlace para permitir que los usuarios envíen un correo electrónico a una dirección específica directamente desde sus dispositivos.",{"t":11,"x":47},"Añade un atributo \"href\" con la dirección de destino al texto (Send Email) que abrirá la aplicación de correo. Por ejemplo:",{"t":11,"x":49},"\u003Ca href=\"mailto:abc@example.com\">Send Email\u003C\u002Fa>",{"t":11,"x":51},"Reemplaza \"abc@example.com\" por la dirección de correo electrónico correspondiente.",{"t":8,"l":20,"x":53},"Enlace para enviar un mensaje a WhatsApp",{"t":11,"x":55},"Puedes crear un enlace para permitir que los usuarios envíen un mensaje a un número de WhatsApp específico directamente desde sus dispositivos.",{"t":11,"x":57},"Añade un atributo \"href\" con el número de WhatsApp de destino al texto (Contact us on WhatsApp) que abrirá la aplicación de WhatsApp. Opcionalmente, puedes añadir un mensaje para enviar (This is a message) después de \"?text=\". Por ejemplo:",{"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},"Reemplaza \"+1234567890\" por el número de WhatsApp correspondiente.",{"t":8,"l":20,"x":63},"Enlace a una parte específica",{"t":11,"x":65},"Puedes crear un enlace para permitir que los usuarios salten directamente a una sección específica de tu landing page.",{"t":11,"x":67},"1) Añade un atributo \"id\" al elemento de destino (Section 1). Recomendamos que el nombre del elemento sea el mismo que el id (section1). Por ejemplo:",{"t":11,"x":69},"\u003Ca id=\"section1\">Section 1\u003C\u002Fa>",{"t":11,"x":71},"2) Añade un atributo \"href\" usando el id creado en el paso 1 (#section1) al texto que irá al elemento de destino (Go to Section 1). Por ejemplo:",{"t":11,"x":73},"\u003Ca href=\"#section1\">Go to Section 1\u003C\u002Fa>",{"t":8,"l":20,"x":75},"Insertar un vídeo",{"t":11,"x":77},"Puedes mostrar vídeos de YouTube, Vimeo y otras plataformas de vídeo en línea en tu landing page siempre que tengan una opción de inserción (etiqueta \"iframe\"). Después de copiarla, ve a tu landing page y pega la etiqueta \"iframe\". Por ejemplo:",{"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},"Insertar un mapa de Google",{"t":11,"x":83},"Puedes mostrar varios mapas de Google buscando las direcciones en Google Maps, haciendo clic en Share > Embed a map y copiando la etiqueta \"iframe\". Después, ve a tu landing page y pega la etiqueta \"iframe\". Por ejemplo:",{"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>",1789117318637]