{"id":48116,"date":"2026-04-27T18:00:45","date_gmt":"2026-04-27T18:00:45","guid":{"rendered":"\/fr\/tutoriels\/?p=48116"},"modified":"2026-04-27T18:00:47","modified_gmt":"2026-04-27T18:00:47","slug":"comment-creer-une-carte-de-visite-virtuelle","status":"publish","type":"post","link":"\/fr\/tutoriels\/comment-creer-une-carte-de-visite-virtuelle","title":{"rendered":"Comment cr\u00e9er une carte de visite virtuelle avec Hostinger Horizons"},"content":{"rendered":"<p>La carte de visite virtuelle est l&rsquo;&eacute;volution num&eacute;rique de la carte traditionnelle en papier. Avec elle, fini le temps o&ugrave; vous deviez fouiller dans vos poches ou votre sac pour donner vos coordonn&eacute;es : elle est toujours pr&ecirc;te, directement sur votre t&eacute;l&eacute;phone. En plus, contrairement au format papier, elle peut int&eacute;grer des liens interactifs vers vos r&eacute;seaux sociaux ou votre portfolio en ligne.<\/p><p>Pourtant, trouver l&rsquo;application de carte de visite virtuelle id&eacute;ale peut s&rsquo;av&eacute;rer complexe. Certaines manquent de fonctionnalit&eacute;s essentielles, d&rsquo;autres sont surcharg&eacute;es d&rsquo;options inutiles, et beaucoup limitent trop la personnalisation.<\/p><p>C&rsquo;est pourquoi j&rsquo;ai d&eacute;cid&eacute; de cr&eacute;er la mienne. Dans cet article, je vais vous montrer comment j&rsquo;ai con&ccedil;u une application web de carte de visite virtuelle avec Hostinger Horizons, sans &eacute;crire une seule ligne de code. C&rsquo;est parti&nbsp;!<\/p><h2 class=\"wp-block-heading\" id=\"h-what-is-hostinger-horizons\">Qu&rsquo;est-ce que Hostinger Horizons ?<\/h2><p>Hostinger Horizons est un outil bas&eacute; sur l&rsquo;IA con&ccedil;u pour <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/comment-creer-une-application-web\">cr&eacute;er des applications web<\/a> sans aucune ligne de code. Il vous suffit de donner quelques instructions simples (des requ&ecirc;tes) &agrave; l&rsquo;IA, et elle g&eacute;n&egrave;re une application web sur mesure, adapt&eacute;e &agrave; vos besoins.<\/p><p>Si vous n&rsquo;avez pas l&rsquo;habitude de r&eacute;diger des lignes de code complexes pour d&eacute;velopper une application, cet outil est une v&eacute;ritable solution de facilit&eacute; : Horizons s&rsquo;occupe de tout, de la cr&eacute;ation &agrave; la mise en ligne.<\/p><p>L&rsquo;outil est disponible dans <strong>plus de 80 langues<\/strong>. Vous pouvez donc commencer &agrave; concevoir votre application en d&eacute;crivant simplement votre projet dans la langue de votre choix.<\/p><p>Pour couronner le tout, cet outil IA s&rsquo;int&egrave;gre parfaitement &agrave; notre h&eacute;bergement web. Une fois votre application web pr&ecirc;te, vous pouvez donc la publier instantan&eacute;ment.<\/p><h2 class=\"wp-block-heading\" id=\"h-virtual-business-card-planning-and-design\">Conception de cartes de visite virtuelles<\/h2><p>Pour lancer mon projet, j&rsquo;ai d&eacute;fini les fonctionnalit&eacute;s indispensables et les objectifs de conception de mon application web de carte de visite virtuelle. Voici le d&eacute;tail de mon plan :<\/p><ul class=\"wp-block-list\">\n<li><strong>Saisie de mes informations<\/strong> : je dois pouvoir renseigner mon nom, l&rsquo;intitul&eacute; de mon poste, mon entreprise, mon adresse email, mon num&eacute;ro de t&eacute;l&eacute;phone, mon site web et mes r&eacute;seaux sociaux via un formulaire intuitif.<\/li>\n\n\n\n<li><strong>Importation de ma photo de profil et du logo de l&rsquo;entreprise<\/strong> : l&rsquo;application web doit me permettre d&rsquo;importer ma photo de profil ainsi que le logo de mon entreprise pour personnaliser ma carte de visite virtuelle.<\/li>\n\n\n\n<li><strong>Personnalisation de base<\/strong> : je dois pouvoir personnaliser le design de ma carte en choisissant diff&eacute;rents styles de polices, couleurs et mises en page.<\/li>\n\n\n\n<li><strong>G&eacute;n&eacute;ration et partage<\/strong> : l&rsquo;application doit g&eacute;n&eacute;rer ma carte de visite virtuelle au format PNG et proposer un bouton de t&eacute;l&eacute;chargement pour la partager facilement.<\/li>\n\n\n\n<li><strong>Modification et mise &agrave; jour<\/strong> : je dois pouvoir modifier et mettre &agrave; jour mes informations &agrave; tout moment et en toute simplicit&eacute;.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-how-i-created-a-virtual-business-card-with-hostinger-horizons-step-by-step\">Comment j&rsquo;ai cr&eacute;&eacute; une carte de visite virtuelle avec Hostinger Horizons : &eacute;tape par &eacute;tape<\/h2><p>D&eacute;couvrez comment j&rsquo;ai utilis&eacute; Hostinger Horizons pour cr&eacute;er mon application de carte de visite virtuelle.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-starting-my-project\">1. Choix du pack<\/h3><p>Pour commencer ce projet, j&rsquo;ai choisi l&rsquo;offre la plus adapt&eacute;e &agrave; mes besoins. Les packs Hostinger Horizons commencent &agrave; <strong>19,99&nbsp;&euro; par mois<\/strong> et incluent une garantie satisfait ou rembours&eacute; de 30&nbsp;jours.<\/p><p>Tous les packs offrent les m&ecirc;mes fonctionnalit&eacute;s et comprennent un mois d&rsquo;h&eacute;bergement web <strong>Business <\/strong>pour permettre la mise en ligne de l&rsquo;application. La seule diff&eacute;rence r&eacute;side dans la limite mensuelle de messages ou d&rsquo;instructions que vous pouvez &eacute;changer avec l&rsquo;outil&nbsp;: celle-ci varie de 100&nbsp;messages avec le pack Starter &agrave; 1&nbsp;000&nbsp;messages avec le pack le plus &eacute;lev&eacute;.<\/p><p>Une fois mon pack achet&eacute;, je me suis rendue sur mon <a href=\"https:\/\/www.hostinger.com\/fr\/support\/1583483-guide-complet-de-hpanel-hostinger\/\">tableau de bord hPanel<\/a> et j&rsquo;ai cliqu&eacute; sur <strong>Sites web<\/strong> &rarr; <strong>Tous les sites web<\/strong> dans la barre lat&eacute;rale gauche.<\/p><p>J&rsquo;ai ensuite cliqu&eacute; sur <strong>Ajouter un site web<\/strong> &agrave; c&ocirc;t&eacute; de mon nouvel h&eacute;bergement web, puis j&rsquo;ai s&eacute;lectionn&eacute; <strong>Hostinger Horizons<\/strong> dans la liste.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f14bdd77822\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"253\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.02.49.png\" alt=\"\" class=\"wp-image-48621\" srcset=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.02.49.png 1024w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.02.49-300x74.png 300w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.02.49-150x37.png 150w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.02.49-768x189.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>La page d&rsquo;accueil de Hostinger Horizons comporte un champ pour saisir les instructions qui vous permettront de cr&eacute;er votre application web.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f14bdd78c92\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"698\" height=\"344\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.10.18.png\" alt=\"\" class=\"wp-image-48624\" srcset=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.10.18.png 698w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.10.18-300x148.png 300w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.10.18-150x74.png 150w\" sizes=\"(max-width: 698px) 100vw, 698px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-2-adding-the-basic-features\">2. Ajout des fonctionnalit&eacute;s de base<\/h3><p>J&rsquo;ai d&eacute;crit mon projet d&rsquo;application de carte de visite virtuelle de mani&egrave;re claire et concise, en pr&eacute;cisant les fonctionnalit&eacute;s et les &eacute;l&eacute;ments de design souhait&eacute;s. Voici ce que j&rsquo;ai saisi&nbsp;:<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"838\" height=\"126\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.17.17.png\" alt=\"\" class=\"wp-image-48627\" srcset=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.17.17.png 838w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.17.17-300x45.png 300w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.17.17-150x23.png 150w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.17.17-768x115.png 768w\" sizes=\"(max-width: 838px) 100vw, 838px\" \/><\/figure><p>Apr&egrave;s avoir cliqu&eacute; sur le bouton de validation, l&rsquo;outil a analys&eacute; ma demande pour g&eacute;n&eacute;rer une premi&egrave;re version de l&rsquo;application. Le r&eacute;sultat &eacute;tait d&eacute;j&agrave; tr&egrave;s convaincant&nbsp;: une mise en page &eacute;pur&eacute;e, des champs d&eacute;di&eacute;s pour mes coordonn&eacute;es et mon site web, ainsi que des zones pour importer ma photo de profil et le logo de mon entreprise.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f14bdd7adf1\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"836\" height=\"1035\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.33.50.png\" alt=\"\" class=\"wp-image-48628\" srcset=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.33.50.png 836w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.33.50-242x300.png 242w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.33.50-827x1024.png 827w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.33.50-121x150.png 121w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-14.33.50-768x951.png 768w\" sizes=\"(max-width: 836px) 100vw, 836px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>L&rsquo;outil a &eacute;galement g&eacute;n&eacute;r&eacute; un aper&ccedil;u sous la zone de saisie, me permettant de voir ma carte de visite virtuelle prendre forme au fur et &agrave; mesure que je remplissais les champs correspondants.<\/p><p>Voici le premier aper&ccedil;u obtenu apr&egrave;s avoir renseign&eacute; tous les champs et import&eacute; mes images&nbsp;:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f14bdd7c184\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"601\" height=\"319\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-15.10.23.png\" alt=\"\" class=\"wp-image-48633\" srcset=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-15.10.23.png 601w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-15.10.23-300x159.png 300w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-15.10.23-150x80.png 150w\" sizes=\"(max-width: 601px) 100vw, 601px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-3-improving-the-interface-and-user-experience\">3. Am&eacute;lioration de l&rsquo;interface et de l&rsquo;exp&eacute;rience utilisateur<\/h3><p>Ensuite, j&rsquo;ai voulu am&eacute;liorer l&rsquo;interface et l&rsquo;exp&eacute;rience utilisateur de mon application web pour la rendre plus personnalisable et fonctionnelle.<\/p><p><strong>Options de personnalisation<\/strong><\/p><p>J&rsquo;imaginais une exp&eacute;rience de personnalisation plus flexible et intuitive, ax&eacute;e sur le choix des polices, les palettes de couleurs et les options de mise en page.<\/p><p>J&rsquo;ai donc transmis l&rsquo;instruction suivante &agrave; Hostinger Horizons pour ajouter ces fonctionnalit&eacute;s&nbsp;:<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"816\" height=\"173\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-15.12.01.png\" alt=\"\" class=\"wp-image-48635\" srcset=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-15.12.01.png 816w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-15.12.01-300x64.png 300w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-15.12.01-150x32.png 150w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-15.12.01-768x163.png 768w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/figure><p>L&rsquo;outil a alors ajout&eacute; une section permettant de personnaliser l&rsquo;apparence de ma carte de visite virtuelle. J&rsquo;y ai trouv&eacute; des options pour modifier la police, la mise en page, les couleurs, ainsi que pour ajuster l&rsquo;espacement.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f14bdd7def5\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"570\" height=\"544\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-15.50.22.png\" alt=\"\" class=\"wp-image-48636\" srcset=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-15.50.22.png 570w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-15.50.22-300x286.png 300w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-15.50.22-150x143.png 150w\" sizes=\"(max-width: 570px) 100vw, 570px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Apr&egrave;s avoir personnalis&eacute; ma carte de visite &agrave; l&rsquo;aide des nouvelles fonctionnalit&eacute;s, voici le r&eacute;sultat obtenu dans l&rsquo;aper&ccedil;u&nbsp;:<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f14bdd7f7dc\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"581\" height=\"335\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.01.10.png\" alt=\"\" class=\"wp-image-48638\" srcset=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.01.10.png 581w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.01.10-300x173.png 300w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.01.10-150x86.png 150w\" sizes=\"(max-width: 581px) 100vw, 581px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p><strong>Fonctionnalit&eacute; d&rsquo;enregistrement et de modification<\/strong><\/p><p>Je voulais aussi pouvoir enregistrer ma carte pour la modifier plus tard. L&rsquo;id&eacute;e &eacute;tait de ne pas perdre mon travail et de pouvoir mettre &agrave; jour mes coordonn&eacute;es rapidement d&egrave;s que n&eacute;cessaire.<\/p><p>Pour optimiser la gestion de mes cartes, j&rsquo;ai imagin&eacute; une page d&rsquo;accueil avec deux options simples : <strong>Cr&eacute;er une nouvelle carte<\/strong> et <strong>Modifier une carte existante<\/strong>.<\/p><p>J&rsquo;ai &eacute;galement ajout&eacute; un bouton <strong>Enregistrer<\/strong> dans l&rsquo;&eacute;diteur pour sauvegarder mon design, ainsi qu&rsquo;un bouton <strong>Retour<\/strong> pour naviguer facilement.<\/p><p>J&rsquo;ai donc envoy&eacute; cette instruction &agrave; Hostinger Horizons :<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"816\" height=\"110\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.02.50.png\" alt=\"\" class=\"wp-image-48639\" srcset=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.02.50.png 816w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.02.50-300x40.png 300w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.02.50-150x20.png 150w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.02.50-768x104.png 768w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><\/figure><p>Conform&eacute;ment &agrave; ma demande, l&rsquo;outil IA a g&eacute;n&eacute;r&eacute; une page d&rsquo;accueil &eacute;pur&eacute;e et intuitive avec deux boutons principaux.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f14bdd817d7\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"816\" height=\"392\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.07.16.png\" alt=\"\" class=\"wp-image-48640\" srcset=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.07.16.png 816w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.07.16-300x144.png 300w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.07.16-150x72.png 150w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.07.16-768x369.png 768w\" sizes=\"(max-width: 816px) 100vw, 816px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>J&rsquo;ai encore perfectionn&eacute; la logique : d&eacute;sormais, lorsqu&rsquo;il y a des cartes enregistr&eacute;es, cliquer sur le bouton de modification ouvre une fen&ecirc;tre contextuelle affichant la liste de mes cr&eacute;ations pr&eacute;c&eacute;dentes.<\/p><p>D&egrave;s que j&rsquo;enregistre une carte, celle-ci s&rsquo;affiche clairement avec son nom, ce qui me permet de retrouver tr&egrave;s facilement celle que je recherche.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f14bdd82d56\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"460\" height=\"486\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.09.56.png\" alt=\"\" class=\"wp-image-48641\" srcset=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.09.56.png 460w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.09.56-284x300.png 284w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.09.56-142x150.png 142w\" sizes=\"(max-width: 460px) 100vw, 460px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p><strong>Fonctionnalit&eacute; de t&eacute;l&eacute;chargement rapide<\/strong><\/p><p>Apr&egrave;s avoir con&ccedil;u mon application web et optimis&eacute; le processus d&rsquo;&eacute;dition, j&rsquo;avais besoin d&rsquo;une fonctionnalit&eacute; pour partager ma carte de visite virtuelle. Pour l&rsquo;instant, je souhaitais rester sur quelque chose de simple : une option de t&eacute;l&eacute;chargement pour enregistrer ma carte au format PNG.<\/p><p>J&rsquo;ai donc ajout&eacute; un bouton <strong>T&eacute;l&eacute;charger<\/strong> sous l&rsquo;aper&ccedil;u de la carte sur la page de l&rsquo;&eacute;diteur en saisissant cette instruction dans l&rsquo;outil IA :<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"805\" height=\"97\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.11.21.png\" alt=\"\" class=\"wp-image-48642\" srcset=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.11.21.png 805w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.11.21-300x36.png 300w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.11.21-150x18.png 150w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.11.21-768x93.png 768w\" sizes=\"(max-width: 805px) 100vw, 805px\" \/><\/figure><p>Je peux maintenant t&eacute;l&eacute;charger la carte de visite virtuelle que j&rsquo;ai cr&eacute;&eacute;e et la partager facilement : que ce soit en pi&egrave;ce jointe d&rsquo;un email, sur les r&eacute;seaux sociaux, en l&rsquo;imprimant ou m&ecirc;me en l&rsquo;int&eacute;grant directement sur mon site web.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f14bdd85062\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"880\" height=\"840\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.15.06.png\" alt=\"\" class=\"wp-image-48643\" srcset=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.15.06.png 880w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.15.06-300x286.png 300w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.15.06-150x143.png 150w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.15.06-768x733.png 768w\" sizes=\"(max-width: 880px) 100vw, 880px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-virtual-business-card-web-app-publishing-and-testing\">Publication et tests de l&rsquo;application web de carte de visite virtuelle<\/h2><p>Il ne me restait plus qu&rsquo;&agrave; publier et tester mon application web de carte de visite virtuelle. Hostinger Horizons rend cette &eacute;tape ultra simple : en un seul clic, mon application &eacute;tait en ligne.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f14bdd8663e\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"444\" height=\"50\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-15.55.39.png\" alt=\"\" class=\"wp-image-48637\" srcset=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-15.55.39.png 444w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-15.55.39-300x34.png 300w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-15.55.39-150x17.png 150w\" sizes=\"(max-width: 444px) 100vw, 444px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Bien qu&rsquo;elle ait &eacute;t&eacute; publi&eacute;e sur un nom de domaine temporaire dans un premier temps, j&rsquo;ai pu y associer un nom de domaine personnalis&eacute; en un clin d&rsquo;&oelig;il. Pour cela, il m&rsquo;a suffi de cliquer sur <strong>Connectez un nom de domaine<\/strong> <strong>personnalis&eacute;<\/strong> depuis la fen&ecirc;tre de confirmation de publication.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f14bdd87ab9\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"602\" height=\"392\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.36.06.png\" alt=\"\" class=\"wp-image-48649\" srcset=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.36.06.png 602w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.36.06-300x195.png 300w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.36.06-150x98.png 150w\" sizes=\"(max-width: 602px) 100vw, 602px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Comme dans tout projet de d&eacute;veloppement, j&rsquo;ai rencontr&eacute; quelques contretemps en cours de route. Par exemple, j&rsquo;ai rencontr&eacute; des erreurs en essayant d&rsquo;ajouter une option de fondu pour la photo de profil.<\/p><p>Heureusement, Hostinger Horizons int&egrave;gre un puissant syst&egrave;me de gestion des erreurs. Il m&rsquo;a suffi d&rsquo;un simple clic pour demander &agrave; l&rsquo;outil de corriger le probl&egrave;me.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f14bdd8929c\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1014\" height=\"683\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.33.21.png\" alt=\"\" class=\"wp-image-48648\" srcset=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.33.21.png 1014w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.33.21-300x202.png 300w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.33.21-150x101.png 150w, https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/04\/Screenshot-2026-04-27-at-16.33.21-768x517.png 768w\" sizes=\"(max-width: 1014px) 100vw, 1014px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Cette exp&eacute;rience m&rsquo;a prouv&eacute; que Hostinger Horizons ne se contente pas de simplifier le d&eacute;veloppement d&rsquo;applications web pour les personnes sans bagage technique : l&rsquo;outil fait aussi du d&eacute;pannage un v&eacute;ritable jeu d&rsquo;enfant. Pour plus de d&eacute;tails, consultez le <a href=\"https:\/\/www.hostinger.com\/support\/how-to-get-started-with-hostinger-horizons\/\">guide pour bien d&eacute;buter avec Hostinger Horizons<\/a> (en anglais).<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\"><strong>Conclusion<\/strong><\/h2><p>Cr&eacute;er ma propre application web de carte de visite virtuelle avec Hostinger Horizons a &eacute;t&eacute; une exp&eacute;rience &eacute;tonnamment ludique ! C&rsquo;&eacute;tait comme avoir un d&eacute;veloppeur web personnel &agrave; port&eacute;e de main. J&rsquo;ai d&rsquo;ailleurs &eacute;t&eacute; bluff&eacute;e par la qualit&eacute; de l&rsquo;outil que j&rsquo;ai pu concevoir sans la moindre aide ext&eacute;rieure.<\/p><p>J&rsquo;ai ador&eacute; la facilit&eacute; avec laquelle j&rsquo;ai pu personnaliser le design et les fonctionnalit&eacute;s pour donner vie &agrave; ma vision. Et le meilleur dans tout &ccedil;a ? Je n&rsquo;ai pas eu &agrave; me d&eacute;battre avec du code ou des logiciels de design complexes. Il m&rsquo;a suffi d&rsquo;avoir une id&eacute;e claire en t&ecirc;te et de la d&eacute;crire en transmettant les bonnes instructions &agrave; Hostinger Horizons.<\/p><p>Si vous cherchez un moyen simple et sans prise de t&ecirc;te pour cr&eacute;er votre propre application web, je vous recommande vivement de tester cet outil r&eacute;volutionnaire !<\/p><p>Rejoignez notre <a href=\"https:\/\/discord.com\/invite\/8p8nBUHrZk\" target=\"_blank\" rel=\"noopener\">canal Discord<\/a> pour faire le plein de conseils et d&rsquo;inspiration, et tirer le meilleur parti de Hostinger Horizons. &Eacute;changez avec la communaut&eacute;, profitez de l&rsquo;avis de nos experts et restez au courant des toutes derni&egrave;res fonctionnalit&eacute;s !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La carte de visite virtuelle est l&rsquo;&eacute;volution num&eacute;rique de la carte traditionnelle en papier. Avec elle, fini le temps o&ugrave; vous deviez fouiller dans vos poches ou votre sac pour donner vos coordonn&eacute;es : elle est toujours pr&ecirc;te, directement sur votre t&eacute;l&eacute;phone. En plus, contrairement au format papier, elle peut int&eacute;grer des liens interactifs vers [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/fr\/tutoriels\/comment-creer-une-carte-de-visite-virtuelle\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":619,"featured_media":48652,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Comment cr\u00e9er une carte de visite virtuelle facilement","rank_math_description":"Cr\u00e9ez une carte de visite virtuelle avec Hostinger Horizons. Pas besoin de savoir coder\u00a0: modifiez et publiez-la en quelques minutes.","rank_math_focus_keyword":"comment cr\u00e9er une carte de visite virtuelle","footnotes":""},"categories":[4777],"tags":[],"class_list":["post-48116","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"hreflangs":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/48116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/users\/619"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/comments?post=48116"}],"version-history":[{"count":19,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/48116\/revisions"}],"predecessor-version":[{"id":48659,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/48116\/revisions\/48659"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media\/48652"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media?parent=48116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/categories?post=48116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/tags?post=48116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}