{"id":27954,"date":"2026-01-28T10:07:19","date_gmt":"2026-01-28T08:07:19","guid":{"rendered":"https:\/\/aivie.ch\/faq\/comment-puis-je-afficher-des-images-ou-des-boutons-uniquement-sur-ordinateur-ou-uniquement-sur-mobile\/"},"modified":"2026-01-28T10:12:05","modified_gmt":"2026-01-28T08:12:05","slug":"comment-puis-je-afficher-des-images-ou-des-boutons-uniquement-sur-ordinateur-ou-uniquement-sur-mobile","status":"publish","type":"faq","link":"https:\/\/aivie.ch\/fr\/faq\/comment-puis-je-afficher-des-images-ou-des-boutons-uniquement-sur-ordinateur-ou-uniquement-sur-mobile\/","title":{"rendered":"Comment puis-je afficher des images ou des boutons uniquement sur ordinateur ou uniquement sur mobile&nbsp;?"},"content":{"rendered":"\n<p>Je souhaite afficher dans un e-mail certains contenus \u2013 par exemple, des <strong>boutons, des images ou des sections enti\u00e8res<\/strong> \u2013 <strong>uniquement sur ordinateur<\/strong> ou <strong>uniquement sur mobile<\/strong>. Aivie propose une <strong>option de visibilit\u00e9 par bloc<\/strong>, qui permet d\u2019afficher ou de masquer des contenus de mani\u00e8re cibl\u00e9e en fonction de l\u2019appareil. <\/p>\n\n<!--more-->\n\n<p>Cette fonction est particuli\u00e8rement adapt\u00e9e pour\u00a0:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>diff\u00e9rentes mises en page de boutons<\/li>\n\n\n\n<li>des appels \u00e0 l\u2019action optimis\u00e9s pour mobile<\/li>\n\n\n\n<li>d\u2019autres d\u00e9coupes d\u2019images pour ordinateur et mobile<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">G\u00e9rer la visibilit\u00e9 par bloc<\/h2>\n\n<p>Le bloc de boutons dispose de l\u2019option <strong>Visibilit\u00e9<\/strong> dans les <strong>param\u00e8tres<\/strong>.<\/p>\n\n<p>Vous pouvez y s\u00e9lectionner\u00a0:<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Tous les appareils<\/strong><\/li>\n\n\n\n<li><strong>Ordinateur uniquement<\/strong><\/li>\n\n\n\n<li><strong>Mobile uniquement<\/strong><\/li>\n<\/ul>\n\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-a74c641\" data-block-id=\"a74c641\"><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-27960\" src=\"https:\/\/cdn.aivie.ch\/media\/wp\/2026\/01\/28101055\/Visibilitat-Desktop-Mobile-Steuern-im-Aivie-Email-Builder-scaled.png\" width=\"2560\" height=\"1116\" alt=\"Visibilit&#xE9; Bureau Mobile Contr&#xF4;les dans l&#x2019;&#xE9;diteur d&#x2019;e-mails Aivie\" title=\"\" srcset=\"https:\/\/cdn.aivie.ch\/media\/wp\/2026\/01\/28101055\/Visibilitat-Desktop-Mobile-Steuern-im-Aivie-Email-Builder-scaled.png 2560w, https:\/\/cdn.aivie.ch\/media\/wp\/2026\/01\/28101055\/Visibilitat-Desktop-Mobile-Steuern-im-Aivie-Email-Builder-960x419.png 960w, https:\/\/cdn.aivie.ch\/media\/wp\/2026\/01\/28101055\/Visibilitat-Desktop-Mobile-Steuern-im-Aivie-Email-Builder-1920x837.png 1920w, https:\/\/cdn.aivie.ch\/media\/wp\/2026\/01\/28101055\/Visibilitat-Desktop-Mobile-Steuern-im-Aivie-Email-Builder-768x335.png 768w, https:\/\/cdn.aivie.ch\/media\/wp\/2026\/01\/28101055\/Visibilitat-Desktop-Mobile-Steuern-im-Aivie-Email-Builder-1200x523.png 1200w, https:\/\/cdn.aivie.ch\/media\/wp\/2026\/01\/28101055\/Visibilitat-Desktop-Mobile-Steuern-im-Aivie-Email-Builder-480x209.png 480w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/span><\/figure><\/div>\n\n<p>Le contenu n\u2019est alors affich\u00e9 que sur les appareils s\u00e9lectionn\u00e9s.<\/p>\n\n<h2 class=\"wp-block-heading\">Afficher ou masquer des sections enti\u00e8res<\/h2>\n\n<p>L\u2019option de visibilit\u00e9 peut \u00e9galement \u00eatre appliqu\u00e9e \u00e0 des <strong>sections<\/strong> enti\u00e8res.<\/p>\n\n<p>Utilisation typique\u00a0:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Section ordinateur avec une mise en page \u00e0 plusieurs colonnes<\/li>\n\n\n\n<li>Section mobile avec une repr\u00e9sentation simplifi\u00e9e<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">Cas d\u2019utilisation typiques<\/h2>\n\n<h3 class=\"wp-block-heading\">1. Diff\u00e9rents boutons pour ordinateur et mobile<\/h3>\n\n<p>Exemple\u00a0:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Ordinateur\u00a0: bouton large, align\u00e9 \u00e0 gauche<\/li>\n\n\n\n<li>Mobile\u00a0: grand bouton pleine largeur<\/li>\n<\/ul>\n\n<p>Pour cela, vous cr\u00e9ez <strong>deux boutons<\/strong>\u00a0:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Bouton A \u2192 Visibilit\u00e9\u00a0: <strong>Ordinateur uniquement<\/strong><\/li>\n\n\n\n<li>Bouton B \u2192 Visibilit\u00e9\u00a0: <strong>Mobile uniquement<\/strong><\/li>\n<\/ul>\n\n<p>Les deux peuvent utiliser le m\u00eame lien, mais \u00eatre con\u00e7us diff\u00e9remment.<\/p>\n\n<h3 class=\"wp-block-heading\">2. Diff\u00e9rentes images selon l\u2019appareil<\/h3>\n\n<p>Exemple\u00a0:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Ordinateur\u00a0: image de capture d\u2019\u00e9cran large<\/li>\n\n\n\n<li>Mobile\u00a0: d\u00e9coupe compress\u00e9e ou motif simplifi\u00e9<\/li>\n<\/ul>\n\n<p>Ici aussi\u00a0:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Image A \u2192 <strong>Ordinateur uniquement<\/strong><\/li>\n\n\n\n<li>Image B \u2192 <strong>Mobile uniquement<\/strong><\/li>\n<\/ul>\n\n<p>Ainsi, l\u2019impact visuel reste contr\u00f4lable par appareil.<\/p>\n\n<h2 class=\"wp-block-heading\">Remarque technique<\/h2>\n\n<p>La gestion de la visibilit\u00e9 dans Aivie est bas\u00e9e sur des <strong>r\u00e8gles CSS compatibles avec le client<\/strong>, qui sont prises en charge par les clients de messagerie courants (y compris iOS Mail et Gmail). <\/p>\n\n<p>Toutefois, il ne peut \u00eatre garanti que la r\u00e8gle sera appliqu\u00e9e dans tous les cas. <\/p>\n\n<h2 class=\"wp-block-heading\">Recommandation<\/h2>\n\n<p>Utilisez \u00ab\u00a0Ordinateur uniquement\u00a0\u00bb \/ \u00ab\u00a0Mobile uniquement\u00a0\u00bb de mani\u00e8re cibl\u00e9e pour\u00a0:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>les appels \u00e0 l\u2019action<\/li>\n\n\n\n<li>les mises en page complexes<\/li>\n\n\n\n<li>les contenus riches en images<\/li>\n<\/ul>\n\n<p>Pour les contenus textuels normaux, <strong>une mise en page uniforme<\/strong> est g\u00e9n\u00e9ralement suffisante.<\/p>\n\n<h3 class=\"wp-block-heading\">Conclusion<\/h3>\n\n<p>Avec l\u2019option de visibilit\u00e9 d\u2019Aivie, les contenus peuvent \u00eatre affich\u00e9s ou masqu\u00e9s en fonction de l\u2019appareil.<br\/>Ainsi, les e-mails peuvent \u00eatre adapt\u00e9s de mani\u00e8re optimale aux ordinateurs et aux mobiles, sans mod\u00e8les s\u00e9par\u00e9s ni adaptations CSS manuelles.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Je souhaite afficher dans un e-mail certains contenus \u2013 par exemple, des boutons, des images ou des sections enti\u00e8res \u2013 uniquement sur ordinateur ou uniquement sur mobile. Aivie propose une option de visibilit\u00e9 par bloc, qui permet d\u2019afficher ou de masquer des contenus de mani\u00e8re cibl\u00e9e en fonction de l\u2019appareil.<\/p>\n","protected":false},"featured_media":0,"template":"","categories":[],"tags":[],"FaqCategories":[521],"FaqTags":[1500,1501,1509],"class_list":["post-27954","faq","type-faq","status-publish","hentry","FaqCategories-e-mails-fr","FaqTags-constructeur-de-mails","FaqTags-mobile","FaqTags-responsive"],"acf":[],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","post-thumbnail":"","aiv_480w":"","woocommerce_thumbnail":"","woocommerce_single":"","woocommerce_gallery_thumbnail":""},"post_excerpt_stackable_v2":"<p>Je souhaite afficher dans un e-mail certains contenus \u2013 par exemple, des boutons, des images ou des sections enti\u00e8res \u2013 uniquement sur ordinateur ou uniquement sur mobile. Aivie propose une option de visibilit\u00e9 par bloc, qui permet d\u2019afficher ou de masquer des contenus de mani\u00e8re cibl\u00e9e en fonction de l\u2019appareil. Cette fonction est particuli\u00e8rement adapt\u00e9e pour\u00a0: diff\u00e9rentes mises en page de boutons des appels \u00e0 l\u2019action optimis\u00e9s pour mobile d\u2019autres d\u00e9coupes d\u2019images pour ordinateur et mobile G\u00e9rer la visibilit\u00e9 par bloc Le bloc de boutons dispose de l\u2019option Visibilit\u00e9 dans les param\u00e8tres. Vous pouvez y s\u00e9lectionner\u00a0: Tous les appareils Ordinateur\u2026<\/p>\n","category_list_v2":"Non class\u00e9","author_info_v2":{"name":"","url":""},"comments_num_v2":"0 commentaire","_links":{"self":[{"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/faq\/27954","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/types\/faq"}],"version-history":[{"count":4,"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/faq\/27954\/revisions"}],"predecessor-version":[{"id":27963,"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/faq\/27954\/revisions\/27963"}],"wp:attachment":[{"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/media?parent=27954"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/categories?post=27954"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/tags?post=27954"},{"taxonomy":"FaqCategories","embeddable":true,"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/FaqCategories?post=27954"},{"taxonomy":"FaqTags","embeddable":true,"href":"https:\/\/aivie.ch\/fr\/wp-json\/wp\/v2\/FaqTags?post=27954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}