[{"data":1,"prerenderedAt":86},["ShallowReactive",2],{"mc:\u002Ffr\u002Faide\u002Fnew-how-to-use-html-to-customize-a-landing-page\u002F":3},{"title":4,"desc":5,"blocks":6},"Comment utiliser le HTML pour personnaliser une landing page • QRCodeKIT","Utilisez le HTML pour ajouter des séparateurs, des call-to-actions et plus encore à 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","Vous pouvez entièrement personnaliser votre landing page en utilisant l'éditeur HTML.",{"t":11,"x":14},"Ajoutez-en un à votre landing page.",{"t":11,"x":16},"Cliquez sur son menu à trois points et cliquez sur l'icône \u003C\u002F> pour passer à la vue HTML.",{"t":11,"x":18},"Voici quelques exemples de ce que vous pouvez ajouter :",{"t":8,"l":20,"x":21},3,"Séparateurs",{"t":11,"x":23},"Vous pouvez ajouter des lignes ou des séparateurs entre les différents contenus.",{"t":11,"x":25},"Ajoutez la chaîne suivante :",{"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},"Avec \"border-top:\", vous pouvez définir l'épaisseur de la ligne en pixels.",{"t":11,"x":31},"Avec \"solid #\", vous pouvez définir sa couleur à l'aide de codes de couleur hexadécimaux.",{"t":8,"l":20,"x":33},"Lien pour appeler un numéro de téléphone",{"t":11,"x":35},"Vous pouvez créer un lien permettant aux utilisateurs de lancer un appel téléphonique directement depuis leurs appareils.",{"t":11,"x":37},"Ajoutez un attribut \"href\" avec le numéro de téléphone cible au texte (Call us) qui ouvrira l'application de téléphone. Par exemple :",{"t":11,"x":39},"\u003Ca href=\"tel:+1234567890\">Call us\u003C\u002Fa>",{"t":11,"x":41},"Remplacez \"+1234567890\" par le numéro de téléphone correspondant. Le signe \"+\" indique l'indicatif international.",{"t":8,"l":20,"x":43},"Lien pour envoyer un e-mail",{"t":11,"x":45},"Vous pouvez créer un lien permettant aux utilisateurs d'envoyer un e-mail à une adresse spécifique directement depuis leurs appareils.",{"t":11,"x":47},"Ajoutez un attribut \"href\" avec l'adresse cible au texte (Send Email) qui ouvrira l'application de messagerie. Par exemple :",{"t":11,"x":49},"\u003Ca href=\"mailto:abc@example.com\">Send Email\u003C\u002Fa>",{"t":11,"x":51},"Remplacez \"abc@example.com\" par l'adresse e-mail correspondante.",{"t":8,"l":20,"x":53},"Lien pour envoyer un message sur WhatsApp",{"t":11,"x":55},"Vous pouvez créer un lien permettant aux utilisateurs d'envoyer un message à un numéro WhatsApp spécifique directement depuis leurs appareils.",{"t":11,"x":57},"Ajoutez un attribut \"href\" avec le numéro WhatsApp cible au texte (Contact us on WhatsApp) qui ouvrira l'application WhatsApp. Facultativement, vous pouvez ajouter un message à envoyer (This is a message) après \"?text=\". Par exemple :",{"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},"Remplacez \"+1234567890\" par le numéro WhatsApp correspondant.",{"t":8,"l":20,"x":63},"Lien vers une partie spécifique",{"t":11,"x":65},"Vous pouvez créer un lien permettant aux utilisateurs d'accéder directement à une section spécifique de votre landing page.",{"t":11,"x":67},"1) Ajoutez un attribut \"id\" à l'élément cible (Section 1). Nous recommandons que le nom de l'élément soit le même que l'id (section1). Par exemple :",{"t":11,"x":69},"\u003Ca id=\"section1\">Section 1\u003C\u002Fa>",{"t":11,"x":71},"2) Ajoutez un attribut \"href\" en utilisant l'id créé à l'étape 1 (#section1) au texte qui mènera à l'élément cible (Go to Section 1). Par exemple :",{"t":11,"x":73},"\u003Ca href=\"#section1\">Go to Section 1\u003C\u002Fa>",{"t":8,"l":20,"x":75},"Intégrer une vidéo",{"t":11,"x":77},"Vous pouvez afficher des vidéos de YouTube, Vimeo et d'autres plateformes de vidéo en ligne sur votre landing page à condition qu'elles disposent d'une option d'intégration (balise \"iframe\"). Après l'avoir copiée, allez sur votre landing page et collez la balise \"iframe\". Par exemple :",{"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},"Intégrer une carte Google",{"t":11,"x":83},"Vous pouvez afficher plusieurs cartes Google en recherchant les adresses dans Google Maps, en cliquant sur Share > Embed a map et en copiant la balise \"iframe\". Ensuite, allez sur votre landing page et collez la balise \"iframe\". Par exemple :",{"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>",1789117318656]