{"id":18716,"date":"2026-07-10T03:17:04","date_gmt":"2026-07-10T09:17:04","guid":{"rendered":"https:\/\/prettylinks.com\/?post_type=ht_kb&#038;p=18716"},"modified":"2026-07-20T05:36:51","modified_gmt":"2026-07-20T11:36:51","slug":"inserting-displays","status":"publish","type":"ht_kb","link":"https:\/\/prettylinks.com\/fr\/docs\/inserting-displays\/","title":{"rendered":"Insertion d'affichages"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><em>Disponible dans le cadre de la formule \u00ab Super Affiliate \u00bb.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once you've built a product or a group, you can drop it into any post, page, sidebar, or page builder layout. Three ways to insert: the Gutenberg block, the shortcode, and via Link in Bio's Cards template.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ce guide fait partie de la <a href=\"https:\/\/prettylinks.com\/fr\/docs\/product-displays\/\">Pretty Links Pr\u00e9sentoirs de produits<\/a>, la page d'accueil du module compl\u00e9mentaire \u00ab Product Displays \u00bb.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5f8d3e8b016&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5f8d3e8b016\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"1100\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend.png\" alt=\"Page de d\u00e9monstration \u00ab Product Displays \u00bb avec des fiches produits affich\u00e9es\" class=\"wp-image-18715\" srcset=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend.png 1280w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend-300x258.png 300w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend-1024x880.png 1024w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend-768x660.png 768w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend-50x43.png 50w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\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\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"method-1-the-gutenberg-block\"><a href=\"#method-1-the-gutenberg-block\">Method 1: The Gutenberg Block<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The block is the most direct way to insert a display in a standard post or page.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>Edit the post or page where you want the display.<\/li>\n\n\n<li>Cliquez sur le bouton <strong>+<\/strong> button to add a new block.<\/li>\n\n\n<li>Rechercher <strong>Pretty Links Affichage du produit<\/strong>.<\/li>\n\n\n<li>Insert the block.<\/li>\n\n\n<li>In the block sidebar, choose:\n\n<ul class=\"wp-block-list\">\n<li><strong>Type<\/strong> \u2014 Group or Product<\/li>\n<li><strong>Selection<\/strong> \u2014 Pick from a dropdown of your existing groups or products<\/li>\n<\/ul>\n<\/li>\n\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">The block renders a live preview right in the editor, so you can see exactly how the display will look before publishing.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5f8d3e8b5b7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5f8d3e8b5b7\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"1100\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend.png\" alt=\"Page de d\u00e9monstration \u00ab Product Displays \u00bb avec des fiches produits affich\u00e9es\" class=\"wp-image-18715\" srcset=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend.png 1280w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend-300x258.png 300w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend-1024x880.png 1024w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend-768x660.png 768w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend-50x43.png 50w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\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\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"method-2-the-shortcode\"><a href=\"#method-2-the-shortcode\">Method 2: The Shortcode<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When you can't use a block \u2014 older themes, page builders, custom HTML widgets, sidebars \u2014 use the shortcode.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Insert a group:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;prli-product-display type=\"group\" id=\"42\"&#93;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Insert a single product:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;prli-product-display type=\"product\" id=\"17\"&#93;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Replace the <code>id<\/code> value with the actual ID of the group or product. You can find IDs in the admin: each row in the Groups or Products list shows its ID, and the URL when you're editing also includes the ID.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5f8d3e8b9f7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5f8d3e8b9f7\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"1100\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend.png\" alt=\"Page de d\u00e9monstration \u00ab Product Displays \u00bb avec des fiches produits affich\u00e9es\" class=\"wp-image-18715\" srcset=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend.png 1280w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend-300x258.png 300w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend-1024x880.png 1024w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend-768x660.png 768w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend-50x43.png 50w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\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\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The shortcode works anywhere shortcodes work in WordPress: post content, page content, text widgets, custom fields that are configured to render shortcodes, and most page builders.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"method-3-page-builders\"><a href=\"#method-3-page-builders\">Method 3: Page Builders<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Page builders all handle shortcodes a little differently, but the pattern is the same:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Elementor<\/strong> \u2014 Add a &#8220;Shortcode&#8221; widget and paste the shortcode into it;<\/li>\n<li><strong>Beaver Builder<\/strong> \u2014 Add an &#8220;HTML&#8221; or &#8220;Text Editor&#8221; module and paste the shortcode;<\/li>\n<li><strong>Divi<\/strong> \u2014 Add a &#8220;Code&#8221; module or &#8220;Text&#8221; module and paste the shortcode;<\/li>\n<li><strong>Bricks<\/strong> \u2014 Add a shortcode element and paste in the shortcode.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Once inserted, the page builder renders the display the same as a normal block. Changes to the underlying group still flow through automatically.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5f8d3e8bda0&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5f8d3e8bda0\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"1100\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend.png\" alt=\"Page de d\u00e9monstration \u00ab Product Displays \u00bb avec des fiches produits affich\u00e9es\" class=\"wp-image-18715\" srcset=\"https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend.png 1280w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend-300x258.png 300w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend-1024x880.png 1024w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend-768x660.png 768w, https:\/\/prettylinks.com\/wp-content\/uploads\/2026\/07\/pd-frontend-50x43.png 50w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\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\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"method-4-link-in-bio-cards-template\"><a href=\"#method-4-link-in-bio-cards-template\">Method 4: Link in Bio Cards Template<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you have both Product Displays and Link in Bio (Marketer plan unlocks Link in Bio; Super Affiliate plan unlocks Product Displays), the Cards template on a bio page integrates directly with Product Displays groups.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When you build a bio page using the Cards template, you can pick a product group as the source. The bio page automatically renders the group's products as the card grid \u2014 using the same theme and layout you set in the group, just sized to fit the bio page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This combination is worth using: build a &#8220;tools I recommend&#8221; group once, then use it on a blog post, a resources page, and your bio page. Update the group, all three update.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"updating-displays-after-insertion\"><a href=\"#updating-displays-after-insertion\">Updating Displays After Insertion<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You don't need to re-insert a display after editing the underlying group or product. Because the block and shortcode reference the group\/product by ID, any changes you make in the admin \u2014 adding a product, changing a price, swapping the theme \u2014 flow through to every post showing that group automatically.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This means you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Update a price once and watch every roundup post update;<\/li>\n<li>Add a new product to a group and have it appear instantly across the site;<\/li>\n<li>Swap the theme to test a new visual style site-wide.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tips-for-placement\"><a href=\"#tips-for-placement\">Tips for Placement<\/a><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Above the fold matters.<\/strong> Visitors are most likely to scroll past content they haven't engaged with yet. If the display is the point of the post, put it (or a teaser of it) high up;<\/li>\n<li><strong>One display per post is usually enough.<\/strong> Multiple displays compete for attention. If you must have several, separate them with strong written sections so each gets its own visual breathing room;<\/li>\n<li><strong>Match the layout to the content width.<\/strong> Grid layouts need wide content areas to look good. If your theme has narrow content, lists usually read better than grids;<\/li>\n<li><strong>Tester sur mobile.<\/strong> Most affiliate traffic is mobile. Open the post on your phone and confirm the cards look good and the buttons are easy to tap.<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Available on the Super Affiliate plan. Once you&#8217;ve built a product or a group, you can drop it into any post, page, sidebar, or page builder layout. Three ways to insert: the Gutenberg block, the shortcode, and via Link in Bio&#8217;s Cards template. This guide is part of the Pretty Links Product Displays, the entry&hellip;<\/p>","protected":false},"author":34280,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[719],"ht-kb-tag":[],"class_list":["post-18716","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-product-displays"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/ht-kb\/18716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/users\/34280"}],"replies":[{"embeddable":true,"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/comments?post=18716"}],"version-history":[{"count":1,"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/ht-kb\/18716\/revisions"}],"predecessor-version":[{"id":18927,"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/ht-kb\/18716\/revisions\/18927"}],"wp:attachment":[{"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/media?parent=18716"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/ht-kb-category?post=18716"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/prettylinks.com\/fr\/wp-json\/wp\/v2\/ht-kb-tag?post=18716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}