{"id":3939,"date":"2023-05-12T17:16:11","date_gmt":"2023-05-12T09:16:11","guid":{"rendered":"https:\/\/help.fliphtml5.com\/?post_type=docs&#038;p=3939"},"modified":"2024-03-15T15:03:59","modified_gmt":"2024-03-15T07:03:59","password":"","slug":"pop-up-image-trigger-action","status":"publish","type":"docs","link":"https:\/\/cms.flippagemaker.com\/fr\/docs\/pop-up-image-trigger-action\/","title":{"rendered":"Ajouter une action [Image contextuelle]"},"content":{"rendered":"<p>Vous pouvez ajouter un <strong>[Image contextuelle]<\/strong> action pour la petite image dans le flipbook afin que vous puissiez d\u00e9clencher l&#039;image contextuelle de la petite image pour afficher l&#039;image plus grande, qui est g\u00e9n\u00e9ralement utilis\u00e9e pour afficher les d\u00e9tails du produit.<\/p>\n\n\n\n<p>Ajouter <strong>[Image contextuelle]<\/strong> peut \u00e9conomiser de l&#039;espace sur les flipbooks et fournir des informations plus d\u00e9taill\u00e9es tout en conservant une mise en page claire et simple.<\/p>\n\n\n\n<p>Voyons ensuite comment ajouter le<strong> [Image contextuelle]<\/strong> action sur l\u2019\u00e9l\u00e9ment.<\/p>\n\n\n\n<p>Cliquez sur un \u00e9l\u00e9ment du canevas -&gt; cliquez <strong>[Actions]<\/strong> dans le panneau des propri\u00e9t\u00e9s -&gt; s\u00e9lectionnez une condition de d\u00e9clenchement -&gt; <strong>[Image contextuelle]<\/strong> -> <strong>[T\u00e9l\u00e9charger une image]<\/strong> -&gt; s\u00e9lectionnez une image dans le dossier local -&gt; <strong>[Ouvrir]<\/strong> -&gt; cliquez <strong>[Sauvegarder]<\/strong> ou <strong>[Aper\u00e7u]<\/strong> dans la barre d&#039;outils sup\u00e9rieure.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"620\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png\" alt=\"ajouter-pop-up-image-action-1\" class=\"wp-image-6825\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1-300x186.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1-768x476.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1-18x12.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1-360x223.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Note:<\/strong> Vous pouvez t\u00e9l\u00e9charger plusieurs images \u00e0 la fois et d\u00e9clencher l&#039;\u00e9l\u00e9ment pour faire appara\u00eetre plusieurs images.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"609\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-2.gif\" alt=\"ajouter-pop-up-image-action-2\" class=\"wp-image-6826\"\/><\/figure>\n\n\n\n<p>Vous pouvez ajouter un titre, une description et un lien vers l&#039;image t\u00e9l\u00e9charg\u00e9e via le <strong>[Modifier]<\/strong> ic\u00f4ne sur l&#039;image, et vous pouvez cliquer sur l&#039;image pour acc\u00e9der au site Web.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"746\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-3.png\" alt=\"ajouter-pop-up-image-action-3\" class=\"wp-image-6827\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-3.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-3-300x224.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-3-768x573.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-3-16x12.png 16w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-3-360x269.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"642\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-4.gif\" alt=\"ajouter-pop-up-image-action-4\" class=\"wp-image-6828\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Termes li\u00e9s \u00e0 l&#039;article\u00a0:<br><\/strong>action de d\u00e9clenchement d&#039;image contextuelle, image contextuelle, personnalisation de la fen\u00eatre contextuelle, conception de la fen\u00eatre contextuelle, taille de la fen\u00eatre contextuelle, flipbooks interactifs, engagement de l&#039;utilisateur, largeur de la fen\u00eatre contextuelle, ajout d&#039;actions de d\u00e9clenchement contextuel, am\u00e9lioration du contenu visuel, am\u00e9liorer l&#039;interactivit\u00e9<\/p>","protected":false},"excerpt":{"rendered":"<p>Vous pouvez ajouter une action [Image contextuelle] pour la petite image dans le flipbook afin de pouvoir d\u00e9clencher l&#039;image contextuelle de la petite image pour afficher l&#039;image plus grande, qui est g\u00e9n\u00e9ralement utilis\u00e9e pour afficher les d\u00e9tails du produit. L&#039;ajout d&#039;une [Image contextuelle] peut \u00e9conomiser de l&#039;espace sur les flipbooks et fournir des informations plus d\u00e9taill\u00e9es tout en [\u2026]<\/p>","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[85],"doc_tag":[],"class_list":["post-3939","docs","type-docs","status-publish","hentry","doc_category-trigger-action"],"year_month":"2026-04","word_count":197,"total_views":"13352","reactions":{"happy":"4","normal":"0","sad":"1"},"author_info":{"name":"Andy","author_nicename":"andy","author_url":"https:\/\/cms.flippagemaker.com\/fr\/author\/andy\/"},"doc_category_info":[{"term_name":"Actions","term_url":"https:\/\/cms.flippagemaker.com\/fr\/docs-category\/trigger-action\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Add [Pop up Image] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add [Pop up Image] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"og:description\" content=\"You can add a [Pop up Image] action for the small image in the flipbook so that you can trigger the small image to pop up image to view the larger image, which is usually used to show product details. Adding [Pop up Image] can save the flipbooks\u2019 space and provide more detailed information while [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.flippagemaker.com\/fr\/docs\/pop-up-image-trigger-action\/\" \/>\n<meta property=\"og:site_name\" content=\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-15T07:03:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/\",\"name\":\"Add [Pop up Image] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"isPartOf\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png\",\"datePublished\":\"2023-05-12T09:16:11+00:00\",\"dateModified\":\"2024-03-15T07:03:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#primaryimage\",\"url\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png\",\"contentUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cms.flippagemaker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add [Pop up Image] Action\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cms.flippagemaker.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"contentUrl\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"width\":154,\"height\":20,\"caption\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add [Pop up Image] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"fr_FR","og_type":"article","og_title":"Add [Pop up Image] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","og_description":"You can add a [Pop up Image] action for the small image in the flipbook so that you can trigger the small image to pop up image to view the larger image, which is usually used to show product details. Adding [Pop up Image] can save the flipbooks\u2019 space and provide more detailed information while [&hellip;]","og_url":"https:\/\/cms.flippagemaker.com\/fr\/docs\/pop-up-image-trigger-action\/","og_site_name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","article_modified_time":"2024-03-15T07:03:59+00:00","og_image":[{"url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/","url":"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/","name":"Add [Pop up Image] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","isPartOf":{"@id":"https:\/\/cms.flippagemaker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#primaryimage"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#primaryimage"},"thumbnailUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png","datePublished":"2023-05-12T09:16:11+00:00","dateModified":"2024-03-15T07:03:59+00:00","breadcrumb":{"@id":"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#primaryimage","url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png","contentUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-pop-up-image-action-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/cms.flippagemaker.com\/zh_tw\/docs\/pop-up-image-trigger-action\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.flippagemaker.com\/"},{"@type":"ListItem","position":2,"name":"Add [Pop up Image] Action"}]},{"@type":"WebSite","@id":"https:\/\/cms.flippagemaker.com\/#website","url":"https:\/\/cms.flippagemaker.com\/","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","description":"","publisher":{"@id":"https:\/\/cms.flippagemaker.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cms.flippagemaker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/","url":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","contentUrl":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","width":154,"height":20,"caption":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/"}}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/docs\/3939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/comments?post=3939"}],"version-history":[{"count":4,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/docs\/3939\/revisions"}],"predecessor-version":[{"id":6829,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/docs\/3939\/revisions\/6829"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/media?parent=3939"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/doc_category?post=3939"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=3939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}