<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Archives des PrestaShop - st9ph.fr</title>
	<atom:link href="https://st9ph.fr/category/creation-de-sites/prestashop/feed/" rel="self" type="application/rss+xml" />
	<link>https://st9ph.fr/category/creation-de-sites/prestashop/</link>
	<description>la boite à outils numériques</description>
	<lastBuildDate>Mon, 13 Apr 2026 07:29:08 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://st9ph.fr/wp-content/uploads/2026/02/cropped-ico-fav-32x32.png</url>
	<title>Archives des PrestaShop - st9ph.fr</title>
	<link>https://st9ph.fr/category/creation-de-sites/prestashop/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">199087513</site>	<item>
		<title>Prestashop &#124; OP Com dans la Eshop</title>
		<link>https://st9ph.fr/prestashop-op-com-dans-la-eshop/</link>
					<comments>https://st9ph.fr/prestashop-op-com-dans-la-eshop/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Tue, 17 Feb 2026 17:27:24 +0000</pubDate>
				<category><![CDATA[PrestaShop]]></category>
		<category><![CDATA[🛠️ création de sites]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[opérations commerciales prestashop]]></category>
		<category><![CDATA[pack produit prestashop]]></category>
		<category><![CDATA[réduction déclinaison prestashop]]></category>
		<category><![CDATA[réduction marque prestashop]]></category>
		<category><![CDATA[réduction produit prestashop]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=34861</guid>

					<description><![CDATA[<p>PrestaShop &#124; 💥OP Com dans la Eshop ➡️ Que ce soit pour &#8230; &#8230; il faudra créer des évènements dans votre boutique en ligne avec des Call To actions qui pousseront à la commande 🛒. En complément de cet article (plus global) : Part d&#8217;IA /5 dans cet article voyez le menu flottant (à droite) ... <a title="Prestashop &#124; OP Com dans la Eshop" class="read-more" href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" aria-label="En savoir plus sur Prestashop &#124; OP Com dans la Eshop">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/">Prestashop | OP Com dans la Eshop</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">


<p class="has-medium-font-size"><strong>PrestaShop</strong></p>



<p class="has-accent-color has-text-color has-link-color has-x-large-font-size wp-elements-9024c7da84bf9d975ea2c3f458c234da"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-contrast-color">|</mark> 💥OP Com dans la Eshop</p>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p class="has-text-align-right has-medium-font-size">➡️ Que ce soit pour &#8230;</p>



<ul class="wp-block-list has-medium-font-size">
<li>vider les stocks 📦,</li>



<li> mettre en avant certains produits 🎈,</li>



<li> attirer de nouveaux prospects🪝 </li>



<li>ou ramener vos clients dormants 😴, </li>
</ul>



<p class="has-text-align-right has-medium-font-size">&#8230; il faudra créer des évènements dans votre boutique en ligne avec des Call To actions qui pousseront à la commande 🛒.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p><strong>En complément de cet article</strong> (plus global) :</p>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-70d172dc     uagb-post__items uagb-post__columns-1 is-grid uagb-post__columns-tablet-2 uagb-post__columns-mobile-1 uagb-post__equal-height" data-total="1" style="">

												<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img fetchpriority="high" decoding="async" width="724" height="186" src="https://st9ph.fr/wp-content/uploads/2026/01/image-23.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-23.png 724w, https://st9ph.fr/wp-content/uploads/2026/01/image-23-300x77.png 300w" sizes="(max-width: 724px) 100vw, 724px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/" target="_self" rel="bookmark noopener noreferrer">🛒E-Commerce | Opérations commerciales en digital</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-04T18:45:48+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					4 janvier 2026				</time>
						</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/" target="_self" rel="bookmark noopener noreferrer">Voir</a>
			</div>
			
									</article>
											</div>
			</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img decoding="async" width="233" height="211" src="https://st9ph.fr/wp-content/uploads/2025/12/IA.png" alt="" class="wp-image-31733" style="width:79px;height:auto"/></figure>
</div>


<p class="has-small-font-size">Part d&#8217;IA /5 dans cet article</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<div class="wp-block-columns has-base-2-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-3f6c374a-959b-4682-93ac-9818c952cacc">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-0"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-3f6c374a-959b-4682-93ac-9818c952cacc-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">♨️ Sources</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-2244d65d-8865-47c6-bd28-4ed5ebba335e">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-1"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-2"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-3"><rect height="150" width="75" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-2244d65d-8865-47c6-bd28-4ed5ebba335e-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">🖼️ Images</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-181718a6-76f5-46c5-b8e1-f1b33d7efc20">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-0"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-181718a6-76f5-46c5-b8e1-f1b33d7efc20-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">✒️Contenu</div>
		</div></div>
</div>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full is-resized"><img decoding="async" width="51" height="53" src="https://st9ph.fr/wp-content/uploads/2025/12/image-153.png" alt="" class="wp-image-33778" style="width:33px;height:auto"/></figure>



<p class="has-small-font-size">v<em>oyez le menu flottant (à droite) pour les sources, un glossaire et la méthodologie </em></p>
</div>
</div>
</div>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">22–33 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">5 162 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-03-30T17:44:47+02:00">30 mars  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-6cd5ced2      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							au menu de cet article : 						</div>
												<div class="uagb-toc__loader"></div>										<div class="uagb-toc__list-wrap uagb-toc__list-hidden">
						<ol class="uagb-toc__list"><li class="uagb-toc__list "><a href="#11-la-ristourne-ou-la-baisse-de-prix" class="uagb-toc-link__trigger">🔹1.1 | la ristourne ou la baisse de prix ?</a><li class="uagb-toc__list "><a href="#12-mettre-en-lot" class="uagb-toc-link__trigger">🔹1.2 | Mettre en lot</a><li class="uagb-toc__list "><a href="#13-mettre-en-pack" class="uagb-toc-link__trigger">🔹1.3 | Mettre en Pack</a><li class="uagb-toc__list "><a href="#pack-mug-et-vase-panda" class="uagb-toc-link__trigger">pack Mug et Vase Panda</a><li class="uagb-toc__list "><a href="#21-promotion-sur-un-rayon-catégorie" class="uagb-toc-link__trigger">🔹2.1 | Promotion sur un rayon (catégorie)</a><li class="uagb-toc__list "><a href="#22-remises-sur-les-déclinaisons-ou-caractéristiques" class="uagb-toc-link__trigger">🔹2.2 | Remises sur les déclinaisons ou caractéristiques</a><li class="uagb-toc__list "><a href="#23-ristourne-sur-une-marque-ciblée" class="uagb-toc-link__trigger">🔹2.3 | Ristourne sur une marque ciblée</a></ol>					</div>
									</div>
				</div>
			


<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong> la ristourne ou la baisse de prix</strong> ?</h3>



<p>👉🏻 Il s&#8217;agit soit :</p>



<ul class="wp-block-list">
<li>Un produit dont <strong>les ventes s&#8217;essoufflent</strong> 🍂(un produit concurrent ou une 🆕 nouvelle version lui vole la vedette 😎)</li>



<li>Un produit récent dont <strong>les ventes ne décollent pas</strong> 🛩️ (&#8220;il n&#8217;a pas rencontre sa cible&#8221;, comme on dit poliment quand on a raté son business plan)</li>



<li>Un produit populaire 💥 mais <strong>qui vous encombre</strong> 📦 (vous avez été gourmand et ne l&#8217;écoulez pas aussi vite que prévu ou il <strong>vous empêche un réassort </strong>de produits qui margent plus, tellement <strong>il encombre vos stocks</strong>)</li>
</ul>



<p>➡️ En tout cas, il faut donner <strong>un petit coup de pouce</strong> à vos clients pour qu&#8217;ils l&#8217;ajoutent au panier 🛒 !</p>



<p class="has-text-align-center has-medium-font-size">🤔 Baisser ses prix ou mettre en promo ?</p>



<ul class="wp-block-list">
<li>Une <strong>promo</strong> est ✅ <strong>plus visible</strong> mais elle doit rester ❌<strong>ponctuelle</strong></li>



<li>Une <strong>baisse de prix</strong> passera ❌ <strong>inaperçue</strong> pour une partie de vos clients mais elle vous rendra ✅<strong>plus concurrentielle</strong> dans les comparateurs de prix en ligne</li>
</ul>



<figure class="wp-block-video"><video height="294" style="aspect-ratio: 700 / 294;" width="700" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/02/carrousel-produits-comparateur.mp4" playsinline></video></figure>



<!-- ===== BLOQ QCM COMPLET AVEC SCORE LOCAL ===== -->
<div class="bloc-qcm">
<p class="qcm-question">🤔 <strong>Question :</strong> J&#8217;ai le droit de baisser mes prix, comme ça, du jour au lendemain ?</p>
<ul class="qcm-options">
<li data-correct="false" data-feedback="❌ Heureusement que si ! Vous imaginez les pompistes, par exemple, avec les cours du pétrole qui varient sans arrêt ?">Ah non ! Une fois fixé, le prix ne bouge plus,, il faut passer par une promo.</li>
<li data-correct="true" data-feedback="✅ Oui, à condition de ne pas vendre à perte (et même là, il y'a des exceptions)">Ben oui ! Je fais ce que je veux !</li>
<li data-correct="false" data-feedback="❌ Ah ? C'est vraiment dommage si on ne peut pas baisser ses prix durant les soldes vu que c'est un peu fait pour cela à la base.">Oui, sauf pendant les soldes.</li>
</ul>
<p class="qcm-feedback"></p>
<p class="qcm-local-score"></p>
</div>
<style>
.bloc-qcm {
border-left: 4px solid #1e73be;
background: #f5f9ff;
padding: 16px 18px;
margin: 24px 0;
border-radius: 4px;
font-size: 15px;
}
.qcm-options {
list-style: none;
padding: 0;
margin: 12px 0;
}
.qcm-options li {
position: relative;
padding: 10px 12px 10px 42px;
margin-bottom: 8px;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
cursor: pointer;
transition: background 0.2s;
}
.qcm-options li::before {
content: attr(data-letter);
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-weight: bold;
color: #1e73be;
}
.qcm-options li:hover {
background: #eef3ff;
}
.qcm-options li.correct {
background: #e6f4ea;
border-color: #188038;
}
.qcm-options li.wrong {
background: #fdecec;
border-color: #dc2626;
}
.qcm-feedback {
margin-top: 12px;
font-weight: bold;
}
.qcm-local-score {
margin-top: 6px;
font-weight: bold;
}
</style>
<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
const options = qcm.querySelectorAll('.qcm-options li');
const feedback = qcm.querySelector('.qcm-feedback');
const localScore = qcm.querySelector('.qcm-local-score');
let answered = false;
options.forEach((option, index) => {
option.dataset.letter = String.fromCharCode(65 + index);
});
options.forEach(option => {
option.addEventListener('click', () => {
if (answered) return;
answered = true;
options.forEach(o => o.classList.remove('correct', 'wrong'));
if (option.dataset.correct === "true") {
option.classList.add('correct');
} else {
option.classList.add('wrong');
}
feedback.textContent = option.dataset.feedback;
let point = option.dataset.correct === "true" ? 1 : 0;
localScore.textContent = "Tu marques " + point + " point";
});
});
});
</script>



<div class="bloc-rappel">
🖥️ A l&#8217;épreuve E5B, on vous demandera seulement <strong> une promo </strong>, si on vous demande une opération commerciale sur un produit (ça tombe souvent).</div>

<style>
.bloc-rappel {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-c4722e0f-4605-4962-8bd2-09f6c1d2513b">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-8f768acd-f9f3-4133-8e2f-80a6c70286e1">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Catalogue &gt; Produit &gt; votre produit &gt; <strong>onglet prix </strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-37a4d208-9880-4ad6-b0fa-2fd89738ab24">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ <strong>Ajouter un prix spécifique </strong>+</span>
			</div>
			
		</li>
</ul>


<p>👉🏻 Vous pouvez définir :</p>



<ul class="wp-block-list">
<li>un <strong>groupe précis</strong> (réserver à ceux qui ont un compte client ou au VIP si vous les avez créés)</li>



<li>Une ristourne <strong>en % ou en numéraire </strong>(l&#8217;effet sera plus fort en % pour un petit montant)</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="376" height="86" src="https://st9ph.fr/wp-content/uploads/2026/02/image-95.png" alt="" class="wp-image-34869" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-95.png 376w, https://st9ph.fr/wp-content/uploads/2026/02/image-95-300x69.png 300w" sizes="auto, (max-width: 376px) 100vw, 376px" /></figure>



<div class="bloc-attention">
  ⚠️ N&#8217;oubliez pas d&#8217;indiquer <strong>une date de fin. </strong> C&#8217;est obligatoire.
</div>

<style>
.bloc-attention {
  border-left: 4px solid #dc2626;
  background: #fff1f1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:280px">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/image-96.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<ul class="wp-block-list">
<li>Cette magnifique peluche Panda est <strong>marquée d&#8217;une étiquette</strong> -10%</li>



<li>Son <strong>prix remisé</strong> s&#8217;affiche à côté de son <strong>prix initial barré</strong> (mais c&#8217;est <img loading="lazy" decoding="async" width="27" height="12" class="wp-image-33220" style="width: 27px;" src="https://st9ph.fr/wp-content/uploads/2025/01/marianne.jpg" alt=""> la loi)</li>



<li>👇🏻 Vous pouvez aussi ajouter <strong>l&#8217;étiquette &#8220;Promo&#8221;</strong> en plus (dans le même onglet)</li>
</ul>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="345" height="30" src="https://st9ph.fr/wp-content/uploads/2026/02/image-98.png" alt="" class="wp-image-34872" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-98.png 345w, https://st9ph.fr/wp-content/uploads/2026/02/image-98-300x26.png 300w" sizes="auto, (max-width: 345px) 100vw, 345px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="319" height="44" src="https://st9ph.fr/wp-content/uploads/2026/02/image-99.png" alt="" class="wp-image-34873" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-99.png 319w, https://st9ph.fr/wp-content/uploads/2026/02/image-99-300x41.png 300w" sizes="auto, (max-width: 319px) 100vw, 319px" /></figure>
</div>
</div>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> Mettre en lot</h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="590" height="306" src="https://st9ph.fr/wp-content/uploads/2026/02/image-100.png" alt="" class="wp-image-34875" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-100.png 590w, https://st9ph.fr/wp-content/uploads/2026/02/image-100-300x156.png 300w" sizes="auto, (max-width: 590px) 100vw, 590px" /></figure>



<p>🌐 <a href="https://www.mydestockage.com/blog/boost/vente-en-gros-alimentaire-particulier-la-revolution-de-la-consommation-des-menages/" target="_blank" rel="noreferrer noopener">Un lien</a> pour vous faire votre propre opinion.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>👉🏻 C&#8217;est le principe de faire une bonne affaire <strong>au volume d&#8217;achat.</strong> L&#8217;opportunité plus que le coup de cœur.</p>



<p class="has-background" style="background-color:#dfe8f1">🤔 Il n&#8217;est pas certain que ©Cora soit <strong>le pionner de la vente &#8220;en gros&#8221; pour les particuliers </strong>comme il l&#8217;affirme sur l&#8217;affiche ci-contre (J&#8217;aurais dit Metro) mais ce qui est sur, c&#8217;est que <strong>c&#8217;est relativement récent.</strong> Quand on sait que les GSA n&#8217;ont que 60 ans, 1985, c&#8217;est crédible &#8230;</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>👉🏻 C&#8217;est <strong>au même endroit </strong>que cela se passe !</p>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-7cbf8825-0d31-4073-af61-4f1335175674">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-5a6dc3b7-5801-4ef0-9e76-5a21fb771a33">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Catalogue &gt; Produit &gt; votre produit &gt; <strong>onglet prix </strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-71684163-7a49-45f3-a847-af920c3b2855">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Nombre minimal d&#8217;unités achetées</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 576 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-4d0c1d9e-875c-441f-bb13-3aca7dff8e96">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path fill="#000000" d="M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z"></path></svg>
				</span>
				<span class="ub_list_item_text">Saisir la quantité du lot</span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="237" height="74" src="https://st9ph.fr/wp-content/uploads/2026/02/image-101.png" alt="" class="wp-image-34877"/></figure>



<div class="bloc-a-retenir">
 ⚠️ Ca marche par <strong>palliers</strong> donc, si c&#8217;est graduel, penser à créer une règle par pallier de quantité.
</div>

<style>
.bloc-a-retenir {
  border-left: 4px solid #d97706;
  background: #fff8e1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="448" height="387" src="https://st9ph.fr/wp-content/uploads/2026/02/image-102.png" alt="" class="wp-image-34878" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-102.png 448w, https://st9ph.fr/wp-content/uploads/2026/02/image-102-300x259.png 300w" sizes="auto, (max-width: 448px) 100vw, 448px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- ===== BLOQ QCM COMPLET AVEC SCORE LOCAL ===== -->
<div class="bloc-qcm">
<p class="qcm-question">🤔 <strong>Question :</strong> &#8216;1 produit acheté, 1 produit offert&#8217;, c&#8217;est légal ?</p>
<ul class="qcm-options">
<li data-correct="false" data-feedback="❌ Non,  c'est possible sauf dans l'alimentaire (en GSA) où c'est  limité à 33 % (2 achetés, 1 offert, ça passe)">Oui, c&#8217;est une autre façon de faire un rabais de 50 %</li>
<li data-correct="true" data-feedback="✅ oui, 2 achetés, 1 offert, ça passe">Oui, sauf dans l&#8217;alimentaire où un rabais ne peut pas dépasser 33 %</li>
<li data-correct="false" data-feedback="❌ Non, c'est possible mais limité à 33 % dans l'alimentaire">C&#8217;est interdit : la notion de &#8220;cadeau&#8221; est incompatible avec un achat</li>
</ul>
<p class="qcm-feedback"></p>
<p class="qcm-local-score"></p>
</div>
<style>
.bloc-qcm {
border-left: 4px solid #1e73be;
background: #f5f9ff;
padding: 16px 18px;
margin: 24px 0;
border-radius: 4px;
font-size: 15px;
}
.qcm-options {
list-style: none;
padding: 0;
margin: 12px 0;
}
.qcm-options li {
position: relative;
padding: 10px 12px 10px 42px;
margin-bottom: 8px;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
cursor: pointer;
transition: background 0.2s;
}
.qcm-options li::before {
content: attr(data-letter);
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-weight: bold;
color: #1e73be;
}
.qcm-options li:hover {
background: #eef3ff;
}
.qcm-options li.correct {
background: #e6f4ea;
border-color: #188038;
}
.qcm-options li.wrong {
background: #fdecec;
border-color: #dc2626;
}
.qcm-feedback {
margin-top: 12px;
font-weight: bold;
}
.qcm-local-score {
margin-top: 6px;
font-weight: bold;
}
</style>
<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
const options = qcm.querySelectorAll('.qcm-options li');
const feedback = qcm.querySelector('.qcm-feedback');
const localScore = qcm.querySelector('.qcm-local-score');
let answered = false;
options.forEach((option, index) => {
option.dataset.letter = String.fromCharCode(65 + index);
});
options.forEach(option => {
option.addEventListener('click', () => {
if (answered) return;
answered = true;
options.forEach(o => o.classList.remove('correct', 'wrong'));
if (option.dataset.correct === "true") {
option.classList.add('correct');
} else {
option.classList.add('wrong');
}
feedback.textContent = option.dataset.feedback;
let point = option.dataset.correct === "true" ? 1 : 0;
localScore.textContent = "Tu marques " + point + " point";
});
});
});
</script>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="457" height="396" src="https://st9ph.fr/wp-content/uploads/2026/02/image-108.png" alt="" class="wp-image-34887" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-108.png 457w, https://st9ph.fr/wp-content/uploads/2026/02/image-108-300x260.png 300w" sizes="auto, (max-width: 457px) 100vw, 457px" /></figure>
</div>
</div>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.3 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> Mettre en Pack</h3>



<p>➡️<strong> Associer un produit </strong>qui marche moyennement <strong>avec un qui marche bien</strong> peut être une très bonne idée. Le regard du consommateur changera s&#8217;il le voit <strong>comme un bonus </strong>et plus comme <strong>un produit à part entière</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ul class="wp-block-list">
<li>Il faudra<strong> créer un nouveau produit</strong> et choisir &#8220;<strong><em>pack de produits</em></strong>&#8221; 👇🏻</li>
</ul>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="373" height="196" src="https://st9ph.fr/wp-content/uploads/2026/02/image-104.png" alt="" class="wp-image-34880" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-104.png 373w, https://st9ph.fr/wp-content/uploads/2026/02/image-104-300x158.png 300w" sizes="auto, (max-width: 373px) 100vw, 373px" /></figure>
</div>


<ul class="wp-block-list">
<li>Il faudra aussi prévoir<strong> au moins un visuel des </strong>deux (ou plus) <strong>produits ensemble </strong>et la mettre comme<strong> image de couverture</strong></li>



<li><strong>Décrivez</strong> votre pack <strong>comme un produit normal</strong></li>
</ul>



<div class="bloc-a-retenir">
 ⚠️ Faites attention dans le descriptif à bien reporter les informations techniques ou obligatoires <strong>de tous les produits</strong>
</div>

<style>
.bloc-a-retenir {
  border-left: 4px solid #d97706;
  background: #fff8e1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/image-103.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/image-105.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-2abef99f-3fa8-428a-9dd9-4e671d67ae5d">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-90104938-e955-4359-975f-2849cd7ed770">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Onglet Pack</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 576 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-fed2010b-079a-420c-855f-3dc354eb278d">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path fill="#000000" d="M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z"></path></svg>
				</span>
				<span class="ub_list_item_text">tapez <strong>les 1eres lettres du produit</strong> à mettre dans le pack pour qu&#8217;il apparaisse dans la liste</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-bd924afa-5207-485a-a5f9-99510a867535">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cliquer dessus <strong>pour l&#8217;ajouter</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-42fe8688-2053-42bc-b943-f34305d5b938">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Répéter l&#8217;opération </strong>avec les autres produits</span>
			</div>
			
		</li>
</ul>


<div class="bloc-a-retenir">
 ⚠️ Attention si le produit <strong>comporte plusieurs déclinaisons </strong> à choisir la bonne.
</div>

<style>
.bloc-a-retenir {
  border-left: 4px solid #d97706;
  background: #fff8e1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/image-106.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/image-107.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>➡️ Pensez à définir <strong>un prix plus avantageux</strong> que pour l&#8217;achat des produits achetés indépendamment sinon, ça ne sert à rien, d&#8217;autant que <strong>le récap en détail produit </strong>montre au client<strong>les prix initiaux et l&#8217;économie générée</strong>.</p>



<!-- ===== BLOQ QCM COMPLET AVEC SCORE LOCAL ===== -->
<div class="bloc-qcm">
<p class="qcm-question">🤔 <strong>Question :</strong> Si je mélange deux produits avec une TVA différente dans un pack, quelle TVA appliquer ?</p>
<ul class="qcm-options">
<li data-correct="false" data-feedback="Ce n'est pas totalement faux dans le cas où le produit dont la TVA est la plus forte est considéré comme étant central dans le pack (les autres n'étant que des accessoires) mais ce n'est vraiment pas la règle générale.">La TVA la plus forte l&#8217;emporte et tous les produits du pack l&#8217;adoptent.</li>
<li data-correct="true" data-feedback="Oui, sauf rares exceptions">Il faut &#8220;ventiler&#8221;, c&#8217;est à dire que chaque produit garde sa TVA originelle.</li>
<li data-correct="false" data-feedback="Non, sauf de très rares exceptions comme des chocolats qui contiennent de la liqueur ou les babas au rhum en boulangerie qui restent à 5,5 % contrairement aux autres produits alcoolisés.">La TVA la plus faible l&#8217;emporte.</li>
</ul>
<p class="qcm-feedback"></p>
<p class="qcm-local-score"></p>
</div>
<style>
.bloc-qcm {
border-left: 4px solid #1e73be;
background: #f5f9ff;
padding: 16px 18px;
margin: 24px 0;
border-radius: 4px;
font-size: 15px;
}
.qcm-options {
list-style: none;
padding: 0;
margin: 12px 0;
}
.qcm-options li {
position: relative;
padding: 10px 12px 10px 42px;
margin-bottom: 8px;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
cursor: pointer;
transition: background 0.2s;
}
.qcm-options li::before {
content: attr(data-letter);
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-weight: bold;
color: #1e73be;
}
.qcm-options li:hover {
background: #eef3ff;
}
.qcm-options li.correct {
background: #e6f4ea;
border-color: #188038;
}
.qcm-options li.wrong {
background: #fdecec;
border-color: #dc2626;
}
.qcm-feedback {
margin-top: 12px;
font-weight: bold;
}
.qcm-local-score {
margin-top: 6px;
font-weight: bold;
}
</style>
<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
const options = qcm.querySelectorAll('.qcm-options li');
const feedback = qcm.querySelector('.qcm-feedback');
const localScore = qcm.querySelector('.qcm-local-score');
let answered = false;
options.forEach((option, index) => {
option.dataset.letter = String.fromCharCode(65 + index);
});
options.forEach(option => {
option.addEventListener('click', () => {
if (answered) return;
answered = true;
options.forEach(o => o.classList.remove('correct', 'wrong'));
if (option.dataset.correct === "true") {
option.classList.add('correct');
} else {
option.classList.add('wrong');
}
feedback.textContent = option.dataset.feedback;
let point = option.dataset.correct === "true" ? 1 : 0;
localScore.textContent = "Tu marques " + point + " point";
});
});
});
</script>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<style>
.ps-product-card { background: #fff; border: 1px solid #e7e7e7; border-radius: 4px; width: 100%; max-width: 300px; margin: 20px auto; font-family: 'Segoe UI', sans-serif; transition: box-shadow 0.3s ease; position: relative; overflow: hidden; text-decoration: none; color: inherit; display: block; }
.ps-product-card:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.ps-product-image-wrapper { position: relative; width: 100%; padding-top: 100%; overflow: hidden; background: #f5f5f5; }
.ps-product-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.ps-product-card:hover .ps-product-image { transform: scale(1.05); }
.ps-wishlist-icon { position: absolute; top: 10px; right: 10px; background: rgba(255, 255, 255, 0.8); width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; z-index: 2; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.ps-wishlist-icon svg { width: 20px; height: 20px; fill: #7a7a7a; transition: fill 0.2s; }
.ps-wishlist-icon:hover { background: #fff; transform: scale(1.1); }
.ps-wishlist-icon:hover svg { fill: #ff4848; }
.ps-product-rating { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 2px; z-index: 2; background: rgba(0,0,0,0.4); padding: 4px 8px; border-radius: 20px; }
.ps-star { color: #ffd700; font-size: 14px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.ps-product-content { padding: 15px; text-align: center; background: #fff; }
.ps-product-name { font-size: 15px; color: #333; margin: 0 0 10px 0; font-weight: 500; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 42px; }
.ps-product-price { font-size: 18px; font-weight: 700; color: #25B9D7; margin: 0 0 15px 0; }
.ps-product-btn { background-color: #25B9D7; color: #fff; border: none; padding: 10px 15px; border-radius: 4px; font-size: 13px; font-weight: 600; text-transform: uppercase; cursor: pointer; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; transition: background 0.2s; text-decoration: none; box-sizing: border-box; }
.ps-product-btn:hover { background-color: #1fa3c0; color: #fff; }
.ps-product-btn svg { width: 16px; height: 16px; fill: currentColor; }
@media (max-width: 768px) { .ps-product-card { max-width: 100%; } }
</style>
<!-- DÉBUT VIGNETTE PRODUIT -->
<a href="https://boutiq.st9ph.fr/25-pack-mug-et-vase-panda.html" target="_blank" class="ps-product-card">
<div class="ps-product-image-wrapper">
<img decoding="async" src="https://boutiq.st9ph.fr/46-product_main/pack-mug-et-vase-panda.jpg" alt="pack Mug et Vase Panda" class="ps-product-image">
<div class="ps-wishlist-icon" title="Ajouter aux favoris" onclick="event.preventDefault(); event.stopPropagation(); alert('Fonctionnalité liste d\'envie à connecter.');">
<svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
</div>
<div class="ps-product-rating">
<span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span>
</div>
</div>
<div class="ps-product-content">
<h3 class="ps-product-name">pack Mug et Vase Panda</h3>
<div class="ps-product-price">24,95 €</div>
<div class="ps-product-btn">
Voir dans la boutique
<svg viewBox="0 0 24 24"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></svg>
</div>
</div>
</a>
<!-- FIN VIGNETTE PRODUIT -->
</div>
</div>



<style>
.chapter-title {
  display: flex;
  align-items: stretch;
  margin: 1.7rem 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.chapter-number {
  background: #1e73be;
  color: #fff;
  font-weight: 700;
  font-size: 2.8rem;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chapter-content {
  padding: 1.3rem 1.5rem;
  width: 100%;
}

/* Ligne titre + logo */
.chapter-heading {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.6rem;
}

/* Logo carré */
.chapter-logo {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
}

.chapter-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* H2 */
.chapter-content h2 {
  margin: 0;
  font-size: 2.1rem;
  font-weight: 700;
  color: #1e73be; /* personnalisable */
}

/* Puces */
.chapter-points {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.chapter-points li {
  margin-bottom: 0.35rem;
  color: #444;
  font-size: 0.95rem;
  line-height: 1.45;
}

.chapter-points li::before {
  content: "🔹 ";
}
</style>

<div class="chapter-title">
  <div class="chapter-number">2</div>

  <div class="chapter-content">
    <div class="chapter-heading">
      <a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
        <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo St9ph">
      </a>

      <h2>opérations sur un ensemble de produits</h2>
    </div>

    <ul class="chapter-points">
      <li>Promo sur un rayon</li>
      <li>Remise sur tous les produits d&#8217;une couleur, d&#8217;une taille ou autre</li>
      <li>Ristourne sur une marque de produits</li>
    </ul>
  </div>
</div>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> Promotion sur un rayon (catégorie)</h3>



<p>👉🏻 On fait souvent cela dans <strong>le prêt-à-porter</strong> quand une <strong>nouvelle collection </strong>est attendue et qu&#8217;il faut faire de la place ou <strong>chez les déstockeurs </strong>qui viennent d&#8217;emporter <strong>un lot inattendu</strong> chez leur fournisseur alors que leur arrière-boutique est déjà pleine à craquer :<strong> la promo sur tout un rayon !</strong></p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="571" height="139" src="https://st9ph.fr/wp-content/uploads/2026/02/image-109.png" alt="" class="wp-image-34888" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-109.png 571w, https://st9ph.fr/wp-content/uploads/2026/02/image-109-300x73.png 300w" sizes="auto, (max-width: 571px) 100vw, 571px" /></figure>
</div>


<p class="has-text-align-center has-medium-font-size">Alors ? <mark style="background-color:rgba(0, 0, 0, 0);color:#875023" class="has-inline-color">Dans Presta&#8217;, on ne sait jamais</mark> : une règle de panier ou de catalogue ?</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="570" height="173" src="https://st9ph.fr/wp-content/uploads/2026/02/image-110.png" alt="" class="wp-image-34889" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-110.png 570w, https://st9ph.fr/wp-content/uploads/2026/02/image-110-300x91.png 300w" sizes="auto, (max-width: 570px) 100vw, 570px" /></figure>
</div>


<p>La différence réside dans la manière d&#8217;obtenir l&#8217;avantage :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ul class="wp-block-list">
<li>🧺 Une règle de panier <strong>génère un coupon de réduction </strong>qu&#8217;il faut donner<strong> dans le tunnel d&#8217;achat</strong> pour l&#8217;obtenir 👉🏻</li>
</ul>



<div class="bloc-astuce">
 ✅ Idéal pour susciter la sensation d&#8217;un <strong> avantage exclusif </strong> qui récompense la fidélité. C&#8217;est également  un outil idéal pour <strong>les gestes co, les récompenses, les CTA de mails de relance &#8230; </strong>
</div>

<style>
.bloc-astuce {
  border-left: 4px solid #188038;
  background: #eefaf1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="393" height="192" src="https://st9ph.fr/wp-content/uploads/2026/02/image-111.png" alt="" class="wp-image-34891" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-111.png 393w, https://st9ph.fr/wp-content/uploads/2026/02/image-111-300x147.png 300w" sizes="auto, (max-width: 393px) 100vw, 393px" /></figure>
</div>
</div>



<ul class="wp-block-list">
<li>Une règle de catalogue est <strong>transparente,</strong> idéale <strong>pour les avantages permanents</strong> ou pour les groupes spéciaux (VIP)</li>
</ul>



<!-- ===== BLOQ QCM COMPLET AVEC SCORE LOCAL ===== -->
<div class="bloc-qcm">
<p class="qcm-question">🤔 <strong>Question :</strong> La livraison gratuite à partir de 50 € d&#8217;achats, c&#8217;est &#8230;.</p>
<ul class="qcm-options">
<li data-correct="false" data-feedback="❌ Il faudra saisir le coupon à chaque fois, alors ? Cela fera des litiges, certains oubliant de le saisir (même si vous le mettez en avant) diront que vous le faites exprès pour qu'on passe à côté.">Un règle de panier</li>
<li data-correct="true" data-feedback="✅ Oui, sinon vous obligez à saisir un coupon chaque fois et cela fera des litiges, certains oubliant de le saisir (même si vous le mettez en avant) diront que vous le faites exprès pour qu'on passe à côté.">une règle de prix catalogue</li>
<li data-correct="false" data-feedback="❌ Pas faux, mais, il faut bien le définir tout de même en règle de prix">ni l&#8217;un ni l&#8217;autre comme c&#8217;est un avantage permanent (réassurance)</li>
</ul>
<p class="qcm-feedback"></p>
<p class="qcm-local-score"></p>
</div>
<style>
.bloc-qcm {
border-left: 4px solid #1e73be;
background: #f5f9ff;
padding: 16px 18px;
margin: 24px 0;
border-radius: 4px;
font-size: 15px;
}
.qcm-options {
list-style: none;
padding: 0;
margin: 12px 0;
}
.qcm-options li {
position: relative;
padding: 10px 12px 10px 42px;
margin-bottom: 8px;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
cursor: pointer;
transition: background 0.2s;
}
.qcm-options li::before {
content: attr(data-letter);
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-weight: bold;
color: #1e73be;
}
.qcm-options li:hover {
background: #eef3ff;
}
.qcm-options li.correct {
background: #e6f4ea;
border-color: #188038;
}
.qcm-options li.wrong {
background: #fdecec;
border-color: #dc2626;
}
.qcm-feedback {
margin-top: 12px;
font-weight: bold;
}
.qcm-local-score {
margin-top: 6px;
font-weight: bold;
}
</style>
<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
const options = qcm.querySelectorAll('.qcm-options li');
const feedback = qcm.querySelector('.qcm-feedback');
const localScore = qcm.querySelector('.qcm-local-score');
let answered = false;
options.forEach((option, index) => {
option.dataset.letter = String.fromCharCode(65 + index);
});
options.forEach(option => {
option.addEventListener('click', () => {
if (answered) return;
answered = true;
options.forEach(o => o.classList.remove('correct', 'wrong'));
if (option.dataset.correct === "true") {
option.classList.add('correct');
} else {
option.classList.add('wrong');
}
feedback.textContent = option.dataset.feedback;
let point = option.dataset.correct === "true" ? 1 : 0;
localScore.textContent = "Tu marques " + point + " point";
});
});
});
</script>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-38a43bf1-181e-41b9-bf84-d9bb938fcd4d">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-0b791107-1827-428b-ada0-73381a8b35b5">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">(onglet) <strong>conditions</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-3115e972-a6ef-4360-a4c3-23b219ef028d">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Sélection de produit</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-657140ae-1eae-4825-8106-4ed199550f81">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Choisir &#8220;<strong>Catégories</strong>&#8220;</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-1e67324f-7d94-47a9-8868-38d7dcc67b11">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ <strong>+ Ajouter</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-95fe987d-5a26-4fe1-a152-6048adf5abc3">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ ⇶ <strong>Choisir</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-6465c79b-da41-4ec1-b6c6-17be6c5faed9">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cliquer sur la / les <strong>catégorie(s) à promouvoir </strong>pour qu&#8217;elle(s) passe(nt) dans<strong> la liste &#8220;sélectionnés&#8221;</strong> puis</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-3d9d2215-0424-4f30-be3e-ac1f46e8d9e1">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ ⇜ <strong>Ajouter</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-44cada6c-b5bd-470f-9717-f86eb990e08b">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">cliquer sur<strong> la croix </strong>X</span>
			</div>
			
		</li>
</ul></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/image-112.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="779" height="155" src="https://st9ph.fr/wp-content/uploads/2026/02/image-113.png" alt="" class="wp-image-34893" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-113.png 779w, https://st9ph.fr/wp-content/uploads/2026/02/image-113-300x60.png 300w, https://st9ph.fr/wp-content/uploads/2026/02/image-113-768x153.png 768w" sizes="auto, (max-width: 779px) 100vw, 779px" /><figcaption class="wp-element-caption"><em>Ici, une promo dans tout le rayon femmes</em></figcaption></figure>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 640 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M320 96V416C341.011 416 361.818 411.861 381.23 403.821C400.641 395.78 418.28 383.995 433.138 369.138C447.995 354.28 459.78 336.641 467.821 317.23C475.861 297.818 480 277.011 480 256C480 234.989 475.861 214.182 467.821 194.771C459.78 175.359 447.995 157.72 433.138 142.863C418.28 128.005 400.641 116.22 381.23 108.179C361.818 100.139 341.011 96 320 96ZM0 256L160.002 416L320.003 256L160.002 96L0 256ZM480 256C480 277.011 484.138 297.818 492.179 317.23C500.219 336.643 512.005 354.28 526.862 369.138C541.72 383.995 559.357 395.781 578.77 403.821C598.182 411.862 618.989 416 640 416V96C597.565 96 556.869 112.858 526.862 142.863C496.857 172.869 480 213.565 480 256Z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-dccf51e5-bff5-40cd-8d59-bf9a138e9447">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 640 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M320 96V416C341.011 416 361.818 411.861 381.23 403.821C400.641 395.78 418.28 383.995 433.138 369.138C447.995 354.28 459.78 336.641 467.821 317.23C475.861 297.818 480 277.011 480 256C480 234.989 475.861 214.182 467.821 194.771C459.78 175.359 447.995 157.72 433.138 142.863C418.28 128.005 400.641 116.22 381.23 108.179C361.818 100.139 341.011 96 320 96ZM0 256L160.002 416L320.003 256L160.002 96L0 256ZM480 256C480 277.011 484.138 297.818 492.179 317.23C500.219 336.643 512.005 354.28 526.862 369.138C541.72 383.995 559.357 395.781 578.77 403.821C598.182 411.862 618.989 416 640 416V96C597.565 96 556.869 112.858 526.862 142.863C496.857 172.869 480 213.565 480 256Z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-d041cc9b-5be0-44fa-b959-73568e6a5b39">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512"><path fill="#000000" d="M320 96V416C341.011 416 361.818 411.861 381.23 403.821C400.641 395.78 418.28 383.995 433.138 369.138C447.995 354.28 459.78 336.641 467.821 317.23C475.861 297.818 480 277.011 480 256C480 234.989 475.861 214.182 467.821 194.771C459.78 175.359 447.995 157.72 433.138 142.863C418.28 128.005 400.641 116.22 381.23 108.179C361.818 100.139 341.011 96 320 96ZM0 256L160.002 416L320.003 256L160.002 96L0 256ZM480 256C480 277.011 484.138 297.818 492.179 317.23C500.219 336.643 512.005 354.28 526.862 369.138C541.72 383.995 559.357 395.781 578.77 403.821C598.182 411.862 618.989 416 640 416V96C597.565 96 556.869 112.858 526.862 142.863C496.857 172.869 480 213.565 480 256Z"></path></svg>
				</span>
				<span class="ub_list_item_text">N&#8217;oubliez pas de définir votre promotion dans action</span>
			</div>
			
		</li>
</ul>


<div class="bloc-a-retenir">
  🧮 Il faut bien étudier <strong> votre ROI</strong> en suivant l&#8217;évolution des ventes par rapport à ce que vous avez sacrifié de votre marge pour voir si l&#8217;opération est rentable.
</div>

<style>
.bloc-a-retenir {
  border-left: 4px solid #d97706;
  background: #fff8e1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<p>➡️ N&#8217;oubliez pas non plus de la mettre en avant dans le carrousel ou la bannière 👇🏻 :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="816" height="305" src="https://st9ph.fr/wp-content/uploads/2026/02/image-116.png" alt="" class="wp-image-34898" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-116.png 816w, https://st9ph.fr/wp-content/uploads/2026/02/image-116-300x112.png 300w, https://st9ph.fr/wp-content/uploads/2026/02/image-116-768x287.png 768w" sizes="auto, (max-width: 816px) 100vw, 816px" /></figure>



<div class="bloc-qcm">
  <p class="qcm-question">
    💥 <strong>Alors ?</strong> Le mieux pour cette OP Com de promo sur tout le rayon femme ?
  </p>

  <ul class="qcm-options">
    <li data-correct="true">un coupon réduction en règle de panier ?</li>
    <li data-correct="false">une promo catalogue ?</li>
    <li data-correct="false">Ca n&#8217;a pas d&#8217;importance ?</li>
  </ul>

  <p class="qcm-feedback"></p>
</div>

<style>
.bloc-qcm {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 16px 18px;
  margin: 24px 0;
  border-radius: 4px;
  font-size: 15px;
}

.qcm-options {
  list-style: none;
  padding: 0;
  margin: 12px 0;
}

.qcm-options li {
  padding: 10px 12px;
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}

.qcm-options li:hover {
  background: #eef3ff;
}

.qcm-options li.correct {
  background: #e6f4ea;
  border-color: #188038;
}

.qcm-options li.wrong {
  background: #fdecec;
  border-color: #dc2626;
}

.qcm-feedback {
  margin-top: 12px;
  font-weight: bold;
}
</style>

<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
  const options = qcm.querySelectorAll('.qcm-options li');
  const feedback = qcm.querySelector('.qcm-feedback');

  options.forEach(option => {
    option.addEventListener('click', () => {
      options.forEach(o => o.classList.remove('correct', 'wrong'));

      if (option.dataset.correct === "true") {
        option.classList.add('correct');
        feedback.textContent = "✅ Oui, le coupon va renforcer le sentiment de privilège";
        feedback.style.color = "#188038";
      } else {
        option.classList.add('wrong');
        feedback.textContent = "❌ Ca se discute mais, franchement, le coupon va renforcer l'effet bon plan";
        feedback.style.color = "#dc2626";
      }
    });
  });
});
</script>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> Remises sur les déclinaisons ou caractéristiques</h3>



<p>👉🏻 C&#8217;est souvent à l&#8217;occasion d&#8217;un évènement du 📆 c<strong>alendrier marketing</strong> que vous aurez l&#8217;occasion de <strong>mettre en valeur</strong> votre boutique <strong>sur des critères de déclinaisons.</strong> <mark style="background-color:rgba(0, 0, 0, 0);color:#20771e" class="has-inline-color">Ici, les produits de couleur verte pour la Saint patrice</mark>, <strong>ou de caractéristique</strong> &#8220;made in France&#8221;, &#8220;Artisanat responsable&#8221; &#8230;</p>



<p class="has-background" style="background-color:#dbedd3">🍀 C&#8217;est aussi un formidable vecteur pour obliger vos visiteurs <strong>à &#8220;fouiller&#8221; dans vos rayons</strong> pour dénicher la perle rare (et ainsi, <strong>doper vos temps de sessions</strong>) 📈 et créer de<strong> l&#8217;opportunité</strong>.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="646" src="https://st9ph.fr/wp-content/uploads/2026/02/saint-patrice-1024x646.png" alt="" class="wp-image-34903" srcset="https://st9ph.fr/wp-content/uploads/2026/02/saint-patrice-1024x646.png 1024w, https://st9ph.fr/wp-content/uploads/2026/02/saint-patrice-300x189.png 300w, https://st9ph.fr/wp-content/uploads/2026/02/saint-patrice-768x485.png 768w, https://st9ph.fr/wp-content/uploads/2026/02/saint-patrice-1536x970.png 1536w, https://st9ph.fr/wp-content/uploads/2026/02/saint-patrice-2048x1293.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-da13b055-e06a-4afb-81f7-f967348b14c9">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-456f1aea-0d97-4640-8428-7a2f75eac904">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">(onglet) <strong>conditions</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-e34b95e2-c1b9-4db3-b64f-694127db74fb">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Sélection de produit</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-7dc576dd-64d0-4e12-9fd9-bd4b6350bdee">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Choisir &#8220;<strong>attributs</strong>&#8220;</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-29de8260-3999-4465-8953-7408ee942b7c">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ <strong>+ Ajouter</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-d15f6411-05c1-432c-99cc-af3908f09865">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ ⇶ <strong>Choisir</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-e0f7a0ec-fa0a-4d5c-bf38-34043cf00471">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cliquer sur la / les <strong>déclinaisons </strong>pour qu&#8217;elle(s) passe(nt) dans<strong> la liste &#8220;sélectionnés&#8221;</strong> puis</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-a7b94c45-2628-4f07-b89f-4b03adca5c5b">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ ⇜ <strong>Ajouter</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-570ce755-d4a6-4249-b93a-591d664c364b">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">cliquer sur<strong> la croix </strong>X</span>
			</div>
			
		</li>
</ul></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/image-118.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<div class="bloc-astuce">
  👉🏻 C&#8217;est la même manipulation que pour <strong> les catégories </strong> que nous avons vus dans le sous-chapitre précédent
</div>

<style>
.bloc-astuce {
  border-left: 4px solid #188038;
  background: #eefaf1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>
</div>
</div>



<p>💡 Vous pouvez aussi faire  :</p>



<ul class="wp-block-list">
<li>une semaine 👗&#8221;<em>grandes tailles</em>&#8221; (XL, XXL &#8230;), 👠&#8221;<em>grands pieds</em>&#8221; pointures &gt; 44 &#8230;</li>



<li>un week-end 🚚 &#8220;<em>livraison offerte</em>&#8221; sur vos 🗄️ meubles de gros gabarit (dimensions : hauteurs ou longueurs importantes)</li>



<li>une quinzaine ♻️ &#8220;écolo&#8221; sur les produits ayant la caractéristique &#8220;recyclé&#8221; &#8230;</li>
</ul>



<p class="has-medium-font-size">💥 Soyez imaginatifs !</p>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.3 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> Ristourne sur une marque ciblée</h3>



<p>👉🏻 Mettre en valeur une de vos marques ou l&#8217;un de vos fournisseurs, c&#8217;est aussi un moyen de viser une hausse des ventes suffisamment substantielle pour <strong>renégocier votre contrat</strong> avec lui ! Vous vendez plus ses produits =&gt; il vous les procure moins cher.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="826" height="418" src="https://st9ph.fr/wp-content/uploads/2026/02/image-119.png" alt="" class="wp-image-34909" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-119.png 826w, https://st9ph.fr/wp-content/uploads/2026/02/image-119-300x152.png 300w, https://st9ph.fr/wp-content/uploads/2026/02/image-119-768x389.png 768w" sizes="auto, (max-width: 826px) 100vw, 826px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-09a78981-3e44-4e0d-84bf-bf97d714609f">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-27251c0e-81d3-4d6a-9138-d0e7f631b156">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">(onglet) <strong>conditions</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-e1aaee44-7191-4020-a142-65d271fe941a">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Sélection de produit</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-14f909c4-ab8b-4da8-86a1-653b36d8cdec">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Choisir &#8220;<strong>Marques</strong>&#8220;</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-2831ddc7-8221-47a3-b071-a897c66d8dd8">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ <strong>+ Ajouter</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-3428e6db-d5c2-414d-a277-6a0b634adaf7">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ ⇶ <strong>Choisir</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-b3bd30a6-db54-4b45-b741-f1638918eeb9">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cliquer sur la / les <strong>marque(s) </strong>pour qu&#8217;elle(s) passe(nt) dans<strong> la liste &#8220;sélectionnés&#8221;</strong> puis</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-7a6a8c31-7b7e-4ad2-ac6e-ca4f280c1027">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">⬛ ⇜ <strong>Ajouter</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-a1678151-6249-4c4a-9bc7-676b6f660d7d">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">cliquer sur<strong> la croix </strong>X</span>
			</div>
			
		</li>
</ul></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/image-120.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<div class="bloc-astuce">
  👉🏻 C&#8217;est toujours la même manipulation que pour <strong> les catégories ou les déclinaisons</strong> que nous avons vus dans les deux sous-chapitres précédents
</div>

<style>
.bloc-astuce {
  border-left: 4px solid #188038;
  background: #eefaf1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="316" height="524" src="https://st9ph.fr/wp-content/uploads/2026/02/image-121.png" alt="" class="wp-image-34912" style="width:375px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-121.png 316w, https://st9ph.fr/wp-content/uploads/2026/02/image-121-181x300.png 181w" sizes="auto, (max-width: 316px) 100vw, 316px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>N&#8217;oubliez pas de <strong>notifier les clients</strong> que vous ciblez pour cette OP :</p>



<ul class="wp-block-list">
<li>Ceux qui ont<strong> déjà consulté </strong>👀 ces produits,</li>



<li>ceux qui les ont <strong>ajouté au panier </strong>🛒 <strong>puis abandonnés </strong>(si le frein était le cout ou le moment, il va peut-être tomber)</li>



<li>Ceux qui ont <strong>des produits similaires</strong> dans leur 🖤 <strong>liste d&#8217;envies</strong></li>



<li>Ceux <strong>dormants </strong>😴 qui ne réagissent pas à vos <strong>newsletters sur les nouveautés</strong>, l&#8217;appat du gain est un levier à tenter.</li>



<li>Ceux qui ont déjà <strong>ce type de produit </strong>mais <strong>depuis longtemps</strong> 🕸️</li>
</ul>



<p></p>



<p class="has-base-2-background-color has-background">🪙 Votre <strong>base de données client </strong>est une mine d&#8217;or et vos OP COM <strong>un outil de fidélisation </strong>sans égal.</p>
</div>
</div>



<!-- ===== BLOQ QCM COMPLET AVEC SCORE LOCAL ===== -->
<div class="bloc-qcm">
<p class="qcm-question">🤔 <strong>Question :</strong> 2 achetés, 1 offert, je fais comment dans 🐧 Prestashop ?</p>
<ul class="qcm-options">
<li data-correct="false" data-feedback="❌ Possible mais une règle de panier à chaque fois, il y'a plus simple et cela oblige aussi le client à saisir un code réduction">Un coupon sur le produit de 33,33 %</li>
<li data-correct="false" data-feedback="❌ Ca ne marcherait pas, il faut que les produits soient différents pour faire partie d'un pack">Un pack de trois produits identiques et le 3ème dont on ramène le prix à zéro</li>
<li data-correct="true" data-feedback="✅ Oui, c'est le plus simple">un prix spécifique : qté 3 => 33,33 % sur l&#8217;ensemble</li>
</ul>
<p class="qcm-feedback"></p>
<p class="qcm-local-score"></p>
</div>
<style>
.bloc-qcm {
border-left: 4px solid #1e73be;
background: #f5f9ff;
padding: 16px 18px;
margin: 24px 0;
border-radius: 4px;
font-size: 15px;
}
.qcm-options {
list-style: none;
padding: 0;
margin: 12px 0;
}
.qcm-options li {
position: relative;
padding: 10px 12px 10px 42px;
margin-bottom: 8px;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
cursor: pointer;
transition: background 0.2s;
}
.qcm-options li::before {
content: attr(data-letter);
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-weight: bold;
color: #1e73be;
}
.qcm-options li:hover {
background: #eef3ff;
}
.qcm-options li.correct {
background: #e6f4ea;
border-color: #188038;
}
.qcm-options li.wrong {
background: #fdecec;
border-color: #dc2626;
}
.qcm-feedback {
margin-top: 12px;
font-weight: bold;
}
.qcm-local-score {
margin-top: 6px;
font-weight: bold;
}
</style>
<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
const options = qcm.querySelectorAll('.qcm-options li');
const feedback = qcm.querySelector('.qcm-feedback');
const localScore = qcm.querySelector('.qcm-local-score');
let answered = false;
options.forEach((option, index) => {
option.dataset.letter = String.fromCharCode(65 + index);
});
options.forEach(option => {
option.addEventListener('click', () => {
if (answered) return;
answered = true;
options.forEach(o => o.classList.remove('correct', 'wrong'));
if (option.dataset.correct === "true") {
option.classList.add('correct');
} else {
option.classList.add('wrong');
}
feedback.textContent = option.dataset.feedback;
let point = option.dataset.correct === "true" ? 1 : 0;
localScore.textContent = "Tu marques " + point + " point";
});
});
});
</script>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="has-text-align-right has-medium-font-size">Un petit 🎓TP pour finir ?</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<style>
.alert-jf5cyz-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(3px); z-index: 9999; justify-content: center; align-items: center; }
.alert-jf5cyz-dialog { background: #fff; width: 90%; max-width: 400px; border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; overflow: hidden; animation: popInalert-jf5cyz 0.2s ease-out; border: 1px solid #ddd; }
@keyframes popInalert-jf5cyz { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.alert-jf5cyz-header { padding: 20px 20px 10px 20px; display: flex; align-items: flex-start; }
.alert-jf5cyz-icon { font-size: 28px; margin-right: 15px; flex-shrink: 0; line-height: 1; }
.alert-jf5cyz-title { font-weight: 600; font-size: 16px; color: #333; margin: 0; line-height: 1.3; }
.alert-jf5cyz-body { padding: 0 20px 20px 55px; font-size: 14px; color: #333; line-height: 1.5; }
.alert-jf5cyz-footer { border-top: 1px solid #eee; padding: 10px 20px; display: flex; justify-content: flex-end; gap: 10px; background: #f9f9f9; }
.alert-jf5cyz-btn { padding: 8px 16px; border-radius: 4px; font-size: 13px; font-weight: 500; cursor: pointer; border: none; transition: background 0.2s; }
.alert-jf5cyz-btn-cancel { background: #e0e0e0; color: #333; } .alert-jf5cyz-btn-cancel:hover { background: #d0d0d0; }
.alert-jf5cyz-btn-confirm { background: #0066cc; color: white; } .alert-jf5cyz-btn-confirm:hover { background: #0052a3; }
.alert-jf5cyz-btn-close { background: #2196f3; color: white; width: 100%; } .alert-jf5cyz-btn-close:hover { background: #1976d2; }
.alert-jf5cyz-trigger { background: #ff9800; color: white; border: none; padding: 10px 20px; font-size: 14px; border-radius: 4px; cursor: pointer; font-family: sans-serif; display: inline-block; margin: 10px 0; } .alert-jf5cyz-trigger:hover { background: #e68900; }
</style><!-- DÉBUT ALERTE MODALE (Généré) -->
<div id="alert-jf5cyz-overlay" class="alert-jf5cyz-overlay">
<div class="alert-jf5cyz-dialog">
<div class="alert-jf5cyz-header">
<div class="alert-jf5cyz-icon" style="color: #ff9800">⚠️</div>
<div><div class="alert-jf5cyz-title">st9ph.fr indique</div></div>
</div>
<div class="alert-jf5cyz-body">Les travaux pratiques sont réservés à 🧑🏻‍🎓 mes étudiants. Il vous faudra un 🔑 mot de passe pour progresser dans le contenu. Merci de votre compréhension.</div>
<div class="alert-jf5cyz-footer">
<button class="alert-jf5cyz-btn alert-jf5cyz-btn-cancel" onclick="document.getElementById('alert-jf5cyz-overlay').style.display='none'">Rester sur la page</button>
<button class="alert-jf5cyz-btn alert-jf5cyz-btn-confirm" onclick="if('https://st9ph.fr/%f0%9f%8e%93tp-op-com/') window.location.href='https://st9ph.fr/%f0%9f%8e%93tp-op-com/'; else document.getElementById('alert-jf5cyz-overlay').style.display='none';">continuer vers le 🎓TP</button>
</div>
</div>
</div>
<button onclick="document.getElementById('alert-jf5cyz-overlay').style.display='flex'" class="alert-jf5cyz-trigger">Même pas peur !</button>
<!-- FIN ALERTE MODALE -->
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div>
</div>



<!-- Bouton principal -->
<button id="uxMenuBtn" style="
  position: fixed;
  right: 14px;
  bottom: 40%;
  padding: 12px 14px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
  font-size: 18px;
">
  ☰
</button>

<!-- Menu -->
<div id="uxMenu" style="
  display:none;
  position: fixed;
  right: 14px;
  bottom: 48%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  z-index: 10000;
  font-family: Arial, sans-serif;
">
  <button class="uxItem" data-popup="sources">📚 Sources</button>
  <button class="uxItem" data-popup="methodo">🧑‍🎓NDRC</button>
  <button class="uxItem" data-popup="glossary">📘 Glossaire</button>
</div>

<!-- Overlay -->
<div id="uxOverlay" style="
  display:none;
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.55);
  z-index:10001;
"></div>

<!-- POPUPS -->

<div class="uxPopup" id="sources" data-title="📚 Sources UX mobile">
 

  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="blog st9ph"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h4>📚 Sources</h4>
<ul>
 <!--  ✅ contenus 📚 Sources -->
<li><strong>mydestockage.com</strong> – article sur la vente en volume</li>
<li><strong>🔊 Voicertool</strong> &#8211; introduction parlée </li>
<li><strong>Nano Banana Pro de Google Gemini</strong> – personnage d&#8217;illustration et image en avant</li>
</ul>
</div>

<div class="uxPopup" id="methodo" data-title="🧑‍🎓 NDRC">


  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="blog st9ph"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h4>🧑‍🎓 NDRC</h4>
<!--  ✅ contenus 🧑‍🎓 NDRC -->
<p> 🟦 Cet article est à visée de l&#8217;épreuve technique E5B.</p>
<ul>
<li>savoir effectuer tout type de réduction sur un produit</li>
<li>savoir effectuer tout type de réduction sur une déclinaison, une caractéristique ou une marque de produits</li>
<li>savoir créer un pack de produits</li>
</ul>
<p>👉 voir aussi les autres articles de la section Prestashop </p>
</div>

<div class="uxPopup" id="glossary" data-title="📘 Glossaire UX mobile">


  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="blog st9ph"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h4>📘 Glossaire</h4>
<!-- ✅ contenus 📘 Glossaire -->
<ul>
<li><strong>Réassortir</strong> regarnir les rayons avec les produits qui manquaient </li>
<li><strong>Numéraire</strong> quand la réduction est en euros (-10€) plutôt qu&#8217;en % </li>
<li><strong>Régle de panier</strong> Réduction sous forme de coupon et individualisable (geste Co par exemple) </li>
<li><strong>Régle de catalogue</strong> Réduction automatique et collective (pas d&#8217;action spécifique à effectuer si on remplit les conditions) </li>
</ul>
</div>

<!-- Style popup -->
<style>
.uxItem {
  display: block;
  padding: 10px 16px;
  background: #fff;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: #111;        /* ✅ TEXTE VISIBLE */
  font-size: 14px;
}

.uxItem:hover {
  background: #f0f0f0;
}
.uxItem:hover { background:#f0f0f0; }

.uxPopup {
  display:none;
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  width:90%;
  max-width:560px;
  max-height:80%;
  padding:24px;
  border-radius:10px;
  box-shadow:0 10px 40px rgba(0,0,0,0.25);
  z-index:10002;
  overflow-y:auto;
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu {
    display: none !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu,
  #uxOverlay,
  .uxPopup {
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    display: none !important;
  }
}
</style>

<script>
(function () {

  // === DÉSACTIVATION MOBILE ===
  if (window.innerWidth <= 768) {
    return; // on ne fait RIEN sur mobile
  }

  // === RÉFÉRENCES ===
  const menuBtn = document.getElementById("uxMenuBtn");
  const menu = document.getElementById("uxMenu");
  const overlay = document.getElementById("uxOverlay");
  const popups = document.querySelectorAll(".uxPopup");

  if (!menuBtn || !menu || !overlay) return;

  // === OUVERTURE / FERMETURE MENU ===
  menuBtn.addEventListener("click", () => {
    menu.style.display = menu.style.display === "block" ? "none" : "block";
  });

  // === OUVERTURE POPUPS ===
  document.querySelectorAll(".uxItem").forEach(btn => {
    btn.addEventListener("click", () => {
      popups.forEach(p => p.style.display = "none");
      const target = document.getElementById(btn.dataset.popup);
      if (target) target.style.display = "block";
      overlay.style.display = "block";
      menu.style.display = "none";
    });
  });

  // === FERMETURE OVERLAY ===
  overlay.addEventListener("click", () => {
    popups.forEach(p => p.style.display = "none");
    overlay.style.display = "none";
  });

})();
</script>



</script>
<script>
(function () {
  if (window.innerWidth <= 768) {
    const uxPanel = document.querySelector('.ux-panel');
    if (uxPanel) {
      uxPanel.remove();
    }
  }
})();
</script>



<!-- =====================================================
     BADGE DE LECTURE + BADGE "DÉJÀ LU"
     - % de lecture en temps réel
     - Devient vert à 75 %
     - Mémorisé en session (déjà lu)
     ===================================================== -->

<!-- ✅ STRUCTURE HTML DU BADGE -->
<div id="readBadge">
  📖 Lecture : 0 %
</div>

<style>
/* ===============================
   STYLE DU BADGE
   =============================== */
#readBadge {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #111;
  color: #fff;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 9999;
}

/* Badge visible */
#readBadge.show {
  opacity: 1;
  transform: translateY(0);
}

/* Badge vert = article lu */
#readBadge.read {
  background: #188038;
}
</style>

<script>
/* ===============================
   LOGIQUE JAVASCRIPT
   =============================== */
(function () {

  const badge = document.getElementById("readBadge");

  // ✅ Clé unique par page (URL)
  const storageKey = "articleLu_" + window.location.pathname;

  // ✅ Si déjà lu dans la session
  if (sessionStorage.getItem(storageKey)) {
    badge.classList.add("show", "read");
    badge.innerText = "✅ Article déjà lu";
    return; // on ne recalcule plus le scroll
  }

  let badgeShown = false;
  let articleMarkedAsRead = false;

  window.addEventListener("scroll", function () {

    const scrollTop = window.scrollY;
    const docHeight = document.body.scrollHeight - window.innerHeight;
    const percent = Math.round((scrollTop / docHeight) * 100);

    // Mise à jour du texte
    badge.innerText = "📖 Lecture : " + percent + " %";

    // Affichage du badge dès 10 %
    if (percent >= 10 && !badgeShown) {
      badge.classList.add("show");
      badgeShown = true;
    }

    // ✅ Article considéré comme lu à 75 %
    if (percent >= 75 && !articleMarkedAsRead) {
      badge.classList.add("read");
      badge.innerText = "✅ Article lu à " + percent + " %";
      sessionStorage.setItem(storageKey, "true");
      articleMarkedAsRead = true;
    }

  });

})();
</script>



<script>
document.addEventListener("DOMContentLoaded", function () {

  let scoreTotal = 0;
  let questionsRepondues = 0;

  const blocs = document.querySelectorAll(".bloc-qcm");

  blocs.forEach(qcm => {

    const options = qcm.querySelectorAll(".qcm-options li");
    const feedback = qcm.querySelector(".qcm-feedback");
    let answered = false;

    options.forEach(option => {
      option.addEventListener("click", function () {

        if (answered) return;
        answered = true;

        questionsRepondues++;

        const isCorrect = option.dataset.correct === "true";

        if (isCorrect) {
          scoreTotal++;
          this.classList.add("correct");
        } else {
          this.classList.add("wrong");
        }

        feedback.textContent = option.dataset.feedback +" | Ton score : " + scoreTotal + " / " + questionsRepondues;

        const global = document.getElementById("score-global");
        if (global) {
          global.textContent =
            "Score total : " + scoreTotal + " / " + questionsRepondues;
        }

      });
    });

  });

});
</script>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span><a href="https://st9ph.fr/category/creation-de-sites/">🛠️ création de sites</a></span> » <span class="breadcrumb_last" aria-current="page">PrestaShop</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2Fprestashop-op-com-dans-la-eshop%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size">⬇️</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>
<p>L’article <a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/">Prestashop | OP Com dans la Eshop</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/prestashop-op-com-dans-la-eshop/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2026/02/carrousel-produits-comparateur.mp4" length="707952" type="video/mp4" />

		<post-id xmlns="com-wordpress:feed-additions:1">34861</post-id>	</item>
		<item>
		<title>Prestashop &#124; Le Service Après Vente</title>
		<link>https://st9ph.fr/prestashop-le-service-apres-vente/</link>
					<comments>https://st9ph.fr/prestashop-le-service-apres-vente/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Sat, 24 Jan 2026 15:55:00 +0000</pubDate>
				<category><![CDATA[PrestaShop]]></category>
		<category><![CDATA[🛠️ création de sites]]></category>
		<category><![CDATA[🌐 public]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=33379</guid>

					<description><![CDATA[<p>SAV prestashop,, commande prestashop en backoffice, messages prédéfinis prestashop</p>
<p>L’article <a href="https://st9ph.fr/prestashop-le-service-apres-vente/">Prestashop | Le Service Après Vente</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-80041ad0 wp-block-group-is-layout-flex">


<p class="has-medium-font-size"><strong>PrestaShop</strong></p>



<p class="has-accent-color has-text-color has-link-color has-x-large-font-size wp-elements-41a1768ce98e0c2fe985e76fbbec4046"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-contrast-color">|</mark> Service Après Vente</p>


</div>



<p class="has-medium-font-size">👉🏻 3ème bloc d&#8217;évaluation de l&#8217;épreuve technique, le SAV est lui aussi un <strong>incontournable de l&#8217;examen </strong>E5B du BTS NDRC.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading has-base-2-background-color has-background has-medium-font-size" id="0-%E2%AC%85%EF%B8%8F-revenir-%C3%A0-la-1ere-partie-la-fiche-produit-">⬅️ Revenir à la 1ere partie | <a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_blank" rel="noreferrer noopener">La Fiche Produit</a> </h2>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading has-base-2-background-color has-background has-medium-font-size" id="1-%E2%AC%85%EF%B8%8F-revenir-%C3%A0-la-2nde-partie-manipuler-la-boutique-">⬅️ Revenir à la 2nde partie | <a href="https://st9ph.fr/prestashop-manipuler-la-boutique/">manipuler la boutique</a> </h2>
</div>
</div>



<!-- =====================================================
     BADGE DE LECTURE + BADGE "DÉJÀ LU"
     - % de lecture en temps réel
     - Devient vert à 75 %
     - Mémorisé en session (déjà lu)
     ===================================================== -->

<!-- ✅ STRUCTURE HTML DU BADGE -->
<div id="readBadge">
  📖 Lecture : 0 %
</div>

<style>
/* ===============================
   STYLE DU BADGE
   =============================== */
#readBadge {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #111;
  color: #fff;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 9999;
}

/* Badge visible */
#readBadge.show {
  opacity: 1;
  transform: translateY(0);
}

/* Badge vert = article lu */
#readBadge.read {
  background: #188038;
}
</style>

<script>
/* ===============================
   LOGIQUE JAVASCRIPT
   =============================== */
(function () {

  const badge = document.getElementById("readBadge");

  // ✅ Clé unique par page (URL)
  const storageKey = "articleLu_" + window.location.pathname;

  // ✅ Si déjà lu dans la session
  if (sessionStorage.getItem(storageKey)) {
    badge.classList.add("show", "read");
    badge.innerText = "✅ Article déjà lu";
    return; // on ne recalcule plus le scroll
  }

  let badgeShown = false;
  let articleMarkedAsRead = false;

  window.addEventListener("scroll", function () {

    const scrollTop = window.scrollY;
    const docHeight = document.body.scrollHeight - window.innerHeight;
    const percent = Math.round((scrollTop / docHeight) * 100);

    // Mise à jour du texte
    badge.innerText = "📖 Lecture : " + percent + " %";

    // Affichage du badge dès 10 %
    if (percent >= 10 && !badgeShown) {
      badge.classList.add("show");
      badgeShown = true;
    }

    // ✅ Article considéré comme lu à 75 %
    if (percent >= 75 && !articleMarkedAsRead) {
      badge.classList.add("read");
      badge.innerText = "✅ Article lu à " + percent + " %";
      sessionStorage.setItem(storageKey, "true");
      articleMarkedAsRead = true;
    }

  });

})();
</script>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_24-01-2026_at_23_13_14_on_January_24th_2026.mp3" autoplay></audio></figure>



<p>ℹ️ On va aller <strong>au delà de l&#8217;épreuve</strong> en évoquant aussi les enjeux et d&#8217;autres outils que le CMS Prestashop aussi.</p>



<p>🤔 On pense souvent à tord que le SAV est uniquement <strong>une charge, un cout impondérable</strong> pour son commerce à englober entre le loyer et les salaires. C&#8217;est surtout <strong>un investissement qui rapporte </strong>car l&#8217;impact sur la fidélisation se mesure à coup sûr :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-counter uagb-block-f13acb8d wp-block-uagb-counter--circle"><div class="wp-block-uagb-counter-circle-container"><div class="wp-block-uagb-counter-circle-container__content"><span class="wp-block-uagb-counter__icon"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M480 128v208c0 97.05-78.95 176-176 176h-37.72c-53.42 0-103.7-20.8-141.4-58.58l-113.1-113.1C3.906 332.5 0 322.2 0 312C0 290.7 17.15 272 40 272c10.23 0 20.47 3.906 28.28 11.72L128 343.4V64c0-17.67 14.33-32 32-32s32 14.33 32 32l.0729 176C192.1 248.8 199.2 256 208 256s16.07-7.164 16.07-16L224 32c0-17.67 14.33-32 32-32s32 14.33 32 32l.0484 208c0 8.836 7.111 16 15.95 16S320 248.8 320 240L320 64c0-17.67 14.33-32 32-32s32 14.33 32 32l.0729 176c0 8.836 7.091 16 15.93 16S416 248.8 416 240V128c0-17.67 14.33-32 32-32S480 110.3 480 128z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="70" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div><div class="wp-block-uagb-counter__title"><strong>restent fidèles </strong>si leurs<br>problèmes sont<br><strong><mark style="background-color:rgba(0, 0, 0, 0);color:#33b758" class="has-inline-color">résolus</mark></strong></div></div><svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 230 230" version="1.1" xmlns="http://www.w3.org/2000/svg"><circle class="uagb-counter-circle__background"></circle><circle class="uagb-counter-circle__progress"></circle></svg></div></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-counter uagb-block-5d5edfbd wp-block-uagb-counter--circle"><div class="wp-block-uagb-counter-circle-container"><div class="wp-block-uagb-counter-circle-container__content"><span class="wp-block-uagb-counter__icon"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M272 0C289.7 0 304 14.33 304 32C304 49.67 289.7 64 272 64H256V98.45C293.5 104.2 327.7 120 355.7 143L377.4 121.4C389.9 108.9 410.1 108.9 422.6 121.4C435.1 133.9 435.1 154.1 422.6 166.6L398.5 190.8C419.7 223.3 432 262.2 432 304C432 418.9 338.9 512 224 512C109.1 512 16 418.9 16 304C16 200 92.32 113.8 192 98.45V64H176C158.3 64 144 49.67 144 32C144 14.33 158.3 0 176 0L272 0zM248 192C248 178.7 237.3 168 224 168C210.7 168 200 178.7 200 192V320C200 333.3 210.7 344 224 344C237.3 344 248 333.3 248 320V192z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="90" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div><div class="wp-block-uagb-counter__title">si la solution intervient<br><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">dans les 24 heures</mark></strong></div></div><svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 230 230" version="1.1" xmlns="http://www.w3.org/2000/svg"><circle class="uagb-counter-circle__background"></circle><circle class="uagb-counter-circle__progress"></circle></svg></div></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-counter uagb-block-c5578d01 wp-block-uagb-counter--circle"><div class="wp-block-uagb-counter-circle-container"><div class="wp-block-uagb-counter-circle-container__content"><span class="wp-block-uagb-counter__icon"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 256 512"><path d="M256 448c0 17.67-14.33 32-32 32H32c-17.67 0-32-14.33-32-32s14.33-32 32-32h64V123.8L49.75 154.6C35.02 164.5 15.19 160.4 5.375 145.8C-4.422 131.1-.4531 111.2 14.25 101.4l96-64c9.828-6.547 22.45-7.187 32.84-1.594C153.5 41.37 160 52.22 160 64.01v352h64C241.7 416 256 430.3 256 448z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="99" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div><div class="wp-block-uagb-counter__title">en<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"><strong> FCR</strong> </mark>(résolution au<br>1er contact)</div></div><svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 230 230" version="1.1" xmlns="http://www.w3.org/2000/svg"><circle class="uagb-counter-circle__background"></circle><circle class="uagb-counter-circle__progress"></circle></svg></div></div>
</div>
</div>



<p class="has-small-font-size">Source : <a href="https://www.revers.io/fr/blog/que-veut-dire-sav-definition-role-impact-pour-les-entreprises" target="_blank" rel="noreferrer noopener">Revers.io</a></p>



<ul class="wp-block-list">
<li>Dans certaines industries, les services après-vente représentent <strong>jusqu’à 25 % du chiffre d’affaires total</strong>.</li>



<li>Les marges sur services après-vente (réparations, maintenance, abonnements, garanties étendues) peuvent être <strong>bien supérieures à celles de la vente de produits neufs</strong> (parfois jusqu’à <strong>2× plus</strong>)</li>



<li>Un SAV performant peut <strong>réduire le churn (départ des clients) de 36 %</strong> et augmenter<strong> la satisfaction de +33 %</strong> grâce à des approches proactives et personnalisées.</li>
</ul>



<p class="has-small-font-size">Source : <a href="https://agentiveaiq.com/blog/the-strategic-power-of-after-sales-support-in-2025" target="_blank" rel="noreferrer noopener">agentive aiq</a> <img loading="lazy" decoding="async" width="22" height="19" class="wp-image-33384" style="width: 22px;" src="https://st9ph.fr/wp-content/uploads/2026/01/GB.jpg" alt=""></p>



<p class="has-base-2-background-color has-background">🤫 Pour l&#8217;avoir expérimenté dans ma substantielle carrière en maintenance informatique puis chez les FAI, je dirais même que le premier conseil serait d<strong>&#8216;éviter de commercialiser des produits et des services qui vont aimanter l&#8217;insatisfaction client</strong> ; bref, de commencer la relation client en ne vendant que des produits qu&#8217;on aurait soi-même envie d&#8217;acheter (mais ce n&#8217;est pas toujours possible).</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="233" height="211" src="https://st9ph.fr/wp-content/uploads/2025/12/IA.png" alt="" class="wp-image-31733" style="width:79px;height:auto"/></figure>
</div>


<p class="has-small-font-size">Part d&#8217;IA /5 dans cet article</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<div class="wp-block-columns has-base-2-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-f79a6c07-3ae1-41d9-9c76-b1763126d540">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-f79a6c07-3ae1-41d9-9c76-b1763126d540-0"><rect height="150" width="75" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-f79a6c07-3ae1-41d9-9c76-b1763126d540-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-f79a6c07-3ae1-41d9-9c76-b1763126d540-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-f79a6c07-3ae1-41d9-9c76-b1763126d540-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-f79a6c07-3ae1-41d9-9c76-b1763126d540-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-f79a6c07-3ae1-41d9-9c76-b1763126d540-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-f79a6c07-3ae1-41d9-9c76-b1763126d540-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-f79a6c07-3ae1-41d9-9c76-b1763126d540-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-f79a6c07-3ae1-41d9-9c76-b1763126d540-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-f79a6c07-3ae1-41d9-9c76-b1763126d540-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">♨️ Sources</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-276560c8-f0ca-42e8-89ab-d323ad7d8f63">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-276560c8-f0ca-42e8-89ab-d323ad7d8f63-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-276560c8-f0ca-42e8-89ab-d323ad7d8f63-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-276560c8-f0ca-42e8-89ab-d323ad7d8f63-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-276560c8-f0ca-42e8-89ab-d323ad7d8f63-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-276560c8-f0ca-42e8-89ab-d323ad7d8f63-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-276560c8-f0ca-42e8-89ab-d323ad7d8f63-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-276560c8-f0ca-42e8-89ab-d323ad7d8f63-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-276560c8-f0ca-42e8-89ab-d323ad7d8f63-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-276560c8-f0ca-42e8-89ab-d323ad7d8f63-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-276560c8-f0ca-42e8-89ab-d323ad7d8f63-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">🖼️ Images</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-5dd76cbf-e081-4eb9-b219-5466db409319">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-5dd76cbf-e081-4eb9-b219-5466db409319-0"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-5dd76cbf-e081-4eb9-b219-5466db409319-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-5dd76cbf-e081-4eb9-b219-5466db409319-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-5dd76cbf-e081-4eb9-b219-5466db409319-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-5dd76cbf-e081-4eb9-b219-5466db409319-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-5dd76cbf-e081-4eb9-b219-5466db409319-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-5dd76cbf-e081-4eb9-b219-5466db409319-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-5dd76cbf-e081-4eb9-b219-5466db409319-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-5dd76cbf-e081-4eb9-b219-5466db409319-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-5dd76cbf-e081-4eb9-b219-5466db409319-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">✒️Contenu</div>
		</div></div>
</div>
</div>
</div>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">44–66 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">10 322 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-03-30T22:32:00+02:00">30 mars  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-6a463aed      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							au menu de cette 3ème partie						</div>
												<div class="uagb-toc__loader"></div>										<div class="uagb-toc__list-wrap uagb-toc__list-hidden">
						<ol class="uagb-toc__list"><li class="uagb-toc__list "><a href="#revenir-à-la-1ere-partie-la-fiche-produit" class="uagb-toc-link__trigger">⬅️ Revenir à la 1ere partie | La Fiche Produit</a><li class="uagb-toc__list "><a href="#revenir-à-la-2nde-partie-manipuler-la-boutique" class="uagb-toc-link__trigger">⬅️ Revenir à la 2nde partie | manipuler la boutique</a><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#0-lorganisation-du-service-client" class="uagb-toc-link__trigger">0️⃣ | l&#039;organisation du service client</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#0-1-le-ticketing" class="uagb-toc-link__trigger">0-1 | Le ticketing 🎫</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#0-2-les-différentes-missions-du-sav" class="uagb-toc-link__trigger">0-2 | Les différentes missions du SAV</a></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#organisation-du-service-client" class="uagb-toc-link__trigger">Organisation du service client</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#11-les-communications-automatiques-de-la-boutique-information" class="uagb-toc-link__trigger">🔹1.1 |les communications automatiques de la boutique (information)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#12-les-messages-prédéfinis-pour-simplifier-les-réponses" class="uagb-toc-link__trigger">🔹1.2 |les messages prédéfinis pour simplifier les réponses</a></li></ul></li></ul></li><li class="uagb-toc__list "><a href="#2-informer-servir" class="uagb-toc-link__trigger">2️⃣| Informer &amp; Servir</a><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#informer-et-servir" class="uagb-toc-link__trigger">Informer et servir</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#21-typologies-front-et-back-du-compte-client" class="uagb-toc-link__trigger">🔹2.1 |typologies Front et Back du compte client</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#22-sujets-fréquents" class="uagb-toc-link__trigger">🔹2.2 |sujets fréquents</a></li></ul></li></ul></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#conseiller-et-vendre" class="uagb-toc-link__trigger">conseiller et vendre</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#31-push-suite-à-une-commande-impossible-à-finaliser" class="uagb-toc-link__trigger">🔹3.1 |Push suite à une commande impossible à finaliser</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#t-shirt-petit-dauphin" class="uagb-toc-link__trigger">T-Shirt Petit Dauphin</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#3-2-prise-de-commande" class="uagb-toc-link__trigger">3-2 | Prise de commande</a></li></ul></li></ul></li></ul></li></ul></li><li class="uagb-toc__list "><a href="#4-historiser-sans-contact" class="uagb-toc-link__trigger">4️⃣| Historiser sans &quot;contact&quot;</a></ul></ul></ul></ul></ol>					</div>
									</div>
				</div>
			


<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-3329421f8be055958a2d740e4d836073" id="2-0%EF%B8%8F%E2%83%A3-lorganisation-du-service-client">0️⃣ | l&#8217;organisation du service client</h2>


<div class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-d81d7290-510e-4a1a-90e6-2524de52d8a3" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="false" data-initiallyshow="true"><div class="ub_table-of-contents-header-container" style="">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style=""></div>
				
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column ">
				<ul style=""><li style=""><a href="https://st9ph.fr/prestashop-le-service-apres-vente/#3-0-1-le-ticketing-" style="">0-1 | Le ticketing 🎫</a></li><li style=""><a href="https://st9ph.fr/prestashop-le-service-apres-vente/#4-0-2-les-diff%C3%A9rentes-missions-du-sav-" style="">0-2 | Les différentes missions du SAV</a></li><li style=""><a href="https://st9ph.fr/prestashop-le-service-apres-vente/#5-11-l-es-communications-automatiques-de-la-boutique-information-" style="">🔹1.1 |les communications automatiques de la boutique (information)</a></li><li style=""><a href="https://st9ph.fr/prestashop-le-service-apres-vente/#6-12-les-messages-pr%C3%A9d%C3%A9finis-pour-simplifier-les-r%C3%A9ponses-" style="">🔹1.2 |les messages prédéfinis pour simplifier les réponses</a></li><li style=""><a href="https://st9ph.fr/prestashop-le-service-apres-vente/#8-21-typologies-front-et-back-du-compte-client-" style="">🔹2.1 |typologies Front et Back du compte client</a></li><li style=""><a href="https://st9ph.fr/prestashop-le-service-apres-vente/#9-22-sujets-fr%C3%A9quents-" style="">🔹2.2 |sujets fréquents</a></li><li style=""><a href="https://st9ph.fr/prestashop-le-service-apres-vente/#10-31-push-suite-%C3%A0-une-commande-impossible-%C3%A0-finaliser-" style="">🔹3.1 |Push suite à une commande impossible à finaliser</a></li></ul>
			</div>
		</div></div>


<h3 class="wp-block-heading" id="3-0-1-le-ticketing-">0-1 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Le ticketing</mark> 🎫</h3>



<p>👉 <strong>Le ticketing</strong>, c&#8217;est le fait de <strong>centraliser </strong>sur le CRM<strong> une demande de SAV</strong> afin que<strong> tous les opérateurs y aient accès </strong>et puissent<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"> suivre les différentes étapes de la résolution</mark></strong> (sans les répéter ou les contredire).</p>



<p>Chaque <strong>ticket </strong>comporte jusqu&#8217;à sa résolution <strong>trois statuts </strong>:</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="600" height="600" src="https://st9ph.fr/wp-content/uploads/2026/01/image-298.png" alt="" class="wp-image-33388" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-298.png 600w, https://st9ph.fr/wp-content/uploads/2026/01/image-298-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-298-150x150.png 150w" sizes="auto, (max-width: 600px) 100vw, 600px" /><figcaption class="wp-element-caption">source de l&#8217;image <a href="https://www.redbubble.com/i/sticker/No-Ticket-No-Support-IT-Specialist-IT-Admin-Administrator-by-Tig3rE/160761915.EJUG5" target="_blank" rel="noreferrer noopener">Redbubble</a></figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%"><ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-7ad649a9-aaad-4889-8240-5286eebffcde">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-85227bdc-d55e-43bc-ad7a-336c741eb14e">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>En attente </strong>de prise en charge (on mesurera le temps de prise en charge pour définir notre performance)</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23ff6900&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-a689c736-aeb1-4d12-90d9-486712a901e2">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#ff6900" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>En cours </strong>de résolution (on comptera le temps de résolution et le nombre d&#8217;étapes qui ont été nécessaires)</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-378baed7-1a90-4bda-b2cd-929eed33b5c6">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Résolu</strong> quand la demande est traitée (et là, c&#8217;est le taux FCR qui sera mis en avant) </span>
			</div>
			
		</li>
</ul>


<p class="has-base-2-background-color has-background">Ainsi, chaque opérateur de SAV peut <strong>facilement gérer les files de ticket</strong> et n&#8217;ouvrir que les 🟠🔴</p>
</div>
</div>



<p>⬆️  Bon nombre de services informatiques apposent (en clin d&#8217;œil à la chanson de Bob Marley,  probablement) <strong>ce genre de stickers</strong> sur leur porte car leur première mission est d&#8217;<strong>éduquer les collaborateurs à utiliser l&#8217;outil</strong> : &#8220;<em>Tu nous as fait un ticket </em>?&#8221;</p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>🤔 Le FCR</summary>
<p><strong>First Contact Résolution</strong> (<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_blank" rel="noreferrer noopener">voir l&#8217;article sur la satisfaction clien</a>t partie 2 dans CES) pour<strong> résolution au 1er contact</strong></p>
</details>



<p class="has-base-2-background-color has-background">Au début de ma carrière où je devais gérer un parc informatique sur plusieurs sites (sans grande expérience) j&#8217;ai <strong>tardé à mettre en place cette démarche</strong> et je peux témoigner de <strong>l&#8217;insatisfaction client </strong>que cela a généré😡. Les collègues du site où j&#8217;étais le plus souvent étaient <strong>privilégiés </strong>parce qu&#8217;il leur suffisait de me coincer dans un couloir avec leur ordinateur en panne et de me le coller dans les bras pour être dépannés, tandis que les autres devaient <strong>multiplier les appels téléphoniques </strong>pour me joindre ou pour que je me déplace enfin. <strong>L&#8217;opportunité n&#8217;est pas une priorité en la matière.</strong></p>



<p>Ci dessous, <strong>une ligne de ticket dans le SAV Prestashop</strong></p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="80" src="https://st9ph.fr/wp-content/uploads/2026/01/image-299-1024x80.png" alt="" class="wp-image-33389" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-299-1024x80.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-299-300x24.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-299-768x60.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-299.png 1121w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>On dispose d&#8217;une &#8220;<strong>timeline</strong>&#8221; où <strong>visualiser</strong> la chronologie de la résolution :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="832" src="https://st9ph.fr/wp-content/uploads/2026/01/image-301-1024x832.png" alt="" class="wp-image-33391" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-301-1024x832.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-301-300x244.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-301-768x624.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-301.png 1048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>👉 Tous les éléments sont <strong>réactifs </strong>et permettent d<strong>&#8216;accéder aux informations et outils</strong> en lien avec le ticket afin de le gérer le plus efficacement possible.</p>



<p>ℹ️ Dans Prestashop, un ticket prend <strong>automatiquement le statut &#8220;résolu&#8221; dès que vous avez répondu</strong> à un client (FCR) mais <strong>vous pouvez manuellement </strong>garder le statut &#8220;en cours&#8221; s&#8217;il y&#8217;a une Next Step.</p>



<div class="bloc-attention">
  🖥️ A l&#8217;examen, <strong>ne répondez pas n&#8217;importe quoi à votre client ! </strong> Etudiez la timeline, faites les opérations de SAV qu&#8217;exigent la situation, puis, seulement, répondez lui que son cas est traité.
</div>

<style>
.bloc-attention {
  border-left: 4px solid #dc2626;
  background: #fff1f1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<h3 class="wp-block-heading" id="4-0-2-les-diff%C3%A9rentes-missions-du-sav-">0-2 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Les différentes missions du SAV</mark></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="874" height="500" src="https://st9ph.fr/wp-content/uploads/2026/01/image-296.png" alt="" class="wp-image-33385" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-296.png 874w, https://st9ph.fr/wp-content/uploads/2026/01/image-296-300x172.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-296-768x439.png 768w" sizes="auto, (max-width: 874px) 100vw, 874px" /></figure>



<ul class="wp-block-list">
<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Anticiper et prévenir</mark></strong> (pour éviter les tickets !)
<ul class="wp-block-list">
<li>surveiller les <strong>ruptures de stock</strong> 📦, alerter les clients en cas de 🚚 <mark style="background-color:rgba(0, 0, 0, 0);color:#d62d2d" class="has-inline-color">r<strong>etard de livraison</strong></mark>&#8230;</li>



<li>alerter sur <strong>les </strong><mark style="background-color:rgba(0, 0, 0, 0);color:#d62e2e" class="has-inline-color"><strong>erreurs smtp</strong> </mark>📩 (livraison de mails) car <strong>c&#8217;est gravissime si l&#8217;adresse du client est fausse</strong>.</li>



<li>indiquer clairement 📆 <strong>les dates de fins de vos promotions</strong>, les ⚠️<strong><mark style="background-color:rgba(0, 0, 0, 0);color:#cd2a2a" class="has-inline-color">quantités limitées</mark>, </strong>les ❌<strong><mark style="background-color:rgba(0, 0, 0, 0);color:#c23131" class="has-inline-color">tailles manquantes</mark> </strong>&#8230; pour <strong>réduire les protestations</strong></li>



<li>Soyez <strong>en veille de vos fournisseurs </strong>(<mark style="background-color:rgba(0, 0, 0, 0);color:#cb2d2d" class="has-inline-color">ruptures de pièces</mark>, 🥵 <strong>périodes de montée en charge</strong> &#8230;), <strong>de l&#8217;actualité</strong> 🌨️ (comme <mark style="background-color:rgba(0, 0, 0, 0);color:#c83636" class="has-inline-color">les grèves ou la météo</mark> qui peuvent impacter vos délais)</li>



<li>Surveillez <strong>les retours produits</strong> 🔄️ (<mark style="background-color:rgba(0, 0, 0, 0);color:#dd3636" class="has-inline-color">mauvaises séries, client déçus en réel, colis refusés</mark> &#8230;) quand ils sont r<strong>écurrents pour une référence, une marque, un fournisseur</strong>. Il y&#8217;a 👎🏻<strong>un défaut </strong>dans <strong>sa nature</strong>, dans l<strong>&#8216;image que vous en donnez </strong>dans votre fiche produit <strong>ou dans le processus </strong>de livraison.</li>



<li>Surveillez ⭐<strong>les avis clients </strong>sur vos produits. <mark style="background-color:rgba(0, 0, 0, 0);color:#cc2828" class="has-inline-color">La récurrence de points négatifs sur un produit doit vous alerter</mark>.</li>
</ul>
</li>
</ul>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (VERSION URL UNIQUE) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    .zoom-modal-content { max-width: 90%; max-height: 90%; border-radius: 4px; box-shadow: 0 0 20px rgba(0,0,0,0.5); animation: zoomIn 0.3s; }
    .zoom-close { position: absolute; top: 20px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; cursor: pointer; transition: 0.3s; line-height: 1; }
    .zoom-close:hover { color: #bbb; }
    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-349.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
</div>

<!-- LE POPUP -->
<div id="myZoomModal" class="zoom-modal" onclick="closeZoomModal()">
    <span class="zoom-close">&times;</span>
    <img class="zoom-modal-content" id="img01">
</div>

<script>
    function openZoomModal(element) {
        // L'astuce : On récupère l'URL directement depuis l'image cliquée !
        const clickedImg = element.querySelector('img');
        const fullSizeUrl = clickedImg.src;
        
        const modal = document.getElementById("myZoomModal");
        const modalImg = document.getElementById("img01");
        
        modalImg.src = fullSizeUrl;
        modal.classList.add("show");
    }

    function closeZoomModal() {
        const modal = document.getElementById("myZoomModal");
        modal.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            closeZoomModal();
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2025/12/mauvaiseTaille2.jpg" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<ul class="wp-block-list">
<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Informer et Servir</mark></strong>
<ul class="wp-block-list">
<li>Donnez des 🪛 <strong>outils de selfcare </strong>et rendez vos clients <strong>autonomes🤩 </strong>pour gérer leur <strong>compte client </strong>(télécharger leurs factures, suivre l&#8217;état d&#8217;expédition de leurs colis &#8230; )</li>



<li>Certains <strong>produits techniques </strong>🖨️sont <strong>difficiles à prendre en main</strong>. Joignez <strong>un mode d&#8217;emploi</strong> <img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt=""> à votre fiche produit peut vous éviter <mark style="background-color:rgba(0, 0, 0, 0);color:#c33838" class="has-inline-color">de longues conversations téléphoniques et des tickets en pagaille.</mark></li>



<li>☝🏻<strong>Faire pour eux </strong>(commander, agir sur leur compte &#8230;), <strong>c&#8217;est votre mission aussi</strong>, mais en leur expliquant également qu&#8217;ils ont <strong>le &#8220;pouvoir&#8221; de le faire par eux-mêmes </strong>afin de les rendre le plus autonome possible.</li>
</ul>
</li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Améliorer et remplacer</mark></strong>
<ul class="wp-block-list">
<li>Soyez <strong>proactifs </strong>pour <strong>la relance mail </strong>📨(obsolescence, fin de CLV &#8230;)</li>



<li><strong>Informez </strong>les logisticiens 👩🏻‍💻 des <strong>problématiques récurrentes </strong>pour qu&#8217;ils améliorent les process (<mark style="background-color:rgba(0, 0, 0, 0);color:#e13f3f" class="has-inline-color">menu compliqué, fiche produit trompeuse</mark>) et vos transporteurs des <strong>insatisfactions</strong> les concernant dans les tickets🎫 (<mark style="background-color:rgba(0, 0, 0, 0);color:#d52a2a" class="has-inline-color">état des colis, temps de livraison</mark> &#8230;)</li>
</ul>
</li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Réparer</mark></strong>
<ul class="wp-block-list">
<li>soyez <strong>efficaces dans votre prise en charge</strong> ⏱️. Votre capacité à dépanner sera prépondérante pour votre réputation et pour la fidélisation</li>
</ul>
</li>
</ul>



<!-- DÉBUT TITRE CHAPITRE -->
<style>
.chapter-title { display: flex; align-items: stretch; margin: 1.7rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.chapter-number { background: #1e73be; color: #fff; font-weight: 700; font-size: 2.8rem; padding: 0 1.1rem; display: flex; align-items: center; justify-content: center; }
.chapter-content { padding: 1.3rem 1.5rem; width: 100%; }
.chapter-heading { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; }
.chapter-logo { width: 42px; height: 42px; flex-shrink: 0; display:block; }
.chapter-logo img { width: 100%; height: 100%; object-fit: contain; }
.chapter-content h2 { margin: 0; font-size: 2.1rem; font-weight: 700; color: #1e73be; }
.chapter-points { margin: 0; padding-left: 0; list-style: none; }
.chapter-points li { margin-bottom: 0.35rem; color: #444; font-size: 0.95rem; line-height: 1.45; }
.chapter-points li::before { content: "🔹 "; }
</style>

<div class="chapter-title">
  <div class="chapter-number">1</div>
  <div class="chapter-content">
    <div class="chapter-heading">
      <a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
        <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo">
      </a>
      <h2>Organisation du service client</h2>
    </div>
    <ul class="chapter-points"><li>le ticketing</li><li>les différentes missions</li></ul>
  </div>
</div>
<!-- FIN TITRE CHAPITRE -->



<h3 class="wp-block-heading" id="5-11-l-es-communications-automatiques-de-la-boutique-information-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt="">l<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">es communications automatiques de la boutique </mark>(information)</strong></h3>



<p>👉 Le maître mot étant <strong>la Proactivité </strong>pour <strong>anticiper les problèmes</strong>, Prestashop va nous aider en amont en <strong>informant les client</strong>s <strong>automatiquement à toutes les étapes de sa relation client</strong> (inscriptions et commandes).</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full"><img loading="lazy" decoding="async" width="128" height="125" src="https://st9ph.fr/wp-content/uploads/2026/01/image-305.png" alt="" class="wp-image-33398"/></figure>
</div>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="425" height="138" src="https://st9ph.fr/wp-content/uploads/2026/01/image-304.png" alt="" class="wp-image-33397" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-304.png 425w, https://st9ph.fr/wp-content/uploads/2026/01/image-304-300x97.png 300w" sizes="auto, (max-width: 425px) 100vw, 425px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ul class="wp-block-list has-medium-font-size">
<li>Panier abandonné</li>
</ul>



<p class="has-background" style="background-color:#9decf533">Des modules optionnels tel que «&nbsp;<em><strong>Relancez vos clients&nbsp;</strong></em>» permettent de générer un mail de relance accompagné d’un coupon réduction pour les clients qui renoncent à commander (<a href="https://st9ph.fr/outils-gratuits-de-fidelisation-clients-dans-prestashop/" target="_blank" rel="noreferrer noopener">voir ici</a>)</p>



<p>✅ Les tickets pour retrouver ceux qui ont été <strong>abandonnés accidentellement </strong>(rares) seront évités.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full"><img loading="lazy" decoding="async" width="128" height="125" src="https://st9ph.fr/wp-content/uploads/2026/01/image-308.png" alt="" class="wp-image-33401"/></figure>
</div>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="456" height="138" src="https://st9ph.fr/wp-content/uploads/2026/01/image-307.png" alt="" class="wp-image-33400" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-307.png 456w, https://st9ph.fr/wp-content/uploads/2026/01/image-307-300x91.png 300w" sizes="auto, (max-width: 456px) 100vw, 456px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ul class="wp-block-list has-medium-font-size">
<li>Commande validée</li>
</ul>



<p class="has-background" style="background-color:#9decf533">Elle génère un mail récapitulatif avec un <strong>numéro de commande</strong> que le client pourra suivre grâce au lien de notre prestataire de livraison.</p>



<p>✅ Les tickets pour <strong>se rassurer que c&#8217;est le cas</strong>, et la plupart de ceux de <strong>nos clients impatients de recevoir leur produit </strong>seront évités.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full"><img loading="lazy" decoding="async" width="130" height="137" src="https://st9ph.fr/wp-content/uploads/2026/01/image-306.png" alt="" class="wp-image-33399"/></figure>
</div>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="418" height="112" src="https://st9ph.fr/wp-content/uploads/2026/01/image-309.png" alt="" class="wp-image-33402" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-309.png 418w, https://st9ph.fr/wp-content/uploads/2026/01/image-309-300x80.png 300w" sizes="auto, (max-width: 418px) 100vw, 418px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ul class="wp-block-list has-medium-font-size">
<li>Paiement accepté</li>
</ul>



<p class="has-background" style="background-color:#9decf533">Il génère un mail de confirmation et la <strong>facture</strong> qui est jointe au courrier (c&#8217;est aussi une <img loading="lazy" decoding="async" width="27" height="12" class="wp-image-33220" style="width: 27px;" src="https://st9ph.fr/wp-content/uploads/2025/01/marianne.jpg" alt=""> <strong>obligation légale</strong>)</p>



<p>✅ Les tickets de ceux de <strong>nos clients </strong>qui ont besoin d&#8217;une facture pour leur comptabilité (B2B) seront évités.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full"><img loading="lazy" decoding="async" width="128" height="124" src="https://st9ph.fr/wp-content/uploads/2026/01/image-310.png" alt="" class="wp-image-33404"/></figure>
</div>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="474" height="140" src="https://st9ph.fr/wp-content/uploads/2026/01/image-311.png" alt="" class="wp-image-33405" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-311.png 474w, https://st9ph.fr/wp-content/uploads/2026/01/image-311-300x89.png 300w" sizes="auto, (max-width: 474px) 100vw, 474px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ul class="wp-block-list has-medium-font-size">
<li>Préparation de la commande</li>
</ul>



<p class="has-background" style="background-color:#9decf533">Il génère <strong>un mail d&#8217;avertissement </strong>dès qu&#8217;un opérateur de la plateforme logistique ouvre <strong>le ticket de traitement</strong>. Eux aussi fonctionnent en ticketing.</p>



<p>✅ Là encore, c&#8217;est <strong>un effet rassurant</strong>, permettant au client de constater que <strong>le processus suit son cours </strong>et de ne pas s&#8217;impatienter.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full"><img loading="lazy" decoding="async" width="128" height="124" src="https://st9ph.fr/wp-content/uploads/2026/01/image-312.png" alt="" class="wp-image-33406"/></figure>
</div>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="421" height="118" src="https://st9ph.fr/wp-content/uploads/2026/01/image-313.png" alt="" class="wp-image-33407" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-313.png 421w, https://st9ph.fr/wp-content/uploads/2026/01/image-313-300x84.png 300w" sizes="auto, (max-width: 421px) 100vw, 421px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ul class="wp-block-list has-medium-font-size">
<li>Expédition</li>
</ul>



<p class="has-background" style="background-color:#9decf533">La prise en charge par le transporteur génère elle aussi un mail pour prévenir le destinataire avec un lien de suivi et (souvent) la possibilité de redéfinir un RDV de passage du livreur si celui initialement prévu ne convient pas</p>



<p>✅ <strong>la charge des plateformes téléphoniques</strong> et <strong>le nombre de tickets </strong>ouvert pour du suivi de livraison <strong>ont fondu</strong> dans la dernière décennie depuis que ces outils ont été mis en place.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full"><img loading="lazy" decoding="async" width="128" height="138" src="https://st9ph.fr/wp-content/uploads/2026/01/image-314.png" alt="" class="wp-image-33408"/></figure>
</div>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="421" height="163" src="https://st9ph.fr/wp-content/uploads/2026/01/image-319.png" alt="" class="wp-image-33418" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-319.png 421w, https://st9ph.fr/wp-content/uploads/2026/01/image-319-300x116.png 300w" sizes="auto, (max-width: 421px) 100vw, 421px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ul class="wp-block-list has-medium-font-size">
<li>Livraison</li>
</ul>



<p class="has-background" style="background-color:#9decf533">La livraison <strong>&#8220;en mains propres</strong>&#8221; ou <strong>au mandataire</strong> du client à domicile ou sur le point relais génère<strong>un bon de livraison</strong> et il est fort conseillé d&#8217;inviter le client à <strong>vérifier le colis devant le livreur </strong>si celui-ci semble abimé ou suspect (bruit inquiétant de casse, dimensions vraiment peu adéquates de l&#8217;emballage &#8230;)</p>



<p>✅ <strong>l</strong>e <strong>retour immédiat d&#8217;un produit défectueux</strong> évitera une série d&#8217;échanges dans un ticket et sera un gain de temps pour tous.</p>
</div>
</div>



<p>➡️ Nous n&#8217;avons abordé que <strong>le tunnel d&#8217;achat</strong> mais la liste des mails automatiques ne s&#8217;arrête pas là :</p>



<ul class="wp-block-list">
<li>L&#8217;abonnement à <strong>la newsletter </strong>génère un mail (si vous n&#8217;abusez pas dans votre communication, vous éviterez pas mal de tickets d&#8217;opt-out)</li>



<li>La <strong>création d&#8217;un compte client</strong> ou le<strong>s modifications importantes </strong>comme le changement d&#8217;adresses (postale ou mail) qui sont <strong>une sorte de reformulation de la demande client </strong>lui permettra de lui-même de contrôler qu&#8217;il a bien saisi les bonnes)</li>
</ul>



<p class="has-base-2-background-color has-background">👉 Il est conseillé d&#8217;<strong>accuser réception </strong>de tout ce qui va<strong> impacter la relation client</strong>. Un mail ou un adresse postale erronés seront le début d&#8217;un ticket interminable et délicat.</p>



<p>➡️ <strong>L&#8217;intelligence artificielle</strong> peut vous aider à identifier les problématiques et y répondre. Il existe <a href="https://addons.prestashop.com/fr/442-service-client" target="_blank" rel="noreferrer noopener">des modules pour cela</a> (un peu chers) :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="355" height="168" src="https://st9ph.fr/wp-content/uploads/2026/01/image-315.png" alt="" class="wp-image-33409" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-315.png 355w, https://st9ph.fr/wp-content/uploads/2026/01/image-315-300x142.png 300w" sizes="auto, (max-width: 355px) 100vw, 355px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="357" height="167" src="https://st9ph.fr/wp-content/uploads/2026/01/image-316.png" alt="" class="wp-image-33410" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-316.png 357w, https://st9ph.fr/wp-content/uploads/2026/01/image-316-300x140.png 300w" sizes="auto, (max-width: 357px) 100vw, 357px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="355" height="166" src="https://st9ph.fr/wp-content/uploads/2026/01/image-317.png" alt="" class="wp-image-33411" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-317.png 355w, https://st9ph.fr/wp-content/uploads/2026/01/image-317-300x140.png 300w" sizes="auto, (max-width: 355px) 100vw, 355px" /></figure>
</div>
</div>



<p>ℹ️ Je n&#8217;en ai testé aucun (c&#8217;est un investissement et ma boutique, rappelons-le, ne me rapporte rien) mais voyez déjà avec les outils que j&#8217;évoque <a href="https://st9ph.fr/outils-gratuits-de-fidelisation-clients-dans-prestashop/" target="_blank" rel="noreferrer noopener">dans cet article</a> qui, eux, sont tous gratuits.</p>



<p class="has-base-2-background-color has-background">👉 Ce qui est certain, c&#8217;est que <strong>l&#8217;IA ne prendra aucune décision sans avoir appris vos règles</strong> et que malgré sa capacité à<strong> générer des mails irréprochables</strong>, il faudra <strong>contrôler son action</strong>.</p>



<p>➡️La boutique pédagogique utilise 2 outils avec 0% d&#8217;IA qui permettent eux aussi d&#8217;informer d&#8217;informer et de répondre aux questions courantes : un <strong>ChatBot </strong>et une <strong>FAQ </strong>:</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="910" height="432" src="https://st9ph.fr/wp-content/uploads/2026/01/image-297.png" alt="" class="wp-image-33387" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-297.png 910w, https://st9ph.fr/wp-content/uploads/2026/01/image-297-300x142.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-297-768x365.png 768w" sizes="auto, (max-width: 910px) 100vw, 910px" /></figure>



<p>👉 Ces deux outils visent à réduire le nombre de tickets qui vont nous parvenir en BackOffice en expliquant <strong>comment résoudre par soi-même les difficultés les plus récurrentes</strong> qu&#8217;on peut rencontrer dans la boutique comme retrouver le mail de téléchargement de produits commandés arrivé en spam ou une facture dans le compte client.</p>



<ul class="wp-block-list">
<li>Suivez <strong>les statistiques de vos tickets</strong> pour tenter d&#8217;améliorer encore cet <strong>entonnoir de la résolution</strong>.</li>



<li>Il est intéressant aussi de <strong>réunir les téléopérateurs </strong>pour les sonder sur <strong>les problématiques récurrentes </strong>qu&#8217;ils ont rencontré (Chat et Phoning) afin d&#8217;<strong>enrichir ces outils qui sont en fait des filtre</strong>s.</li>
</ul>



<p class="has-base-2-background-color has-background">💡 Proposez toujours <strong>la mise en relation avec un humain</strong> en bout sur vos ChatBot et VoiceBot pour <strong>une entière satisfaction client</strong>. Ils comprendront que vous ayez <strong>besoin de filtrer les demandes basiques</strong> mais attendront de vous <strong>une expertise humaine pour leurs demandes plus complexes</strong>.</p>



<h3 class="wp-block-heading" id="6-12-les-messages-pr%C3%A9d%C3%A9finis-pour-simplifier-les-r%C3%A9ponses-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>les messages prédéfinis pour simplifier les réponses</strong></h3>



<p>👉 Prestashop nous donne la possibilité d&#8217;enregistrer des messages prédéfinis qu&#8217;il suffira de <strong>personnaliser avant l&#8217;envoi</strong>. C&#8217;est un grain de temps énorme pour <strong>les demandes bien identifiées</strong> qui ne demandent pas d<strong>&#8216;investigation particulière</strong>.</p>



<p class="callout bleu">ℹ️ En rappel cette <img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt=""><a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2959/preview/pdf/5595" target="_blank" rel="noreferrer noopener">fiche ressource</a> (page 3) pour <strong>les étapes du mail </strong>commercial. Pour nous, la phase <strong>Introduction / Reformulation</strong> sera <strong>une reformulation du contexte du ticket</strong></p>



<p class="has-base-2-background-color has-background">Il arrivera d&#8217;ailleurs que vos clients auront <strong>plusieurs demandes en cours </strong>ou qu&#8217;ils <strong>ne se rappelleront même plus pourquoi </strong>&#8216;ils nous avaient écrit. Un petit &#8220;<em>refresh</em>&#8221; sera le bienvenu.</p>



<p>👉 N&#8217;oubliez pas de :</p>



<ol class="wp-block-list">
<li>Rappeler la <strong>référence de la commande</strong></li>



<li><strong>Remercier le client de nous avoir contactés</strong> (même s&#8217;il n&#8217;est pas content).</li>
</ol>



<ul class="wp-block-list">
<li>SAV &gt; SAV &gt;<strong> messages prédéfinis</strong></li>



<li>Cliquer sur le bouton &#8220;<strong>+ Ajouter un nouveau message de commande</strong>&#8220;</li>
</ul>



<p class="has-base-2-background-color has-background">On va prendre <strong>un exemple pas très facile</strong> : Annoncer aux clients qui veulent renvoyer un produit défectueux passé le délai de garantie que<strong> ce n&#8217;est pas possible </strong>! <a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_blank" rel="noreferrer noopener">Voir cet article</a> pour les cas et la procédure de retours produits.</p>



<ul class="wp-block-list">
<li>Donner un titre à votre message prédéfini (pour nous : &#8220;<em>refus retour produit hors délai garantie</em>&#8220;)</li>



<li>Ecrivez votre message. Pour nous, ça donnera cela :</li>
</ul>



<!-- DÉBUT MAIL HTML (V3.3) -->
<style>
    .preview-header-bar { background: #f8f9fa; border-bottom: 1px solid #ddd; padding: 15px; display: flex; justify-content: space-between; font-size: 13px; color: #555; flex-wrap: wrap; gap: 10px; font-family: sans-serif; }
    .preview-header-bar strong { color: #333; }
    .email-body-wrapper { max-width: 600px; margin: 0 auto; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; line-height: 1.6; background: #fff; }
    .email-logo { text-align: center; margin-bottom: 25px; }
    .email-logo img { max-width: 180px !important; height: auto !important; display: inline-block !important; margin: 0 auto !important; }
    
    .phase-row { display: flex; align-items: flex-start; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eeeeee; }
    .phase-row:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
    .phase-label { width: 18%; font-size: 11px; font-weight: 700; color: #555555; text-transform: uppercase; line-height: 1.3; padding-top: 2px; flex-shrink: 0; }
    .phase-content { width: 82%; font-size: 14px; color: #333; padding-left: 20px; border-left: 2px solid #f0f0f0; }
    
    .phase-cta .phase-content { border-left: none; text-align: center; padding-left: 0; }
    .cta-button { display: inline-block; background: #25B9D7; color: #fff !important; text-decoration: none; padding: 12px 25px; border-radius: 5px; font-weight: bold; }
    
    .phase-signature .phase-content { font-weight: bold; border-left: none; padding-left: 0; white-space: normal; }
    
    .email-footer { background: #f4f4f4; padding: 20px; font-size: 11px; color: #777; text-align: center; margin-top: 20px; border-top: 1px solid #e0e0e0; }
    .footer-section { margin-bottom: 8px; }
    .footer-links a { color: #555; text-decoration: underline; }
    .social-icons { margin-top: 15px; }
    .social-icons img { width: 24px !important; height: 24px !important; margin: 0 5px !important; vertical-align: middle !important; display: inline-block !important; border: none !important; box-shadow: none !important; }
    
    @media (max-width: 768px) {
        .phase-row { flex-direction: column; }
        .phase-label { width: 100%; margin-bottom: 5px; color: #888; }
        .phase-content { width: 100%; padding-left: 0; border-left: none; }
    }
</style>

<div class="preview-header-bar">
    <span><strong>De :</strong> boutique st9ph</span>
    <span><strong>À :</strong> mail client</span>
    <span><strong>Objet :</strong> Votre demande de retour produit</span>
</div>

<div class="email-body-wrapper">
    <div class="email-logo"><img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/shop-st9ph-paysage.jpg" alt="Logo"></div>
    
    <div class="phase-row">
        <div class="phase-label">Salutations</div>
        <div class="phase-content">Bonjour[ Rayer l&#8217;inutile] Madame / Monsieur [écrire ici le nom]</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Intro ou reformulation</div>
        <div class="phase-content">Vous souhaitez nous renvoyer un ou plusieurs articles de votre commande [N°] et nous vous remercions de nous avoir contactés</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Proposition</div>
        <div class="phase-content">Le(s) produit(s) concerné(s) n&#8217;étant plus couvert(s) par la garantie (délai dépassé). Nous ne pouvons hélas pas répondre favorablement à votre demande.</div>
    </div>
    
    <div class="phase-row phase-cta">
        <div class="phase-label">Action</div>
        <div class="phase-content">
            <a href="https://shop.st9ph.fr/presta/fr/content/15-conditions-generales-de-vente" class="cta-button" target="_blank">voir les conditions générales de vente</a>
        </div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Next Step</div>
        <div class="phase-content">Nous ne manquerons pas de relayer votre mécontentement auprès de notre fournisseur et sommes navrés de votre déception.</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Congés</div>
        <div class="phase-content">Toute l&#8217;équipe st9ph Market vous remercie de votre compréhension et vous dit à bientôt sur notre boutique en ligne.</div>
    </div>
    
    <div class="phase-row phase-signature">
        <div class="phase-label">Signature</div>
        <div class="phase-content">[Prénom]<br>Votre conseiller commercial.</div>
    </div>
    
    <div class="email-footer">
        <div class="footer-section">vous recevez ce mail en tant que client de la boutique st9ph</div>
        <div class="footer-section footer-links"><a href="#">Se désinscrire</a></div>
        <div class="footer-section">Conformément à la loi informatique et libertés du 6 janvier 1978 complété par le règlement européen dit RGPD en vigueur depuis le 25 mai 2018, vous disposez d’un droit d’accès et de rectification sur les données vous concernant. Pour exercer ce droit : rubrique &#8220;mon compte&#8221; (accès &#038; modification) ou contactez-nous > sujet &#8220;mon compte&#8221; pour supprimer votre compte</div>
        <div class="footer-section">Utilisez le lien &#8220;contactez nous&#8221; pour toutes vos demandes au service client ou appelez le 📞3568</div>
        <div class="footer-section">shop.st9ph.fr &#8211; [mois -année]</div>
        <div class="social-icons"></div>
    </div>
</div>
<!-- FIN MAIL HTML -->



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="688" height="217" src="https://st9ph.fr/wp-content/uploads/2026/01/image-320.png" alt="" class="wp-image-33423" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-320.png 688w, https://st9ph.fr/wp-content/uploads/2026/01/image-320-300x95.png 300w" sizes="auto, (max-width: 688px) 100vw, 688px" /></figure>



<ul class="wp-block-list">
<li>Cliquer <strong>sur Enregistrer</strong></li>
</ul>



<p>➡️ Pour utiliser le message prédéfini</p>



<ul class="wp-block-list">
<li>Commandes &gt; <strong>Commandes</strong>, <strong>cliquez sur la commande ciblée</strong></li>



<li>(dans le bandeau de gauche en bas) <strong>Choisir le message prédéfini</strong> à utiliser</li>



<li>🖍️ <strong>Personnaliser</strong> le message (le modèle ne sera pas affecté)</li>



<li><mark style="background-color:rgba(0, 0, 0, 0);color:#9f3636" class="has-inline-color">N&#8217;oubliez surtout pas</mark> de <strong>cocher </strong>✅<strong><em> Montrer au client</em></strong></li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="532" height="251" src="https://st9ph.fr/wp-content/uploads/2026/01/image-321.png" alt="" class="wp-image-33424" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-321.png 532w, https://st9ph.fr/wp-content/uploads/2026/01/image-321-300x142.png 300w" sizes="auto, (max-width: 532px) 100vw, 532px" /></figure>



<ul class="wp-block-list">
<li>Cliquer sur <strong>envoyer</strong></li>
</ul>



<p><strong>Dans le SAV</strong>, on voit <strong>une nouvelle étape dans le ticket</strong> de ce suivi :</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-322.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p class="callout bleu">🖥️ Cette série de manipulations est <strong>un grand classique à l&#8217;examen</strong> E5B</p>



<p>👉 <strong>Pour rappel</strong> :</p>



<ul class="wp-block-list">
<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">On reste factuel</mark></strong>. On ne rebondit pas sur <strong>les ressentis et les opinions</strong>.</li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">On ne juge pas le client </mark></strong>(en essayant de lui démontrer qu&#8217;il a tord ou qu&#8217;il pourrait être plus poli)</li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">On ne s&#8217;excuse que si on a fait une faute </mark></strong>(mais cela n&#8217;empêche pas de faire de l&#8217;empathie)</li>



<li><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"><strong>On ne fait pas dans la provocation</strong> </mark>(ici, j&#8217;ai remercié le client pour sa compréhension et non pas pour sa fidélité, comme on fait d&#8217;habitude, il pourrait mal le prendre alors que je lui dis non)</li>
</ul>



<div class="bloc-attention">
  🖥️ A l&#8217;examen,<strong>ne faites pas de propositions fantaisistes comme des gestes commerciaux.</strong> Ca plairait moyennement au jury ! 😡 Je rappelle qu&#8217;un geste commercial est fait pour rattraper une faute et que, là, nous n&#8217;en avons pas commise !
</div>

<style>
.bloc-attention {
  border-left: 4px solid #dc2626;
  background: #fff1f1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-6c18789acd40ace14ab92ecca958dd7c" id="7-2%EF%B8%8F%E2%83%A3-informer-amp-servir">2️⃣| Informer &amp; Servir</h2>



<!-- DÉBUT TITRE CHAPITRE -->
<style>
.chapter-title { display: flex; align-items: stretch; margin: 1.7rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.chapter-number { background: #1e73be; color: #fff; font-weight: 700; font-size: 2.8rem; padding: 0 1.1rem; display: flex; align-items: center; justify-content: center; }
.chapter-content { padding: 1.3rem 1.5rem; width: 100%; }
.chapter-heading { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; }
.chapter-logo { width: 42px; height: 42px; flex-shrink: 0; display:block; }
.chapter-logo img { width: 100%; height: 100%; object-fit: contain; }
.chapter-content h2 { margin: 0; font-size: 2.1rem; font-weight: 700; color: #1e73be; }
.chapter-points { margin: 0; padding-left: 0; list-style: none; }
.chapter-points li { margin-bottom: 0.35rem; color: #444; font-size: 0.95rem; line-height: 1.45; }
.chapter-points li::before { content: "🔹 "; }
</style>

<div class="chapter-title">
  <div class="chapter-number">2</div>
  <div class="chapter-content">
    <div class="chapter-heading">
      <a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
        <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo">
      </a>
      <h2>Informer et servir</h2>
    </div>
    <ul class="chapter-points"><li>typologies front &#038; back du compte client</li><li>sujets fréquents</li></ul>
  </div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p>➡️ Le compte client et l&#8217;interface dans laquelle chacun peut <strong>retrouver les interactions entre le client et la boutique</strong>.</p>



<p class="has-text-align-center has-medium-font-size" id="9-2-1-piloter-le-client-sur-son-compte-ou-agir-pour-lui-"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Piloter le client sur son compte ou agir pour lui</mark> ?</p>



<p>Vous devez <strong>maitriser la manière dont vos clients peuvent agir</strong> dans leur compte client <strong>afin de les guider </strong>dans les manipulations internes. Le panneau donne ça quand <strong>on clique sur son nom </strong><img loading="lazy" decoding="async" width="150" height="12" class="wp-image-33434" style="width: 150px;" src="https://st9ph.fr/wp-content/uploads/2026/01/cpt-johnDoe.jpg" alt=""> dans le haut à droite du footer, juste à côté du panier :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="361" src="https://st9ph.fr/wp-content/uploads/2026/01/image-323-1024x361.png" alt="" class="wp-image-33433" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-323-1024x361.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-323-300x106.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-323-768x271.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-323.png 1193w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="8-21-typologies-front-et-back-du-compte-client-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>typologies Front et Back du compte client</strong></h3>



<p>Voici la liste des actions possibles et leur équivalent en BackOffice :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-medium-font-size">FrontOffice :</p>



<ul class="wp-block-list">
<li><img loading="lazy" decoding="async" width="19" height="19" class="wp-image-33435" style="width: 19px;" src="https://st9ph.fr/wp-content/uploads/2026/01/cpte-info.jpg" alt=""> <strong>Informations</strong>
<ul class="wp-block-list">
<li>🆔 Modifier ses informations d<strong>&#8216;identité</strong></li>



<li>🔑 Changer son <strong>mot de passe</strong></li>



<li>📧 S&#8217;inscrire / se désinscrire de nos <strong>communications commerciales</strong></li>
</ul>
</li>



<li><img loading="lazy" decoding="async" width="21" height="20" class="wp-image-33436" style="width: 21px;" src="https://st9ph.fr/wp-content/uploads/2026/01/cptAdress.jpg" alt=""><strong>Adresses</strong>
<ul class="wp-block-list">
<li>🏠 <strong>Modifier </strong>son adresse</li>



<li>🏠🏠 <strong>Créer </strong>un <strong>second </strong>alias d&#8217;adresse (alternative)</li>
</ul>
</li>



<li><img loading="lazy" decoding="async" width="24" height="22" class="wp-image-33437" style="width: 24px;" src="https://st9ph.fr/wp-content/uploads/2026/01/cptadress2.jpg" alt=""> <strong>Historique et détails des commandes</strong>
<ul class="wp-block-list">
<li>🧾Voir la <strong>référence</strong>, la <strong>date</strong>, le <strong>statut</strong> et l&#8217;<strong>Etat</strong></li>



<li>🧺 <strong>voir les détails</strong> (panier complet)</li>



<li><img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt=""> voir et télécharger<strong> la facture</strong></li>
</ul>
</li>



<li><img loading="lazy" decoding="async" width="23" height="21" class="wp-image-33439" style="width: 23px;" src="https://st9ph.fr/wp-content/uploads/2026/01/cptAvoir.jpg" alt=""> <strong>Avoir</strong>s
<ul class="wp-block-list">
<li><strong>Consulter</strong></li>
</ul>
</li>



<li><img loading="lazy" decoding="async" width="24" height="22" class="wp-image-33440" style="width: 24px;" src="https://st9ph.fr/wp-content/uploads/2026/01/cptRetour.jpg" alt=""> <strong>Retours produits</strong>
<ul class="wp-block-list">
<li>☝️ <strong>Faire une demande</strong></li>



<li>👀<strong> Consulter l&#8217;état</strong> de la demande</li>
</ul>
</li>



<li><img loading="lazy" decoding="async" width="23" height="21" class="wp-image-33441" style="width: 23px;" src="https://st9ph.fr/wp-content/uploads/2026/01/cptwishlist.jpg" alt=""> <strong>Liste d&#8217;envies</strong>
<ul class="wp-block-list">
<li>👀 <strong>Consulter</strong></li>



<li>👈 <strong>Retirer</strong> des envies</li>



<li>🛒 <strong>Commander </strong>des produits en envie</li>
</ul>
</li>



<li><img loading="lazy" decoding="async" width="19" height="19" class="wp-image-33442" style="width: 19px;" src="https://st9ph.fr/wp-content/uploads/2026/01/cptrgpd.jpg" alt=""> <strong>Données personnelles</strong>
<ul class="wp-block-list">
<li>📁 <strong>télécharger </strong>les données</li>



<li><img loading="lazy" decoding="async" width="27" height="12" class="wp-image-33220" style="width: 27px;" src="https://st9ph.fr/wp-content/uploads/2025/01/marianne.jpg" alt=""> Faire une demande au <strong>DPO</strong></li>
</ul>
</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-medium-font-size">BackOffice :</p>



<ul class="wp-block-list">
<li><img loading="lazy" decoding="async" width="19" height="19" class="wp-image-33435" style="width: 19px;" src="https://st9ph.fr/wp-content/uploads/2026/01/cpte-info.jpg" alt=""> <strong>Informations</strong>
<ul class="wp-block-list">
<li>🆔 Clients &gt; Clients &gt; 🖍️</li>



<li>🔑 <mark style="background-color:rgba(0, 0, 0, 0);color:#d24747" class="has-inline-color">Interdit</mark></li>



<li>📧 Clients &gt; Clients &gt; 🖍️</li>
</ul>
</li>



<li><img loading="lazy" decoding="async" width="21" height="20" class="wp-image-33436" style="width: 21px;" src="https://st9ph.fr/wp-content/uploads/2026/01/cptAdress.jpg" alt=""><strong>Adresses</strong>
<ul class="wp-block-list">
<li>🏠 Clients &gt; Adresses &gt; 🖍️</li>



<li>🏠🏠 Clients &gt; Adresses &gt; 🖍️</li>
</ul>
</li>



<li><img loading="lazy" decoding="async" width="24" height="22" class="wp-image-33437" style="width: 24px;" src="https://st9ph.fr/wp-content/uploads/2026/01/cptadress2.jpg" alt=""> <strong>Historique et détails des commandes</strong>
<ul class="wp-block-list">
<li>🧾🧺<img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt=""> Commandes &gt; commandes</li>
</ul>
</li>



<li><img loading="lazy" decoding="async" width="23" height="21" class="wp-image-33439" style="width: 23px;" src="https://st9ph.fr/wp-content/uploads/2026/01/cptAvoir.jpg" alt=""> <strong>Avoir</strong>s
<ul class="wp-block-list">
<li>Catalogues &gt; réductions</li>
</ul>
</li>



<li><img loading="lazy" decoding="async" width="24" height="22" class="wp-image-33440" style="width: 24px;" src="https://st9ph.fr/wp-content/uploads/2026/01/cptRetour.jpg" alt=""> <strong>Retours produits</strong>
<ul class="wp-block-list">
<li>SAV &gt; Retours Produits</li>
</ul>
</li>



<li><img loading="lazy" decoding="async" width="23" height="21" class="wp-image-33441" style="width: 23px;" src="https://st9ph.fr/wp-content/uploads/2026/01/cptwishlist.jpg" alt=""> <strong>Liste d&#8217;envies</strong>
<ul class="wp-block-list">
<li><mark style="background-color:rgba(0, 0, 0, 0);color:#d33939" class="has-inline-color">que en front</mark></li>
</ul>
</li>



<li><img loading="lazy" decoding="async" width="19" height="19" class="wp-image-33442" style="width: 19px;" src="https://st9ph.fr/wp-content/uploads/2026/01/cptrgpd.jpg" alt=""> <strong>Données personnelles</strong>
<ul class="wp-block-list">
<li>Modules &gt; gestionnaire &gt; RGPD officiel &gt; configurer &gt; Suivi activité clients</li>
</ul>
</li>
</ul>



<p></p>



<p class="has-base-2-background-color has-background">😁 Et figurez-vous que tout cela, <strong>vous devez le maitriser</strong> !</p>
</div>
</div>



<div class="bloc-rappel">
👉🏻 L&#8217;idéal sera de définir un message prédéfini <strong> pour chacune des typologies </strong> (16, tout de même), ce qui demandera <strong> un certain travail au départ </strong> mais qui permettra de gérer toutes les mails &#8220;demandes de modifications&#8221; très rapidement.
</div>
<style>
.bloc-rappel {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<p>➡️ Exemple d&#8217;une <strong>demande de suivi de commande</strong> :</p>



<!-- DÉBUT MAIL HTML (V3.3) -->
<style>
    .preview-header-bar { background: #f8f9fa; border-bottom: 1px solid #ddd; padding: 15px; display: flex; justify-content: space-between; font-size: 13px; color: #555; flex-wrap: wrap; gap: 10px; font-family: sans-serif; }
    .preview-header-bar strong { color: #333; }
    .email-body-wrapper { max-width: 600px; margin: 0 auto; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; line-height: 1.6; background: #fff; }
    .email-logo { text-align: center; margin-bottom: 25px; }
    .email-logo img { max-width: 180px !important; height: auto !important; display: inline-block !important; margin: 0 auto !important; }
    
    .phase-row { display: flex; align-items: flex-start; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eeeeee; }
    .phase-row:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
    .phase-label { width: 18%; font-size: 11px; font-weight: 700; color: #555555; text-transform: uppercase; line-height: 1.3; padding-top: 2px; flex-shrink: 0; }
    .phase-content { width: 82%; font-size: 14px; color: #333; padding-left: 20px; border-left: 2px solid #f0f0f0; }
    
    .phase-cta .phase-content { border-left: none; text-align: center; padding-left: 0; }
    .cta-button { display: inline-block; background: #25B9D7; color: #fff !important; text-decoration: none; padding: 12px 25px; border-radius: 5px; font-weight: bold; }
    
    .phase-signature .phase-content { font-weight: bold; border-left: none; padding-left: 0; white-space: normal; }
    
    .email-footer { background: #f4f4f4; padding: 20px; font-size: 11px; color: #777; text-align: center; margin-top: 20px; border-top: 1px solid #e0e0e0; }
    .footer-section { margin-bottom: 8px; }
    .footer-links a { color: #555; text-decoration: underline; }
    .social-icons { margin-top: 15px; }
    .social-icons img { width: 24px !important; height: 24px !important; margin: 0 5px !important; vertical-align: middle !important; display: inline-block !important; border: none !important; box-shadow: none !important; }
    
    @media (max-width: 768px) {
        .phase-row { flex-direction: column; }
        .phase-label { width: 100%; margin-bottom: 5px; color: #888; }
        .phase-content { width: 100%; padding-left: 0; border-left: none; }
    }
</style>

<div class="preview-header-bar">
    <span><strong>De :</strong> boutique st9ph</span>
    <span><strong>À :</strong> mail client</span>
    <span><strong>Objet :</strong> suivi de votre commande [N°]</span>
</div>

<div class="email-body-wrapper">
    <div class="email-logo"><img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/shop-st9ph-paysage.jpg" alt="Logo"></div>
    
    <div class="phase-row">
        <div class="phase-label">Salutations</div>
        <div class="phase-content">Bonjour[ Rayer l&#8217;inutile] Madame / Monsieur [écrire ici le nom]</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Intro ou reformulation</div>
        <div class="phase-content">Vous souhaitez connaitre l&#8217;état de votre commande [N°] et nous vous remercions de nous avoir contactés.</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Proposition</div>
        <div class="phase-content">Votre commande [N°] est [statut] au [date]. Vous serez informé(e) par mail à l&#8217;adresse [mail_client] des prochaines étapes</div>
    </div>
    
    <div class="phase-row phase-cta">
        <div class="phase-label">Action</div>
        <div class="phase-content">
            <a href="https://shop.st9ph.fr/presta/fr/historique-commandes" class="cta-button" target="_blank">suivre le statut de mes commandes dans mon espace client</a>
        </div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Next Step</div>
        <div class="phase-content">😏 Le saviez-vous ? <br>Vous pouvez par vous même suivre l&#8217;état de votre commande dans la rubrique &#8220;Mon Compte&#8221; (cliquer sur votre nom à côté du panier ou sur &#8220;mon compte dans le pied de page de la boutique). C&#8217;est dans la rubrique &#8220;Historique et détails des commandes&#8221; (ou cliquez sur le bouton ci-dessus)</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Congés</div>
        <div class="phase-content">Toute l&#8217;équipe st9ph Market reste à votre disposition, vous remercie de votre fidélité et vous dit à bientôt sur notre boutique en ligne.</div>
    </div>
    
    <div class="phase-row phase-signature">
        <div class="phase-label">Signature</div>
        <div class="phase-content">[Prénom]<br>Votre conseiller commercial.</div>
    </div>
    
    <div class="email-footer">
        <div class="footer-section">vous recevez ce mail en tant que client de la boutique st9ph</div>
        <div class="footer-section footer-links"><a href="#">Se désinscrire</a></div>
        <div class="footer-section">Conformément à la loi informatique et libertés du 6 janvier 1978 complété par le règlement européen dit RGPD en vigueur depuis le 25 mai 2018, vous disposez d’un droit d’accès et de rectification sur les données vous concernant. Pour exercer ce droit : rubrique &#8220;mon compte&#8221; (accès &#038; modification) ou contactez-nous > sujet &#8220;mon compte&#8221; pour supprimer votre compte</div>
        <div class="footer-section">Utilisez le lien &#8220;contactez nous&#8221; pour toutes vos demandes au service client ou appelez le 📞3568</div>
        <div class="footer-section">shop.st9ph.fr &#8211; [mois -année]</div>
        <div class="social-icons"></div>
    </div>
</div>
<!-- FIN MAIL HTML -->



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p class="has-text-align-center has-base-2-background-color has-background">Il suffira de choisir le message personnalisé dans la liste et de <strong>renseigner les champs variables </strong>(après avoir vérifié les informations).</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="270" height="280" src="https://st9ph.fr/wp-content/uploads/2026/01/image-326.png" alt="" class="wp-image-33457"/></figure>



<p>ℹ️ Certains modules vus plus haut peuvent même <strong>gérer cela automatiquement</strong>.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="531" height="613" src="https://st9ph.fr/wp-content/uploads/2026/01/image-324.png" alt="" class="wp-image-33455" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-324.png 531w, https://st9ph.fr/wp-content/uploads/2026/01/image-324-260x300.png 260w" sizes="auto, (max-width: 531px) 100vw, 531px" /></figure>
</div>
</div>



<h3 class="wp-block-heading" id="9-22-sujets-fr%C3%A9quents-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>sujets fréquents</strong></h3>



<p>➡️ Exemple d&#8217;une <strong>demande de duplicata </strong>:</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Là, il faudra <strong>lui renvoyer</strong> en <img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt=""><strong> pièce joint</strong>e ou lui donner un  <strong>lien de téléchargement </strong> :</p>



<ul class="wp-block-list">
<li> commandes &gt; cliquer sur la commande &gt; <strong>Voir la facture</strong></li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="554" height="159" src="https://st9ph.fr/wp-content/uploads/2026/01/image-327.png" alt="" class="wp-image-33459" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-327.png 554w, https://st9ph.fr/wp-content/uploads/2026/01/image-327-300x86.png 300w" sizes="auto, (max-width: 554px) 100vw, 554px" /></figure>



<p>⚠️ Ca va la <strong>télécharger directement</strong>, en fait, et vous ouvrir en plus un onglet pour la consulter</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-328.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<!-- DÉBUT MAIL HTML (V3.3) -->
<style>
    .preview-header-bar { background: #f8f9fa; border-bottom: 1px solid #ddd; padding: 15px; display: flex; justify-content: space-between; font-size: 13px; color: #555; flex-wrap: wrap; gap: 10px; font-family: sans-serif; }
    .preview-header-bar strong { color: #333; }
    .email-body-wrapper { max-width: 600px; margin: 0 auto; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; line-height: 1.6; background: #fff; }
    .email-logo { text-align: center; margin-bottom: 25px; }
    .email-logo img { max-width: 180px !important; height: auto !important; display: inline-block !important; margin: 0 auto !important; }
    
    .phase-row { display: flex; align-items: flex-start; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eeeeee; }
    .phase-row:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
    .phase-label { width: 18%; font-size: 11px; font-weight: 700; color: #555555; text-transform: uppercase; line-height: 1.3; padding-top: 2px; flex-shrink: 0; }
    .phase-content { width: 82%; font-size: 14px; color: #333; padding-left: 20px; border-left: 2px solid #f0f0f0; }
    
    .phase-cta .phase-content { border-left: none; text-align: center; padding-left: 0; }
    .cta-button { display: inline-block; background: #25B9D7; color: #fff !important; text-decoration: none; padding: 12px 25px; border-radius: 5px; font-weight: bold; }
    
    .phase-signature .phase-content { font-weight: bold; border-left: none; padding-left: 0; white-space: normal; }
    
    .email-footer { background: #f4f4f4; padding: 20px; font-size: 11px; color: #777; text-align: center; margin-top: 20px; border-top: 1px solid #e0e0e0; }
    .footer-section { margin-bottom: 8px; }
    .footer-links a { color: #555; text-decoration: underline; }
    .social-icons { margin-top: 15px; }
    .social-icons img { width: 24px !important; height: 24px !important; margin: 0 5px !important; vertical-align: middle !important; display: inline-block !important; border: none !important; box-shadow: none !important; }
    
    @media (max-width: 768px) {
        .phase-row { flex-direction: column; }
        .phase-label { width: 100%; margin-bottom: 5px; color: #888; }
        .phase-content { width: 100%; padding-left: 0; border-left: none; }
    }
</style>

<div class="preview-header-bar">
    <span><strong>De :</strong> boutique st9ph</span>
    <span><strong>À :</strong> mail client</span>
    <span><strong>Objet :</strong> votre facture REF [REF]</span>
</div>

<div class="email-body-wrapper">
    <div class="email-logo"><img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/shop-st9ph-paysage.jpg" alt="Logo"></div>
    
    <div class="phase-row">
        <div class="phase-label">Salutations</div>
        <div class="phase-content">Bonjour[ Rayer l&#8217;inutile] Madame / Monsieur [écrire ici le nom]</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Intro ou reformulation</div>
        <div class="phase-content">Vous souhaitez un duplicata de votre facture [N°] et nous vous remercions de nous avoir contactés.</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Proposition</div>
        <div class="phase-content">Cliquez sur le lien ci-dessous pour la télécharger.</div>
    </div>
    
    <div class="phase-row phase-cta">
        <div class="phase-label">Action</div>
        <div class="phase-content">
            <a href="https://st9ph.fr/wp-content/uploads/2026/03/FA2025-000010.pdf" class="cta-button" target="_blank">télécharger cette facture</a>
        </div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Next Step</div>
        <div class="phase-content">😏 Le saviez-vous ? <br>Vous pouvez par vous même retrouver et télécharger vos factures dans la rubrique &#8220;Mon Compte&#8221; (cliquer sur votre nom à côté du panier ou sur &#8220;mon compte&#8221; dans le pied de page de la boutique). C&#8217;est dans la rubrique &#8220;Historique et détails des commandes&#8221; puis sur l&#8217;icone ￼pdf.</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Congés</div>
        <div class="phase-content">Toute l&#8217;équipe st9ph Market reste à votre disposition, vous remercie de votre fidélité et vous dit à bientôt sur notre boutique en ligne.</div>
    </div>
    
    <div class="phase-row phase-signature">
        <div class="phase-label">Signature</div>
        <div class="phase-content">[Prénom]<br>Votre conseiller commercial.</div>
    </div>
    
    <div class="email-footer">
        <div class="footer-section">vous recevez ce mail en tant que client de la boutique st9ph</div>
        <div class="footer-section footer-links"><a href="#">Se désinscrire</a></div>
        <div class="footer-section">Conformément à la loi informatique et libertés du 6 janvier 1978 complété par le règlement européen dit RGPD en vigueur depuis le 25 mai 2018, vous disposez d’un droit d’accès et de rectification sur les données vous concernant. Pour exercer ce droit : rubrique &#8220;mon compte&#8221; (accès &#038; modification) ou contactez-nous > sujet &#8220;mon compte&#8221; pour supprimer votre compte</div>
        <div class="footer-section">Utilisez le lien &#8220;contactez nous&#8221; pour toutes vos demandes au service client ou appelez le 📞3568</div>
        <div class="footer-section">shop.st9ph.fr &#8211; [mois -année]</div>
        <div class="social-icons"></div>
    </div>
</div>
<!-- FIN MAIL HTML -->



<p>🖥️ Il faut savoir que <strong>l&#8217;envoi de pièces jointes est désactivée du bloc SAV</strong> sur Prestashop v9 et que <strong><mark style="background-color:rgba(0, 0, 0, 0);color:#b83030" class="has-inline-color">ce n&#8217;est modifiable qu&#8217;en code</mark></strong> (<a href="https://www.prestashop.com/forums/topic/348406-sav-et-discussion-client-ajouter-une-pi%C3%A8ce-jointe-%C3%A0-une-r%C3%A9ponse/">voir ce forum</a>) ou <strong>en achetant un add-on</strong> (d&#8217;où <strong>le lien de téléchargement</strong> dans mon exemple plutôt que la pièce jointe) -&gt; <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">donc, vous ne l&#8217;aurez pas à l&#8217;examen</mark></strong> !</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><strong>En clic droit </strong>sur le bouton &#8220;<strong>Voir la facture</strong>&#8221; dans le détail de la commande du BackOffice, choisissez &#8220;<strong>copiez l&#8217;adresse du lien&#8221;</strong></li>
</ul>



<p class="has-text-color has-link-color wp-elements-f4f191ab82c968ec67e5aa6022b85f58" style="color:#da4343">👀 L&#8217;adresse est &#8220;imbuvable&#8221;<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-contrast-color"> mais on a pas le choix</mark> :</p>



<p class="has-text-align-center has-background has-small-font-size" style="background-color:#f7e5e5">&#8216;https://boutiq.st9ph.fr/da89ms8eewdah1nn/sell/orders/6/generate-invoice-pdf?_token=ef2317145cc2.S0wEX0vpT_f8vzRIVhzGDyKlg4ZAl9TpBYYVpcwMpl4.HARjch2fHNqZ-lw4IkiiWGHu1vcwpqPecORjlftrx29yBncaP5AWz6XnBA</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="465" height="308" src="https://st9ph.fr/wp-content/uploads/2026/01/image-329.png" alt="" class="wp-image-33463" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-329.png 465w, https://st9ph.fr/wp-content/uploads/2026/01/image-329-300x199.png 300w" sizes="auto, (max-width: 465px) 100vw, 465px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="499" height="171" src="https://st9ph.fr/wp-content/uploads/2026/01/image-331.png" alt="" class="wp-image-33465" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-331.png 499w, https://st9ph.fr/wp-content/uploads/2026/01/image-331-300x103.png 300w" sizes="auto, (max-width: 499px) 100vw, 499px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-base-2-background-color has-background">Le message personnalisé <strong>ne tolère que le texte générique </strong>UTF8 et mon essai de  l&#8217;encapsuler dans <strong>un gentil lien hypertexte </strong>html l&#8217;envoie tel quel. Ca ne marche pas !</p>
</div>
</div>



<p class="callout bleu">ℹ️ Sur <strong>l&#8217;aperçu du mail final</strong> plus haut (celui que reçoit le client dans sa boite mail), le beau bouton &#8220;<strong>télécharger cette facture</strong>&#8221; est donc un add-on (non générique dans le modèle) qu&#8217;il faudra implanter dans votre boutique<strong> pour un résultat pro</strong>. Il en existe des &#8220;clés en main&#8221;  (assez chers) mais c&#8217;est jouable aussi<strong> en modifiant le thème de mail </strong>en code (ce que j&#8217;ai fait avec l&#8217;aide de l&#8217;IA parce que je ne suis pas un as du php) &#8230; mais tout cela est hors programme.</p>



<p>👉 On est d&#8217;accord, c&#8217;est plus <strong>du service commercial </strong>que du SAV. Quoique, ça peut être dans le cas d&#8217;un <strong>rappel suite à une rupture de stock </strong>d&#8217;un produit désiré, et, là, ça redevient du SAV, même si c<strong>&#8216;est aussi de la télévente</strong>.</p>



<p>😏 En plus, le <strong>lien est temporaire</strong> (jeton) et <strong>il va se périmer</strong> dans le temps !</p>



<p class="has-base-2-background-color has-background">🖥️ En tout cas, c&#8217;est classé là pour l&#8217;épreuve et on vous demandera parfois de <strong>finaliser une commande</strong> pour un client (panne d&#8217;ordi ou de connexion &#8230;). Mais <strong>en VPC</strong>, c&#8217;est parfois le cas pour des <strong>catalogues papie</strong>r (oui, ça existe encore) ou pour prendre la commande suite à <strong>un devis retourné signé </strong>(souvent en B2B).</p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>🙄 VPC ?</summary>
<p> Vente par correspondance, une partie très petite de la Vente à Distance (VAD), mais qui demeure même si sa part est faible. Elle représentait 50 % de la VAD en 2003 selon la FEVAD mais tellement faible aujourd&#8217;hui qu&#8217;elle ne se risque plus à la chiffrer( moins de 0,1 %) selon les estimations.</p>



<p></p>
</details>



<!-- DÉBUT TITRE CHAPITRE -->
<style>
.chapter-title { display: flex; align-items: stretch; margin: 1.7rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.chapter-number { background: #1e73be; color: #fff; font-weight: 700; font-size: 2.8rem; padding: 0 1.1rem; display: flex; align-items: center; justify-content: center; }
.chapter-content { padding: 1.3rem 1.5rem; width: 100%; }
.chapter-heading { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; }
.chapter-logo { width: 42px; height: 42px; flex-shrink: 0; display:block; }
.chapter-logo img { width: 100%; height: 100%; object-fit: contain; }
.chapter-content h2 { margin: 0; font-size: 2.1rem; font-weight: 700; color: #1e73be; }
.chapter-points { margin: 0; padding-left: 0; list-style: none; }
.chapter-points li { margin-bottom: 0.35rem; color: #444; font-size: 0.95rem; line-height: 1.45; }
.chapter-points li::before { content: "🔹 "; }
</style>

<div class="chapter-title">
  <div class="chapter-number">3</div>
  <div class="chapter-content">
    <div class="chapter-heading">
      <a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
        <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo">
      </a>
      <h2>conseiller et vendre</h2>
    </div>
    <ul class="chapter-points"><li>Push suite à une commande impossible à finaliser</li><li>Prise de commande</li></ul>
  </div>
</div>
<!-- FIN TITRE CHAPITRE -->



<h3 class="wp-block-heading" id="10-31-push-suite-%C3%A0-une-commande-impossible-%C3%A0-finaliser-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">3.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Push suite à une commande impossible à finaliser</strong></h3>



<p>👉 Qu&#8217;il s&#8217;agisse d&#8217;<strong>une déclinaison souhaitée manquante</strong> (taille, couleur &#8230;), d&#8217;<strong>un doute sur le choix</strong>,  où d&#8217;<strong>un stock insuffisant</strong>, un client va parfois<strong> générer un ticket</strong> pour savoir<strong> lequel choisir </strong>ou quand le produit sera <strong>disponible à nouveau</strong> dans la variante qu&#8217;il souhaite. <strong>Plusieurs cas de figures </strong>sont envisageables.</p>



<p>🔹 Le produit est en rupture de stock momentané</p>



<p class="has-base-2-background-color has-background">ℹ️ Il faudra alors regarder <strong>du côté de votre fournisseur </strong>pour savoir <strong>quand vous serez réapprovisionné </strong>mais rien dans le backoffice (catalogue &gt; marques &amp; fournisseurs &gt; (onglet) fournisseurs) n&#8217;est prévu pour <strong>indiquer le roulement</strong> (la périodicité de réapprovisionnement).</p>



<p>🖥️ C&#8217;est souvent au téléphone que cela se passe, il est vrai, et à l&#8217;examen, on vous indiquera ce délai si vous tombez sur ce type de demandes.</p>



<p>Nous prendrons en compte <strong>les deux cas de figure</strong> possibles dans un couleur différente  :</p>



<ul class="wp-block-list">
<li>🟧 Les commandes n&#8217;étaient pas acceptés si le stock était vide</li>



<li>🟩 Les commandes étaient acceptées</li>
</ul>



<!-- DÉBUT MAIL HTML (V3.3) -->
<style>
    .preview-header-bar { background: #f8f9fa; border-bottom: 1px solid #ddd; padding: 15px; display: flex; justify-content: space-between; font-size: 13px; color: #555; flex-wrap: wrap; gap: 10px; font-family: sans-serif; }
    .preview-header-bar strong { color: #333; }
    .email-body-wrapper { max-width: 600px; margin: 0 auto; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; line-height: 1.6; background: #fff; }
    .email-logo { text-align: center; margin-bottom: 25px; }
    .email-logo img { max-width: 180px !important; height: auto !important; display: inline-block !important; margin: 0 auto !important; }
    
    .phase-row { display: flex; align-items: flex-start; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eeeeee; }
    .phase-row:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
    .phase-label { width: 18%; font-size: 11px; font-weight: 700; color: #555555; text-transform: uppercase; line-height: 1.3; padding-top: 2px; flex-shrink: 0; }
    .phase-content { width: 82%; font-size: 14px; color: #333; padding-left: 20px; border-left: 2px solid #f0f0f0; }
    
    .phase-cta .phase-content { border-left: none; text-align: center; padding-left: 0; }
    .cta-button { display: inline-block; background: #25B9D7; color: #fff !important; text-decoration: none; padding: 12px 25px; border-radius: 5px; font-weight: bold; }
    
    .phase-signature .phase-content { font-weight: bold; border-left: none; padding-left: 0; white-space: normal; }
    
    .email-footer { background: #f4f4f4; padding: 20px; font-size: 11px; color: #777; text-align: center; margin-top: 20px; border-top: 1px solid #e0e0e0; }
    .footer-section { margin-bottom: 8px; }
    .footer-links a { color: #555; text-decoration: underline; }
    .social-icons { margin-top: 15px; }
    .social-icons img { width: 24px !important; height: 24px !important; margin: 0 5px !important; vertical-align: middle !important; display: inline-block !important; border: none !important; box-shadow: none !important; }
    
    @media (max-width: 768px) {
        .phase-row { flex-direction: column; }
        .phase-label { width: 100%; margin-bottom: 5px; color: #888; }
        .phase-content { width: 100%; padding-left: 0; border-left: none; }
    }
</style>

<div class="preview-header-bar">
    <span><strong>De :</strong> boutique st9ph</span>
    <span><strong>À :</strong> mail client</span>
    <span><strong>Objet :</strong> notre [nom du produit]</span>
</div>

<div class="email-body-wrapper">
    <div class="email-logo"><img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/shop-st9ph-paysage.jpg" alt="Logo"></div>
    
    <div class="phase-row">
        <div class="phase-label">Salutations</div>
        <div class="phase-content">Bonjour[ Rayer l&#8217;inutile] Madame / Monsieur [écrire ici le nom]</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Intro ou reformulation</div>
        <div class="phase-content">Vous avez rencontré une difficulté pour commander notre [nom du produit] (référence : [ref] et vous nous contactez pour nous le signaler. Nous vous remercions de votre démarche.</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Proposition</div>
        <div class="phase-content">Ce produit est effectivement victime de son succès et n&#8217;est plus en stock pour le moment. Nous sommes navrés pour le désagrément que cela a engendré pour vous.</div>
    </div>
    
    <div class="phase-row phase-cta">
        <div class="phase-label">Action</div>
        <div class="phase-content">
            <a href="https://shop.st9ph.fr/presta/fr/historique-commandes" class="cta-button" target="_blank">🟩 suivre l&#8217;état de ma commande</a>
        </div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Next Step</div>
        <div class="phase-content">Cependant, notre fournisseur garantit de nous réapprovisionner pour le [Date de réapprovisionnement] [&#8230;]<br>🟩 [&#8230;] et votre commande reste toujours active. <br>Vous serez averti dès qu&#8217;elle sera prête pour l&#8217;expédition  ! 👍 <br>[&#8230;]🟧 et je vous invite à renouveler votre commande passée cette date.<br>🥇 Nous pouvons aussi passer cette commande pour vous dès aujourd&#8217;hui pour que vous soyez dans les premiers servis lors du réassort.<br>Dans ce cas, merci de nous l&#8217;indiquer en réponse à ce mail. <br>[ Rayer l&#8217;inutile] [ ❌ pas de lien &#8220;suivre l&#8217;état de ma commande&#8221;]</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Congés</div>
        <div class="phase-content">Toute l&#8217;équipe st9ph Market reste à votre disposition, vous remercie de votre fidélité et vous dit à bientôt sur notre boutique en ligne.</div>
    </div>
    
    <div class="phase-row phase-signature">
        <div class="phase-label">Signature</div>
        <div class="phase-content">[Prénom]<br>Votre conseiller commercial.</div>
    </div>
    
    <div class="email-footer">
        <div class="footer-section">vous recevez ce mail en tant que client de la boutique st9ph</div>
        <div class="footer-section footer-links"><a href="#">Se désinscrire</a></div>
        <div class="footer-section">Conformément à la loi informatique et libertés du 6 janvier 1978 complété par le règlement européen dit RGPD en vigueur depuis le 25 mai 2018, vous disposez d’un droit d’accès et de rectification sur les données vous concernant. Pour exercer ce droit : rubrique &#8220;mon compte&#8221; (accès &#038; modification) ou contactez-nous > sujet &#8220;mon compte&#8221; pour supprimer votre compte</div>
        <div class="footer-section">Utilisez le lien &#8220;contactez nous&#8221; pour toutes vos demandes au service client ou appelez le 📞3568</div>
        <div class="footer-section">shop.st9ph.fr &#8211; [mois -année]</div>
        <div class="social-icons"></div>
    </div>
</div>
<!-- FIN MAIL HTML -->



<p>🔹 Le produit est en rupture de stock définitive</p>



<!-- DÉBUT MAIL HTML (V3.3) -->
<style>
    .preview-header-bar { background: #f8f9fa; border-bottom: 1px solid #ddd; padding: 15px; display: flex; justify-content: space-between; font-size: 13px; color: #555; flex-wrap: wrap; gap: 10px; font-family: sans-serif; }
    .preview-header-bar strong { color: #333; }
    .email-body-wrapper { max-width: 600px; margin: 0 auto; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; line-height: 1.6; background: #fff; }
    .email-logo { text-align: center; margin-bottom: 25px; }
    .email-logo img { max-width: 180px !important; height: auto !important; display: inline-block !important; margin: 0 auto !important; }
    
    .phase-row { display: flex; align-items: flex-start; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eeeeee; }
    .phase-row:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
    .phase-label { width: 18%; font-size: 11px; font-weight: 700; color: #555555; text-transform: uppercase; line-height: 1.3; padding-top: 2px; flex-shrink: 0; }
    .phase-content { width: 82%; font-size: 14px; color: #333; padding-left: 20px; border-left: 2px solid #f0f0f0; }
    
    .phase-cta .phase-content { border-left: none; text-align: center; padding-left: 0; }
    .cta-button { display: inline-block; background: #25B9D7; color: #fff !important; text-decoration: none; padding: 12px 25px; border-radius: 5px; font-weight: bold; }
    
    .phase-signature .phase-content { font-weight: bold; border-left: none; padding-left: 0; white-space: normal; }
    
    .email-footer { background: #f4f4f4; padding: 20px; font-size: 11px; color: #777; text-align: center; margin-top: 20px; border-top: 1px solid #e0e0e0; }
    .footer-section { margin-bottom: 8px; }
    .footer-links a { color: #555; text-decoration: underline; }
    .social-icons { margin-top: 15px; }
    .social-icons img { width: 24px !important; height: 24px !important; margin: 0 5px !important; vertical-align: middle !important; display: inline-block !important; border: none !important; box-shadow: none !important; }
    
    @media (max-width: 768px) {
        .phase-row { flex-direction: column; }
        .phase-label { width: 100%; margin-bottom: 5px; color: #888; }
        .phase-content { width: 100%; padding-left: 0; border-left: none; }
    }
</style>

<div class="preview-header-bar">
    <span><strong>De :</strong> boutique st9ph</span>
    <span><strong>À :</strong> mail client</span>
    <span><strong>Objet :</strong> disponibilité  [nom du produit]</span>
</div>

<div class="email-body-wrapper">
    <div class="email-logo"><img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/shop-st9ph-paysage.jpg" alt="Logo"></div>
    
    <div class="phase-row">
        <div class="phase-label">Salutations</div>
        <div class="phase-content">Bonjour[ Rayer l&#8217;inutile] Madame / Monsieur [écrire ici le nom]</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Intro ou reformulation</div>
        <div class="phase-content">Vous avez rencontré une difficulté pour commander notre [nom du produit] (référence : [ref]) et vous nous contactez pour nous le signaler. Nous vous remercions de votre démarche.</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Proposition</div>
        <div class="phase-content">Ce produit a été effectivement victime de son succès et n&#8217;est plus en stock. Nous sommes navrés pour le désagrément que cela a engendré pour vous.</div>
    </div>
    
    <div class="phase-row phase-cta">
        <div class="phase-label">Action</div>
        <div class="phase-content">
            <a href="https://shop.st9ph.fr/presta/fr/13-arts-culinaires" class="cta-button" target="_blank">Voir d&#8217;autres produits similaires dans la boutique</a>
        </div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Next Step</div>
        <div class="phase-content">Nous ne serons pas réapprovisionnés pour ce produit [ Rayer l&#8217;inutile] qui est une fin de série / qui n&#8217;est plus disponible chez notre fournisseur et nous en sommes navrés.</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Congés</div>
        <div class="phase-content">Toute l&#8217;équipe st9ph Market reste à votre disposition, vous remercie de votre fidélité et vous dit à bientôt sur notre boutique en ligne.</div>
    </div>
    
    <div class="phase-row phase-signature">
        <div class="phase-label">Signature</div>
        <div class="phase-content">[Prénom]<br>Votre conseiller commercial.</div>
    </div>
    
    <div class="email-footer">
        <div class="footer-section">vous recevez ce mail en tant que client de la boutique st9ph</div>
        <div class="footer-section footer-links"><a href="#">Se désinscrire</a></div>
        <div class="footer-section">Conformément à la loi informatique et libertés du 6 janvier 1978 complété par le règlement européen dit RGPD en vigueur depuis le 25 mai 2018, vous disposez d’un droit d’accès et de rectification sur les données vous concernant. Pour exercer ce droit : rubrique &#8220;mon compte&#8221; (accès &#038; modification) ou contactez-nous > sujet &#8220;mon compte&#8221; pour supprimer votre compte</div>
        <div class="footer-section">Utilisez le lien &#8220;contactez nous&#8221; pour toutes vos demandes au service client ou appelez le 📞3568</div>
        <div class="footer-section">shop.st9ph.fr &#8211; [mois -année]</div>
        <div class="social-icons"></div>
    </div>
</div>
<!-- FIN MAIL HTML -->



<p>🔹Le client demande des informations complémentaires sur le produit</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="450" height="450" src="https://st9ph.fr/wp-content/uploads/2026/01/qrcode_boutiq.st9ph.fr-16.png" alt="" class="wp-image-33472" style="width:203px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/qrcode_boutiq.st9ph.fr-16.png 450w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_boutiq.st9ph.fr-16-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_boutiq.st9ph.fr-16-150x150.png 150w" sizes="auto, (max-width: 450px) 100vw, 450px" /></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>🖥️ Un grand classique de l&#8217;examen, la &#8220;<strong>levée de doute</strong>&#8220;. Prenons l&#8217;exemple de <a href="https://boutiq.st9ph.fr/23-58-t-shirt-petit-dauphin.html#/14-couleur-bleu/33-age-3_4" target="_blank" rel="noreferrer noopener">ce produit</a> et d&#8217;un parent qui ne sait pas bien quelle taille choisir pour son fils :</p>


<div style="border: 3px solid #000000; border-radius: 0%; background-color: inherit; " class="ub-styled-box ub-bordered-box wp-block-ub-styled-box" id="ub-styled-box-06b6c533-2b42-49d6-8111-29675c89e975">
<p id="ub-styled-box-bordered-content-">&#8220;<em>Mon fils n&#8217;a que 6 ans mais il mesure déjà 1 m 20 et j&#8217;ai peur que du 5-6 ans soit trop petit. Et il le voudrait en rose mais j&#8217;ai l&#8217;impression que ce n&#8217;est que pour les filles</em>. Si j&#8217;en achète un trop petit, je pourrais vous le renvoyer pour l&#8217;échanger ?&#8221;</p>


</div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Il y&#8217;a trois problématiques distinctes :</p>



<ul class="wp-block-list">
<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">La taille</mark></strong> : On dispose d&#8217;un guide des tailles dans la description et c&#8217;est vrai que du 7 &#8211; 8 ans serait mieux pour lui.</li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Le coloris</mark></strong> : Bien sûr qu&#8217;il peut porter du rose en étant un garçon, même si le modèle photographié est une fille. S&#8217;il a envie qu&#8217;on lui jette des cailloux à la récré, c&#8217;est son problème ! (Je blague, bien sur).</li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Le retour</mark></strong> : c&#8217;est un piège car la réponse sera non (sauf politique de réassurance l&#8217;autorisant à voir dans la boutique ou sur les annexes du sujet)
<ul class="wp-block-list">
<li>Ce n&#8217;est pas <strong>un renoncement à l&#8217;achat dans les 14 jours </strong>dans la mesure où le <strong>produit </strong>aura été <strong>porté </strong>et que, de toute manière, le t-shirt est classé comme<strong> un sous-vêtement </strong>(à même la peau) donc, parmi <strong>les exceptions à la rétractation</strong></li>



<li>Ce n&#8217;est pas <strong>une non conformité</strong> non plus, même s&#8217;il la plupart des boutiques <strong>autorisent l&#8217;échange</strong> dans ce cas, <strong>par soucis de fidélisatio</strong>n (mais nous partirons du principe que ce n&#8217;est pas le cas)</li>
</ul>
</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<style>
.ps-product-card { background: #fff; border: 1px solid #e7e7e7; border-radius: 4px; width: 100%; max-width: 300px; margin: 20px auto; font-family: 'Segoe UI', sans-serif; transition: box-shadow 0.3s ease; position: relative; overflow: hidden; text-decoration: none; color: inherit; display: block; }
.ps-product-card:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.ps-product-image-wrapper { position: relative; width: 100%; padding-top: 100%; overflow: hidden; background: #f5f5f5; }
.ps-product-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.ps-product-card:hover .ps-product-image { transform: scale(1.05); }
.ps-wishlist-icon { position: absolute; top: 10px; right: 10px; background: rgba(255, 255, 255, 0.8); width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; z-index: 2; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.ps-wishlist-icon svg { width: 20px; height: 20px; fill: #7a7a7a; transition: fill 0.2s; }
.ps-wishlist-icon:hover { background: #fff; transform: scale(1.1); }
.ps-wishlist-icon:hover svg { fill: #ff4848; }
.ps-product-rating { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 2px; z-index: 2; background: rgba(0,0,0,0.4); padding: 4px 8px; border-radius: 20px; }
.ps-star { color: #ffd700; font-size: 14px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.ps-product-content { padding: 15px; text-align: center; background: #fff; }
.ps-product-name { font-size: 15px; color: #333; margin: 0 0 10px 0; font-weight: 500; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 42px; }
.ps-product-price { font-size: 18px; font-weight: 700; color: #25B9D7; margin: 0 0 15px 0; }
.ps-product-btn { background-color: #25B9D7; color: #fff; border: none; padding: 10px 15px; border-radius: 4px; font-size: 13px; font-weight: 600; text-transform: uppercase; cursor: pointer; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; transition: background 0.2s; text-decoration: none; box-sizing: border-box; }
.ps-product-btn:hover { background-color: #1fa3c0; color: #fff; }
.ps-product-btn svg { width: 16px; height: 16px; fill: currentColor; }
@media (max-width: 768px) { .ps-product-card { max-width: 100%; } }
</style>
<!-- DÉBUT VIGNETTE PRODUIT -->
<a href="https://boutiq.st9ph.fr/23-66-t-shirt-petit-dauphin.html#/18-couleur-rose/35-age-7_8" target="_blank" class="ps-product-card">
    <div class="ps-product-image-wrapper">
        <img decoding="async" src="https://boutiq.st9ph.fr/40-product_main/t-shirt-petit-dauphin.jpg" alt="T-Shirt Petit Dauphin" class="ps-product-image">
        <div class="ps-wishlist-icon" title="Ajouter aux favoris" onclick="event.preventDefault(); event.stopPropagation(); alert('Fonctionnalité liste d\'envie à connecter.');">
            <svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
        </div>
        <div class="ps-product-rating">
            <span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span>
        </div>
    </div>
    <div class="ps-product-content">
        <h3 class="ps-product-name">T-Shirt Petit Dauphin</h3>
        <div class="ps-product-price">12,50 €</div>
        <div class="ps-product-btn">
            Voir dans la boutique
            <svg viewBox="0 0 24 24"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></svg>
        </div>
    </div>
</a>
<!-- FIN VIGNETTE PRODUIT -->



<p>➡️ Voir l&#8217;article sur <a href="https://st9ph.fr/prestashop-cas-de-retours-produits/">les cas de retours produits</a>.</p>
</div>
</div>



<p>La réponse sera donc ultra personnalisée :</p>





<!-- DÉBUT MAIL HTML (V3.3) -->
<style>
    .preview-header-bar { background: #f8f9fa; border-bottom: 1px solid #ddd; padding: 15px; display: flex; justify-content: space-between; font-size: 13px; color: #555; flex-wrap: wrap; gap: 10px; font-family: sans-serif; }
    .preview-header-bar strong { color: #333; }
    .email-body-wrapper { max-width: 600px; margin: 0 auto; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; line-height: 1.6; background: #fff; }
    .email-logo { text-align: center; margin-bottom: 25px; }
    .email-logo img { max-width: 180px !important; height: auto !important; display: inline-block !important; margin: 0 auto !important; }
    
    .phase-row { display: flex; align-items: flex-start; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eeeeee; }
    .phase-row:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
    .phase-label { width: 18%; font-size: 11px; font-weight: 700; color: #555555; text-transform: uppercase; line-height: 1.3; padding-top: 2px; flex-shrink: 0; }
    .phase-content { width: 82%; font-size: 14px; color: #333; padding-left: 20px; border-left: 2px solid #f0f0f0; }
    
    .phase-cta .phase-content { border-left: none; text-align: center; padding-left: 0; }
    .cta-button { display: inline-block; background: #25B9D7; color: #fff !important; text-decoration: none; padding: 12px 25px; border-radius: 5px; font-weight: bold; }
    
    .phase-signature .phase-content { font-weight: bold; border-left: none; padding-left: 0; white-space: normal; }
    
    .email-footer { background: #f4f4f4; padding: 20px; font-size: 11px; color: #777; text-align: center; margin-top: 20px; border-top: 1px solid #e0e0e0; }
    .footer-section { margin-bottom: 8px; }
    .footer-links a { color: #555; text-decoration: underline; }
    .social-icons { margin-top: 15px; }
    .social-icons img { width: 24px !important; height: 24px !important; margin: 0 5px !important; vertical-align: middle !important; display: inline-block !important; border: none !important; box-shadow: none !important; }
    
    @media (max-width: 768px) {
        .phase-row { flex-direction: column; }
        .phase-label { width: 100%; margin-bottom: 5px; color: #888; }
        .phase-content { width: 100%; padding-left: 0; border-left: none; }
    }
</style>

<div class="preview-header-bar">
    <span><strong>De :</strong> boutique st9ph</span>
    <span><strong>À :</strong> mail client</span>
    <span><strong>Objet :</strong> notre T-Shirt Petit Dauphin</span>
</div>

<div class="email-body-wrapper">
    <div class="email-logo"><img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/shop-st9ph-paysage.jpg" alt="Logo"></div>
    
    <div class="phase-row">
        <div class="phase-label">Salutations</div>
        <div class="phase-content">Bonjour Sarah VIGOTE,</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Intro ou reformulation</div>
        <div class="phase-content">Vous souhaitez commander notre T-Shirt Petit Dauphin (référence : TSPD78r) et vous nous contactez pour nous demander conseil. Nous sommes toujours ravis de pouvoir vous renseigner.</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Proposition</div>
        <div class="phase-content">Selon le gabarit donné en description, ce produit en âge &#8220;7-8 ans&#8221; pour des enfants de taille entre 1 m 16 et 1 m 28 devrait parfaitement convenir à votre fils. 👍<br>Quant à la couleur, je vous confirme que le rose et le bleu sont proposés indifféremment pour les garçons ou pour les filles. Il peut choisir le rose s&#8217;il le préfère au bleu. Nous avons les deux en stock en 7-8 ans.</div>
    </div>
    
    <div class="phase-row phase-cta">
        <div class="phase-label">Action</div>
        <div class="phase-content">
            <a href="https://boutiq.st9ph.fr/23-66-t-shirt-petit-dauphin.html#/18-couleur-rose/35-age-7_8" class="cta-button" target="_blank">Voir le T-Shirt Petit Dauphin dans la boutique</a>
        </div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Next Step</div>
        <div class="phase-content">C&#8217;était important de vous renseigner, en effet, car nous ne sommes pas en mesure de reprendre ni d&#8217;échanger des produits qui se portent à même la peau par mesure d&#8217;hygiène.</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Congés</div>
        <div class="phase-content">Toute l&#8217;équipe st9ph Market reste à votre disposition, vous remercie de votre intérêt pour nos produits et vous dit à bientôt sur notre boutique en ligne.</div>
    </div>
    
    <div class="phase-row phase-signature">
        <div class="phase-label">Signature</div>
        <div class="phase-content">Stéphane,<br>Votre conseiller commercial.</div>
    </div>
    
    <div class="email-footer">
        <div class="footer-section">vous recevez ce mail en tant que client de la boutique st9ph</div>
        <div class="footer-section footer-links"><a href="#">Se désinscrire</a></div>
        <div class="footer-section">Conformément à la loi informatique et libertés du 6 janvier 1978 complété par le règlement européen dit RGPD en vigueur depuis le 25 mai 2018, vous disposez d’un droit d’accès et de rectification sur les données vous concernant. Pour exercer ce droit : rubrique &#8220;mon compte&#8221; (accès &#038; modification) ou contactez-nous > sujet &#8220;mon compte&#8221; pour supprimer votre compte</div>
        <div class="footer-section">Utilisez le lien &#8220;contactez nous&#8221; pour toutes vos demandes au service client ou appelez le 📞3568</div>
        <div class="footer-section">shop.st9ph.fr &#8211; [mois -année]</div>
        <div class="social-icons"></div>
    </div>
</div>
<!-- FIN MAIL HTML -->



<h3 class="wp-block-heading" id="11-3-2-prise-de-commande-">3-2 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Prise de commande</mark></h3>



<div class="bloc-attention">
 ⛔  <strong> N&#8217;allez surtout pas en Front après avoir piraté le mot de passe de votre client </strong>(😶 ça s&#8217;est vu !) pour commander comme si vous étiez lui !
</div>

<style>
.bloc-attention {
  border-left: 4px solid #dc2626;
  background: #fff1f1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<p>✅ Non, vous disposez de la possibilité de <strong>commander pour un client en BackOffice</strong> :</p>



<ul class="wp-block-list">
<li>Commandes &gt; Commandes &gt; <strong>+ Ajouter une nouvelle commande</strong></li>



<li>Tapez <strong>les premières lettres du nom ou du prénom </strong>du client dans la zone 🔎 <strong>Rechercher</strong> un client</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="714" height="89" src="https://st9ph.fr/wp-content/uploads/2026/01/image-332.png" alt="" class="wp-image-33481" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-332.png 714w, https://st9ph.fr/wp-content/uploads/2026/01/image-332-300x37.png 300w" sizes="auto, (max-width: 714px) 100vw, 714px" /></figure>



<p>👉 Un bloc avec les noms des clients existants apparait</p>



<ul class="wp-block-list">
<li>Cliquer sur <strong>Choisir </strong>du client adéquat ou <strong>+ ajouter un client</strong> (là, il faudra faire toute sa fiche)</li>



<li>Tapez <strong>les premières lettres du </strong>produit dans la zone 🔎 <strong>Rechercher</strong> un produit</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="758" height="364" src="https://st9ph.fr/wp-content/uploads/2026/01/image-333.png" alt="" class="wp-image-33482" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-333.png 758w, https://st9ph.fr/wp-content/uploads/2026/01/image-333-300x144.png 300w" sizes="auto, (max-width: 758px) 100vw, 758px" /></figure>



<ul class="wp-block-list">
<li><strong>Choisissez</strong> le produit que vous souhaitez lui commander <strong>dans la liste</strong></li>



<li>Cliquez sur<strong> ajouter au panier</strong></li>



<li>➰ <strong>Répétez l&#8217;opération </strong>pour les autres produits (le cas échéant)</li>
</ul>



<p>➡️Vous pouvez ajouter un code réduction. Si une offre est ouverte à tous les clients en ce moment, faites lui en profiter à lui aussi.</p>



<p>➡️Vous pouvez aussi en créer un &#8220;a la volée&#8221; en cliquant sur  &#8220;<strong>Ajouter un bon d&#8217;achat</strong>&#8220;</p>



<p>⚠️ Attention à certains cas de figure si vous commandez un produit en renvoi suite à un produit retourné :</p>



<ul class="wp-block-list">
<li>Le retour produit <strong>a généré un avoir</strong> : retrouvez le dans Catalogue &gt; réduction et<strong> utilisez le</strong></li>



<li>Le retour produi<strong>t n&#8217;a pas généré d&#8217;avoir,</strong> vous devez<strong> en créer un du montant total de la facture</strong> pour la ramener à zéro (vous le voyez tout en bas de la page mais <strong>attendez d&#8217;avoir choisi le mode de livraison</strong>)
<ul class="wp-block-list">
<li>Eventuellement, consultez l<strong>a politique des retours</strong> (souvent dans les CGV) pour savoir <strong>si les frais d&#8217;expédition restent à sa charge</strong>-&gt; notez le montant de l&#8217;avoir avant si c&#8217;est le cas.</li>
</ul>
</li>
</ul>



<ul class="wp-block-list">
<li>Choisissez l<strong>&#8216;adresse de livraison</strong> (si aucune consigne, celle par défaut en alias #1)</li>



<li>Choisissez le mode de livraison</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="916" height="158" src="https://st9ph.fr/wp-content/uploads/2026/01/image-334.png" alt="" class="wp-image-33483" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-334.png 916w, https://st9ph.fr/wp-content/uploads/2026/01/image-334-300x52.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-334-768x132.png 768w" sizes="auto, (max-width: 916px) 100vw, 916px" /></figure>



<p class="has-base-2-background-color has-background">👉 Vous pouvez éventuellement <strong>définir livraison gratuite</strong> dans le cas d&#8217;un retour s&#8217;il est à notre charge (obligatoirement dans le cas d&#8217;une non conformité et selon que vous avez pensé à le préciser dans vos CGV dans le cas d&#8217;un rétractation, sinon, si vous l&#8217;avez omis, <strong>c&#8217;est obligatoirement à votre charge</strong>).</p>



<ul class="wp-block-list">
<li>Précisez éventuellement <strong>un message</strong> : &#8220;<em>Produit renvoyé suite à un défaut&#8221;</em> (pour un renvoi suite à un retour)</li>



<li>Choisissez le <strong>mode de paiement </strong>et positionnez sur &#8220;<strong>en attente de paiement</strong>&#8220;</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="815" height="169" src="https://st9ph.fr/wp-content/uploads/2026/01/image-335.png" alt="" class="wp-image-33484" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-335.png 815w, https://st9ph.fr/wp-content/uploads/2026/01/image-335-300x62.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-335-768x159.png 768w" sizes="auto, (max-width: 815px) 100vw, 815px" /></figure>



<ul class="wp-block-list">
<li>Cliquer sur &#8220;<strong>Créer une commande&#8221;</strong></li>
</ul>



<p>On remarque un bouton &#8220;<strong>plus d&#8217;actions</strong>&#8221; qui permet soit :</p>



<ul class="wp-block-list">
<li>d&#8217;<strong>envoyer la commande au client par mail</strong> (comme un devis)</li>



<li>d&#8217;envoyer<strong> le panier au FrontOffice </strong>pour que le client la finalise</li>
</ul>



<!-- Bouton principal -->
<button id="uxMenuBtn" style="
  position: fixed;
  right: 14px;
  bottom: 40%;
  padding: 12px 14px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
  font-size: 18px;
">
  ☰
</button>

<!-- Menu -->
<div id="uxMenu" style="
  display:none;
  position: fixed;
  right: 14px;
  bottom: 48%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  z-index: 10000;
  font-family: Arial, sans-serif;
">
  <button class="uxItem" data-popup="sources">📚 Sources</button>
  <button class="uxItem" data-popup="methodo">🧑‍🎓NDRC</button>
  <button class="uxItem" data-popup="glossary">📘 Glossaire</button>
</div>

<!-- Overlay -->
<div id="uxOverlay" style="
  display:none;
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.55);
  z-index:10001;
"></div>

<!-- POPUPS -->

<div class="uxPopup" id="sources" data-title="📚 Sources UX mobile">
<ul>
<li><strong>Google Gemini</strong> – Images d&#8217;illustration hors aperçus d&#8217;écrans Prestashop</li>
<li><strong>Red Bubble</strong> – illustration &#8220;No Ticket&#8221;</li>
<li><strong>Reverse IO</strong> – chiffres sur l&#8217;impact SAV sur la fidélité</li>
</ul>
</div>

<div class="uxPopup" id="methodo" data-title="🧑‍🎓 NDRC">
<p>Cet article est à visée essentiellement de l&#8217;épreuve technique E5B.</p>
<ul>
<li>Ticketing et onglet SAV de Prestashop </li>
<li>Les différents rôles du SAV </li>
<li>Les communications automatisées de la boutique en ligne </li>
<li>Messages prédéfinis de Prestashop (création et utilisation)</li>
<li>Guider le client en FrontOffice </li>
<li>Agir pour le client en BackOffice (compte et commande) </li>
<li>Conseiller le client sur un produit </li>
</ul>
<p>A retenir aussi le discours et la charte mail pour l&#8217;E5A</p>
</div>

<div class="uxPopup" id="glossary" data-title="📘 Glossaire UX mobile">
<ul>
<li><strong>🎫 Ticket</strong> : file de résolution d&#8217;une demande client</li>
<li><strong>🥇 FCR</strong> : Résolution au 1er contact</li>
<li><strong>🏪 FrontOffice</strong> : Boutique côté client</li>
<li><strong>🔧 BackOffice</strong> : (Arrière) boutique côté opérateur</li>
<li><strong>📨 VPC</strong> : Vente Par Correspondance</li>
<li><strong> 🖐️ Touch point</strong> : point de rencontre entre le client et le produit</li>
</ul>
</div>

<!-- Style popup -->
<style>
.uxItem {
  display: block;
  padding: 10px 16px;
  background: #fff;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: #111;        /* ✅ TEXTE VISIBLE */
  font-size: 14px;
}

.uxItem:hover {
  background: #f0f0f0;
}
.uxItem:hover { background:#f0f0f0; }

.uxPopup {
  display:none;
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  width:90%;
  max-width:560px;
  max-height:80%;
  padding:24px;
  border-radius:10px;
  box-shadow:0 10px 40px rgba(0,0,0,0.25);
  z-index:10002;
  overflow-y:auto;
}
</style>

<!-- Script -->
<script>
const menuBtn = document.getElementById("uxMenuBtn");
const menu = document.getElementById("uxMenu");
const overlay = document.getElementById("uxOverlay");
const popups = document.querySelectorAll(".uxPopup");

menuBtn.onclick = () => {
  menu.style.display = menu.style.display === "block" ? "none" : "block";
};

document.querySelectorAll(".uxItem").forEach(btn => {
  btn.onclick = () => {
    popups.forEach(p => p.style.display = "none");
    document.getElementById(btn.dataset.popup).style.display = "block";
    overlay.style.display = "block";
    menu.style.display = "none";
  };
});

overlay.onclick = () => {
  popups.forEach(p => p.style.display = "none");
  overlay.style.display = "none";
};
</script>



<div class="bloc-astuce">
  📨 l&#8217;envoi du <strong> mail de confirmation</strong> est automatique.
</div>

<style>
.bloc-astuce {
  border-left: 4px solid #188038;
  background: #eefaf1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 18px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-ea23b66e04ac872108dbec1a4fcede2f" id="12-4%EF%B8%8F%E2%83%A3-historiser-sans-contact">4️⃣| Historiser sans &#8220;contact&#8221;</h2>



<p>👉 Cela peut se produire que <strong>le touch poin</strong>t (le contact avec le client) n&#8217;ait <strong>pas généré de ticket </strong>automatiquement (<strong>appel téléphonique, courrier classique, client devant vous</strong> à un guichet de SAV) et <strong>que ce soit à vous de le créer.</strong></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="175" height="269" src="https://st9ph.fr/wp-content/uploads/2026/03/image-35.png" alt="" class="wp-image-36007" style="width:207px;height:auto"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-base-2-background-color has-background">Prenons <strong>l&#8217;exemple d&#8217;un appel téléphonique</strong>, même si, à l&#8217;examen, il y&#8217;a peu de chance qu&#8217;on vous mette un casque sur les oreilles pour en faire entendre un 🎧 mais ce sera peut-être <strong>un courrier en annexe,</strong> c&#8217;est possible.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="157" height="281" src="https://st9ph.fr/wp-content/uploads/2026/02/image-138.png" alt="" class="wp-image-36179" style="width:184px;height:auto"/></figure>
</div>
</div>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2026/02/dialogueSt9ph2.mp3"></audio></figure>


<div class="wp-block-ub-content-toggle wp-block-ub-content-toggle-block" id="ub-content-toggle-block-a7ae8a9e-51a3-49f3-a040-3035b8143dc3" data-mobilecollapse="false" data-desktopcollapse="true" data-preventcollapse="false" data-showonlyone="false">
<div class="wp-block-ub-content-toggle-accordion" style="border-color: #f1f1f1; " id="ub-content-toggle-panel-block-">
			<div class="wp-block-ub-content-toggle-accordion-title-wrap" style="background-color: #f1f1f1;" aria-controls="ub-content-toggle-panel-0-a7ae8a9e-51a3-49f3-a040-3035b8143dc3" tabindex="0">
			<p class="wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-a7ae8a9e-51a3-49f3-a040-3035b8143dc3" style="color: #000000; ">🔇 Pour ceux qui n&#8217;ont <strong>pas le son</strong>, <strong>cliquez pour développer</strong> -&gt;</p>
			<div class="wp-block-ub-content-toggle-accordion-toggle-wrap right" style="color: #000000;"><span class="wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down"></span></div>
		</div>
			<div role="region" aria-expanded="false" class="wp-block-ub-content-toggle-accordion-content-wrap ub-hide" id="ub-content-toggle-panel-0-a7ae8a9e-51a3-49f3-a040-3035b8143dc3">

<p><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Chargée de clientèle (CC): Boutique st9ph, bonjour ! bienvenue au service client !</mark><br>Client: Bonjour, je vous appelle parce que je n&#8217;ai pas reçu la facture d&#8217;un produit que j&#8217;ai acheté chez vous !<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: Ce n&#8217;est pas normal, en effet ! nous allons regarder cela ensemble : pouvez vous m&#8217;indiquer l&#8217;adresse mail que vous utilisez dans la boutique ?</mark><br>Client: oui, bien sur ! gnelvet@gmail.com<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: très bien ! J&#8217;accède à votre dossier … vous êtes bien monsieur Gabin Nelvet ?</mark><br>Client: oui !<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: Enchanté monsieur Nelvet, je suis Célia et c&#8217;est moi qui vais traiter votre demande. Pouvez vous me confirmer votre code postal s&#8217;il vous plait ?</mark><br>Client: Heu … oui ? 14000<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC : Merci ! Avez-vous bien reçu le lien de téléchargement de votre produit ?</mark><br>Client: oui !<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: Mais pas le mail qui vous indiquait que votre paiement été accepté ?</mark><br>Client: Si ! Mais justement, il n&#8217;y avait pas de pièce jointe comme les autres fois.<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: En résumé, vous avez eu le lien de téléchargement, le mail de confirmation du paiement mais pas de facture attaché à ce mail. C&#8217;est bien cela ?</mark><br>Client: Hé oui ! Et j&#8217;en ai besoin !<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: Je comprends ! Tout d&#8217;abord, excusez-vous pour le désagrément ! Cela arrive parfois que le mail automatique oublie de joindre la facture.</mark><br>Client: Pas de soucis !<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: Je comprends ! Savez-vous que vous pouvez la retrouver dans votre compte client sans que j&#8217;ai même besoin de vous la renvoyer ?</mark><br>CC: Ah non ? Comment je fais ?<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: Vous êtes connecté à la boutique st9ph ?</mark><br>Client: Oui !<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: Je vous explique ?</mark><br>Client: Oui ! Volontiers !<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: Vous voyez l&#8217;icone du panier, en haut à droite ?</mark><br>Client: Oui !<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: Et à côté votre nom ?</mark><br>Client: Oui.<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: Cliquez dessus !</mark><br>Client: c&#8217;est fait.<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: Vous devez voir une rubrique &#8220;historique et détails des commandes&#8221;, c&#8217;est le cas ?</mark><br>Client: Oui ! Ah oui ! C&#8217;est l&#8217;icone pdf, c&#8217;est ça ?<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: Oui, c&#8217;est cela.</mark><br>Client: Parfait ! Je l&#8217;ai maintenant !<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: Et à l&#8217;avenir, vous pourrez retrouvez toutes vos factures ici, si pour vos prochains achats notre robot d&#8217;envoi de mail oublie encore sa pièce jointe !</mark><br>Client: c&#8217;est sur !<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: Ai-je bien répondu à vos attentes ?</mark><br>Client: Oui, c&#8217;est parfait.<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: avez-vous d&#8217;autres questions ?</mark><br>Client: non, non, tout va bien !<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: Vous m&#8217;en voyez ravie ! Je vous souhaite une agréable journée de la part de la boutique st9ph</mark><br>Client: Merci ! Au revoir Célia !<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">CC: Au revoir monsieur Nelvet.</mark></p>



<p></p>

</div>
		</div>
</div>


<div class="bloc-qcm">
  <p class="qcm-question">
    🎧 <strong>A votre avis:</strong> Faut-il garder une trace de ce touch point ?
  </p>

  <ul class="qcm-options">
    <li data-correct="false">Non, le client est satisfait, son problème est résolu, ça ne sert à rien</li>
    <li data-correct="false">Non, faire un ticket pour le fermer aussitôt, ça va charger la base de SAV pour rien</li>
    <li data-correct="true">Oui, on garde une trace de tous les touch points, même en FCR</li>
  </ul>

  <p class="qcm-feedback"></p>
</div>

<style>
.bloc-qcm {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 16px 18px;
  margin: 24px 0;
  border-radius: 4px;
  font-size: 15px;
}

.qcm-options {
  list-style: none;
  padding: 0;
  margin: 12px 0;
}

.qcm-options li {
  padding: 10px 12px;
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}

.qcm-options li:hover {
  background: #eef3ff;
}

.qcm-options li.correct {
  background: #e6f4ea;
  border-color: #188038;
}

.qcm-options li.wrong {
  background: #fdecec;
  border-color: #dc2626;
}

.qcm-feedback {
  margin-top: 12px;
  font-weight: bold;
}
</style>

<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
  const options = qcm.querySelectorAll('.qcm-options li');
  const feedback = qcm.querySelector('.qcm-feedback');

  options.forEach(option => {
    option.addEventListener('click', () => {
      options.forEach(o => o.classList.remove('correct', 'wrong'));

      if (option.dataset.correct === "true") {
        option.classList.add('correct');
        feedback.textContent = "✅ Bonne réponse ! On historise quelle que soit l'issue.";
        feedback.style.color = "#188038";
      } else {
        option.classList.add('wrong');
        feedback.textContent = "❌ Hé si ! Il faut garder une trace, même des appels résolus.";
        feedback.style.color = "#dc2626";
      }
    });
  });
});
</script>



<p>Dans ce cas de figure, il faudra que <strong>l&#8217;opératrice historise </strong>:</p>



<ul class="wp-block-list">
<li>Commandes &gt; (retrouver la commande) &gt; Messages (<mark style="background-color:rgba(0, 0, 0, 0);color:#d33636" class="has-inline-color">ne cochez pas &#8220;montrer au client&#8221;, c&#8217;est interne</mark>)</li>
</ul>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-345.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p>👉 Pourquoi pas aussi <strong>lui envoyer un mail avec la procédure pour rappel.</strong> Ce geste supplémentaire est propice à la satisfaction client renforcée.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Un <strong>nouveau ticket est généré</strong> dans le SAV :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="468" height="86" src="https://st9ph.fr/wp-content/uploads/2026/01/image-346.png" alt="" class="wp-image-33598" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-346.png 468w, https://st9ph.fr/wp-content/uploads/2026/01/image-346-300x55.png 300w" sizes="auto, (max-width: 468px) 100vw, 468px" /></figure>



<p class="has-base-2-background-color has-background">Il permettra <strong>à tous les opérateurs </strong>de <strong>prendre connaissance de ce touch point </strong>et d&#8217;<strong>en tenir compte</strong>. Cela peut même <strong>mettre le client en confiance </strong>quand vous lui dites : &#8220;Je vois que vous nous avez appelé la semaine dernière à ce sujet &#8230;&#8221;</p>
</div>
</div>



<p>➡️ Dans l&#8217;exemple audio, Célia, la téléopératrice a été <strong>proactive </strong>en expliquant à son client comment s<strong>&#8216;auto-dépanner </strong>(selfcare). </p>



<p>Elle a surement, en plus de <strong>renforcer sa satisfaction</strong>, <strong>évité </strong>qu&#8217;<strong>un nouvel appel </strong>pour cette même problématique intervienne de sa part. L&#8217;e<strong>mail récapitulatif</strong> sera un très bon moyen de <strong>finaliser le ticket</strong> en Next Step.</p>



<!-- DÉBUT MAIL HTML (V3.3) -->
<style>
    .preview-header-bar { background: #f8f9fa; border-bottom: 1px solid #ddd; padding: 15px; display: flex; justify-content: space-between; font-size: 13px; color: #555; flex-wrap: wrap; gap: 10px; font-family: sans-serif; }
    .preview-header-bar strong { color: #333; }
    .email-body-wrapper { max-width: 600px; margin: 0 auto; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; line-height: 1.6; background: #fff; }
    .email-logo { text-align: center; margin-bottom: 25px; }
    .email-logo img { max-width: 180px !important; height: auto !important; display: inline-block !important; margin: 0 auto !important; }
    
    .phase-row { display: flex; align-items: flex-start; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eeeeee; }
    .phase-row:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
    .phase-label { width: 18%; font-size: 11px; font-weight: 700; color: #555555; text-transform: uppercase; line-height: 1.3; padding-top: 2px; flex-shrink: 0; }
    .phase-content { width: 82%; font-size: 14px; color: #333; padding-left: 20px; border-left: 2px solid #f0f0f0; }
    
    .phase-cta .phase-content { border-left: none; text-align: center; padding-left: 0; }
    .cta-button { display: inline-block; background: #25B9D7; color: #fff !important; text-decoration: none; padding: 12px 25px; border-radius: 5px; font-weight: bold; }
    
    .phase-signature .phase-content { font-weight: bold; border-left: none; padding-left: 0; white-space: normal; }
    
    .email-footer { background: #f4f4f4; padding: 20px; font-size: 11px; color: #777; text-align: center; margin-top: 20px; border-top: 1px solid #e0e0e0; }
    .footer-section { margin-bottom: 8px; }
    .footer-links a { color: #555; text-decoration: underline; }
    .social-icons { margin-top: 15px; }
    .social-icons img { width: 24px !important; height: 24px !important; margin: 0 5px !important; vertical-align: middle !important; display: inline-block !important; border: none !important; box-shadow: none !important; }
    
    @media (max-width: 768px) {
        .phase-row { flex-direction: column; }
        .phase-label { width: 100%; margin-bottom: 5px; color: #888; }
        .phase-content { width: 100%; padding-left: 0; border-left: none; }
    }
</style>

<div class="preview-header-bar">
    <span><strong>De :</strong> boutique st9ph</span>
    <span><strong>À :</strong> gnelvet@gmail.com</span>
    <span><strong>Objet :</strong>  suite à votre appel au service client de [date &#8211; heure]</span>
</div>

<div class="email-body-wrapper">
    <div class="email-logo"><img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/shop-st9ph-paysage.jpg" alt="Logo"></div>
    
    <div class="phase-row">
        <div class="phase-label">Salutations</div>
        <div class="phase-content">Bonjour Gabin Nelvet,</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Intro ou reformulation</div>
        <div class="phase-content">Le mail de téléchargement de votre dernière commande à omis de joindre la facture et nous nous excusons pour ce désagrément.<br>Vous nous avez contactés au 📞 3568 pour la retrouver et nous vous en remercions.</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Proposition</div>
        <div class="phase-content">Nous avons vu ensemble comment retrouver cette facture dans votre espace client et nous considérons votre demande comme résolue. </div>
    </div>
    
    <div class="phase-row phase-cta">
        <div class="phase-label">Action</div>
        <div class="phase-content">
            <a href="https://boutiq.st9ph.fr/historique-commandes" class="cta-button" target="_blank">voir toutes vos factures dans la boutique</a>
        </div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Next Step</div>
        <div class="phase-content">Le bouton ci-dessus ne fonctionne que si vous êtes connecté au préalable à la boutique (restez connecté en cochant la case &#8220;se souvenir de moi&#8221;).<br>L&#8217;incident porte le numéro de ticket TK#801F si vous aviez toutefois encore des questions à ce sujet. Merci de mentionner cette référence le cas échéant afin de faciliter nos échanges.<br>Pour rappel, c&#8217;est dans votre espace client, dans &#8220;historique et détails de vos commandes&#8221; que vous pouvez retrouver toutes vos factures (dans un délai maximum de 10 ans).</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Congés</div>
        <div class="phase-content">Toute l&#8217;équipe st9ph Market reste à votre disposition, vous remercie pour votre fidélité et vous dit à bientôt sur notre boutique en ligne.</div>
    </div>
    
    <div class="phase-row phase-signature">
        <div class="phase-label">Signature</div>
        <div class="phase-content">Stéphane,<br>Votre conseiller commercial.</div>
    </div>
    
    <div class="email-footer">
        <div class="footer-section">vous recevez ce mail en tant que client de la boutique st9ph</div>
        <div class="footer-section footer-links"><a href="#">Se désinscrire</a></div>
        <div class="footer-section">Conformément à la loi informatique et libertés du 6 janvier 1978 complété par le règlement européen dit RGPD en vigueur depuis le 25 mai 2018, vous disposez d’un droit d’accès et de rectification sur les données vous concernant. Pour exercer ce droit : rubrique &#8220;mon compte&#8221; (accès &#038; modification) ou contactez-nous > sujet &#8220;mon compte&#8221; pour supprimer votre compte</div>
        <div class="footer-section">Utilisez le lien &#8220;contactez nous&#8221; pour toutes vos demandes au service client ou appelez le 📞3568</div>
        <div class="footer-section">shop.st9ph.fr &#8211; [mois -année]</div>
        <div class="social-icons"></div>
    </div>
</div>
<!-- FIN MAIL HTML -->



<p>➡️ Remarquez le remerciement en <strong>prise de congés</strong> :</p>



<ul class="wp-block-list">
<li>&#8220;<em>Toute l&#8217;équipe st9ph Market [&#8230;] vous remercie de <strong>votre intérêt pour nos produits </strong>&#8230;</em>&#8221; pour <strong>les prospects</strong> (Sarah ViGOTE)</li>



<li>&#8220;T<em>oute l&#8217;équipe st9ph Market [&#8230;] vous remercie de <strong>votre fidélité</strong></em>&#8221; pour <strong>les clients</strong> (Gabin NELVET)</li>
</ul>



<div class="bloc-rappel">
 🆗 <strong> N&#8217;oubliez pas qu&#8217;un client qui réclame est un client qui a confiance !</strong> </div>

<style>
.bloc-rappel {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 18px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<p class="has-text-align-center has-small-font-size">Sinon, il ne vous contacte même pas s&#8217;il n&#8217;a aucun espoir.</p>



<p>Voilà, n&#8217;oubliez pas à l&#8217;examen E5B :</p>



<ul class="wp-block-list">
<li>Menez l&#8217;enquête pour savoir <strong>ce qui est factuel</strong> ✅, de l&#8217;ordre d&#8217;un <strong>manque de notre part</strong> <strong>ou de celui du client</strong>.</li>



<li>Menez les opérations <strong>proactives</strong> 🚓 ou / et <strong>réactives</strong> 🚑qui s&#8217;imposent</li>



<li>✍️Répondez <strong>ensuite</strong> au client pour lui dire exactement :
<ul class="wp-block-list">
<li>🆗 <strong>ce que vous avez fait</strong> pour lui,</li>



<li>🔴 <strong>ce que vous n&#8217;avez pas pu faire</strong> (et pourquoi),</li>



<li>🔜 <strong>ce qu&#8217;il reste à faire</strong> de la part du SAV ou de la sienne et comment cela va se passer (<strong>Next Step</strong>)</li>
</ul>
</li>
</ul>



<p>✅ Et tout cela en respectant <a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2959/preview/pdf/5595" target="_blank" rel="noreferrer noopener">la charte de mail</a> (voir page 3 du lien) et <strong>les consignes du sujet</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="has-text-align-right has-medium-font-size">Vous êtes mûr(e) pour un petit 🎓 TP ?</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<style>
.alert-av6hqn-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(3px); z-index: 9999; justify-content: center; align-items: center; }
.alert-av6hqn-dialog { background: #fff; width: 90%; max-width: 400px; border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; overflow: hidden; animation: popInalert-av6hqn 0.2s ease-out; border: 1px solid #ddd; }
@keyframes popInalert-av6hqn { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.alert-av6hqn-header { padding: 20px 20px 10px 20px; display: flex; align-items: flex-start; }
.alert-av6hqn-icon { font-size: 28px; margin-right: 15px; flex-shrink: 0; line-height: 1; }
.alert-av6hqn-title { font-weight: 600; font-size: 16px; color: #333; margin: 0; line-height: 1.3; }
.alert-av6hqn-body { padding: 0 20px 20px 55px; font-size: 14px; color: #333; line-height: 1.5; }
.alert-av6hqn-footer { border-top: 1px solid #eee; padding: 10px 20px; display: flex; justify-content: flex-end; gap: 10px; background: #f9f9f9; }
.alert-av6hqn-btn { padding: 8px 16px; border-radius: 4px; font-size: 13px; font-weight: 500; cursor: pointer; border: none; transition: background 0.2s; }
.alert-av6hqn-btn-cancel { background: #e0e0e0; color: #333; } .alert-av6hqn-btn-cancel:hover { background: #d0d0d0; }
.alert-av6hqn-btn-confirm { background: #0066cc; color: white; } .alert-av6hqn-btn-confirm:hover { background: #0052a3; }
.alert-av6hqn-btn-close { background: #2196f3; color: white; width: 100%; } .alert-av6hqn-btn-close:hover { background: #1976d2; }
.alert-av6hqn-trigger { background: #ff9800; color: white; border: none; padding: 10px 20px; font-size: 14px; border-radius: 4px; cursor: pointer; font-family: sans-serif; display: inline-block; margin: 10px 0; } .alert-av6hqn-trigger:hover { background: #e68900; }
</style><!-- DÉBUT ALERTE MODALE (Généré) -->
<div id="alert-av6hqn-overlay" class="alert-av6hqn-overlay">
    <div class="alert-av6hqn-dialog">
        <div class="alert-av6hqn-header">
            <div class="alert-av6hqn-icon" style="color: #ff9800">⚠️</div>
            <div><div class="alert-av6hqn-title">st9ph.fr indique</div></div>
        </div>
        <div class="alert-av6hqn-body">🔒Cet article est réservé à mes étudiants. Il vous faudra un code pour accéder au contenu. Merci de votre compréhension.</div>
        <div class="alert-av6hqn-footer">
                <button class="alert-av6hqn-btn alert-av6hqn-btn-cancel" onclick="document.getElementById('alert-av6hqn-overlay').style.display='none'">Rester sur la page</button>
                <button class="alert-av6hqn-btn alert-av6hqn-btn-confirm" onclick="if('https://st9ph.fr/%f0%9f%8e%93tp-service-client/') window.location.href='https://st9ph.fr/%f0%9f%8e%93tp-service-client/'; else document.getElementById('alert-av6hqn-overlay').style.display='none';">continuer ver le 🎓TP</button>
            </div>
    </div>
</div>
<button onclick="document.getElementById('alert-av6hqn-overlay').style.display='flex'" class="alert-av6hqn-trigger">😁 Même pas peur !</button>
<!-- FIN ALERTE MODALE -->
</div>
</div>



<p>🔻La version <img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt=""><mark style="background-color:rgba(0, 0, 0, 0);color:#eb1e1e" class="has-inline-color">pdf</mark>, à venir. ♻️<mark style="background-color:rgba(0, 0, 0, 0);color:#3eb674" class="has-inline-color"><strong>A imprimer avec modération.</strong></mark></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span><a href="https://st9ph.fr/category/creation-de-sites/">🛠️ création de sites</a></span> » <span class="breadcrumb_last" aria-current="page">PrestaShop</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2Fprestashop-le-service-apres-vente%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size">⬇️</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>



<p></p>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-03f25ead     uagb-post__items uagb-post__columns-3 is-grid uagb-post__columns-tablet-2 uagb-post__columns-mobile-1 uagb-post__equal-height" data-total="3" style="">

												<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="732" height="259" src="https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop.jpg 732w, https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop-300x106.jpg 300w" sizes="auto, (max-width: 732px) 100vw, 732px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer">Prestashop | OP Com dans la Eshop</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-17T18:27:24+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					17 février 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | 💥OP Com dans la Eshop ➡️ Que ce soit pour &#8230; vider les&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="736" height="226" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958.jpg 736w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958-300x92.jpg 300w" sizes="auto, (max-width: 736px) 100vw, 736px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Manipuler la boutique</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-22T14:40:35+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					22 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					2 commentaires				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | Manipuler la boutique 🏪 👉🏻 2nd bloc d&#8217;évaluation de l&#8217;épreuve technique, les manipulations&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="769" height="245" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419.jpg 769w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419-300x96.jpg 300w" sizes="auto, (max-width: 769px) 100vw, 769px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer">Prestashop | La Fiche Produit par l&#8217;exemple</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-16T22:44:19+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					16 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | La Fiche Produit 🎧 Ecouter l&#8217;introduction audio 👉🏻 1er bloc d&#8217;évaluation de l&#8217;épreuve&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="723" height="199" src="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925.jpg 723w, https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925-300x83.jpg 300w" sizes="auto, (max-width: 723px) 100vw, 723px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer">Prestashop | les retours produits</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-12-18T19:06:17+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					18 décembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Un commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>restaShop | Les retours produits 🔙 ➡️ Il faut savoir que les différents scénarios devront&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="307" src="https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-1024x349.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-1024x349.png 1024w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-300x102.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-768x262.png 768w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9.png 1059w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Nouveautés de la version 9</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-11-19T10:45:25+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					19 novembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>Une nouvelle version du CMS pose quelques améliorations au Backoffice et un nouveau thème en&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-referencement-seo-de-vos-produits/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="425" src="https://st9ph.fr/wp-content/uploads/2025/11/refeProduit-1024x484.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/11/refeProduit-1024x484.png 1024w, https://st9ph.fr/wp-content/uploads/2025/11/refeProduit-300x142.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/refeProduit-768x363.png 768w, https://st9ph.fr/wp-content/uploads/2025/11/refeProduit.png 1062w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-referencement-seo-de-vos-produits/" target="_self" rel="bookmark noopener noreferrer">Prestashop | référencement SEO de vos produits</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-11-14T10:10:32+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					14 novembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | le SEO de vos produits 👉🏻 Essentiel pour assurer votre visibilité sur les&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-referencement-seo-de-vos-produits/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
											</div>
			


<div class="wp-block-uagb-team uagb-team__image-position-left uagb-team__align-left uagb-team__stack-tablet uagb-block-5002ab42"><img decoding="async" class="uagb-team__image-crop-circle" src="https://st9ph.fr/wp-content/uploads/2022/01/steph-150x150.png" alt="" height="100" width="100" loading="lazy"/><div class="uagb-team__content"><h4 class="uagb-team__title">St9ph</h4><span class="uagb-team__prefix">Webmaster</span><p class="uagb-team__desc">Je suis Formateur depuis 1997 et j&#8217;ai commencé ma carrière comme technicien en réseaux informatiques.  J&#8217;ai travaillé pour de grands organismes de formation : Greta, AFPA, réseau des CCI, des écoles de commerces réputées : EM Normandie, E2SE, groupes FIM et ICEP, et collaboré en Centre d&#8217;Appels chez Webhelp pendant 12 ans avec des grands comptes FAI comme Orange, Bouygues Telecom et SFR, des assureurs et des fournisseurs d&#8217;Energie comme Direct Energie (devenu Total) et EDF (devenu Engie) !</p><ul class="uagb-team__social-list"><li class="uagb-team__social-icon"><a href="https://www.facebook.com/profile.php?id=100076192144163" aria-label="facebook" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"></path></svg></a></li><li class="uagb-team__social-icon"><a href="https://www.linkedin.com/company/st9ph/" aria-label="linkedin" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li></ul></div></div>
<p>L’article <a href="https://st9ph.fr/prestashop-le-service-apres-vente/">Prestashop | Le Service Après Vente</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/prestashop-le-service-apres-vente/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_24-01-2026_at_23_13_14_on_January_24th_2026.mp3" length="268704" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/02/dialogueSt9ph2.mp3" length="1290672" type="audio/mpeg" />

		<post-id xmlns="com-wordpress:feed-additions:1">33379</post-id>	</item>
		<item>
		<title>Prestashop &#124; Manipuler la boutique</title>
		<link>https://st9ph.fr/prestashop-manipuler-la-boutique/</link>
					<comments>https://st9ph.fr/prestashop-manipuler-la-boutique/#comments</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Thu, 22 Jan 2026 13:40:35 +0000</pubDate>
				<category><![CDATA[PrestaShop]]></category>
		<category><![CDATA[🛠️ création de sites]]></category>
		<category><![CDATA[🌐 public]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=33149</guid>

					<description><![CDATA[<p>PrestaShop &#124; Manipuler la boutique 🏪 👉🏻 2nd bloc d&#8217;évaluation de l&#8217;épreuve technique, les manipulations à l&#8217;intérieur de la boutique qu&#8217;on peut vous demander durant l&#8217;examen E5B du BTS NDRC sont nombreuses et variées. 📖 Lecture : 0 % Les deux autres blocs de questions étant : ⏱️ Vous devrez répartir votre temps (et donc ... <a title="Prestashop &#124; Manipuler la boutique" class="read-more" href="https://st9ph.fr/prestashop-manipuler-la-boutique/" aria-label="En savoir plus sur Prestashop &#124; Manipuler la boutique">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/prestashop-manipuler-la-boutique/">Prestashop | Manipuler la boutique</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-80041ad0 wp-block-group-is-layout-flex">


<p class="has-medium-font-size"><strong>PrestaShop</strong></p>



<p class="has-accent-color has-text-color has-link-color has-x-large-font-size wp-elements-323854018c51f2c2f72d855c72eecd25"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-contrast-color">|</mark> Manipuler la boutique 🏪</p>
</div>



<p class="has-medium-font-size">👉🏻 2nd bloc d&#8217;évaluation de l&#8217;épreuve technique,<strong> les manipulations à l&#8217;intérieur de la boutique</strong> qu&#8217;on peut vous demander durant <strong>l&#8217;examen </strong>E5B du BTS NDRC <strong>sont nombreuses et variées</strong>.</p>



<!-- =====================================================
     BADGE DE LECTURE + BADGE "DÉJÀ LU"
     - % de lecture en temps réel
     - Devient vert à 75 %
     - Mémorisé en session (déjà lu)
     ===================================================== -->

<!-- ✅ STRUCTURE HTML DU BADGE -->
<div id="readBadge">
  📖 Lecture : 0 %
</div>

<style>
/* ===============================
   STYLE DU BADGE
   =============================== */
#readBadge {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #111;
  color: #fff;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 9999;
}

/* Badge visible */
#readBadge.show {
  opacity: 1;
  transform: translateY(0);
}

/* Badge vert = article lu */
#readBadge.read {
  background: #188038;
}
</style>

<script>
/* ===============================
   LOGIQUE JAVASCRIPT
   =============================== */
(function () {

  const badge = document.getElementById("readBadge");

  // ✅ Clé unique par page (URL)
  const storageKey = "articleLu_" + window.location.pathname;

  // ✅ Si déjà lu dans la session
  if (sessionStorage.getItem(storageKey)) {
    badge.classList.add("show", "read");
    badge.innerText = "✅ Article déjà lu";
    return; // on ne recalcule plus le scroll
  }

  let badgeShown = false;
  let articleMarkedAsRead = false;

  window.addEventListener("scroll", function () {

    const scrollTop = window.scrollY;
    const docHeight = document.body.scrollHeight - window.innerHeight;
    const percent = Math.round((scrollTop / docHeight) * 100);

    // Mise à jour du texte
    badge.innerText = "📖 Lecture : " + percent + " %";

    // Affichage du badge dès 10 %
    if (percent >= 10 && !badgeShown) {
      badge.classList.add("show");
      badgeShown = true;
    }

    // ✅ Article considéré comme lu à 75 %
    if (percent >= 75 && !articleMarkedAsRead) {
      badge.classList.add("read");
      badge.innerText = "✅ Article lu à " + percent + " %";
      sessionStorage.setItem(storageKey, "true");
      articleMarkedAsRead = true;
    }

  });

})();
</script>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_22-01-2026_at_18_37_09_on_January_22nd_2026.mp3"></audio><figcaption class="wp-element-caption">🎧 Ecouter l&#8217;introduction audio</figcaption></figure>



<p><strong>Les deux autres blocs</strong> de questions étant : </p>



<ul class="wp-block-list">
<li>2️⃣ la <strong>création ou la modification d&#8217;une fiche produit </strong>(<strong><a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_blank" rel="noreferrer noopener">dans cet article</a></strong>)</li>



<li>3️⃣ <strong>le SAV</strong> cad traiter une demande client- <a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_blank" rel="noreferrer noopener">voir l&#8217;article</a>
<ul class="wp-block-list">
<li>voir aussi <img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt=""> <strong><strong><a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2963/preview/pdf/295" target="_blank" rel="noreferrer noopener">book Prestashop</a></strong></strong></li>
</ul>
</li>
</ul>



<p class="has-base-2-background-color has-background">⏱️ Vous devrez <strong>répartir votre temps </strong>(et donc vos points) <strong>entre ces trois blocs.</strong> Sur une épreuve de <strong>40 minutes</strong>, <strong>vous en aurez donc 13 pour réaliser toutes les manipulations de cet article </strong>et aller chercher <strong>les 6 à 7 points sur 20 </strong>de ce bloc.</p>



<p class="has-text-align-center has-medium-font-size">On fait le tour de ce qu&#8217;il faut apprendre dans cet article.:</p>



<p>ℹ️ Cet article englobe aussi des aspects de ☝️concepts (<strong>légalité de la EShop</strong>) en complément de cette magnifique <img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt=""><a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2961/preview/pdf/5747" target="_blank" rel="noreferrer noopener">fiche ressource</a> pour la préparation de l&#8217;épreuve écrite E5A (compétence 3).</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading has-base-2-background-color has-background has-medium-font-size" id="0-%E2%AC%85%EF%B8%8F-retour-%C3%A0-la-fiche-produit-">⬅️ <a href="https://st9ph.fr/prestashop-la-fiche-produit/">retour à la Fiche Produit</a></h2>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-base-2-background-color has-background has-medium-font-size"><a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_blank" rel="noreferrer noopener">Aller directement au SAV</a> ➡️</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="233" height="211" src="https://st9ph.fr/wp-content/uploads/2025/12/IA.png" alt="" class="wp-image-31733" style="width:79px;height:auto"/></figure>
</div>


<p class="has-small-font-size">Part d&#8217;IA /5 dans cet article</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<div class="wp-block-columns has-base-2-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-42ddb4f8-8303-43dc-b377-dda5ac0ef141">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-42ddb4f8-8303-43dc-b377-dda5ac0ef141-0"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-42ddb4f8-8303-43dc-b377-dda5ac0ef141-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-42ddb4f8-8303-43dc-b377-dda5ac0ef141-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-42ddb4f8-8303-43dc-b377-dda5ac0ef141-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-42ddb4f8-8303-43dc-b377-dda5ac0ef141-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-42ddb4f8-8303-43dc-b377-dda5ac0ef141-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-42ddb4f8-8303-43dc-b377-dda5ac0ef141-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-42ddb4f8-8303-43dc-b377-dda5ac0ef141-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-42ddb4f8-8303-43dc-b377-dda5ac0ef141-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-42ddb4f8-8303-43dc-b377-dda5ac0ef141-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">♨️ Sources</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-ab82e9bf-2c26-4f86-8b11-6a32cd645c8a">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-ab82e9bf-2c26-4f86-8b11-6a32cd645c8a-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-ab82e9bf-2c26-4f86-8b11-6a32cd645c8a-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-ab82e9bf-2c26-4f86-8b11-6a32cd645c8a-1"><rect height="150" width="75" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-ab82e9bf-2c26-4f86-8b11-6a32cd645c8a-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-ab82e9bf-2c26-4f86-8b11-6a32cd645c8a-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-ab82e9bf-2c26-4f86-8b11-6a32cd645c8a-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-ab82e9bf-2c26-4f86-8b11-6a32cd645c8a-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-ab82e9bf-2c26-4f86-8b11-6a32cd645c8a-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-ab82e9bf-2c26-4f86-8b11-6a32cd645c8a-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-ab82e9bf-2c26-4f86-8b11-6a32cd645c8a-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">🖼️ Images</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-fda696be-7e1c-451f-8c23-5940618cac73">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-fda696be-7e1c-451f-8c23-5940618cac73-0"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-fda696be-7e1c-451f-8c23-5940618cac73-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-fda696be-7e1c-451f-8c23-5940618cac73-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-fda696be-7e1c-451f-8c23-5940618cac73-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-fda696be-7e1c-451f-8c23-5940618cac73-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-fda696be-7e1c-451f-8c23-5940618cac73-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-fda696be-7e1c-451f-8c23-5940618cac73-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-fda696be-7e1c-451f-8c23-5940618cac73-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-fda696be-7e1c-451f-8c23-5940618cac73-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-fda696be-7e1c-451f-8c23-5940618cac73-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">✒️Contenu</div>
		</div></div>
</div>
</div>
</div>



<p class="has-text-align-center has-small-font-size">Il est possible que les termes ou les aperçus d&#8217;écran diffèrent entre votre BO et le mien notamment au niveau des noms de labels car j&#8217;utilise une version multilingue du CMS et <strong>les noms restent parfois en anglais</strong>.</p>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">42–63 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">9 884 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-04-02T12:59:50+02:00">2 avril  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-b4ee5d2e      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							plan du tuto :						</div>
												<div class="uagb-toc__loader"></div>										<div class="uagb-toc__list-wrap uagb-toc__list-hidden">
						<ol class="uagb-toc__list"><li class="uagb-toc__list "><a href="#retour-à-la-fiche-produit" class="uagb-toc-link__trigger">⬅️ retour à la Fiche Produit</a><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#tour-dhorizon-des-contenus-dévaluation" class="uagb-toc-link__trigger">tour d&#039;horizon des contenus d&#039;évaluation</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#0-1-apparence" class="uagb-toc-link__trigger">0-1 | Apparence</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#0-2-contenu" class="uagb-toc-link__trigger">0-2 | contenu</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#0-3-commandes-et-promotions" class="uagb-toc-link__trigger">0-3 | Commandes et promotions</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#0-4-images" class="uagb-toc-link__trigger">0-4 | Images</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#0-5-modules" class="uagb-toc-link__trigger">0-5 | Modules</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#0-6-navigation" class="uagb-toc-link__trigger">0-6 | Navigation</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#0-7-seo" class="uagb-toc-link__trigger">0-7 | SEO</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#0-8-utilisateurs" class="uagb-toc-link__trigger">0-8 | Utilisateurs</a></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#navigation-dans-la-boutique" class="uagb-toc-link__trigger">Navigation dans la boutique</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#11-présentation-des-2-thèmes-préinstallés-sur-la-v9" class="uagb-toc-link__trigger">🔹1.1 |présentation des 2 thèmes préinstallés sur la v9</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#12-repositionner-les-blocs-entre-eux" class="uagb-toc-link__trigger">🔹1.2 |Repositionner les blocs entre eux</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#13-paramétrer-les-blocs-de-navigation" class="uagb-toc-link__trigger">🔹1.3 |Paramétrer les blocs de navigation</a></li></ul></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#affichage-dans-la-boutique" class="uagb-toc-link__trigger">Affichage dans la boutique</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#21-afficher-les-produits" class="uagb-toc-link__trigger">🔹2.1 | 🔖Afficher les produits</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#22-affiches-les-offres" class="uagb-toc-link__trigger">🔹2.2 | 💥Affiches les offres</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-3-afficher-nos-informations" class="uagb-toc-link__trigger">2-3 | Afficher nos informations</a></li></ul></li></ul></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#ressources-de-la-boutique" class="uagb-toc-link__trigger">Ressources de la boutique</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#31-clients" class="uagb-toc-link__trigger">🔹3.1 |Clients</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#32-livraison" class="uagb-toc-link__trigger">🔹3.2 |Livraison</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#33-marques-et-fournisseurs" class="uagb-toc-link__trigger">🔹3.3 |Marques et fournisseurs</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#34-rôles-internes" class="uagb-toc-link__trigger">🔹3.4 |Rôles internes</a></li></ul></li></ul></li></ul></li></ul></li><li class="uagb-toc__list "><a href="#aller-au-sav" class="uagb-toc-link__trigger">Aller au SAV ➡️</a></ul></ul></ul></ul></ol>					</div>
									</div>
				</div>
			


<!-- Bouton principal -->
<button id="uxMenuBtn" style="
  position: fixed;
  right: 14px;
  bottom: 40%;
  padding: 12px 14px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
  font-size: 18px;
">
  ☰
</button>

<!-- Menu -->
<div id="uxMenu" style="
  display:none;
  position: fixed;
  right: 14px;
  bottom: 48%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  z-index: 10000;
  font-family: Arial, sans-serif;
">
  <button class="uxItem" data-popup="sources">📚 Sources</button>
  <button class="uxItem" data-popup="methodo">🧑‍🎓NDRC</button>
  <button class="uxItem" data-popup="glossary">📘 Glossaire</button>
</div>

<!-- Overlay -->
<div id="uxOverlay" style="
  display:none;
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.55);
  z-index:10001;
"></div>

<!-- POPUPS -->

<div class="uxPopup" id="sources" data-title="📚 Sources UX mobile">
<ul>
<li><strong>Nano Banana de Google Gemini</strong> – personnages d&#8217;illustration, des fiches produits et image en avant</li>
<li><strong>Prestashop</strong> – Saas dans sa version V9 pour les manipulations</li>
<li><strong>Ministère de l&#8217;Education Nationale</strong> – référenciel de l&#8217;épreuve technique</li>
</ul>
</div>

<div class="uxPopup" id="methodo" data-title="🧑‍🎓 NDRC">
<p>Cet article est à visée de 🖥️ l&#8217;épreuve technique E5B.</p>
<ul>
<li>connaitre l&#8217;ensemble des points d&#8217;évaluation de l&#8217;épreuve technique E5B sur Prestashop</li>
<li>savoir manipuler l&#8217;ensemble des modules du Front Office de la boutique</li>
<li>savoir manipuler l&#8217;ensemble des fonctionnalités liées à la navigation</li>
<li>Savoir mettre en valeur et faire la publicité des offres</li>
<li>Savoir modifier et afficher les informations légales de la boutique</li>
<li>Savoir modifier et ajouter des clients, des collaborateurs et des prestataires</li>
</ul>
<p>Certains contenus sont ciblés vers d&#8217;autres articles du blog</p>
</div>

<div class="uxPopup" id="glossary" data-title="📘 Glossaire UX mobile">
<ul>
<li><strong>produits phares</strong> : ceux qui sont les plus populaires (le plus vus)</li>
<li><strong>Best sellers</strong> : meilleurs ventes</li>
<li><strong>Publicité des opérations commerciales</strong> : c&#8217;est interne, il s&#8217;agit de mettre à disposition de clients les conditions des opérations</li>
<li><strong>meta description</strong> : courte introduction qui apparaitra sous le Titre dans une SERP</li>
</ul>
</div>

<!-- Style popup -->
<style>
.uxItem {
  display: block;
  padding: 10px 16px;
  background: #fff;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: #111;        /* ✅ TEXTE VISIBLE */
  font-size: 14px;
}

.uxItem:hover {
  background: #f0f0f0;
}
.uxItem:hover { background:#f0f0f0; }

.uxPopup {
  display:none;
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  width:90%;
  max-width:560px;
  max-height:80%;
  padding:24px;
  border-radius:10px;
  box-shadow:0 10px 40px rgba(0,0,0,0.25);
  z-index:10002;
  overflow-y:auto;
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu {
    display: none !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu,
  #uxOverlay,
  .uxPopup {
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    display: none !important;
  }
}
</style>

<script>
(function () {

  // === DÉSACTIVATION MOBILE ===
  if (window.innerWidth <= 768) {
    return; // on ne fait RIEN sur mobile
  }

  // === RÉFÉRENCES ===
  const menuBtn = document.getElementById("uxMenuBtn");
  const menu = document.getElementById("uxMenu");
  const overlay = document.getElementById("uxOverlay");
  const popups = document.querySelectorAll(".uxPopup");

  if (!menuBtn || !menu || !overlay) return;

  // === OUVERTURE / FERMETURE MENU ===
  menuBtn.addEventListener("click", () => {
    menu.style.display = menu.style.display === "block" ? "none" : "block";
  });

  // === OUVERTURE POPUPS ===
  document.querySelectorAll(".uxItem").forEach(btn => {
    btn.addEventListener("click", () => {
      popups.forEach(p => p.style.display = "none");
      const target = document.getElementById(btn.dataset.popup);
      if (target) target.style.display = "block";
      overlay.style.display = "block";
      menu.style.display = "none";
    });
  });

  // === FERMETURE OVERLAY ===
  overlay.addEventListener("click", () => {
    popups.forEach(p => p.style.display = "none");
    overlay.style.display = "none";
  });

})();
</script>



</script>
<script>
(function () {
  if (window.innerWidth <= 768) {
    const uxPanel = document.querySelector('.ux-panel');
    if (uxPanel) {
      uxPanel.remove();
    }
  }
})();
</script>



<style>
.chapter-title {
  display: flex;
  align-items: stretch;
  margin: 1.8rem 0;
}

/* Numéro */
.chapter-number {
  background: #1e73be;
  color: #fff;
  font-weight: 700;
  font-size: 3rem;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 0 0 10px;
}

/* Contenu */
.chapter-content {
  padding: 0.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 4px solid #1e73be;
}

/* H2 avec logo */
.chapter-content h2 {
  margin: 0;
  font-size: 2.05rem;
  font-weight: 700;
  color: #1e73be;
  display: flex;
  align-items: center;
  gap: 0.6rem; /* espace logo / texte */
}

/* Logo carré */
.chapter-icon {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Sous-titre */
.chapter-subtitle {
  margin-top: 0.35rem;
  font-style: italic;
  color: #555;
  font-size: 0.95rem;
}
</style>

<div class="chapter-title">
  <div class="chapter-number">0</div>
  <div class="chapter-content">
    <h2>
      <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png"
           alt=""
           class="chapter-icon">
      tour d'horizon des contenus d'évaluation
    </h2>
    <p class="chapter-subtitle">Nomenclature de l'annexe VI-I du référenciel EN</p>
  </div>
</div>


<div class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-1c200479-113a-4b21-9ce4-f3eac4f010ed" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="false" data-initiallyshow="true"><div class="ub_table-of-contents-header-container" style="">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style=""></div>
				
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column ">
				<ul style=""><li style=""><a href="https://st9ph.fr/prestashop-manipuler-la-boutique/#1-0-1-apparence-" style="">0-1 | Apparence</a></li><li style=""><a href="https://st9ph.fr/prestashop-manipuler-la-boutique/#2-0-2-contenu-" style="">0-2 | contenu</a></li><li style=""><a href="https://st9ph.fr/prestashop-manipuler-la-boutique/#3-0-3-commandes-et-promotions-" style="">0-3 | Commandes et promotions</a></li><li style=""><a href="https://st9ph.fr/prestashop-manipuler-la-boutique/#4-0-4-images-" style="">0-4 | Images</a></li><li style=""><a href="https://st9ph.fr/prestashop-manipuler-la-boutique/#5-0-5-modules-" style="">0-5 | Modules</a></li><li style=""><a href="https://st9ph.fr/prestashop-manipuler-la-boutique/#6-0-6-navigation-" style="">0-6 | Navigation</a></li><li style=""><a href="https://st9ph.fr/prestashop-manipuler-la-boutique/#7-0-7-seo-" style="">0-7 | SEO</a></li><li style=""><a href="https://st9ph.fr/prestashop-manipuler-la-boutique/#8-0-8-utilisateurs-" style="">0-8 | Utilisateurs</a></li><li style=""><a href="https://st9ph.fr/prestashop-manipuler-la-boutique/#9-11-pr%C3%A9sentation-des-2-th%C3%A8mes-pr%C3%A9install%C3%A9s-sur-la-v9-" style="">🔹1.1 |présentation des 2 thèmes préinstallés sur la v9</a></li><li style=""><a href="https://st9ph.fr/prestashop-manipuler-la-boutique/#10-12-repositionner-les-blocs-entre-eux-" style="">🔹1.2 |Repositionner les blocs entre eux</a></li><li style=""><a href="https://st9ph.fr/prestashop-manipuler-la-boutique/#11-13-param%C3%A9trer-les-blocs-de-navigation-" style="">🔹1.3 |Paramétrer les blocs de navigation</a></li><li style=""><a href="https://st9ph.fr/prestashop-manipuler-la-boutique/#12-21-afficher-les-produits-" style="">🔹2.1 | 🔖Afficher les produits</a></li><li style=""><a href="https://st9ph.fr/prestashop-manipuler-la-boutique/#13-22-affiches-les-offres-" style="">🔹2.2 | 💥Affiches les offres</a></li><li style=""><a href="https://st9ph.fr/prestashop-manipuler-la-boutique/#15-31-clients-" style="">🔹3.1 |Clients</a></li><li style=""><a href="https://st9ph.fr/prestashop-manipuler-la-boutique/#16-32-livraison-" style="">🔹3.2 |Livraison</a></li><li style=""><a href="https://st9ph.fr/prestashop-manipuler-la-boutique/#17-33-marques-et-fournisseurs-" style="">🔹3.3 |Marques et fournisseurs</a></li><li style=""><a href="https://st9ph.fr/prestashop-manipuler-la-boutique/#18-34-r%C3%B4les-internes-" style="">🔹3.4 |Rôles internes</a></li></ul>
			</div>
		</div></div>


<p>🔹Ils sont définis par<strong> une circulaire académique </strong>(※<em>annexe VII-I</em>) mise à jour tous les ans. Voici la dernière (2025)  :</p>



<div data-wp-interactive="core/file" class="wp-block-file"><object data-wp-bind--hidden="!state.hasPdfPreview" hidden class="wp-block-file__embed" data="https://st9ph.fr/wp-content/uploads/2026/01/Annexe7-1-presta.pdf" type="application/pdf" style="width:100%;height:200px" aria-label="Contenu embarqué Annexe7-1-presta."></object><a id="wp-block-file--media-c3750fd9-4e98-4c7a-9c4d-ee5a94a310c9" href="https://st9ph.fr/wp-content/uploads/2026/01/Annexe7-1-presta.pdf">Annexe7-1-presta</a><a href="https://st9ph.fr/wp-content/uploads/2026/01/Annexe7-1-presta.pdf" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-c3750fd9-4e98-4c7a-9c4d-ee5a94a310c9">Télécharger</a></div>



<p></p>



<p>🔹Voyons tous d'abord ceux <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"><strong>qui seront vus ici</strong> </mark>ou qu'on peut déjà <strong>retrouver ailleurs sur le blog</strong> :</p>



<h3 class="wp-block-heading" id="1-0-1-apparence-">0-1 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Apparence</mark></h3>



<figure class="wp-block-table"><table><thead><tr><th>Fonctionnalité</th><th>Traitement sur le blog st9ph</th></tr></thead><tbody><tr><td>Affichage des blocs de la page d'accueil</td><td>✅ Ici | 1️⃣Navigation (bouger) 2️⃣Affichage (présence)</td></tr><tr><td> Produits Populaires (phares) </td><td>✅ Ici | 1️⃣Navigation (bouger) 2️⃣Affichage (présence)</td></tr><tr><td>Nouveaux produits</td><td>✅ Ici | 1️⃣Navigation (bouger) 2️⃣Affichage (présence)</td></tr><tr><td>listes de liens &amp; Link widgets</td><td><a href="https://st9ph.fr/configurer-la-liste-de-liens-du-footer-prestashop/" target="_blank" rel="noreferrer noopener">cet article</a></td></tr></tbody></table></figure>



<h3 class="wp-block-heading" id="2-0-2-contenu-">0-2 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">contenu</mark></h3>



<p>ℹ️ <strong>Toutes les manipulations présentes dans cette rubrique</strong>, <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">sauf celles indiquées dans le tableau ci-dessous</mark> <strong>sont traitées <a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_blank" rel="noreferrer noopener">dans cet article</a></strong>.</p>



<ul class="wp-block-list">
<li><strong>Réclamations, messages prédéfinis et SAV</strong> dans <mark style="background-color:rgba(0, 0, 0, 0);color:#df3636" class="has-inline-color"><a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_blank" rel="noreferrer noopener">Cet article</a> </mark>sur <strong>le 3ème bloc</strong></li>



<li>Presque tous les points manquants sont <strong>tout de même disponibles dans le </strong><img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt=""><strong><strong><a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2963/preview/pdf/295" target="_blank" rel="noreferrer noopener">book Prestashop</a></strong></strong> que cette série d'articles vise à remplacer.</li>
</ul>



<figure class="wp-block-table"><table><thead><tr><th>Fonctionnalité</th><th>Traitement sur le blog st9ph</th></tr></thead><tbody><tr><td>Créer un catégorie et une sous-catégorie</td><td>✅ Ici | 1️⃣Navigation</td></tr><tr><td>Créer un pack de produit</td><td><a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_blank" rel="noreferrer noopener">dans cet article</a> - <img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt=""><strong><strong><a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2963/preview/pdf/295" target="_blank" rel="noreferrer noopener">book Prestashop</a></strong></strong></td></tr><tr><td>Créer une Marque</td><td>✅ Ici | 3️⃣Ressources</td></tr><tr><td>Créer et gérer un groupe de clients</td><td>✅ Ici | 3️⃣Ressources</td></tr><tr><td>Gérer les stocks</td><td>✅ Ici | 3️⃣Ressources</td></tr><tr><td>Gérer les transporteurs</td><td>✅ Ici | 3️⃣Ressources</td></tr><tr><td>Traiter les commandes</td><td><a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_blank" rel="noreferrer noopener">Article sur le SAV</a> (chapitre 3-2) - <img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt=""><strong><strong><a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2963/preview/pdf/295" target="_blank" rel="noreferrer noopener">book Prestashop</a></strong></strong></td></tr></tbody></table></figure>



<h3 class="wp-block-heading" id="3-0-3-commandes-et-promotions-">0-3 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Commandes et promotions</mark></h3>



<figure class="wp-block-table"><table><thead><tr><th>Fonctionnalité</th><th>Traitement sur le blog st9ph</th></tr></thead><tbody><tr><td>Créer et gérer une commande</td><td><mark style="background-color:rgba(0, 0, 0, 0);color:#df3636" class="has-inline-color"><a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_blank" rel="noreferrer noopener">Cet article</a> </mark>sur <strong>le 3ème bloc</strong> (SAV) - <img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt=""><strong><strong><a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2963/preview/pdf/295" target="_blank" rel="noreferrer noopener">book Prestashop</a></strong></strong></td></tr><tr><td>Gérer les retours et les avoirs</td><td>retours : <a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_blank" rel="noreferrer noopener">cet article</a> | avoirs : <mark style="background-color:rgba(0, 0, 0, 0);color:#df3636" class="has-inline-color"><mark style="background-color:rgba(0, 0, 0, 0);color:#df3636" class="has-inline-color"><a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_blank" rel="noreferrer noopener">Cet article</a></mark> </mark>sur <strong>le 3ème bloc</strong> (SAV)</td></tr><tr><td>conditions de retours produits</td><td><a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_blank" rel="noreferrer noopener">cet article</a> </td></tr><tr><td>promotions catalogue, panier et prix spécifiques</td><td>prix spécifique <strong><a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_blank" rel="noreferrer noopener">dans cet article</a></strong> | autres contenus : <a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_blank" rel="noreferrer noopener">dans cet article </a>- <img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt=""><strong><strong><a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2963/preview/pdf/295" target="_blank" rel="noreferrer noopener">book Prestashop</a></strong></strong></td></tr></tbody></table></figure>



<h3 class="wp-block-heading" id="4-0-4-images-">0-4 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Images</mark></h3>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Fonctionnalité</th><th>Traitement sur le blog st9ph</th></tr></thead><tbody><tr><td>Modifier la légende et la description</td><td> <strong><a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_blank" rel="noreferrer noopener">dans cet article</a></strong></td></tr><tr><td>Image mises en avant</td><td> <strong><a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_blank" rel="noreferrer noopener">dans cet article</a></strong></td></tr></tbody></table></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="173" src="https://st9ph.fr/wp-content/uploads/2026/01/image-122-1024x173.png" alt="" class="wp-image-32622" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-122-1024x173.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-122-300x51.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-122-768x130.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-122.png 1144w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="5-0-5-modules-">0-5 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Modules</mark></h3>



<figure class="wp-block-table"><table><thead><tr><th>Fonctionnalité</th><th>Traitement sur le blog st9ph</th></tr></thead><tbody><tr><td>Produits phares</td><td>✅ Ici | 2️⃣Affichage</td></tr><tr><td>Carrousel</td><td><mark style="background-color:rgba(0, 0, 0, 0);color:#e53737" class="has-inline-color">2️⃣</mark><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-contrast-color">Affichage</mark> - <img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt=""><strong><strong><a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2963/preview/pdf/295" target="_blank" rel="noreferrer noopener">book Prestashop</a></strong></strong></td></tr><tr><td>Menu principal</td><td>✅ Ici | 1️⃣Navigation</td></tr><tr><td>Bloc texte</td><td>✅ Ici | 2️⃣Affichage</td></tr><tr><td>Réassurance</td><td><a href="https://st9ph.fr/la-reassurance-dans-prestashop/">cet article</a></td></tr><tr><td>Réseaux sociaux</td><td>✅ Ici | 2️⃣Affichage</td></tr><tr><td>Commentaires produits</td><td><a href="https://st9ph.fr/avis-clients-dans-votre-eshop-prestashop/" target="_blank" rel="noreferrer noopener">cet article</a></td></tr><tr><td>module chèque</td><td><strong>✅ Ici | 3️⃣Ressources</strong></td></tr></tbody></table></figure>



<h3 class="wp-block-heading" id="6-0-6-navigation-">0-6 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Navigation</mark></h3>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Fonctionnalité</th><th>Traitement sur le blog st9ph</th></tr></thead><tbody><tr><td>onglets backoffice / frontoffice</td><td> <strong>✅ Ici | 1️⃣Navigation</strong></td></tr><tr><td>Alias de recherche</td><td> <strong><a href="https://st9ph.fr/prestashop-mots-cles-et-alias-de-recherche/" target="_blank" rel="noreferrer noopener">dans cet article</a></strong></td></tr></tbody></table></figure>



<h3 class="wp-block-heading" id="7-0-7-seo-">0-7 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">SEO</mark></h3>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Fonctionnalité</th><th>Traitement sur le blog st9ph</th></tr></thead><tbody><tr><td>mots clés, meta, header</td><td> <strong><a href="https://st9ph.fr/prestashop-referencement-seo-de-vos-produits/" target="_blank" rel="noreferrer noopener">dans cet article</a></strong></td></tr></tbody></table></figure>



<h3 class="wp-block-heading" id="8-0-8-utilisateurs-">0-8 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Utilisateurs</mark></h3>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Fonctionnalité</th><th>Traitement sur le blog st9ph</th></tr></thead><tbody><tr><td>Créer un nouveau collaborateur</td><td><strong>✅ Ici | 3️⃣Ressources</strong></td></tr><tr><td>Attribuer les permissions</td><td>✅ Ici | <strong>3️⃣Ressources </strong></td></tr><tr><td>Affecter et modifier un profil</td><td>✅ Ici | <strong>3️⃣Ressources </strong></td></tr></tbody></table></figure>



<p class="has-medium-font-size">➡️ On se lance ?</p>



<!-- DÉBUT TITRE CHAPITRE -->
<style>
.chapter-title { display: flex; align-items: stretch; margin: 1.7rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.chapter-number { background: #1e73be; color: #fff; font-weight: 700; font-size: 2.8rem; padding: 0 1.1rem; display: flex; align-items: center; justify-content: center; }
.chapter-content { padding: 1.3rem 1.5rem; width: 100%; }
.chapter-heading { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; }
.chapter-logo { width: 42px; height: 42px; flex-shrink: 0; display:block; }
.chapter-logo img { width: 100%; height: 100%; object-fit: contain; }
.chapter-content h2 { margin: 0; font-size: 2.1rem; font-weight: 700; color: #1e73be; }
.chapter-points { margin: 0; padding-left: 0; list-style: none; }
.chapter-points li { margin-bottom: 0.35rem; color: #444; font-size: 0.95rem; line-height: 1.45; }
.chapter-points li::before { content: "🔹 "; }
</style>
<div class="chapter-title">
<div class="chapter-number">1</div>
<div class="chapter-content">
<div class="chapter-heading">
<a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
<img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo">
</a>
<h2> Navigation dans la boutique</h2>
</div>
<ul class="chapter-points"><li>présentation des 2 thèmes préinstallés sur la v9</li><li>Repositionner les blocs entre eux</li><li>Paramétrer les blocs de navigation</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p>👉 Il faut savoir que <strong>toutes les modifications</strong> passeront par <strong>la manipulation de modules </strong>que vous retrouverez toujours dans <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Modules &gt; Gestionnaire de module</mark></strong>, même s'il se trouve d'autres manières d'y accéder pour certains d'entre eux.</p>



<h3 class="wp-block-heading" id="9-11-pr%C3%A9sentation-des-2-th%C3%A8mes-pr%C3%A9install%C3%A9s-sur-la-v9-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>présentation des 2 thèmes préinstallés sur la v9</strong></h3>



<p>🔹 La <strong>prédisposition du modèle</strong> Prestashop (Classic)<strong> tel qu'il s'installe au départ</strong>, mais cela ne veut pas dire que c'est ainsi que vous le rencontrerez sur la boutique d'examen :</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-236.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p>En thème <strong>Hummingbird</strong> c'est <strong>pratiquement la même chose,</strong> <strong>les modules sont les mêmes</strong> et fonctionnement de la même manière. Notons juste que :</p>



<ul class="wp-block-list">
<li>le <strong>Bloc Texte Personnalisé</strong> est remonté sous le Carrousel </li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="826" height="354" src="https://st9ph.fr/wp-content/uploads/2026/01/image-237.png" alt="" class="wp-image-33170" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-237.png 826w, https://st9ph.fr/wp-content/uploads/2026/01/image-237-300x129.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-237-768x329.png 768w" sizes="auto, (max-width: 826px) 100vw, 826px" /></figure>



<ul class="wp-block-list">
<li><strong>La bannière</strong> est callée <strong>au milieu</strong> entre les <strong>produits phares</strong> et les <strong>nouveaux produits</strong></li>



<li>le <strong>Bloc Newsletter</strong> et le <strong>Footer </strong>sont relookés</li>
</ul>



<p class="has-text-align-center has-small-font-size"><em>Glisser vers la droite pour Classic et vers la gauche pour Hummingbird</em></p>



<figure class="wp-block-jetpack-image-compare"><div class="juxtapose" data-mode="horizontal"><img loading="lazy" decoding="async" id="33172" src="https://i0.wp.com/st9ph.fr/wp-content/uploads/2026/01/image-239.png?ssl=1" alt="" width="767" height="319" class="image-compare__image-before"/><img loading="lazy" decoding="async" id="33171" src="https://i0.wp.com/st9ph.fr/wp-content/uploads/2026/01/image-238.png?ssl=1" alt="" width="711" height="261" class="image-compare__image-after"/></div></figure>



<p>Mais tout cela se change facilement :</p>



<h3 class="wp-block-heading" id="10-12-repositionner-les-blocs-entre-eux-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Repositionner les blocs entre eux</mark></strong></h3>



<p class="has-medium-font-size">🔹 Sur la page d'accueil (<strong>Body</strong>)</p>



<ul class="wp-block-list">
<li><strong>Apparence </strong>&gt; <strong>Positions</strong></li>



<li>Descendez jusqu'à "<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Display Home</mark></strong>" (c'est dans l'ordre alphabétique)</li>



<li>Glissez<strong> la poignée crantée </strong>comme sur l'animation ci-dessous pour remonter ou redescendre les blocs sur la page d'accueil</li>
</ul>



<figure class="wp-block-video"><video height="452" style="aspect-ratio: 912 / 452;" width="912" autoplay muted src="https://st9ph.fr/wp-content/uploads/2026/01/Enregistrement-2026-01-19-160918.mp4" playsinline></video></figure>



<p class="has-medium-font-size">🔹Pour le <strong>Footer</strong></p>



<p>C'est <strong>le même principe</strong> depuis la section "<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Display Footer</mark></strong>".</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-240.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p class="has-base-2-background-color has-background">ℹ️ Il y'a aussi <strong>deux zones avant et après Footer</strong> qui permettent de mettre <strong>des contenus optionnels</strong> mais on ne peut pas <strong>les glisser d'un display à un autre</strong>. Il faut <strong>les dégreffer et regreffer</strong> ! C'est hors programme, quoi qu'il en soit.</p>



<p>Dans la vidéo si dessous, je transfère <strong>la newsletter</strong> du <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">display Footer</mark></strong> au <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"><strong>display </strong></mark><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Footer_After</mark></strong> :</p>



<figure class="wp-block-video"><video height="678" style="aspect-ratio: 1032 / 678;" width="1032" controls src="https://st9ph.fr/wp-content/uploads/2026/01/greffon.mp4"></video></figure>



<p>👉 Dans <strong>un schéma classique</strong>, les blocs sont <strong>idéalement placés</strong> :</p>



<ul class="wp-block-list">
<li>Le <strong>menu</strong>, le <strong>compte client</strong>, le <strong>panier </strong>dans le <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Display_Header</mark></li>



<li>Le <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Display-Home</mark> joue tous les éléments de<strong> publicité interne</strong> (Carrousel, bannière et bloc texte) ainsi que les blocs de<strong> mise en avant des produits du catalogue</strong> (produits phares, nouveautés et promos)</li>



<li>le <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Display_Foote</mark>r (+ avant et après) propose la <strong>newsletter</strong>, la<strong> liste de liens</strong> (vers les pages de légalité, de FAQ), les liens de nos<strong> réseaux sociaux</strong> et <strong>les coordonnées </strong>de la eshop</li>
</ul>



<p>🖥️ Mais on vous demandera peut-être de <strong>modifier leur ordre</strong> !</p>



<h3 class="wp-block-heading" id="11-13-param%C3%A9trer-les-blocs-de-navigation-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.3 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Paramétrer les blocs de navigation</strong></h3>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-332335d3-7c42-408a-808f-561f67b5b43f">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-c6e9577c-e0ae-40aa-bdb5-716c2735d3e5">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">Vous pouvez rester sur<strong> Positions </strong>et cliquer sur<strong> le petit crayon </strong>🖍️ pour <strong>modifier un module </strong>mais il faut savoir <strong>dans quel Display il se cache</strong>.</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-feead69c-0eea-4f0c-bc74-179e26e8d6e8">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">Vous pouvez aussi aller dans <strong>Apparences </strong>&gt; <strong>Thèmes et logo</strong> &gt; <img loading="lazy" decoding="async" width="148" height="24" class="wp-image-33181" style="width: 148px" src="https://st9ph.fr/wp-content/uploads/2026/01/bouton-cohoisirMiseEnPage-PS.jpg" alt=""> &gt; (onglet) Page de configuration.</span>
			</div>
			
		</li>
</ul>


<p class="has-text-align-center">👇🏻 Comme le montre la vidéo ci-dessous, <strong>c'est très visuel</strong> pour <strong>atteindre les blocs de manière intuitive</strong> :</p>



<figure class="wp-block-video"><video height="552" style="aspect-ratio: 990 / 552;" width="990" controls src="https://st9ph.fr/wp-content/uploads/2026/01/Enregistrement-2026-01-19-172128.mp4"></video></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><strong>Cliquez </strong>sur la zone "<mark style="background-color:rgba(0, 0, 0, 0);color:#1dc8dc" class="has-inline-color">MY SHOP</mark>" (à gauche)</li>



<li>Cliquez sur <strong><mark style="background-color:rgba(0, 0, 0, 0);color:#32b5c4" class="has-inline-color">Configurer<sub>⋁</sub> </mark></strong>de <strong>Menu Principal</strong></li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="503" height="93" src="https://st9ph.fr/wp-content/uploads/2026/01/image-241.png" alt="" class="wp-image-33183" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-241.png 503w, https://st9ph.fr/wp-content/uploads/2026/01/image-241-300x55.png 300w" sizes="auto, (max-width: 503px) 100vw, 503px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-242.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>ℹ️ Par défaut, <strong>le modèle affiche les 3 catégories principales </strong>de vos produits</p>



<p class="has-text-align-center has-base-2-background-color has-background">👉 <strong>Inutile d'insérer les sous-catégories</strong> comme dans WordPress. <strong>Elles suivent automatiquement</strong> !</p>
</div>
</div>



<p>On peut insérer aussi :</p>



<ul class="wp-block-list">
<li>des <strong>pages </strong>dites <strong>CMS </strong>(si vous voulez mettre vos CGU au menu par exemple)</li>



<li>Vos <strong>fournisseurs </strong>(si vous êtes fier(e) d'être revendeur(se) d'untel)</li>



<li>Des <strong>Marques </strong>(pour que vos clients accèdent directement à la page qui regroupe tous leurs produits)</li>



<li>Vous pouvez aussi créer <strong>des liens extérieurs </strong>(vers votre blog par exemple) :</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="781" height="246" src="https://st9ph.fr/wp-content/uploads/2026/01/image-243.png" alt="" class="wp-image-33185" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-243.png 781w, https://st9ph.fr/wp-content/uploads/2026/01/image-243-300x94.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-243-768x242.png 768w" sizes="auto, (max-width: 781px) 100vw, 781px" /></figure>



<ul class="wp-block-list">
<li>⚠️ N'oubliez pas de <strong>cliquer sur <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">&lt;- Ajouter</mark></strong> (sinon, vous aurez travaillé pour rien)</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="799" height="116" src="https://st9ph.fr/wp-content/uploads/2026/01/image-244.png" alt="" class="wp-image-33191" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-244.png 799w, https://st9ph.fr/wp-content/uploads/2026/01/image-244-300x44.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-244-768x111.png 768w" sizes="auto, (max-width: 799px) 100vw, 799px" /></figure>



<p class="has-base-2-background-color has-background">➡️ Il faudra avoir <strong>ajouté vos catégories auparavant</strong> si on vous demande d'insérer, par exemple, un <strong>rayon enfant</strong> au menu (si la catégorie Enfants dans Vêtements n'existe pas encore).</p>



<p>Les <strong>combinaisons de navigation</strong> sont nombreuses dans la boutique, en dehors du menu principal. Ce peut être (liste non exhaustive) :</p>



<ul class="wp-block-list">
<li>la <strong>consultation de vos pages </strong>(qui sommes-nous, FAQ, bons plans, CGV ...) <strong>du Footer</strong> (<a href="https://st9ph.fr/configurer-la-liste-de-liens-du-footer-prestashop/" target="_blank" rel="noreferrer noopener">voir cet article</a>) en respectant <strong>les obligations légales </strong>(voir cette<img loading="lazy" decoding="async" width="31" height="28" class="wp-image-33155" style="width: 31px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdfIcon2.jpg" alt=""><a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2961/preview/pdf/5747" target="_blank" rel="noreferrer noopener"> fiche ressource</a>)</li>



<li>Pouvoir <strong>rebondir sur des produits associés </strong>sur une fiche produit (<a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_blank" rel="noreferrer noopener">voir cet article</a><em> section 1-5</em>)</li>



<li>Afficher <strong>un rayon ou un produit en promo</strong> depuis le Carrousel, la bannière ou le bloc texte (voir 2️⃣)</li>



<li>Atteindre <strong>une page CMS</strong> (comme "nos bons plans") depuis le panneau de <strong>Réassurance </strong>(<a href="https://st9ph.fr/la-reassurance-dans-prestashop/" target="_blank" rel="noreferrer noopener">voir cet article</a>)</li>
</ul>



<!-- DÉBUT TITRE CHAPITRE -->
<style>
.chapter-title { display: flex; align-items: stretch; margin: 1.7rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.chapter-number { background: #1e73be; color: #fff; font-weight: 700; font-size: 2.8rem; padding: 0 1.1rem; display: flex; align-items: center; justify-content: center; }
.chapter-content { padding: 1.3rem 1.5rem; width: 100%; }
.chapter-heading { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; }
.chapter-logo { width: 42px; height: 42px; flex-shrink: 0; display:block; }
.chapter-logo img { width: 100%; height: 100%; object-fit: contain; }
.chapter-content h2 { margin: 0; font-size: 2.1rem; font-weight: 700; color: #1e73be; }
.chapter-points { margin: 0; padding-left: 0; list-style: none; }
.chapter-points li { margin-bottom: 0.35rem; color: #444; font-size: 0.95rem; line-height: 1.45; }
.chapter-points li::before { content: "🔹 "; }
</style>
<div class="chapter-title">
<div class="chapter-number">2</div>
<div class="chapter-content">
<div class="chapter-heading">
<a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
<img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo">
</a>
<h2> Affichage dans la boutique</h2>
</div>
<ul class="chapter-points"><li>Afficher les produits</li><li>Afficher les offres</li><li>Afficher les informations</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p>Qu'il s'agisse de 👖<strong>notre catalogue de produits</strong>, de 💥<strong>nos offres promotionnelles </strong>ou des ℹ️ <strong>informations de la boutique,</strong> Prestashop offre <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">de nombreuses options</mark></strong> pour les présenter à vos visiteurs.</p>



<p class="has-base-2-background-color has-background">👉 Il s'agira souvent d'ailleurs de <strong>choix stratégiques</strong> de <strong>mettre en avant </strong>tel ou tel attrait de votre enseigne pour faire la différence et <strong>fidéliser l'audience</strong>.</p>



<p></p>



<h3 class="wp-block-heading" id="12-21-afficher-les-produits-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> 🔖<strong>Afficher les produits</strong></h3>



<p>Cela commence par votre page d'accueil et la visibilité de votre catalogue. Vous pouvez en effet afficher en panneaux d'aperçus  :</p>



<ul class="wp-block-list">
<li>vo s<strong>produits phares</strong> (best sellers) ⭐</li>



<li>vos <strong>nouveautés </strong>🆕</li>



<li>vos <strong>produits en promotion</strong> (avec prix spécifique) 🆒</li>



<li>Vos <strong>meilleures ventes </strong>(hors éval) 🆙</li>



<li>Le rappel des<strong> produits déjà vus </strong>(hors éval) 👀</li>
</ul>



<p>➡️ <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"><em>A voir aussi</em> </mark>cet <a href="https://st9ph.fr/prestashop-cest-parti-pour-les-soldes/" target="_blank" rel="noreferrer noopener">article sur les soldes </a>(hors programme, mais dont l<strong>e fonctionnement est le même que pour le module Promo</strong>, même si les règles <img loading="lazy" decoding="async" width="27" height="12" class="wp-image-33220" style="width: 27px;" src="https://st9ph.fr/wp-content/uploads/2025/01/marianne.jpg" alt=""> sont différentes)</p>



<p>🔹Le blocs <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">produits Phares</mark></strong> <img loading="lazy" decoding="async" width="25" height="26" class="wp-image-33239" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/01/produits-phares-low.png" alt=""></p>



<p>👉 Celui <strong>le plus haut par défaut</strong> (sous le carrousel pour Classic et sous le bloc texte pour hummingbird), le bloc<strong> Produits phares</strong> affiche <strong>vos articles vedettes </strong>selon l'observation du comportement de vos visiteurs.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="848" height="437" src="https://st9ph.fr/wp-content/uploads/2026/01/image-245.png" alt="" class="wp-image-33240" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-245.png 848w, https://st9ph.fr/wp-content/uploads/2026/01/image-245-300x155.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-245-768x396.png 768w" sizes="auto, (max-width: 848px) 100vw, 848px" /></figure>



<ul class="wp-block-list">
<li>modules &gt;<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"> gestionnaires de modules</mark> &gt; rechercher "<strong><em>phares</em></strong>" &gt;<strong> configurer</strong></li>
</ul>



<p>Vous pouvez définir :</p>



<ul class="wp-block-list">
<li>Le <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">nombre de produits à afficher </mark></strong>(4 par lignes, donc, <strong>plus vous en mettez</strong>, plus vous aurez de lignes et <strong>moins on verra les autres éléments </strong>de la page d'accueil sans scroller)</li>



<li><strong>Quel "rayon"</strong> (catégorie) vous voulez mettre en vedette (<strong>par défaut, c'est tous</strong>) en cliquant sur "<strong>Afficher tout</strong>"</li>



<li>Si vous souhaitez que ce soit <strong>aléatoire </strong>(sans critère précis) car, par défaut, le module priorise <strong>ceux les plus cliqués</strong> depuis la homePage.</li>
</ul>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="260" height="59" src="https://st9ph.fr/wp-content/uploads/2026/01/image-246.png" alt="" class="wp-image-33241"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="has-base-2-background-color has-background">⚠️ <strong>Ne pas confondre</strong> avec le module <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">meilleures ventes</mark></strong>, préinstallé lui aussi, qui permet d'afficher <strong>ceux les plus vendus</strong>. C'est différent.</p>
</div>
</div>



<p class="has-medium-font-size">🔹 Le bloc <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Nouveaux Produits</mark></strong> <img loading="lazy" decoding="async" width="20" height="18" class="wp-image-33242" style="width: 20px;" src="https://st9ph.fr/wp-content/uploads/2026/01/nouveaux-produits.png" alt=""></p>



<p>Il permet :</p>



<ul class="wp-block-list">
<li>comme le bloc Produits Phares, d'afficher<strong> le nombre de produits (</strong>toujours 4 par lignes)</li>



<li>De définir le<strong> nombre de jours </strong>où le produit reste nouveau.</li>
</ul>



<p class="has-base-2-background-color has-background">👉 Ca<strong> revient souvent à l'examen</strong> et <strong>c'est stratégique</strong>.<strong> C'est un CTA,</strong> certes, mais si le visiteur voit qu'un produit<strong> reste nouveau trop longtemps</strong> après plusieurs visites, vous allez <strong>perdre sa confiance</strong>. Calculez au mieux selon <strong>vos roulements de stocks</strong>.</p>



<p class="has-medium-font-size">🔹Le bloc <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Produits déjà vus</mark></strong> <img loading="lazy" decoding="async" width="21" height="19" class="wp-image-33244" style="width: 21px;" src="https://st9ph.fr/wp-content/uploads/2026/01/deja-vus.png" alt=""></p>



<p>Une seule option pour ce module :</p>



<ul class="wp-block-list">
<li>Le <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">nombre de produits à afficher </mark></strong></li>
</ul>



<p class="has-base-2-background-color has-background">⚠️ Il faut que le client soit <strong>connecté </strong>et qu'il ait <strong>accepté les cookies</strong>, sans quoi vous serez "aveugle" sur ses<strong> précédentes visites</strong>.</p>



<p class="has-medium-font-size">🔹Le bloc <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Promotions</mark></strong> <img loading="lazy" decoding="async" width="20" height="19" class="wp-image-33245" style="width: 20px;" src="https://st9ph.fr/wp-content/uploads/2026/01/bloc-promo.png" alt=""></p>



<p>Une seule option pour ce module également :</p>



<ul class="wp-block-list">
<li>Le <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">nombre de produits à afficher </mark></strong></li>
</ul>



<p>👉 A vous de choisir comment les organiser <strong>sur la HomePage</strong> (voir 1-2)</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="591" height="297" src="https://st9ph.fr/wp-content/uploads/2026/01/image-247.png" alt="" class="wp-image-33246" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-247.png 591w, https://st9ph.fr/wp-content/uploads/2026/01/image-247-300x151.png 300w" sizes="auto, (max-width: 591px) 100vw, 591px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>👈 Sur deux des  possibilités exposées ci-contre, on favorise <strong>les promos et les produits populaires</strong> pour cibler l<strong>'<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">acquisition</mark> </strong>de nouveaux clients qui, par définition, trouveront <strong>tous nos produits nouveaux</strong>.</p>



<p>A l'inverse, en <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"><strong>fidélisation</strong></mark>, c'est <strong>le 1er bloc à montrer</strong>, <strong>avec les promotions</strong>, avant de leurs rappeler les produits qu'ils ont <strong>déjà consultés </strong>puis ceux qui sont les plus populaires.</p>
</div>
</div>



<p>Ci dessous, les choix de positions de la<a href="https://shop.st9ph.fr/presta/fr/" target="_blank" rel="noreferrer noopener"> boutique pédagogique</a> montrent une verticale de body : <strong>Soldes - Bloc Text - Phares - Carrousel - Bannière </strong>afin de laisser l<strong>a part belle à l'information</strong> et ressemble plus à un <strong>show room</strong> qu'à <strong>une page du Push</strong> pour vendre.</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-279.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p>ℹ️ Le module "<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">special products</mark></strong>" pour <strong>les soldes</strong> <a href="https://st9ph.fr/prestashop-cest-parti-pour-les-soldes/" target="_blank" rel="noreferrer noopener">(voir cet article</a>) ne sera d'ailleurs <strong>peut-être pas visible</strong> selon le moment où vous vous rendez sur la boutique car <strong>les périodes sont réglementées</strong>.</p>



<h3 class="wp-block-heading" id="13-22-affiches-les-offres-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> 💥<strong>Affiches les offres</strong></h3>



<p>👉 C'est même une <img loading="lazy" decoding="async" width="27" height="12" class="wp-image-33220" style="width: 27px;" src="https://st9ph.fr/wp-content/uploads/2025/01/marianne.jpg" alt=""> <strong>obligation légale</strong> de faire la <strong>"publicité" interne</strong> de vos <strong>promotions, conditions et offres spéciales.</strong></p>



<p class="callout bleu">Si en <strong>Surface de Vente Physique</strong>, vous pouvez afficher cela <strong>sur un panneau à l'entrée</strong>, en eshop, il faudra trouver d'autres moyens. L'idéal est de <strong>créer une page "<em><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">nos offres et nos conditions</mark></em>" </strong>(enfin, appelez la comme vous voulez) qui apparaitra dans le footer non loin de vos <strong>CGV et mentions légales</strong>.</p>



<p>➡️ Voyez aussi <a href="https://st9ph.fr/la-reassurance-dans-prestashop/" target="_blank" rel="noreferrer noopener">l'article sur la réassurance</a> où un lien pointe aussi vers les conditions de l'offre.</p>



<p>👉 Pour la suite de ce chapitre 2-2, nous nous concentrons plutôt vers<strong> l'affichage des produits concernés</strong> par une offre que <strong>des conditions détaillées </strong>de nos offres. Nous avons <strong>trois outils nativement</strong> (mais on peut en ajouter d'autres) pour avertir de nos promos et conduire les visiteurs vers produits concernés :<strong> Le carrousel, la bannière et le bloc texte.</strong></p>



<p class="has-medium-font-size">🔹Le carrousel</p>



<p>C'est <strong>une bannière tournante </strong>en fait, positionnée par défaut tout en haut du body, et qui vous permet de faire tourner vos différents<strong> panneaux d'annonce </strong>à l'accueil</p>



<p>📏 Je me suis "amusé" à <strong>mesurer la taille d'un panneau</strong> afin de faire un gabarit (si on importe des images de n'importe quelle taille, ça va être très moche) :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="376" src="https://st9ph.fr/wp-content/uploads/2026/01/gabCarrousel-1024x376.png" alt="" class="wp-image-33201" srcset="https://st9ph.fr/wp-content/uploads/2026/01/gabCarrousel-1024x376.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/gabCarrousel-300x110.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/gabCarrousel-768x282.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/gabCarrousel-1536x565.png 1536w, https://st9ph.fr/wp-content/uploads/2026/01/gabCarrousel-2048x753.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>🤨 A la louche, <strong>un presque 12 quarts</strong>, même pas un <strong>8 pouces et demi par 2 et demi</strong> ! Rien ne va dans ces proportions ! Mais on va faire avec.</p>



<p class="has-base-2-background-color has-background">➡️ On remarque aussi qu'<strong>une partie gauche</strong> est <strong>pleine </strong>et c'est normal, <strong>c'est là que s'affichera le texte</strong>, il faut qu'on puisse le distinguer.</p>



<p>Voilà <strong>un panneau</strong> que j'ai préparé (vite fait, il faut le voir sur soi), pour exemple, afin d<strong>'emmener le visiteur</strong> vers le pull marin de <a href="https://boutiq.st9ph.fr/" target="_blank" rel="noreferrer noopener">st9ph Market</a> (🖥️ à l'examen, rassurez-vous, i<strong>l vous sera fourni</strong>) :</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="757" height="228" src="https://st9ph.fr/wp-content/uploads/2026/01/marine2-1.jpg" alt="" class="wp-image-33254" srcset="https://st9ph.fr/wp-content/uploads/2026/01/marine2-1.jpg 757w, https://st9ph.fr/wp-content/uploads/2026/01/marine2-1-300x90.jpg 300w" sizes="auto, (max-width: 757px) 100vw, 757px" /></figure>
</div>


<p>👀 Et j'aimerai <strong>obtenir cela</strong> :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="494" src="https://st9ph.fr/wp-content/uploads/2026/01/image-249-1024x494.png" alt="" class="wp-image-33256" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-249-1024x494.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-249-300x145.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-249-768x370.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-249.png 1429w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<ul class="wp-block-list">
<li>Modules &gt; <strong>gestionnaire </strong>de modules &gt; (rechercher) "<em><strong>slider</strong></em>" (ou "<em>carrousel</em>")</li>



<li><strong>Configurer</strong></li>
</ul>



<p>👉 Pendant qu'on est là, <strong>le panneau du haut</strong> qui permet de <strong>paramétrer l'ensemble</strong> du carrousel :</p>



<ol class="wp-block-list">
<li>⏱️ <strong>modifier le temps de passage</strong> des panneaux en millisecondes (5 s par défaut)</li>



<li> ⏸️ "<strong>pause au survol"</strong> définit si oui ou non<strong> le mouvement se fige au passage du pointeur</strong> (c'est mieux pour le visiteur s'il ne veut pas rater son clic mais vous avez le droit de lui faire des blagues aussi)</li>



<li>➰ <strong>Répéter ou non les passages</strong>(si "non", c'est le dernier panneau qui aura la part belle une fois que les autres seront passés)</li>
</ol>



<p>Voyons maintenant <strong>comment agir sur les panneaux</strong> :</p>



<ul class="wp-block-list">
<li>Commencez par <strong>vérifier l'état </strong><img loading="lazy" decoding="async" width="150" height="30" class="wp-image-33257" style="width: 150px;" src="https://st9ph.fr/wp-content/uploads/2026/01/enabled-disabled.jpg" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/enabled-disabled.jpg 154w, https://st9ph.fr/wp-content/uploads/2026/01/enabled-disabled-150x31.jpg 150w" sizes="auto, (max-width: 150px) 100vw, 150px" /> du panneau sur lequel vous allez agir</li>



<li>Cliquez sur<strong> Modifier</strong></li>
</ul>



<p class="has-text-align-center has-medium-font-size"><strong>Ou</strong></p>



<ul class="wp-block-list">
<li>Cliquez sur le <strong>⊕</strong> pour <strong>créer un nouveau panneau</strong></li>
</ul>



<p class="callout bleu">🖥️ tout dépendra de ce qu'on vous demandera dans le sujet <em>"remplacer</em>" ou "<em>Ajouter</em>"</p>



<ul class="wp-block-list">
<li>Donnez <strong>un titre </strong>à votre panneau : <em>court parce qu'il sera en gros </em>!</li>



<li>Définissez l'<strong>URL Cible</strong> (celle de l'atterrissage quand on va cliquer sur la panneau)</li>
</ul>



<p>⚠️ Attention, par défaut, <strong>celle-ci renvoie sur le site Prestashop.com </strong>et 🖥️ c'est le premier truc qu'on va vérifier en vous corrigeant après l'épreuve.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="388" height="60" src="https://st9ph.fr/wp-content/uploads/2026/01/image-248.png" alt="" class="wp-image-33253" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-248.png 388w, https://st9ph.fr/wp-content/uploads/2026/01/image-248-300x46.png 300w" sizes="auto, (max-width: 388px) 100vw, 388px" /></figure>



<p>👉 Le mieux est d<strong>'afficher en FrontOffice</strong> le produit, le rayon ou la page vers laquelle le panneau doit emmener et de <strong>copier-coller ici son url</strong></p>



<ul class="wp-block-list">
<li>Définissez <strong>une légende</strong> (pour le référencement donc : <em>description + nom de la boutique</em>)</li>



<li>Rentrez votre <strong>description </strong>:
<ul class="wp-block-list">
<li><strong>la 1ere ligne est un sous-titre en header 3 </strong>(H3) - <mark style="background-color:rgba(0, 0, 0, 0);color:#b03838" class="has-inline-color">ne changez surtout pas le niveau</mark></li>



<li>En dessous, c'est du <strong>paragraphe </strong>et vous pouvez être un peu plus bavard(e), mais pas trop.</li>
</ul>
</li>



<li><strong>Vérifiez </strong>une dernière fois l'Etat <strong><mark style="background-color:rgba(0, 0, 0, 0);color:#51902d" class="has-inline-color">Enabled</mark></strong> (ou "<em>actif</em>" si vous le voyez en français)</li>
</ul>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-250.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<ul class="wp-block-list">
<li><strong>Enregistrer</strong></li>
</ul>



<p class="has-medium-font-size">🔹 La Bannière</p>



<p class="callout bleu">🖥️ C'est le "<strong>parent pauvre</strong>" de l'évaluation parce qu<strong>'il n'y a pas grand chose à faire</strong> : <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">insérer l'image</mark></strong> et <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">renseigner l'URL</mark></strong>. Mais c'est au programme, alors, allons-y !</p>



<p>📏 Cette fois, on est sur du<strong> 21 x 4 cm</strong>, c'est guère mieux</p>



<p>👉 Imaginons que nous voulions faire une pub pour un de nos financeurs :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="979" height="192" src="https://st9ph.fr/wp-content/uploads/2026/01/image-251.png" alt="" class="wp-image-33259" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-251.png 979w, https://st9ph.fr/wp-content/uploads/2026/01/image-251-300x59.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-251-768x151.png 768w" sizes="auto, (max-width: 979px) 100vw, 979px" /></figure>



<p class="has-text-align-center has-small-font-size"><em>Toute ressemblance avec un organisme financier existant ou ayant existé serait une (presque) pure coïncidence.</em></p>



<ul class="wp-block-list">
<li>Modules &gt; <strong>gestionnaire </strong>de modules &gt; (rechercher) "<em><strong>bannière</strong></em>" </li>



<li><strong>Configurer</strong></li>



<li>Cliquez sur "<strong>choisissez un fichier</strong>" et<strong> uploadez-le</strong></li>



<li>renseignez l'<strong>url d'atterrissage</strong></li>



<li>Renseignez <strong>la description</strong></li>



<li><strong>Enregistrez</strong></li>
</ul>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-253-1024x466.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p class="has-medium-font-size">🔹 Le bloc Texte Personnalisé</p>



<p>👉 Prépositionné <strong>sous le carrousel </strong>dans le modèle de départ, le bloc texte fonctionne plus comme <strong>un encadré texte d'accueil </strong>que comme un réel panneau de publicité.</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-254.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-256.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-base-2-background-color has-background">➡️ A noter que <strong>le niveau de Header </strong>est <strong>H2</strong>, ce qui avalise ma remarque précédente.</p>



<p>👈 Ci contre la boite de dialogue d'insertion d'un lien hypertexte. Pour ce faire :</p>



<ul class="wp-block-list">
<li> <strong>Sélectionner le texte </strong>à rendre réactif</li>



<li><strong>Cliquer </strong>sur <img loading="lazy" decoding="async" width="22" height="13" class="wp-image-33272" style="width: 22px;" src="https://st9ph.fr/wp-content/uploads/2026/01/lien-hyper.jpg" alt=""></li>
</ul>
</div>
</div>



<h3 class="wp-block-heading" id="14-2-3-afficher-nos-informations-">2-3 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Afficher nos informations</mark></h3>



<p>🖥️ Récurrentes à l'examen,  vous pouvez être confronté(e) à des questions sur <strong>les informations concernant la boutique en ligne.</strong></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"> Elles se trouvent <strong>aux extrêmes de la fenêtre </strong>(en <strong>haut à gauche du header </strong>et en <strong>bas à droite du footer</strong>). C'est plus <strong>une coutume</strong> qu'une règle d'ailleurs mais on s'est tous <strong>habitué à cette configuration </strong>.👉</p>



<p class="has-base-2-background-color has-background">C'est depuis <strong>la page de configuration du thème </strong>que nous atteindrons le plus facilement ces deux zones.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="318" height="171" src="https://st9ph.fr/wp-content/uploads/2026/01/image-259.png" alt="" class="wp-image-33277" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-259.png 318w, https://st9ph.fr/wp-content/uploads/2026/01/image-259-300x161.png 300w" sizes="auto, (max-width: 318px) 100vw, 318px" /></figure>



<ul class="wp-block-list">
<li>Cliquer sur <strong>Footer </strong>dans <strong>Homepage</strong></li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-268.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-257.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li>Cliquer sur <strong><mark style="background-color:rgba(0, 0, 0, 0);color:#32b5c4" class="has-inline-color">Configurer<sub>⋁</sub> </mark></strong>du module "<strong>Shop Details</strong>" (ou détails de la boutique)</li>



<li>Cliquez sur <img loading="lazy" decoding="async" width="150" height="23" class="wp-image-33278" style="width: 150px;" src="https://st9ph.fr/wp-content/uploads/2026/01/ajout-boutique.jpg" alt=""></li>
</ul>



<p></p>



<p>👉 Nous allons<strong> ajouter une SVP </strong>à la liste de nos magasins physiques</p>



<p></p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ul class="wp-block-list">
<li>Renseignez les informations de votre boutique</li>
</ul>



<p></p>



<p>➡️ Pour les <strong>coordonnés GPS</strong>, aidez vous de Google Maps</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="398" height="276" src="https://st9ph.fr/wp-content/uploads/2026/01/image-261.png" alt="" class="wp-image-33280" style="width:504px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-261.png 398w, https://st9ph.fr/wp-content/uploads/2026/01/image-261-300x208.png 300w" sizes="auto, (max-width: 398px) 100vw, 398px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="352" height="417" src="https://st9ph.fr/wp-content/uploads/2026/01/image-260.png" alt="" class="wp-image-33279" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-260.png 352w, https://st9ph.fr/wp-content/uploads/2026/01/image-260-253x300.png 253w" sizes="auto, (max-width: 352px) 100vw, 352px" /></figure>
</div>
</div>



<ul class="wp-block-list">
<li>Prenez une belle photo de votre magasin et uploadez la <strong>dans la zone "Photo"</strong></li>



<li>Notez <strong>vos horaires d'ouverture</strong></li>



<li>Cliquez sur <img loading="lazy" decoding="async" width="88" height="30" class="wp-image-32859" style="width: 88px;" src="https://st9ph.fr/wp-content/uploads/2026/01/image-168.png" alt=""></li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="947" height="161" src="https://st9ph.fr/wp-content/uploads/2026/01/image-263.png" alt="" class="wp-image-33282" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-263.png 947w, https://st9ph.fr/wp-content/uploads/2026/01/image-263-300x51.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-263-768x131.png 768w" sizes="auto, (max-width: 947px) 100vw, 947px" /></figure>



<p>👍 <strong>Un nouveau magasin</strong> est maintenant présent<strong> dans la liste</strong> de vos SVP.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="224" height="297" src="https://st9ph.fr/wp-content/uploads/2026/01/image-264.png" alt="" class="wp-image-33283"/></figure>
</div>


<p>Le résultat en FrontOffice 👉</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>👈 On retrouvera ses informations dans le lien "<strong>Magasins</strong>" du footer.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="659" height="572" src="https://st9ph.fr/wp-content/uploads/2026/01/image-265.png" alt="" class="wp-image-33284" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-265.png 659w, https://st9ph.fr/wp-content/uploads/2026/01/image-265-300x260.png 300w" sizes="auto, (max-width: 659px) 100vw, 659px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>➡️ Vous pouvez aussi définir<strong> l'affichage ou non de votre mail </strong>dans le module <strong>Coordonnées </strong>(depuis le gestionnaires de module"</p>



<ul class="wp-block-list">
<li><strong>changer </strong>l'état <strong>oui / non</strong> du bouton radio</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="532" height="166" src="https://st9ph.fr/wp-content/uploads/2026/01/image-266.png" alt="" class="wp-image-33285" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-266.png 532w, https://st9ph.fr/wp-content/uploads/2026/01/image-266-300x94.png 300w" sizes="auto, (max-width: 532px) 100vw, 532px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="218" height="149" src="https://st9ph.fr/wp-content/uploads/2026/01/image-267.png" alt="" class="wp-image-33287"/></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="has-base-2-background-color has-background">ℹ️ C'est assez <strong>déconseillé de l'afficher</strong>, en fait. Encouragez plutôt vos clients à <strong>utiliser le lien</strong> "<strong>Contactez-nous</strong>" pour être certain(e) de <strong>centraliser les demandes </strong>dans le CRM</p>
</div>
</div>



<p>➡️ Pour être complet, complétons aussi aussi<strong> le module chèque</strong> qui est lui aussi au programme.</p>



<p class="has-base-2-background-color has-background">Cela représente <strong>2,4 % des transactions bancaires</strong> l'année dernière (source : Banque De <img loading="lazy" decoding="async" width="27" height="12" class="wp-image-33220" style="width: 27px;" src="https://st9ph.fr/wp-content/uploads/2025/01/marianne.jpg" alt=""> France) et <strong>personne ne paie jamais comme cela en ligne</strong>. Mais voilà, ce n'est pas évident d'installer un module bancaire pour l'examen et  🖥️ c'est au programme de savoir le renseigner.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>ℹ️ Sur <a href="https://shop.st9ph.fr/presta/fr/" target="_blank" rel="noreferrer noopener">la boutique pédagogique</a>, j'utilise un module qui s'appelle <strong>HH Paiement</strong> d'Hervé Hennes (<a href="https://shop.h-hennes.fr/fr/5-modules-prestashop" target="_blank" rel="noreferrer noopener">voir son site</a>) qui simule un paiement en ligne.</p>



<p>Mais revenons à ce fameux module chèque :</p>



<ul class="wp-block-list">
<li>Modules &gt; gestionnaire de modules</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="395" height="143" src="https://st9ph.fr/wp-content/uploads/2026/01/image-294.png" alt="" class="wp-image-33372" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-294.png 395w, https://st9ph.fr/wp-content/uploads/2026/01/image-294-300x109.png 300w" sizes="auto, (max-width: 395px) 100vw, 395px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li>(rechercher) "Chèque" &gt;<strong> Modifier</strong></li>



<li>Remplissez la<strong> zone bénéficiaire</strong> et <strong>Adresse</strong></li>



<li><strong>Enregistrer</strong></li>
</ul>



<p>🤫 No comment !</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-295.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<!-- DÉBUT TITRE CHAPITRE -->
<style>
.chapter-title { display: flex; align-items: stretch; margin: 1.7rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.chapter-number { background: #1e73be; color: #fff; font-weight: 700; font-size: 2.8rem; padding: 0 1.1rem; display: flex; align-items: center; justify-content: center; }
.chapter-content { padding: 1.3rem 1.5rem; width: 100%; }
.chapter-heading { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; }
.chapter-logo { width: 42px; height: 42px; flex-shrink: 0; display:block; }
.chapter-logo img { width: 100%; height: 100%; object-fit: contain; }
.chapter-content h2 { margin: 0; font-size: 2.1rem; font-weight: 700; color: #1e73be; }
.chapter-points { margin: 0; padding-left: 0; list-style: none; }
.chapter-points li { margin-bottom: 0.35rem; color: #444; font-size: 0.95rem; line-height: 1.45; }
.chapter-points li::before { content: "🔹 "; }
</style>
<div class="chapter-title">
<div class="chapter-number">3</div>
<div class="chapter-content">
<div class="chapter-heading">
<a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
<img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo">
</a>
<h2> Ressources de la boutique</h2>
</div>
<ul class="chapter-points"><li>Clients</li><li>Livraison</li><li>Marques & Fournisseurs</li><li>Rôles internes</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p>👉🏻 On pourrait définir toutes <strong>les ressources à paramétrer dans la boutique </strong>selon un schéma simplifié :</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-275.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<h3 class="wp-block-heading" id="15-31-clients-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">3.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Clients</strong></h3>



<p class="has-text-align-center has-base-2-background-color has-background">Il faudra gérer ses <strong>coordonnées <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">B2B</mark> ou <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">B2C</mark> </strong>(ce ne sont pas les mêmes) dans <strong>deux tables de données</strong> différentes : <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">informations </mark>et <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">adresses</mark></strong>.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="605" height="364" src="https://st9ph.fr/wp-content/uploads/2026/01/image-270.png" alt="" class="wp-image-33292" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-270.png 605w, https://st9ph.fr/wp-content/uploads/2026/01/image-270-300x180.png 300w" sizes="auto, (max-width: 605px) 100vw, 605px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-271.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>🔹<strong>Activer la <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">gestion B2B</mark> </strong>(désactivée par défaut)</p>



<ul class="wp-block-list">
<li><img loading="lazy" decoding="async" width="24" height="23" class="wp-image-33295" style="width: 24px;" src="https://st9ph.fr/wp-content/uploads/2026/01/roue-crant.jpg" alt=""> <strong>Paramètres de la boutique &gt; Clients</strong></li>



<li><strong>changer </strong>l'état <strong>oui / non</strong> du bouton radio "<em><strong>Activer le mode B2B</strong></em>"</li>
</ul>
</div>
</div>



<ul class="wp-block-list">
<li><strong>Clients &gt; Clients</strong> pour consulter ou ajouter un nouveau client</li>
</ul>



<p>Vous disposez d'un <strong>panneau de statistiques</strong> et de <strong>la liste de vos clients</strong> :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="943" height="121" src="https://st9ph.fr/wp-content/uploads/2026/01/image-272.png" alt="" class="wp-image-33303" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-272.png 943w, https://st9ph.fr/wp-content/uploads/2026/01/image-272-300x38.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-272-768x99.png 768w" sizes="auto, (max-width: 943px) 100vw, 943px" /></figure>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li><strong>Cliquer </strong>sur ⬛<strong>+ Ajouter un nouveau client</strong></li>
</ul>
</div>



<p>OU</p>



<ul class="wp-block-list">
<li><em>Cliquer </em>sur 🖍️pour <strong>modifier une fiche client</strong></li>
</ul>



<ul class="wp-block-list">
<li>Renseigner les <strong>champs d'informations </strong>:</li>
</ul>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-medium-font-size">🙍‍♂️🧑‍💼<strong>Profil B2C</strong> (&amp; Interlocuteur B2B)</p>



<ul class="wp-block-list">
<li><strong>Civilité</strong></li>



<li><strong>Nom</strong></li>



<li><strong>Prénom</strong></li>



<li><strong>Email</strong></li>



<li><strong>Mot de passe</strong> (👉 <em>Ne sert que pour vos comptes test</em>)</li>
</ul>



<p class="has-text-align-center has-text-color has-link-color wp-elements-b6c6e410843be9f934cb6d0bfc185360" style="color:#a42b2b">⛔ Vous n'avez pas le droit de modifier le mot de passe d'un client, même si c'est lui qui vous le demande. Il faut le <strong>réinitialiser</strong>.</p>



<ul class="wp-block-list">
<li><strong>Date de naissance </strong>(👉 <em>sympa de la connaitre pour une relance anniversaire)</em></li>



<li><strong>Actif / Enabled </strong>(👉 permet de désactiver temporairement un mauvais payeur, par exemple - B2B)</li>



<li><strong>Offres partenaires</strong> (👉<em> vous pouvez pré cocher uniquement en B2B</em>)</li>



<li><strong>Groupes &amp; groupes par défaut </strong>(👉 <em>voir plus bas</em>)</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-medium-font-size">🏭 Infos<strong> spécifiques B2B</strong></p>



<ul class="wp-block-list">
<li>Nom de l'entreprise</li>



<li>SIRET</li>



<li>APE</li>



<li>Site web</li>



<li>En cours autorisé</li>
</ul>



<p>👉 <em>Certaines entreprises vous paieront à <strong>provisions / échéances</strong> (comme un crédit permanent), en particulier les administrations</em></p>



<ul class="wp-block-list">
<li>Délai de paiement (👉 <em>pour la gestion des rappels automatiques si elles trainent à échéance</em>)</li>



<li><strong>Niveau de risque </strong>(bas, moyen, haut)</li>
</ul>



<p>👉 <em>Permet de cibler les bons clients (bas), qui paient souvent en retard (moyen) ou qui oublient souvent de payer (haut)</em></p>
</div>
</div>



<p class="has-base-2-background-color has-background">➡️ Souvent, ce sera <strong>le client lui-même</strong> (<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8f-animation-rc-le-selfcare/" target="_blank" rel="noreferrer noopener">selfcare</a>) qui fera son <strong>inscription en ligne,</strong> surtout en B2C. Mais il peut arriver qu'<strong>un téléopérateur soit amené à le faire</strong> (nouveau client au téléphone ou VPC) et <strong>fréquemment en B2B </strong>où l'inscription se fait généralement <strong>en rendez-vous</strong>.</p>



<p>👉🏻 En ligne, l<strong>e client dispose d'une interface "mon compte" </strong>où il peut gérer pratiquement tout gérer depuis ses <strong>informations</strong>, en passant par <strong>le suivi de ses commandes</strong>, jusqu'au <strong>téléchargement de ses factures</strong>.</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-273-1024x368.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p class="callout rouge">.⚠️ Attention, c'est dans "<strong>informations</strong>" qu'il gère <strong>sa fiche client</strong>. "Mes données personnelles" (<img loading="lazy" decoding="async" width="27" height="12" class="wp-image-33220" style="width: 27px;" src="https://st9ph.fr/wp-content/uploads/2025/01/marianne.jpg" alt=""> RGPD)</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="977" height="347" src="https://st9ph.fr/wp-content/uploads/2026/01/image-274.png" alt="" class="wp-image-33305" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-274.png 977w, https://st9ph.fr/wp-content/uploads/2026/01/image-274-300x107.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-274-768x273.png 768w" sizes="auto, (max-width: 977px) 100vw, 977px" /></figure>



<p class="callout bleu">🖥️ On appréciera à l'examen que vous sachiez <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">expliquer à votre client comment gérer lui-même ses informations</mark></strong>. cela fait partie de la phase <strong>Next Step </strong>de lui indiquer comment u<strong>tiliser le Selfcare</strong>.</p>



<p>👉🏻 Même si vous venez de faire l'opération pour lui. <strong>Le rendre autonome</strong> allégera <strong>la charge du service client</strong> et <strong>augmentera sa satisfaction</strong> (il sera plus agile dans se relation client). On verra cela en détail dans le SAV.</p>



<p>ℹ️ Vous pouvez également créer <strong>des groupes de clients</strong> (VIP, Comités d'entreprises ...) et leurs réserver des promotions ou des avantages.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="340" height="293" src="https://st9ph.fr/wp-content/uploads/2026/01/image-278.png" alt="" class="wp-image-33313" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-278.png 340w, https://st9ph.fr/wp-content/uploads/2026/01/image-278-300x259.png 300w" sizes="auto, (max-width: 340px) 100vw, 340px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading" id="16-32-livraison-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">3.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Livraison</strong></h3>



<p>👉 Ce sera forcément <strong>un prestataire </strong>et, ce qui est curieux, c'est que <strong>le seul interlocuteur physique que verra votre client</strong> ne sera même pas quelqu'un qui travaille chez vous.</p>



<p class="has-text-align-center has-base-2-background-color has-background">Il faudra définir avec chacun de ceux que vous choisirez (<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">mettez-les en concurrence</mark>) <strong>les conditions de la prestation</strong> et <strong>les pénalités</strong> de <strong>retard et de casse</strong> (notamment en les graduant selon leur importance).<strong>Il y va de la satisfaction de vos clients </strong>!</p>
</div>
</div>



<p class="has-medium-font-size">➡️ Par défaut, sur le modèle de base, vous disposez de trois modes dont 1 transporteur décliné en 3 :</p>



<ul class="wp-block-list">
<li>le <strong>click-And-Collect</strong></li>



<li>Le transporteur "<strong>My Carier</strong>" décliné en <strong>standard</strong>, "<strong>Cheap</strong>" (montant dégressif) et "<strong>light</strong>" (Volume)</li>



<li>Le <strong>point relais</strong></li>
</ul>



<p class="has-medium-font-size">➡️ Ajoutons un transporteur en prenant un exemple :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="584" height="324" src="https://st9ph.fr/wp-content/uploads/2026/01/upst9ph.png" alt="" class="wp-image-33318" srcset="https://st9ph.fr/wp-content/uploads/2026/01/upst9ph.png 584w, https://st9ph.fr/wp-content/uploads/2026/01/upst9ph-300x166.png 300w" sizes="auto, (max-width: 584px) 100vw, 584px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p><strong>UPSt9ph </strong>est un transporteur qui <strong>devient notre partenaire</strong>, mais <strong>il ne livre qu'en Union européenne</strong>. Il nous propose <strong>un cout de 3€ </strong>quelle que soit la distance et le poids (bon, ce sont des fringues, il ne prend pas trop de risques) mais <strong>n'accepte pas le paiement à la livraison</strong>. Il faudra l'exclure du panier des clients qui veulent ce mode.</p>



<p class="has-text-align-center has-small-font-size">Toute ressemblance avec une marque existante serait loin d'être une coïncidence.</p>
</div>
</div>



<ul class="wp-block-list">
<li>🚛 <strong>Livraisons </strong>&gt; <strong>transporteur</strong></li>
</ul>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li><strong>Cliquer </strong>sur ⬛<strong>+ Créer un transporteur</strong></li>
</ul>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-medium-font-size">🔹paramètres généraux  :</p>



<ul class="wp-block-list">
<li>Le <strong>nom</strong></li>



<li>le <strong>délai de livraison</strong> (annoncé au client)</li>



<li>la<strong> vitesse</strong> (0 pour "<em>au plus court</em>" et 9 "<em>pour au plus long</em>" quand il y'a des variables secteurs, poids ou encombrement)</li>



<li><strong>Uploadez le logo</strong> (<mark style="background-color:rgba(0, 0, 0, 0);color:#ac2727" class="has-inline-color">il faut obligatoirement un jpg</mark>)</li>



<li>l<strong>'URL de suivi </strong>qui permettra au client de<strong> suivre son colis</strong> sur le site du transporteur.</li>
</ul>



<p class="has-base-2-background-color has-background">👉 <strong>C'est lui qui vous la fournit </strong>et c'est bien utile pour éviter au SAV <strong>des tickets de clients qui s'impatientent </strong>!</p>



<ul class="wp-block-list">
<li><strong>Réservez éventuellement ce transporteur à certains groupes </strong>(mais je ne vois pas bien pourquoi)</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-280.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-281.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-medium-font-size">🔹destinations et couts :</p>



<ul class="wp-block-list">
<li>Définissez les <strong>zones de livraison couvertes </strong>(le transporteur n'apparaitra pas dans le panier des <strong>clients hors zones</strong></li>



<li>Basculez éventuellement en<strong> livraison gratuite </strong>si vous êtes généreux (ou si c'est du <strong>click-and-collect</strong>)</li>



<li>Réglez éventuellement<strong> les couts de manutention</strong> selon le type de contrat que vous avez souscrit</li>



<li>en corolaire, définissez <strong>le tarif si on est hors tranche</strong> prévue (poids, encombrement ...)</li>



<li>Il vous faudra une f<strong>ourchette de prix</strong> (à indiquer lors de la commande)</li>
</ul>



<p></p>



<p class="has-base-2-background-color has-background">ℹ️ Même s'ils sont invariables, comme dans notre exemple !</p>
</div>
</div>



<ul class="wp-block-list">
<li>Vous pouvez également définir des limites (poids et encombrement) dans le 3ème onglet</li>



<li><strong>Enregistrer</strong></li>
</ul>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>C'est dans la sections des paiements qu'on pourra indiquer les restrictions de notre nouveau transporteur en termes de solutions de paiements :</p>



<ul class="wp-block-list">
<li>🚛 <strong>Paiement </strong>&gt; <strong>préférences</strong></li>



<li><strong>décocher </strong>"<em>paiement à la livraison</em>" pour UPst9ph.</li>



<li><strong>Enregistrer</strong></li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-282.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<p>Notre transporteur est désormais disponible dans le tunnel d'achat :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="829" height="376" src="https://st9ph.fr/wp-content/uploads/2026/01/image-283.png" alt="" class="wp-image-33325" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-283.png 829w, https://st9ph.fr/wp-content/uploads/2026/01/image-283-300x136.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-283-768x348.png 768w" sizes="auto, (max-width: 829px) 100vw, 829px" /></figure>



<h3 class="wp-block-heading" id="17-33-marques-et-fournisseurs-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">3.3 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Marques et fournisseurs</strong></h3>



<p> C'est toujours un avantage de <strong>mettre à l'honneur les marques</strong> de vos fournisseurs car Prestashop crée une page regroupant tous les produits <strong>dès qu'on clique sur le logo </strong>dans une fiche. 👇🏻</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="687" height="713" src="https://st9ph.fr/wp-content/uploads/2025/12/image-27.png" alt="" class="wp-image-31144" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-27.png 687w, https://st9ph.fr/wp-content/uploads/2025/12/image-27-289x300.png 289w" sizes="auto, (max-width: 687px) 100vw, 687px" /></figure>



<p class="callout jaune">💡 Cela peut <strong>doper vos ventes sur cette marque</strong> et vous permettre, à terme, de <strong>négocier mieux vos prix d'achat</strong> vu que votre volume de ventes augmente.</p>



<p class="has-medium-font-size">➡️ Il faut distinguer :</p>



<ul class="wp-block-list">
<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Les marques</mark></strong> qui fabriquent les produits (et qui<strong> peuvent venir de plusieurs fournisseurs</strong>)</li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Les fournisseurs</mark></strong> qui alimentent vos stocks (et qui peuvent <strong>vous approvisionner de plusieurs marques</strong>)</li>
</ul>



<p>👉 C'est dans <strong>Catalogue &gt; Marques et Fournisseurs </strong>que vous retrouverez ceux existant et que vous pourrez en créer d'autres.</p>



<ul class="wp-block-list">
<li>En c<strong>liquant sur une marque ou un fournisseur,</strong> vous verrez<strong> l'état de vos stocks</strong> sur leurs produits.</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="842" height="476" src="https://st9ph.fr/wp-content/uploads/2026/01/image-284.png" alt="" class="wp-image-33327" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-284.png 842w, https://st9ph.fr/wp-content/uploads/2026/01/image-284-300x170.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-284-768x434.png 768w" sizes="auto, (max-width: 842px) 100vw, 842px" /></figure>



<p class="has-text-align-center has-medium-font-size">👀 Ca peut être très pratique pour <strong>anticiper une commande </strong>!</p>



<p class="callout bleu">ℹ️ Vous disposez de <strong>plusieurs outils en BackOffice</strong> pour suivre vos stocks et pouvez même ajouter des modules pour être prévenu par mail de stocks bas (mais je n'en ai pas trouvé de gratuit) :</p>



<ul class="wp-block-list">
<li>Catalogue &gt; <strong>stocks </strong>&gt; (onglet) <strong>Mouvements</strong></li>



<li>Tableau de bord &gt;(panneau) <strong>Activité </strong>&gt; <strong>Produits en rupture de stock</strong></li>



<li>Statistiques &gt; <strong>Détails Produits</strong> &gt; (colonne) "<strong>quantité disponible</strong>"</li>
</ul>



<p>➡️ Pour ajouter une marque :</p>



<ul class="wp-block-list">
<li><strong>Catalogue &gt; Marques et Fournisseurs </strong>&gt; (onglet) <strong>Marque</strong></li>
</ul>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li><strong>Cliquer </strong>sur ⬛<strong>+ Ajouter une marque</strong></li>
</ul>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li>Inscrivez son <strong>Nom<sub>Tm</sub></strong></li>



<li>Faites en <strong>un résumé et / ou une description</strong>.</li>
</ul>



<p>😳 C'est la même chose, je ne sais pas pourquoi ils ont fait deux zones.</p>



<ul class="wp-block-list">
<li>Changer <strong>la balise titre </strong>(SEO) pour ajouter le nom de votre boutique. Pour nous :</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="361" height="39" src="https://st9ph.fr/wp-content/uploads/2026/01/image-286.png" alt="" class="wp-image-33330" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-286.png 361w, https://st9ph.fr/wp-content/uploads/2026/01/image-286-300x32.png 300w" sizes="auto, (max-width: 361px) 100vw, 361px" /></figure>



<ul class="wp-block-list">
<li>Donnez <strong>une meta description</strong> (toujours pour le SEO)</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="569" height="55" src="https://st9ph.fr/wp-content/uploads/2026/01/image-287.png" alt="" class="wp-image-33331" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-287.png 569w, https://st9ph.fr/wp-content/uploads/2026/01/image-287-300x29.png 300w" sizes="auto, (max-width: 569px) 100vw, 569px" /></figure>



<p class="has-text-align-center has-base-2-background-color has-background">🔑 Vous ne disposez <strong>pas d'une zone Keyword</strong>, donc, c<strong>hargez tous vos mots clés </strong>dans le<strong> titre SEO</strong> et la <strong>méta description</strong></p>



<ul class="wp-block-list">
<li><strong>Enregistrez</strong></li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-285.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<p class="callout jaune">⚠️ N'oubliez pas d<strong>'affecter la marque aux produits</strong> concernés dans les fiches produits</p>



<h3 class="wp-block-heading" id="18-34-r%C3%B4les-internes-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">3.4 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Rôles internes</strong></h3>



<p class="has-medium-font-size">👉🏻 On va parler "d'équipiers" et il y'en aura de 4 types :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="391" height="392" src="https://st9ph.fr/wp-content/uploads/2026/01/image-288.png" alt="" class="wp-image-33334" style="width:379px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-288.png 391w, https://st9ph.fr/wp-content/uploads/2026/01/image-288-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-288-150x150.png 150w" sizes="auto, (max-width: 391px) 100vw, 391px" /></figure>



<p class="has-text-align-center has-medium-font-size">Le "Super Admin"</p>



<p>Grand "manie-tout" du BackOffice, il peut tout faire.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="431" height="413" src="https://st9ph.fr/wp-content/uploads/2026/01/image-289.png" alt="" class="wp-image-33335" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-289.png 431w, https://st9ph.fr/wp-content/uploads/2026/01/image-289-300x287.png 300w" sizes="auto, (max-width: 431px) 100vw, 431px" /></figure>



<p class="has-text-align-center has-medium-font-size">Le Commercial</p>



<p>Il accède (et c'est logique) à la partie "Vendre" de la boutique.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="433" height="450" src="https://st9ph.fr/wp-content/uploads/2026/01/image-290.png" alt="" class="wp-image-33336" style="aspect-ratio:0.9622403305405716;width:367px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-290.png 433w, https://st9ph.fr/wp-content/uploads/2026/01/image-290-289x300.png 289w" sizes="auto, (max-width: 433px) 100vw, 433px" /></figure>



<p class="has-text-align-center has-medium-font-size">Le Traducteur</p>



<p>Moi, je l'aurais appelé "le concepteur" puisque son rôle est surtout d'alimenter les fiches produits, de gérer les alias, mais c'est vrai aussi que c'est lui qui traduit les boutiques multilingues. </p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="484" height="467" src="https://st9ph.fr/wp-content/uploads/2026/01/image-291.png" alt="" class="wp-image-33337" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-291.png 484w, https://st9ph.fr/wp-content/uploads/2026/01/image-291-300x289.png 300w" sizes="auto, (max-width: 484px) 100vw, 484px" /></figure>



<p class="has-text-align-center has-medium-font-size">Le Logisticien</p>



<p>S'occupe du suivi de commande, des stocks et du SAV</p>
</div>
</div>



<p>👉 Ces <strong>rôles prédéfinis </strong>sont ajoutables, heureusement :</p>



<ul class="wp-block-list">
<li><img loading="lazy" decoding="async" width="24" height="23" class="wp-image-33295" style="width: 24px;" src="https://st9ph.fr/wp-content/uploads/2026/01/roue-crant.jpg" alt=""> <strong>Paramètres Avancés </strong>&gt; <strong>Equipes </strong>&gt; (onglet) <strong>Permissions</strong></li>



<li>Cliquer sur le<strong> rôle à modifier</strong></li>



<li><strong>cocher / décocher</strong> les permissions du groupe d'équipiers</li>
</ul>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-292.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p>Elles reprennent la norme informatique des <strong>rôles et permissions</strong> : </p>



<ul class="wp-block-list">
<li><strong>Afficher </strong>: l'équipier pour voir la rubrique mais pas agir à l'intérieur</li>



<li><strong>Ajouter </strong>: l'équipier pourra ajouter des information, un nouveau client par exemple,  mais pas agir sur des informations déjà existantes (comme changer une adresse)</li>



<li><strong>Modifier </strong>: l'équipier pourra transformer les informations de la base et les fonctionnalités</li>



<li><strong>Supprimer </strong>: Il pourra enlever des informations et restreindre des fonctionnalités</li>



<li><strong>Toutes / All</strong> : l'équipier aura toutes les permissions sur la rubrique</li>
</ul>



<p>👉 On peut aussi <strong>ajouter un rôle</strong> :</p>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li><strong>Cliquer </strong>sur ⬛<strong>+ Ajouter un nouveau rôle</strong></li>
</ul>
</div>



<ul class="wp-block-list">
<li>Donner lui <strong>un nom</strong> (dans mon exemple "<em>stagiaire</em>") et éventuellement affublez le d'un avatar</li>



<li><strong>Enregistrer</strong></li>
</ul>



<p>Je voudrais que mes stagiaires puissent <strong>voir tout le catalogue mais sans rien modifier</strong> :</p>



<ul class="wp-block-list">
<li><img loading="lazy" decoding="async" width="24" height="23" class="wp-image-33295" style="width: 24px;" src="https://st9ph.fr/wp-content/uploads/2026/01/roue-crant.jpg" alt=""> <strong>Paramètres Avancés </strong>&gt; <strong>Equipes </strong>&gt; (onglet) <strong>Permissions</strong></li>



<li>Cliquer sur le <strong>rôle </strong>"<strong>à modifier</strong>"stagiaire"</li>



<li><strong>cocher </strong> "Afficher" sur la ligne "<strong>Vendre</strong>"</li>
</ul>



<p>👀 Ne cherchez pas le bouton enregistrer,<strong> la mise à jour est automatique</strong></p>



<p>👉 Affectons maintenant ce rôle à un nouvel employé.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="302" height="202" src="https://st9ph.fr/wp-content/uploads/2026/01/image-293.png" alt="" class="wp-image-33340" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-293.png 302w, https://st9ph.fr/wp-content/uploads/2026/01/image-293-300x201.png 300w" sizes="auto, (max-width: 302px) 100vw, 302px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li>(Onglet) <strong>Employé</strong> ⬛<strong>+Ajouter un employé</strong></li>
</ul>



<ul class="wp-block-list">
<li>Entrer son <strong>Prénom et son nom</strong></li>



<li>Entrer <strong>son adresse mail et donnez lui un mot de passe</strong> (provisoire)</li>



<li>Choisissez le rôle "<strong>stagiaire</strong>"</li>



<li><strong>Enregistrer</strong></li>
</ul>



<p></p>
</div>
</div>



<p>🖥️ Voilà, il ne reste plus qu'à voir le 3ème bloc de questionnement de l'épreuve E5 !</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading has-text-align-center has-base-2-background-color has-background has-medium-font-size" id="19-aller-au-sav-%E2%9E%A1%EF%B8%8F"><a href="https://st9ph.fr/prestashop-le-service-apres-vente/">Aller au SAV</a> ➡️</h2>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2Fprestashop-manipuler-la-boutique%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size">⬇️</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span><a href="https://st9ph.fr/category/creation-de-sites/">🛠️ création de sites</a></span> » <span class="breadcrumb_last" aria-current="page">PrestaShop</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-45fc796a     uagb-post__items uagb-post__columns-3 is-grid uagb-post__columns-tablet-2 uagb-post__columns-mobile-1 uagb-post__equal-height" data-total="3" style="">

												<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="732" height="259" src="https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop.jpg 732w, https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop-300x106.jpg 300w" sizes="auto, (max-width: 732px) 100vw, 732px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer">Prestashop | OP Com dans la Eshop</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-17T18:27:24+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					17 février 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | 💥OP Com dans la Eshop ➡️ Que ce soit pour &#8230; vider les...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="840" height="248" src="https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech.jpg 840w, https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech-300x89.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech-768x227.jpg 768w" sizes="auto, (max-width: 840px) 100vw, 840px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Le Service Après Vente</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-24T16:55:00+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					24 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					SAV prestashop,, commande prestashop en backoffice, messages prédéfinis prestashop

				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="769" height="245" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419.jpg 769w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419-300x96.jpg 300w" sizes="auto, (max-width: 769px) 100vw, 769px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer">Prestashop | La Fiche Produit par l&#8217;exemple</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-16T22:44:19+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					16 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | La Fiche Produit 🎧 Ecouter l&#8217;introduction audio 👉🏻 1er bloc d&#8217;évaluation de l&#8217;épreuve...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="723" height="199" src="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925.jpg 723w, https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925-300x83.jpg 300w" sizes="auto, (max-width: 723px) 100vw, 723px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer">Prestashop | les retours produits</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-12-18T19:06:17+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					18 décembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Un commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>restaShop | Les retours produits 🔙 ➡️ Il faut savoir que les différents scénarios devront...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="307" src="https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-1024x349.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-1024x349.png 1024w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-300x102.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-768x262.png 768w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9.png 1059w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Nouveautés de la version 9</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-11-19T10:45:25+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					19 novembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>Une nouvelle version du CMS pose quelques améliorations au Backoffice et un nouveau thème en...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-referencement-seo-de-vos-produits/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="425" src="https://st9ph.fr/wp-content/uploads/2025/11/refeProduit-1024x484.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/11/refeProduit-1024x484.png 1024w, https://st9ph.fr/wp-content/uploads/2025/11/refeProduit-300x142.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/refeProduit-768x363.png 768w, https://st9ph.fr/wp-content/uploads/2025/11/refeProduit.png 1062w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-referencement-seo-de-vos-produits/" target="_self" rel="bookmark noopener noreferrer">Prestashop | référencement SEO de vos produits</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-11-14T10:10:32+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					14 novembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | le SEO de vos produits 👉🏻 Essentiel pour assurer votre visibilité sur les...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-referencement-seo-de-vos-produits/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
											</div>
			


<div class="wp-block-uagb-team uagb-team__image-position-left uagb-team__align-left uagb-team__stack-tablet uagb-block-5002ab42"><img decoding="async" class="uagb-team__image-crop-circle" src="https://st9ph.fr/wp-content/uploads/2022/01/steph-150x150.png" alt="" height="100" width="100" loading="lazy"/><div class="uagb-team__content"><h4 class="uagb-team__title">St9ph</h4><span class="uagb-team__prefix">Webmaster</span><p class="uagb-team__desc">Je suis Formateur depuis 1997 et j'ai commencé ma carrière comme technicien en réseaux informatiques.  J'ai travaillé pour de grands organismes de formation : Greta, AFPA, réseau des CCI, des écoles de commerces réputées : EM Normandie, E2SE, groupes FIM et ICEP, et collaboré en Centre d'Appels chez Webhelp pendant 12 ans avec des grands comptes FAI comme Orange, Bouygues Telecom et SFR, des assureurs et des fournisseurs d'Energie comme Direct Energie (devenu Total) et EDF (devenu Engie) !</p><ul class="uagb-team__social-list"><li class="uagb-team__social-icon"><a href="https://www.facebook.com/profile.php?id=100076192144163" aria-label="facebook" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"></path></svg></a></li><li class="uagb-team__social-icon"><a href="https://www.linkedin.com/company/st9ph/" aria-label="linkedin" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li></ul></div></div>
<p>L’article <a href="https://st9ph.fr/prestashop-manipuler-la-boutique/">Prestashop | Manipuler la boutique</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/prestashop-manipuler-la-boutique/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/Enregistrement-2026-01-19-160918.mp4" length="2450073" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/greffon.mp4" length="12632073" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/Enregistrement-2026-01-19-172128.mp4" length="2536587" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_22-01-2026_at_18_37_09_on_January_22nd_2026.mp3" length="179424" type="audio/mpeg" />

		<post-id xmlns="com-wordpress:feed-additions:1">33149</post-id>	</item>
		<item>
		<title>Prestashop &#124; La Fiche Produit par l&#8217;exemple</title>
		<link>https://st9ph.fr/prestashop-la-fiche-produit/</link>
					<comments>https://st9ph.fr/prestashop-la-fiche-produit/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Fri, 16 Jan 2026 21:44:19 +0000</pubDate>
				<category><![CDATA[PrestaShop]]></category>
		<category><![CDATA[🛠️ création de sites]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[déclinaisons prestashop]]></category>
		<category><![CDATA[prix specifiques prestashop]]></category>
		<category><![CDATA[tuto fiche produit prestashop]]></category>
		<category><![CDATA[tva prix prestashop]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=32746</guid>

					<description><![CDATA[<p>PrestaShop &#124; La Fiche Produit 👉🏻 1er bloc d&#8217;évaluation de l&#8217;épreuve technique, la création ou modification d&#8217;une fiche produit est un incontournable de l&#8217;examen E5B du BTS NDRC. Les deux autres blocs de questions étant : ⏱️ Vous devrez répartir votre temps (et donc vos points) entre ces trois blocs. Sur une épreuve de 40 ... <a title="Prestashop &#124; La Fiche Produit par l&#8217;exemple" class="read-more" href="https://st9ph.fr/prestashop-la-fiche-produit/" aria-label="En savoir plus sur Prestashop &#124; La Fiche Produit par l&#8217;exemple">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/prestashop-la-fiche-produit/">Prestashop | La Fiche Produit par l&#8217;exemple</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-80041ad0 wp-block-group-is-layout-flex">


<p class="has-medium-font-size"><strong>PrestaShop</strong></p>



<p class="has-accent-color has-text-color has-link-color has-x-large-font-size wp-elements-755afc86b2978d41e5b3abc95c613507"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-contrast-color">|</mark> La Fiche Produit</p>


</div>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_17-01-2026_at_10_28_33_on_January_17th_2026.mp3"></audio><figcaption class="wp-element-caption">🎧 Ecouter l&#8217;introduction audio</figcaption></figure>



<p class="has-medium-font-size">👉🏻 1er bloc d&#8217;évaluation de l&#8217;épreuve technique, la <strong>création ou modification d&#8217;une fiche produit</strong> est un <strong>incontournable de l&#8217;examen </strong>E5B du BTS NDRC.</p>



<p><strong>Les deux autres blocs</strong> de questions étant : </p>



<ul class="wp-block-list">
<li>2️⃣ <strong>Manipulations à l&#8217;intérieur de la boutique</strong> (paramétrer le carrousel, l&#8217;apparence du site, une promotion sur un rayon, une réassurance &#8230;) </li>



<li>3️⃣ <strong>le SAV</strong> (traiter une demande client) </li>
</ul>



<p class="has-base-2-background-color has-background">⏱️ Vous devrez <strong>répartir votre temps </strong>(et donc vos points) <strong>entre ces trois blocs.</strong> Sur une épreuve de <strong>40 minutes</strong>, <strong>vous en aurez donc 13 pour réaliser toutes les manipulations de cet article </strong>et aller chercher <strong>les 6 à 7 points sur 20 </strong>de ce bloc.</p>



<p class="has-text-align-center has-medium-font-size">C&#8217;est chaud !🔥 Et il faut donc s&#8217;entrainer au maximum :</p>



<ul class="wp-block-list">
<li>Vous trouverez <a href="https://st9ph.fr/exos-prestashop/" target="_blank" rel="noreferrer noopener">sur cette page</a> une <strong>série d&#8217;exercices d&#8217;application</strong> classés par difficulté</li>



<li>Vous pouvez voir sur <a href="https://boutiq.st9ph.fr/" target="_blank" rel="noreferrer noopener">cette boutique démo</a><strong> <a href="https://boutiq.st9ph.fr/" target="_blank" rel="noreferrer noopener"></a>le résultat escompté</strong> de ces exercices</li>
</ul>



<p>ℹ️ Cet article englobe aussi des aspects de ☝️concepts (<strong>légalité de la EShop</strong>) en remplacement de cette <a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2961/preview/pdf/5747" target="_blank" rel="noreferrer noopener">fiche ressource</a> pour la préparation de l&#8217;épreuve écrite E5A (compétence 3).</p>



<!-- =====================================================
     BADGE DE LECTURE + BADGE "DÉJÀ LU"
     - % de lecture en temps réel
     - Devient vert à 75 %
     - Mémorisé en session (déjà lu)
     ===================================================== -->

<!-- ✅ STRUCTURE HTML DU BADGE -->
<div id="readBadge">
  📖 Lecture : 0 %
</div>

<style>
/* ===============================
   STYLE DU BADGE
   =============================== */
#readBadge {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #111;
  color: #fff;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 9999;
}

/* Badge visible */
#readBadge.show {
  opacity: 1;
  transform: translateY(0);
}

/* Badge vert = article lu */
#readBadge.read {
  background: #188038;
}
</style>

<script>
/* ===============================
   LOGIQUE JAVASCRIPT
   =============================== */
(function () {

  const badge = document.getElementById("readBadge");

  // ✅ Clé unique par page (URL)
  const storageKey = "articleLu_" + window.location.pathname;

  // ✅ Si déjà lu dans la session
  if (sessionStorage.getItem(storageKey)) {
    badge.classList.add("show", "read");
    badge.innerText = "✅ Article déjà lu";
    return; // on ne recalcule plus le scroll
  }

  let badgeShown = false;
  let articleMarkedAsRead = false;

  window.addEventListener("scroll", function () {

    const scrollTop = window.scrollY;
    const docHeight = document.body.scrollHeight - window.innerHeight;
    const percent = Math.round((scrollTop / docHeight) * 100);

    // Mise à jour du texte
    badge.innerText = "📖 Lecture : " + percent + " %";

    // Affichage du badge dès 10 %
    if (percent >= 10 && !badgeShown) {
      badge.classList.add("show");
      badgeShown = true;
    }

    // ✅ Article considéré comme lu à 75 %
    if (percent >= 75 && !articleMarkedAsRead) {
      badge.classList.add("read");
      badge.innerText = "✅ Article lu à " + percent + " %";
      sessionStorage.setItem(storageKey, "true");
      articleMarkedAsRead = true;
    }

  });

})();
</script>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="233" height="211" src="https://st9ph.fr/wp-content/uploads/2025/12/IA.png" alt="" class="wp-image-31733" style="width:79px;height:auto"/></figure>
</div>


<p class="has-small-font-size">Part d&#8217;IA /5 dans cet article</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<div class="wp-block-columns has-base-2-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-6bffa562-bd8f-476f-8885-ffba543304c2">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-6bffa562-bd8f-476f-8885-ffba543304c2-0"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-6bffa562-bd8f-476f-8885-ffba543304c2-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-6bffa562-bd8f-476f-8885-ffba543304c2-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-6bffa562-bd8f-476f-8885-ffba543304c2-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-6bffa562-bd8f-476f-8885-ffba543304c2-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-6bffa562-bd8f-476f-8885-ffba543304c2-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-6bffa562-bd8f-476f-8885-ffba543304c2-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-6bffa562-bd8f-476f-8885-ffba543304c2-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-6bffa562-bd8f-476f-8885-ffba543304c2-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-6bffa562-bd8f-476f-8885-ffba543304c2-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">♨️ Sources</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-953cec45-3e6f-422b-8592-e666a7cfbdb7">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-953cec45-3e6f-422b-8592-e666a7cfbdb7-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-953cec45-3e6f-422b-8592-e666a7cfbdb7-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-953cec45-3e6f-422b-8592-e666a7cfbdb7-1"><rect height="150" width="75" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-953cec45-3e6f-422b-8592-e666a7cfbdb7-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-953cec45-3e6f-422b-8592-e666a7cfbdb7-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-953cec45-3e6f-422b-8592-e666a7cfbdb7-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-953cec45-3e6f-422b-8592-e666a7cfbdb7-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-953cec45-3e6f-422b-8592-e666a7cfbdb7-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-953cec45-3e6f-422b-8592-e666a7cfbdb7-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-953cec45-3e6f-422b-8592-e666a7cfbdb7-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">🖼️ Images</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-84f3a636-c4a8-421c-9d7c-e8630dad43c9">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-84f3a636-c4a8-421c-9d7c-e8630dad43c9-0"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-84f3a636-c4a8-421c-9d7c-e8630dad43c9-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-84f3a636-c4a8-421c-9d7c-e8630dad43c9-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-84f3a636-c4a8-421c-9d7c-e8630dad43c9-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-84f3a636-c4a8-421c-9d7c-e8630dad43c9-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-84f3a636-c4a8-421c-9d7c-e8630dad43c9-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-84f3a636-c4a8-421c-9d7c-e8630dad43c9-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-84f3a636-c4a8-421c-9d7c-e8630dad43c9-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-84f3a636-c4a8-421c-9d7c-e8630dad43c9-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-84f3a636-c4a8-421c-9d7c-e8630dad43c9-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">✒️Contenu</div>
		</div></div>
</div>
</div>
</div>



<p class="has-text-align-center has-small-font-size">Il est possible que les termes ou les aperçus d&#8217;écran diffèrent entre votre BO et le mien notamment au niveau des noms de labels car j&#8217;utilise une version multilingue du CMS et les noms restent parfois en anglais.</p>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">53–80 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">12 526 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-04-13T09:29:08+02:00">13 avril  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-b4ee5d2e      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							plan du tuto :						</div>
												<div class="uagb-toc__loader"></div>										<div class="uagb-toc__list-wrap uagb-toc__list-hidden">
						<ol class="uagb-toc__list"><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#lexemple-fil-rouge" class="uagb-toc-link__trigger">L&#039;Exemple &quot;fil rouge&quot;</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#magnifique-sweat-panda" class="uagb-toc-link__trigger">Magnifique Sweat Panda</a></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#onglet-description" class="uagb-toc-link__trigger">Onglet Description</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#11-les-visuels-du-produit" class="uagb-toc-link__trigger">🔹1.1 |les visuels du produit</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#12-récapitulatif-description" class="uagb-toc-link__trigger">🔹1.2 |Récapitulatif &amp; Description</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#13-catégories" class="uagb-toc-link__trigger">🔹1.3 |Catégories</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#14-marque" class="uagb-toc-link__trigger">🔹1.4 |Marque</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#15-produits-associés" class="uagb-toc-link__trigger">🔹1.5 |Produits associés</a></li></ul></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#longlet-détails" class="uagb-toc-link__trigger">l&#039;Onglet Détails</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#21-références" class="uagb-toc-link__trigger">🔹2.1 |Références</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#22-caractéristiques" class="uagb-toc-link__trigger">🔹2.2 |Caractéristiques</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#23-fichiers-joints" class="uagb-toc-link__trigger">🔹2.3 |Fichiers joints</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#24-etat-du-produit" class="uagb-toc-link__trigger">🔹2.4 |Etat du produit</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#25-personnalisation" class="uagb-toc-link__trigger">🔹2.5 |Personnalisation</a></li></ul></li></ul></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#3-déclinaisons" class="uagb-toc-link__trigger">3️⃣| Déclinaisons</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#3-1-créer-une-valeur-ou-tout-un-attribut-de-déclinaison" class="uagb-toc-link__trigger">3-1 | créer une valeur ou tout un attribut de déclinaison</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#pull-marin-homme" class="uagb-toc-link__trigger">Pull marin homme</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#cadre-panda" class="uagb-toc-link__trigger">Cadre Panda</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#3-2-générer-et-paramétrer-les-déclinaisons" class="uagb-toc-link__trigger">3-2 | Générer et paramétrer les déclinaisons</a></li></ul></li></ul></li></ul></li></ul></li><li class="uagb-toc__list "><a href="#4-livraison" class="uagb-toc-link__trigger">4️⃣| Livraison</a><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#5-prix" class="uagb-toc-link__trigger">5️⃣| Prix</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#5-1-les-taux-de-tva-que-vous-devez-connaitre" class="uagb-toc-link__trigger">5-1 | Les taux de TVA que vous devez connaitre</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#5-2-etablissement-du-prix-normal" class="uagb-toc-link__trigger">5-2 | Etablissement du prix normal</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#5-3-etablissement-dun-prix-spécifique-promo" class="uagb-toc-link__trigger">5-3 | Etablissement d&#039;un prix spécifique (promo)</a></li></ul></li></ul></li></ul></li></ul></li></ul></li><li class="uagb-toc__list "><a href="#6-référencement-seo" class="uagb-toc-link__trigger">6️⃣| Référencement &#8211; SEO</a><li class="uagb-toc__list "><a href="#7-options" class="uagb-toc-link__trigger">7️⃣| Options</a><li class="uagb-toc__list "><a href="#aller-à-la-seconde-partie-manipuler-la-boutique" class="uagb-toc-link__trigger">Aller à la seconde partie | manipuler la boutique ➡️</a></ul></ul></ul></ul></ul></ol>					</div>
									</div>
				</div>
			


<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<style>
.chapter-title {
  display: flex;
  align-items: stretch;
  margin: 1.8rem 0;
}

/* Numéro */
.chapter-number {
  background: #1e73be;
  color: #fff;
  font-weight: 700;
  font-size: 3rem;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 0 0 10px;
}

/* Contenu */
.chapter-content {
  padding: 0.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 4px solid #1e73be;
}

/* H2 avec logo */
.chapter-content h2 {
  margin: 0;
  font-size: 2.05rem;
  font-weight: 700;
  color: #1e73be;
  display: flex;
  align-items: center;
  gap: 0.6rem; /* espace logo / texte */
}

/* Logo carré */
.chapter-icon {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Sous-titre */
.chapter-subtitle {
  margin-top: 0.35rem;
  font-style: italic;
  color: #555;
  font-size: 0.95rem;
}
</style>

<div class="chapter-title">
  <div class="chapter-number">0</div>
  <div class="chapter-content">
    <h2>
      <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png"
           alt=""
           class="chapter-icon">
      L&#8217;Exemple &#8220;fil rouge&#8221;
    </h2>
    <p class="chapter-subtitle">le magnifique sweat panda femme</p>
  </div>
</div>



<p class="callout vert">👕 Durant tout le déroulé de cet article, je prendrais <strong>l&#8217;exemple d&#8217;un produit que nous allons construire pendant mon exposé</strong>. Un magnifique Sweat-Shirt de la marque Panda de notre collection de vêtements Femme.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-video"><video autoplay loop muted src="https://boutiq.st9ph.fr/img/cms/sweat2w-final.mp4" playsinline></video></figure>
</div>
</div>


<div style="min-height: 285px;; " class="ub_image_slider swiper-container wp-block-ub-image-slider" id="ub_image_slider_d393e517-f601-4177-8f05-1775e885f960" data-swiper-data='{"speed":300,"spaceBetween":20,"slidesPerView":3,"loop":true,"pagination":{"el": ".swiper-pagination" , "type": "bullets", "clickable":true},"navigation": {"nextEl": ".swiper-button-next", "prevEl": ".swiper-button-prev"}, "keyboard": { "enabled": true }, "effect": "slide","simulateTouch":false}'>
            <div class="swiper-wrapper"><figure class="swiper-slide">
                <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/2situ.jpg" alt="" style="height: 250px;; ">
                <figcaption class="ub_image_slider_image_caption"></figcaption>
            </figure><figure class="swiper-slide">
                <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/camel.jpg" alt="" style="height: 250px;; ">
                <figcaption class="ub_image_slider_image_caption"></figcaption>
            </figure><figure class="swiper-slide">
                <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/camel-situ.jpg" alt="" style="height: 250px;; ">
                <figcaption class="ub_image_slider_image_caption"></figcaption>
            </figure><figure class="swiper-slide">
                <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/noir.jpg" alt="" style="height: 250px;; ">
                <figcaption class="ub_image_slider_image_caption"></figcaption>
            </figure><figure class="swiper-slide">
                <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/noir-situ.jpg" alt="" style="height: 250px;; ">
                <figcaption class="ub_image_slider_image_caption"></figcaption>
            </figure></div>
            <div class="swiper-pagination"></div>
            <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div>
        </div>


<!-- Bouton principal -->
<button id="uxMenuBtn" style="
  position: fixed;
  right: 14px;
  bottom: 40%;
  padding: 12px 14px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
  font-size: 18px;
">
  ☰
</button>

<!-- Menu -->
<div id="uxMenu" style="
  display:none;
  position: fixed;
  right: 14px;
  bottom: 48%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  z-index: 10000;
  font-family: Arial, sans-serif;
">
  <button class="uxItem" data-popup="sources">📚 Sources</button>
  <button class="uxItem" data-popup="methodo">🧑‍🎓NDRC</button>
  <button class="uxItem" data-popup="glossary">📘 Glossaire</button>
</div>

<!-- Overlay -->
<div id="uxOverlay" style="
  display:none;
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.55);
  z-index:10001;
"></div>

<!-- POPUPS -->

<div class="uxPopup" id="sources" data-title="📚 Sources UX mobile">
<ul>
<li><strong>Nano Banana de Google Gemini</strong> – personnages d&#8217;illustration, des fiches produits et image en avant</li>
<li><strong>Prestashop</strong> – Saas dans sa version V9 pour les manipulations</li>
<li><strong>Ministère de l&#8217;économie et des finances publiques</strong> – règles de TVA</li>
</ul>
</div>

<div class="uxPopup" id="methodo" data-title="🧑‍🎓 NDRC">
<p>Cet article est à visée de 🖥️ l&#8217;épreuve technique E5B.</p>
<ul>
<li>Savoir concevoir un produit simple ou avec déclinaisons</li>
<li>savoir ajouter des caractéristiques, des attributs et ajouter des valeurs ad hoc</li>
<li>Savoir faire la promotion d&#8217;un produit</li>
<li>Savoir référencer un produit</li>
</ul>
<p>Quelques apports compétence 🛒 E-Commerce : Taux de TVA, marge commerciale</p>
</div>

<div class="uxPopup" id="glossary" data-title="📘 Glossaire UX mobile">
<ul>
<li><strong>caractéristique</strong> : spécificité d&#8217;un produit quelles que soient ses variantes</li>
<li><strong>attribut ou déclinaison</strong> : spécificité variable d&#8217;un produit (pointure, couleur &#8230;)</li>
<li><strong>prix d&#8217;achat</strong> : pour le marchand cad le prix fournisseur en HT</li>
<li><strong>Image de couverture</strong> : celle que le visiteur verra en 1er en arrivant sur la fiche produit</li>
</ul>
</div>

<!-- Style popup -->
<style>
.uxItem {
  display: block;
  padding: 10px 16px;
  background: #fff;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: #111;        /* ✅ TEXTE VISIBLE */
  font-size: 14px;
}

.uxItem:hover {
  background: #f0f0f0;
}
.uxItem:hover { background:#f0f0f0; }

.uxPopup {
  display:none;
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  width:90%;
  max-width:560px;
  max-height:80%;
  padding:24px;
  border-radius:10px;
  box-shadow:0 10px 40px rgba(0,0,0,0.25);
  z-index:10002;
  overflow-y:auto;
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu {
    display: none !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu,
  #uxOverlay,
  .uxPopup {
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    display: none !important;
  }
}
</style>

<script>
(function () {

  // === DÉSACTIVATION MOBILE ===
  if (window.innerWidth <= 768) {
    return; // on ne fait RIEN sur mobile
  }

  // === RÉFÉRENCES ===
  const menuBtn = document.getElementById("uxMenuBtn");
  const menu = document.getElementById("uxMenu");
  const overlay = document.getElementById("uxOverlay");
  const popups = document.querySelectorAll(".uxPopup");

  if (!menuBtn || !menu || !overlay) return;

  // === OUVERTURE / FERMETURE MENU ===
  menuBtn.addEventListener("click", () => {
    menu.style.display = menu.style.display === "block" ? "none" : "block";
  });

  // === OUVERTURE POPUPS ===
  document.querySelectorAll(".uxItem").forEach(btn => {
    btn.addEventListener("click", () => {
      popups.forEach(p => p.style.display = "none");
      const target = document.getElementById(btn.dataset.popup);
      if (target) target.style.display = "block";
      overlay.style.display = "block";
      menu.style.display = "none";
    });
  });

  // === FERMETURE OVERLAY ===
  overlay.addEventListener("click", () => {
    popups.forEach(p => p.style.display = "none");
    overlay.style.display = "none";
  });

})();
</script>



</script>
<script>
(function () {
  if (window.innerWidth <= 768) {
    const uxPanel = document.querySelector('.ux-panel');
    if (uxPanel) {
      uxPanel.remove();
    }
  }
})();
</script>



<p class="has-medium-font-size"> 👍 Il est chouette, nan ?</p>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Commencez par <strong>télécharger ces visuels </strong>:</li>
</ul>



<div class="wp-block-file"><a id="wp-block-file--media-2b49b188-aaee-4b80-9039-7cc14515aa80" href="https://st9ph.fr/wp-content/uploads/2026/01/sweatPanda.zip">sweatPanda</a><a href="https://st9ph.fr/wp-content/uploads/2026/01/sweatPanda.zip" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-2b49b188-aaee-4b80-9039-7cc14515aa80">Télécharger</a></div>
</div>



<p>On voit que c'est un produit avec <strong>déclinaisons de couleurs.</strong> Mais on l'a aussi <strong>en plusieurs tailles</strong>. Nos consignes sont dans le tableau ci-dessous :</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Item</th><th>Spécificité</th><th>Item</th><th>Spécificité</th></tr></thead><tbody><tr><td>Rayon(s)</td><td>vêtements - Femme</td><td>repassage</td><td>Non</td></tr><tr><td>Marque</td><td>Panda Store</td><td>Lavage</td><td>30° (délicat)</td></tr><tr><td>Tailles</td><td>S, L, M, XL</td><td>Séchage machine</td><td>Non</td></tr><tr><td>Couleur(s)</td><td>Noir - Camel (à créer)</td><td>Origine</td><td>Chine</td></tr><tr><td>Stocks</td><td>10 pc de chaque taille dans les deux couleurs</td><td>Norme CE</td><td>Oui</td></tr><tr><td>Composition</td><td>100% coton</td><td>Prix d'achat <br>Marge Com mini</td><td>6,00 €HT<br>8,00 €HT</td></tr></tbody></table></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-medium-font-size">👀 Voir <strong>le produit fini</strong>  :</p>



<ul class="wp-block-list">
<li>En cliquant sur la fiche 👉🏻</li>



<li>Ou en <strong>flashant le QR Code</strong> 👇🏻</li>
</ul>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="490" height="490" src="https://st9ph.fr/wp-content/uploads/2026/01/qrcode_boutiq.st9ph.fr-14.png" alt="" class="wp-image-33077" style="width:183px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/qrcode_boutiq.st9ph.fr-14.png 490w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_boutiq.st9ph.fr-14-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_boutiq.st9ph.fr-14-150x150.png 150w" sizes="auto, (max-width: 490px) 100vw, 490px" /></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<style>
.ps-product-card { background: #fff; border: 1px solid #e7e7e7; border-radius: 4px; width: 100%; max-width: 300px; margin: 20px auto; font-family: 'Segoe UI', sans-serif; transition: box-shadow 0.3s ease; position: relative; overflow: hidden; text-decoration: none; color: inherit; display: block; }
.ps-product-card:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.ps-product-image-wrapper { position: relative; width: 100%; padding-top: 100%; overflow: hidden; background: #f5f5f5; }
.ps-product-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.ps-product-card:hover .ps-product-image { transform: scale(1.05); }
.ps-wishlist-icon { position: absolute; top: 10px; right: 10px; background: rgba(255, 255, 255, 0.8); width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; z-index: 2; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.ps-wishlist-icon svg { width: 20px; height: 20px; fill: #7a7a7a; transition: fill 0.2s; }
.ps-wishlist-icon:hover { background: #fff; transform: scale(1.1); }
.ps-wishlist-icon:hover svg { fill: #ff4848; }
.ps-product-rating { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 2px; z-index: 2; background: rgba(0,0,0,0.4); padding: 4px 8px; border-radius: 20px; }
.ps-star { color: #ffd700; font-size: 14px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.ps-product-content { padding: 15px; text-align: center; background: #fff; }
.ps-product-name { font-size: 15px; color: #333; margin: 0 0 10px 0; font-weight: 500; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 42px; }
.ps-product-price { font-size: 18px; font-weight: 700; color: #25B9D7; margin: 0 0 15px 0; }
.ps-product-btn { background-color: #25B9D7; color: #fff; border: none; padding: 10px 15px; border-radius: 4px; font-size: 13px; font-weight: 600; text-transform: uppercase; cursor: pointer; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; transition: background 0.2s; text-decoration: none; box-sizing: border-box; }
.ps-product-btn:hover { background-color: #1fa3c0; color: #fff; }
.ps-product-btn svg { width: 16px; height: 16px; fill: currentColor; }
@media (max-width: 768px) { .ps-product-card { max-width: 100%; } }
</style>
<!-- DÉBUT VIGNETTE PRODUIT -->
<a href="https://boutiq.st9ph.fr/32-90-magnifique-sweat-panda.html#/1-taille-s/12-couleur-camel" target="_blank" class="ps-product-card">
    <div class="ps-product-image-wrapper">
        <img decoding="async" src="https://boutiq.st9ph.fr/72-product_main/magnifique-sweat-panda.jpg" alt="Magnifique Sweat Panda" class="ps-product-image">
        <div class="ps-wishlist-icon" title="Ajouter aux favoris" onclick="event.preventDefault(); event.stopPropagation(); alert('Fonctionnalité liste d\'envie à connecter.');">
            <svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
        </div>
        <div class="ps-product-rating">
            <span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span>
        </div>
    </div>
    <div class="ps-product-content">
        <h3 class="ps-product-name">Magnifique Sweat Panda</h3>
        <div class="ps-product-price">17,95 €</div>
        <div class="ps-product-btn">
            Voir dans la boutique
            <svg viewBox="0 0 24 24"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></svg>
        </div>
    </div>
</a>
<!-- FIN VIGNETTE PRODUIT -->
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p class="has-text-align-right"></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%"></div>
</div>



<p class="has-medium-font-size">🖥️ On y va ?</p>



<ul class="wp-block-list">
<li>Depuis le BO de votre CMS Prestashop,<strong> Catalogue &gt; produits</strong></li>
</ul>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Ajouter un nouveau produit</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="213" height="27" src="https://st9ph.fr/wp-content/uploads/2026/01/image-126.png" alt="" class="wp-image-32760"/></figure>
</div>



<p></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image">
<figure class="alignright size-full"><img loading="lazy" decoding="async" width="363" height="191" src="https://st9ph.fr/wp-content/uploads/2026/01/image-127.png" alt="" class="wp-image-32763" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-127.png 363w, https://st9ph.fr/wp-content/uploads/2026/01/image-127-300x158.png 300w" sizes="auto, (max-width: 363px) 100vw, 363px" /></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Le CMS vous donne le choix entre :</p>



<ul class="wp-block-list">
<li>un <strong>produit simple</strong> (basique) sans variantes</li>



<li>un p<strong>roduit déclinable</strong> (en taille, en couleurs ...)</li>



<li>un <strong>pack de</strong> plusieurs <strong>produits</strong> (lot)</li>



<li>Un<strong> produit dématérialisé</strong> (livre électronique, logiciel, billet de spectacle ...)</li>
</ul>
</div>
</div>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquer sur : </li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="281" height="27" src="https://st9ph.fr/wp-content/uploads/2026/01/image-128.png" alt="" class="wp-image-32764"/></figure>
</div>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquer sur :</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="213" height="27" src="https://st9ph.fr/wp-content/uploads/2026/01/image-126.png" alt="" class="wp-image-32760"/></figure>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li>Inscrivez le nom de votre produit <strong>dans la zone "article"</strong></li>
</ul>



<p class="has-background" style="background-color:#f2cece">⚠️ On va faire à présent <strong>quelque chose qui ne se fait jamais </strong>mais qu'il vaut mieux faire dès maintenant pour ne pas l'oublier quand vous aurez fini votre fiche : <strong>le publier directement !</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="480" height="132" src="https://st9ph.fr/wp-content/uploads/2026/01/image-129.png" alt="" class="wp-image-32769" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-129.png 480w, https://st9ph.fr/wp-content/uploads/2026/01/image-129-300x83.png 300w" sizes="auto, (max-width: 480px) 100vw, 480px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="125" height="37" src="https://st9ph.fr/wp-content/uploads/2026/01/image-130.png" alt="" class="wp-image-32770"/></figure>
</div>
</div>



<ul class="wp-block-list">
<li>Cliquer sur le bouton radio <strong>Offline &gt; Online</strong></li>
</ul>



<p class="has-base-2-background-color has-background"><strong>On ne fait jamais cela en vérité </strong>car <strong>votre produit, qui n'est encore qu'un brouillon, va se retrouver visible dans votre boutique en ligne</strong> ! Seulement, <strong>si vous oubliez à la fin, c'est - 4 pts</strong> (sur un total de 6 ou 7 à prendre). C'est pourquoi<strong> je vous invite à prendre cette petite liberté</strong>.</p>



<p></p>



<!-- DÉBUT TITRE CHAPITRE -->
<style>
.chapter-title { display: flex; align-items: stretch; margin: 1.7rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.chapter-number { background: #1e73be; color: #fff; font-weight: 700; font-size: 2.8rem; padding: 0 1.1rem; display: flex; align-items: center; justify-content: center; }
.chapter-content { padding: 1.3rem 1.5rem; width: 100%; }
.chapter-heading { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; }
.chapter-logo { width: 42px; height: 42px; flex-shrink: 0; display:block; }
.chapter-logo img { width: 100%; height: 100%; object-fit: contain; }
.chapter-content h2 { margin: 0; font-size: 2.1rem; font-weight: 700; color: #1e73be; }
.chapter-points { margin: 0; padding-left: 0; list-style: none; }
.chapter-points li { margin-bottom: 0.35rem; color: #444; font-size: 0.95rem; line-height: 1.45; }
.chapter-points li::before { content: "🔹 "; }
</style>

<div class="chapter-title">
  <div class="chapter-number">1</div>
  <div class="chapter-content">
    <div class="chapter-heading">
      <a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
        <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo">
      </a>
      <h2>Onglet Description</h2>
    </div>
    <ul class="chapter-points"><li>Visuels du produit</li><li>Récapitulatif & description</li><li>Catégories</li><li>Marques</li><li>Produits associés</li></ul>
  </div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p class="callout bleu">ℹ️ Il s'appelle peut-être encore "<strong>Essentiel</strong>" si vous n'êtes pas passé(e) à la version 9.</p>



<p class="has-small-font-size">⚠️ Attention, la V9 est est la version installée pour l'examen</p>



<p class="has-text-align-center has-base-2-background-color has-background">C'est ici qu'on va pouvoir faire <strong>les réglages "de base"</strong>.</p>



<h3 class="wp-block-heading" id="0-11-l-es-visuels-du-produit-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt="">l<strong>es visuels du produit</strong></h3>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquer sur la zone image (centrale) :</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="56" height="47" src="https://st9ph.fr/wp-content/uploads/2026/01/image-131.png" alt="" class="wp-image-32772"/></figure>
</div>



<p>📂 Une <strong>boite de dialogue </strong>s'ouvre pour vous demander où sont <strong>les images à uploader</strong></p>



<ul class="wp-block-list">
<li><strong>Recherchez les fichiers dézippés</strong></li>



<li><strong>Cliquez sur chacun</strong> en maintenant la touche <strong>CTRL</strong></li>



<li>cliquez sur <strong>ouvrir</strong></li>
</ul>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-132.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p>Par défaut, il y'a <strong>deux restrictions</strong> :</p>



<ul class="wp-block-list">
<li>vos visuels doivent être <strong>au format .jpg ou .png</strong></li>



<li>l<strong>e poids</strong> de chaque visuel doit être<strong> &lt;= 2 Mo</strong></li>
</ul>



<p class="callout jaune">🖥️ Ce sera le cas <strong>le jour de l'épreuve</strong> mais on ne vous fera pas la blague de <strong>vous donner des fichiers au mauvais format ou trop lourds </strong>(enfin, j'espère, ce ne serait pas très drôle).</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-133.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Commençons par légender nos images pour le référencement Google Images :</p>



<ul class="wp-block-list">
<li>cliquer sur un visuel</li>



<li>tapez <strong>l'information clé</strong></li>



<li><strong>Enregistrer</strong></li>
</ul>



<p class="callout vert">🔑 L'information clé, c'est : <strong>le nom du produit </strong>+ <strong>son rayon </strong>+ <strong>le nom de votre boutique</strong></p>



<p></p>
</div>
</div>



<p class="has-text-align-center has-accent-color has-text-color has-link-color wp-elements-353e68d30a04d2127649e5fa7f07a1ad">Il faut savoir que vous n'aurez <strong>pas de balise Alt</strong> (comme dans WordPress) et que <strong>le seul moyen</strong> que vous avez <strong>de référencer votre produit</strong> en recherche d'images <strong>sera la légende</strong>.</p>



<p class="has-base-2-background-color has-background">Ainsi : "<em>Sweat femme", "Boutique St9ph", "marque Panda</em>" tapés <strong>en mots clé</strong> pourront <strong>renvoyer vers ce produit</strong>.</p>



<ul class="wp-block-list">
<li><strong>copier-coller</strong> cette légende <strong>sur toutes les images</strong></li>
</ul>



<p class="callout bleu">👉 Vous avez remarqué aussi la case à cocher "<strong>utiliser comme image de couverture</strong>". Elle sert à <strong>définir quel est le premier visuel </strong>que le visiteur verra quand il arrivera <strong>sur la fiche produit</strong>.</p>



<p class="callout bleu">ℹ️ Il n'est <strong>pas obligatoire de faire figurer des visuels</strong> sur une fiche produit mais cela paraitrait vraiment bizarre qu'il n'y en ait pas, vu que c'est un élément indispensable. </p>



<p class="callout bleu has-medium-font-size">Sachez aussi que :</p>



<ul class="wp-block-list">
<li>si <strong>des éléments photographiés <mark style="background-color:rgba(0, 0, 0, 0);color:#bd2b2b" class="has-inline-color">ne font pas partie du produit</mark>,</strong> vous devez l'indiquer "<em>tel élément vendu séparément</em>"</li>



<li>si <mark style="background-color:rgba(0, 0, 0, 0);color:#dd2e2e" class="has-inline-color">l<strong>'aspect du produit peut changer</strong></mark> (selon les arrivages), vous devez indiquer "<em>images non contractuelles</em>", "<em>couleurs selon arrivages</em>" ...</li>



<li>les <mark style="background-color:rgba(0, 0, 0, 0);color:#d63d3d" class="has-inline-color">photos <strong>ne représentant qu'une partie </strong></mark><strong>des déclinaisons</strong>, vous devez préciser "<em>tel élément en option</em>" ou "<em>modèle photographié : telle option</em>"</li>
</ul>



<p class="has-small-font-size">Si je n'avais pas de visuels pour le pull Camel, par exemple, j'indiquerai "disponible aussi en couleur Camel" sur le visuel noir. Ca peut arriver, parfois, que les fournisseurs n'aient pas eu le temps de faire un shooting pour une nouvelle couleur de leur produit.</p>



<h3 class="wp-block-heading" id="1-12-r%C3%A9capitulatif-amp-description-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Récapitulatif &amp; Description</strong></h3>



<p>⚠️ Attention, <strong>on confond souvent les deux</strong> :</p>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 256 512&quot;&gt;&lt;path fill=&quot;%23ar(--accent)&quot; d=&quot;M160 64c0-11.8-6.5-22.6-16.9-28.2s-23-5-32.9 1.6l-96 64C-.5 111.2-4.4 131 5.4 145.8s29.7 18.7 44.4 8.9L96 123.8V416H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96 96c17.7 0 32-14.3 32-32s-14.3-32-32-32H160V64z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-f2834054-048c-45d0-9fc1-8a38417f5447">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 256 512&quot;&gt;&lt;path fill=&quot;%23ar(--accent)&quot; d=&quot;M160 64c0-11.8-6.5-22.6-16.9-28.2s-23-5-32.9 1.6l-96 64C-.5 111.2-4.4 131 5.4 145.8s29.7 18.7 44.4 8.9L96 123.8V416H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96 96c17.7 0 32-14.3 32-32s-14.3-32-32-32H160V64z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-8ac5068e-6b28-41ad-9f00-b3bd5c39fb24">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 512"><path fill="var(--accent)" d="M160 64c0-11.8-6.5-22.6-16.9-28.2s-23-5-32.9 1.6l-96 64C-.5 111.2-4.4 131 5.4 145.8s29.7 18.7 44.4 8.9L96 123.8V416H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96 96c17.7 0 32-14.3 32-32s-14.3-32-32-32H160V64z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Le récapitulatif</strong> (ou "Summary"), c'est<strong> l'argumentaire de vente </strong>de votre, produit, votre call to action, la zone<strong> juste au dessus du bouton "ajouter au panier"</strong>.</span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="894" height="258" src="https://st9ph.fr/wp-content/uploads/2026/01/image-134.png" alt="" class="wp-image-32782" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-134.png 894w, https://st9ph.fr/wp-content/uploads/2026/01/image-134-300x87.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-134-768x222.png 768w" sizes="auto, (max-width: 894px) 100vw, 894px" /></figure>



<p class="has-base-2-background-color has-background">Ici, j'ai volontairement forcé vers le "too much" mais l'objectif et de fa<strong>ire comprendre à votre correcteur que vous avez compris à quoi sert cette zone</strong>. Si vous êtes maladroit(e) ou si vous exagérez, ça ne vous enlèvera pas de points et cela nous fera juste sourire !</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-135.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>⚠️ Attention aussi <strong>à ne pas raconter votre vie non plus </strong>(800 caractères max) et il y'a une règle en or<strong> : le bouton "ajouter au panier" doit rester visible sans scroller</strong>. Donc, plus vous serez long, plus vous risquez de la faire descendre dans la page.</p>



<p>👉 <strong>Emoji bienvenus</strong> (Touches <strong>Windows </strong>+ <strong>POINT</strong>) - Vous serez sur un PC 🖥️ Windows</p>



<p class="has-base-background-color has-background">Bon, pour l'instant, il est gratuit et en rupture de stock mais c'est parce qu'on a pas encore renseigné tout cela !</p>
</div>
</div>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23ar(--accent)&quot; d=&quot;M142.9 96c-21.5 0-42.2 8.5-57.4 23.8L54.6 150.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L40.2 74.5C67.5 47.3 104.4 32 142.9 32C223 32 288 97 288 177.1c0 38.5-15.3 75.4-42.5 102.6L109.3 416H288c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9L200.2 234.5c15.2-15.2 23.8-35.9 23.8-57.4c0-44.8-36.3-81.1-81.1-81.1z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-7c4d63b3-9bdf-4c1f-a5c7-9403232d51d2">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23ar(--accent)&quot; d=&quot;M142.9 96c-21.5 0-42.2 8.5-57.4 23.8L54.6 150.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L40.2 74.5C67.5 47.3 104.4 32 142.9 32C223 32 288 97 288 177.1c0 38.5-15.3 75.4-42.5 102.6L109.3 416H288c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9L200.2 234.5c15.2-15.2 23.8-35.9 23.8-57.4c0-44.8-36.3-81.1-81.1-81.1z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-078d7f23-716b-41ea-893e-4a628f03b3a7">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="var(--accent)" d="M142.9 96c-21.5 0-42.2 8.5-57.4 23.8L54.6 150.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L40.2 74.5C67.5 47.3 104.4 32 142.9 32C223 32 288 97 288 177.1c0 38.5-15.3 75.4-42.5 102.6L109.3 416H288c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9L200.2 234.5c15.2-15.2 23.8-35.9 23.8-57.4c0-44.8-36.3-81.1-81.1-81.1z"></path></svg>
				</span>
				<span class="ub_list_item_text">La <strong>description</strong> ce sont les <strong>informations de levée de doute</strong> : la taille, le poids, les dimensions ... tout ce qui peut faire que<strong> le client prêt à ajouter au panier </strong>ne se demande plus s'il ne sera pas trop juste, trop lourd, trop grand ...</span>
			</div>
			
		</li>
</ul>


<p class="has-base-2-background-color has-background">⚠️ Attention encore, certaines informations seront <strong>mieux mises en valeur en caractéristiques </strong>(ce sera même parfois explicitement demandé) mais nous verrons cela plus tard parce que <strong>c'est dans l'onglet suivant</strong></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>On vous donnera parfois <strong>des pictogrammes </strong>pour certaines informations :</p>



<ul class="wp-block-list">
<li>Ici, <strong>concernant les vêtements</strong> : les conditions de repassage, de lavage, de séchage (comme sur le panneau ci-contre) </li>



<li>pour les <strong>produits électroniques</strong> : des pictogrammes sur la tension, les ondes, la résistance ...</li>



<li>Pour <strong>les plats préparés </strong>: les temps, modes et températures de réchauffage ....</li>
</ul>



<p></p>



<p>Si ces pictogrammes sont fournis, vous pouvez<strong> les inclure par le pictogramme image </strong>de la barre d'outils :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="290" height="84" src="https://st9ph.fr/wp-content/uploads/2026/01/image-137.png" alt="" class="wp-image-32787"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-136.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-138.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Sur <a href="https://boutiq.st9ph.fr/20-40-pull-panda.html#/1-taille-s/7-couleur-beige" target="_blank" rel="noreferrer noopener">ce produit</a>, par exemple, les pictogrammes permettent <strong>mieux que des mots </strong>d'indiquer les précautions d'emploi.</p>



<p class="has-base-2-background-color has-background">On est jamais trop prudent avec les clients tatillons (il y'en a) et j'ai préfère quand même <strong>l'écrire en toutes lettres </strong>en dessous !</p>



<p>👉 Pour notre Sweat, pas de questions à se poser, <strong>nous n'avons pas de picto</strong>, donc : o<strong>n écrit tout à la main</strong> ... enfin, au clavier !</p>



<p class="has-medium-font-size"><em>Reprenons le tableau :</em></p>
</div>
</div>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Item</th><th>Spécificité</th><th>Item</th><th>Spécificité</th></tr></thead><tbody><tr><td>Rayon(s) <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">catégorie</mark></td><td><s>vêtements - Femme</s></td><td>repassage <mark style="background-color:rgba(0, 0, 0, 0);color:#468049" class="has-inline-color"><strong>oui</strong></mark></td><td>Non</td></tr><tr><td>Marque <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Marque</mark></td><td><s>Panda Store</s></td><td>Lavage <mark style="background-color:rgba(0, 0, 0, 0);color:#468049" class="has-inline-color"><strong>oui</strong></mark></td><td>30° (délicat)</td></tr><tr><td>Tailles <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">déclinaisons</mark></td><td><s>S, L, M, XL</s></td><td>Séchage machine <mark style="background-color:rgba(0, 0, 0, 0);color:#468049" class="has-inline-color"><strong>oui</strong></mark></td><td>Non</td></tr><tr><td>Couleur(s) <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">déclinaisons</mark></td><td><s>Noir - Camel (à créer)</s></td><td>Origine <mark style="background-color:rgba(0, 0, 0, 0);color:#468049" class="has-inline-color"><strong>oui</strong></mark></td><td>Chine</td></tr><tr><td>Stocks <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">déclinaisons</mark></td><td><s>10 pc de chaque taille dans les deux couleurs</s></td><td>Norme CE <mark style="background-color:rgba(0, 0, 0, 0);color:#468049" class="has-inline-color"><strong>oui</strong></mark></td><td>Oui</td></tr><tr><td>Composition <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">caractéristique</mark></td><td><s>100% coton</s></td><td>Prix d'achat <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Prix</mark><br>Marge Com mini</td><td><s>6,00 €HT<br>8,00 €HT</s></td></tr></tbody></table></figure>



<p class="callout bleu">J'ai barré les infos qui concernent les autres sections (on aurait pu garder la composition si on voulait) et indiqué <strong>à laquelle on allait les affecter <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">en bleu</mark>.</strong> Il nous reste donc 5 infos à noter :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-140.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="606" height="282" src="https://st9ph.fr/wp-content/uploads/2026/01/image-139.png" alt="" class="wp-image-32790" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-139.png 606w, https://st9ph.fr/wp-content/uploads/2026/01/image-139-300x140.png 300w" sizes="auto, (max-width: 606px) 100vw, 606px" /></figure>



<p>ℹ️ Pour "norme CE", j'ai joué avec le nuancier qu'on obtient en cliquant sur le <span style="text-decoration: underline;"><strong>A</strong></span> souligné</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Pour l'instant, ça donne cela 👉</p>



<p class="has-base-2-background-color has-background">Vous pouvez <strong>jouer avec les outils de la barre,</strong> faire un tableau (mais c'est un peu galère) et tout ce que vous jugez utile <strong>mais ne perdez pas de temps</strong>.</p>



<p>Par contre : <strong>interdiction de mettre des headers</strong> (vous détruiriez la structure de la boutique)</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-141.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<p>🎬 L'ajout de vidéos peut aussi éviter de longues explications et doper l'envie d'ajout au panier :</p>



<figure class="wp-block-video"><video height="602" style="aspect-ratio: 1018 / 602;" width="1018" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/01/boucle-bambou.mp4" playsinline></video><figcaption class="wp-element-caption">🌐 url de la vidéo : https://st9ph.fr/wp-content/uploads/2026/01/boucle-bambou.mp4</figcaption></figure>



<p>👉🏻 un icone dans la barre d'outils vous permet de rechercher une vidéo <strong>dans votre médiathèque</strong> ou de faire un lien vers <strong>une vidéo extérieure</strong>.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="643" height="168" src="https://st9ph.fr/wp-content/uploads/2026/01/image-391.png" alt="" class="wp-image-36792" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-391.png 643w, https://st9ph.fr/wp-content/uploads/2026/01/image-391-300x78.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-391-640x168.png 640w" sizes="auto, (max-width: 643px) 100vw, 643px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>Ici, il suffit de coller l'url que vous trouverez en légende de la vidéo ci-dessus dans la zone source 👉🏻</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="382" height="300" src="https://st9ph.fr/wp-content/uploads/2026/01/image-393.png" alt="" class="wp-image-36794" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-393.png 382w, https://st9ph.fr/wp-content/uploads/2026/01/image-393-300x236.png 300w" sizes="auto, (max-width: 382px) 100vw, 382px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="454" height="296" src="https://st9ph.fr/wp-content/uploads/2026/01/image-392.png" alt="" class="wp-image-36793" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-392.png 454w, https://st9ph.fr/wp-content/uploads/2026/01/image-392-300x196.png 300w" sizes="auto, (max-width: 454px) 100vw, 454px" /></figure>
</div>
</div>



<h3 class="wp-block-heading" id="2-13-cat%C3%A9gories-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.3 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Catégories</strong></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>Ce sont en fait<strong> les rayons virtuels </strong>de votre Eshop et c'est à vous de dire dans lesquels vous voulez suspendre ce magnifique Sweat.</p>



<p class="has-base-2-background-color has-background">Par défaut, <strong>le nouveau produit se classe dans "Accueil"</strong>, cad qu'on le verra dans <strong>le bloc nouveautés </strong>le temps qu'il sera nouveau (et s'il est toujours activé) puis qu'il risque de disparaitre dans la masse.</p>



<ul class="wp-block-list">
<li><strong>Cocher</strong> (en plus) ☑️ <strong>Vêtements </strong>et  ☑️ <strong>Femmes</strong></li>



<li><strong>Enregistrer</strong></li>
</ul>



<p>J'ai gardé, pour ma part, dans <a href="https://boutiq.st9ph.fr/" target="_blank" rel="noreferrer noopener">la boutique d'entrainement</a>, <strong>la même architecture que sur le modèle par défaut</strong> (quand vous installez Prestashop avec les exemples de produits).</p>



<p></p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="328" height="436" src="https://st9ph.fr/wp-content/uploads/2026/01/image-142.png" alt="" class="wp-image-32794" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-142.png 328w, https://st9ph.fr/wp-content/uploads/2026/01/image-142-226x300.png 226w" sizes="auto, (max-width: 328px) 100vw, 328px" /></figure>
</div>
</div>



<h3 class="wp-block-heading" id="3-14-marque-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.4 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Marque</strong></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="248" height="237" src="https://st9ph.fr/wp-content/uploads/2026/01/image-143.png" alt="" class="wp-image-32795"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>On peut vous demander <strong>d'inscrire la marque ce produit</strong>.</p>



<ul class="wp-block-list">
<li><strong>Si elle existe déjà,</strong> il suffit de la choisir dans la liste</li>



<li><strong>Si elle n'existe pas,</strong> il faudra la créer (mais ce sera dans un autre tuto) ➡️<a href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_blank" rel="noreferrer noopener"> ici pour les pressés</a> (section 3-3)</li>
</ul>



<p class="has-base-2-background-color has-background">ℹ️ Vous trouverez aussi sur la page d'exemples de <a href="https://st9ph.fr/exos-prestashop/" target="_blank" rel="noreferrer noopener">produits à créer</a> <strong>tout le matériel pour créer la marque Panda Store</strong></p>



<p>👉 Prestashop génère automatiquement une page regroupant <strong>tous les produits d'une marque </strong>quand on clique sur le logo de celle-ci.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="771" height="189" src="https://st9ph.fr/wp-content/uploads/2026/01/image-144.png" alt="" class="wp-image-32796" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-144.png 771w, https://st9ph.fr/wp-content/uploads/2026/01/image-144-300x74.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-144-768x188.png 768w" sizes="auto, (max-width: 771px) 100vw, 771px" /><figcaption class="wp-element-caption">Résultat en front office</figcaption></figure>
</div>
</div>



<p class="has-base-2-background-color has-background">C'est <strong>un plus pour votre boutique </strong>et cela peut<strong> doper vos ventes sur cette marque</strong>. A terme, cela peut permettre de <strong>négocier plus fermement avec votre fournisseur</strong> si votre volume augmente.</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-145.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<h3 class="wp-block-heading" id="4-15-produits-associ%C3%A9s-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.5 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Produits associés</strong></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-base-background-color has-background">Il s'agit de <strong>proposer un rebond de bas de page </strong>"<em>vous aimerez aussi</em>" permettant au visiteur de se "rabattre" sur <strong>des produits équivalents </strong>ci celui-là ne lui plait finalement pas tant que cela.</p>



<p>👉Etant sur le Maket st9ph, j'ai l'embarras du choix pour les produits Panda Store mais si vous êtes <strong>sur le modèle de base</strong> dans votre boutique, vous devez au moins avoir <strong>le "Pull imprimé colibri"</strong> dans le rayon femme.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-146.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-video"><video height="444" style="aspect-ratio: 404 / 444;" width="404" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/01/Enregistrement-2026-01-15-000253.mp4" playsinline></video></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ul class="wp-block-list">
<li>🔎 <strong>Taper les 1ères lettres</strong> du produit à associer</li>



<li><strong>Sélectionner </strong>le produit <strong>dans la liste </strong>(cliquer)</li>
</ul>



<p>☑️ Le produit est associé !</p>



<ul class="wp-block-list">
<li>répéter l'opération avec les autres (éventuellement)</li>
</ul>



<p class="has-base-2-background-color has-background"><strong>Deux à quatre,</strong> c'est bien, et seulement si ils ont <strong>une vraie similitude avec le produit</strong>. Là, je tente ma chance avec les produits qui ont<strong> le même motif</strong> (sans être forcément tous des vêtements).</p>
</div>
</div>



<p>⬇️ Ca donne ça :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1007" height="584" src="https://st9ph.fr/wp-content/uploads/2026/01/image-147.png" alt="" class="wp-image-32820" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-147.png 1007w, https://st9ph.fr/wp-content/uploads/2026/01/image-147-300x174.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-147-768x445.png 768w" sizes="auto, (max-width: 1007px) 100vw, 1007px" /></figure>



<p class="has-base-2-background-color has-background">👉 Faites le syst<strong>ématiquement, même si ce n'est pas demandé</strong> dans le sujet. C'est comme l'impasse évitée en fin d'article WordPress, <strong>ça va de soi</strong>.</p>



<!-- DÉBUT TITRE CHAPITRE -->
<style>
.chapter-title { display: flex; align-items: stretch; margin: 1.7rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.chapter-number { background: #1e73be; color: #fff; font-weight: 700; font-size: 2.8rem; padding: 0 1.1rem; display: flex; align-items: center; justify-content: center; }
.chapter-content { padding: 1.3rem 1.5rem; width: 100%; }
.chapter-heading { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; }
.chapter-logo { width: 42px; height: 42px; flex-shrink: 0; display:block; }
.chapter-logo img { width: 100%; height: 100%; object-fit: contain; }
.chapter-content h2 { margin: 0; font-size: 2.1rem; font-weight: 700; color: #1e73be; }
.chapter-points { margin: 0; padding-left: 0; list-style: none; }
.chapter-points li { margin-bottom: 0.35rem; color: #444; font-size: 0.95rem; line-height: 1.45; }
.chapter-points li::before { content: "🔹 "; }
</style>

<div class="chapter-title">
  <div class="chapter-number">2</div>
  <div class="chapter-content">
    <div class="chapter-heading">
      <a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
        <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo">
      </a>
      <h2>l'Onglet Détails</h2>
    </div>
    <ul class="chapter-points"><li>Références</li><li>Caractéristiques</li><li>Fichiers joints</li><li>Etat du produit</li><li>Personnalisation</li></ul>
  </div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p>On retrouve ici un certains nombre d'<strong>attributs du produit</strong> qui étaient dans la <strong>section option</strong> dans les versions précédentes. du CMS</p>



<h3 class="wp-block-heading" id="5-21-r%C3%A9f%C3%A9rences-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Références</strong></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>Indispensable à votre <strong>gestion de stock,</strong> la référence vous est <strong>donnée par votre fournisseur</strong> et figure <strong>sur l'étiquette de chaque produit</strong>.</p>



<p class="has-text-align-center callout bleu">ℹ️ Sur un produit déclinable, rien ne sert de l'inscrire dans la section détail puisqu'<strong>elle dépendra des déclinaisons </strong>(légèrement différente pour chacune)</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-148.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<p>Sinon, on l'aurait saisie ici  👉</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="203" height="79" src="https://st9ph.fr/wp-content/uploads/2026/01/image-149.png" alt="" class="wp-image-32826"/></figure>
</div>
</div>
</div>



<p class="callout rouge">⚠️ Attention, dans cette même zone, aux <strong>codes ISBN, GTIN et MPN</strong> qui sont normés. Vos produits ne passeront pas <strong>les douanes</strong> ou seront <strong>invendables dans certains pays </strong>s'ils ne sont pas renseignés correctement.</p>



<p>🖥️ On ne vous embêtera pas avec cela <strong>à l'épreuve technique</strong> mais pour votre véritable commerce, ce sera important. Pour ceux qui en ont besoin le site <a href="https://www.activebarcode.com/fr/codes/" target="_blank" rel="noreferrer noopener">Active Barecode </a>est très complet à ce sujet.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-base-2-background-color has-background">Idem pour <strong>les codes barres</strong> qui sont indispensables à votre CRM de <strong>gestion de stock</strong> et à <strong>l'encaissement </strong>en SVP.</p>



<p>ℹ️ Juste pour info, les <strong>zones de code EAN ou JAN</strong>, c'est aussi ici qu'on les renseigne. 👉</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="415" height="160" src="https://st9ph.fr/wp-content/uploads/2026/01/image-150.png" alt="" class="wp-image-32828" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-150.png 415w, https://st9ph.fr/wp-content/uploads/2026/01/image-150-300x116.png 300w" sizes="auto, (max-width: 415px) 100vw, 415px" /></figure>
</div>
</div>



<h3 class="wp-block-heading" id="6-22-caract%C3%A9ristiques-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Caractéristiques</strong></h3>



<p>C'est ici qu'on peut mettre en valeur certaines spécificités de notre produit. Ca donnera cela dans la section "fiche technique". 👇</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="771" height="127" src="https://st9ph.fr/wp-content/uploads/2026/01/image-152.png" alt="" class="wp-image-32832" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-152.png 771w, https://st9ph.fr/wp-content/uploads/2026/01/image-152-300x49.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-152-768x127.png 768w" sizes="auto, (max-width: 771px) 100vw, 771px" /></figure>



<ul class="wp-block-list">
<li>Cliquez sur <strong>la liste déroulante</strong> des <strong>caractéristiques</strong></li>



<li>Recherchez la valeur "<strong>composition</strong>" et "<strong>cliquez</strong>" dessus</li>



<li>Cliquez sur <strong>la liste déroulante</strong> des <strong>valeurs</strong> de caractéristiques (juste à côté)</li>



<li>Recherchez la valeur "<strong>coton</strong>" et <strong>cliquez </strong>dessus</li>
</ul>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-151.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<ul class="wp-block-list">
<li>cilquez sur :</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="239" height="53" src="https://st9ph.fr/wp-content/uploads/2026/01/image-153.png" alt="" class="wp-image-32833"/></figure>



<p class="has-text-align-center has-base-2-background-color has-background">⚠️ <strong>On oublie souvent cette dernière étape </strong> et on se retrouve à avoir fait la manipulation pour rien !</p>
</div>
</div>



<p>👀 <strong>Vérifiez</strong> juste en dessous que la caractéristique a bien été<strong> prise en compte</strong> :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="873" height="103" src="https://st9ph.fr/wp-content/uploads/2026/01/image-154.png" alt="" class="wp-image-32834" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-154.png 873w, https://st9ph.fr/wp-content/uploads/2026/01/image-154-300x35.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-154-768x91.png 768w" sizes="auto, (max-width: 873px) 100vw, 873px" /></figure>



<p>C'était<strong> le cas le plus simple </strong>mais il peut arriver que vous ayez besoin  :</p>



<ul class="wp-block-list">
<li>d'une <strong>valeur </strong>qui n'existe pas (dans le sujet, par exemple,  on demande "100 % coton")</li>



<li>d'une <strong>caractéristique </strong>qui n'existe pas</li>
</ul>



<p class="has-medium-font-size">🔵 Saisir une valeur personnalisée</p>



<p>Cest un choix dans la zone valeur comme sur la démo animée ci-dessous :</p>



<figure class="wp-block-video"><video height="284" style="aspect-ratio: 1128 / 284;" width="1128" controls src="https://st9ph.fr/wp-content/uploads/2026/01/Enregistrement-2026-01-15-104641.mp4"></video></figure>



<p></p>



<p class="has-medium-font-size">🔵 Saisir une nouvelle caractéristique</p>



<p><strong>On les confond souvent avec des attributs </strong>(de déclinaisons). <strong>Petit rappel</strong> :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-contrast-2-color has-text-color has-link-color wp-elements-b7a415e3122db67a9f821d2bfb6add7b">➡️ Une <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">caractéristique</mark></strong> définit <strong>l'ensemble du produit,</strong> quelles que soient les variantes qu'il comporte.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="446" height="296" src="https://st9ph.fr/wp-content/uploads/2026/01/image-155.png" alt="" class="wp-image-32836" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-155.png 446w, https://st9ph.fr/wp-content/uploads/2026/01/image-155-300x199.png 300w" sizes="auto, (max-width: 446px) 100vw, 446px" /></figure>



<p class="has-text-align-center has-base-2-background-color has-background">Cette chaussure est en cuir, <strong>quelle que soit la pointure choisie</strong>.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>➡️ Un <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">attribut </mark></strong>est <strong>une variante, une déclinaison</strong> d'un même produit (taille, couleur ...)</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="442" height="259" src="https://st9ph.fr/wp-content/uploads/2026/01/image-156.png" alt="" class="wp-image-32837" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-156.png 442w, https://st9ph.fr/wp-content/uploads/2026/01/image-156-300x176.png 300w" sizes="auto, (max-width: 442px) 100vw, 442px" /></figure>



<p class="has-text-align-center has-base-2-background-color has-background"><strong>La couleur </strong>de cette même chaussure <strong>est variable</strong>, c'est donc <strong>un attribut de déclinaison</strong></p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>👉 C'est dans <strong>Catalogue </strong>&gt; <strong>Attributs et caractéristiques</strong> &gt; onglet <strong>Caractéristiques </strong>que cela ce passe.</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="556" height="149" src="https://st9ph.fr/wp-content/uploads/2026/01/image-157.png" alt="" class="wp-image-32844" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-157.png 556w, https://st9ph.fr/wp-content/uploads/2026/01/image-157-300x80.png 300w" sizes="auto, (max-width: 556px) 100vw, 556px" /></figure>
</div>
</div>



<p>Imaginons que nous voulions créer une caractéristique "<strong>forme</strong>" pour informer du type de Sweat que nous vendons.</p>



<p class="has-base-2-background-color has-background">😒 Bon, c'est vrai que <strong>ça se voit sur les photos </strong>mais je manque d'inspiration ! A part la compo, je ne vois pas trop ce qu'un vêtement de ce genre peut avoir comme spécificité remarquable. Ca m'apprendra à mieux choisir mes exemples !</p>



<p>🕸️ J'ai <strong>fouillé un peu sur la toile </strong>pour voir, et si on rentre dans cette considération, on voit qu<strong>'il y'a le choix</strong> (et je ne les ai pas toutes mises en illustration) !</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-159.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p>👉 On ne va  pas les faire toutes, gardons juste "Mock" (celle qui nous intéresse), "Square" et "Crowl"</p>



<p class="has-base-2-background-color has-background">🖇️On mettra tout à l'heure <strong>toutes les autres </strong>dans un "<strong>guide des formes</strong>" qu'on <strong>joindra en pdf</strong> au produit.</p>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquer sur :</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="278" height="33" src="https://st9ph.fr/wp-content/uploads/2026/01/image-158.png" alt="" class="wp-image-32845"/></figure>
</div>



<ul class="wp-block-list">
<li>Indiquer "<strong>Forme</strong>" dans les zones<strong> Nom et Titre</strong></li>



<li>Cliquer sur <strong>Enregistrer</strong></li>
</ul>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image">
<figure class="alignright size-full"><img loading="lazy" decoding="async" width="277" height="63" src="https://st9ph.fr/wp-content/uploads/2026/01/image-160.png" alt="" class="wp-image-32848"/></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>ℹ️ La Zone <strong>URL </strong>et le<strong> bouton radio d'indexation</strong> est spécifique au filtre du <strong>module navigation à facettes </strong>(pas au programme).</p>
</div>
</div>



<p class="has-base-2-background-color has-background">Juste pour les curieux, c'est un moyen d<strong>'améliorer l'url en la rendant différente selon les options </strong>choisies pour le produit. C'est <strong>utile pour les déclinaisons </strong>(meilleur suivi en stats) mais <strong>je ne vois pas l'intérêt pour les caractéristiques</strong>, vu que l<strong>e produit a toujours les mêmes</strong>. Mais il y'en a surement un puisque l'option existe.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p><strong>Ajoutons </strong>maintenant<strong> des valeurs</strong> :</p>



<ul class="wp-block-list">
<li>Cliquez sur "<strong>Formes</strong>"</li>
</ul>



<p class="has-base-2-background-color has-background">Vous devriez voir <strong>une nouvelle caractéristique</strong> "forme" dans la liste. <em>Elles sont par ordre alphabétique</em>. 👉</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="474" height="275" src="https://st9ph.fr/wp-content/uploads/2026/01/image-161.png" alt="" class="wp-image-32849" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-161.png 474w, https://st9ph.fr/wp-content/uploads/2026/01/image-161-300x174.png 300w" sizes="auto, (max-width: 474px) 100vw, 474px" /></figure>
</div>
</div>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquer sur :</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="217" height="31" src="https://st9ph.fr/wp-content/uploads/2026/01/image-162.png" alt="" class="wp-image-32850"/></figure>
</div>



<p></p>



<ul class="wp-block-list">
<li>Dans la zone <strong>Valeur</strong>, tapez "<strong>Mock</strong>"</li>
</ul>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquer sur :</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="298" height="29" src="https://st9ph.fr/wp-content/uploads/2026/01/image-163.png" alt="" class="wp-image-32852"/></figure>
</div>



<p>➰ <strong>répéter l'opératio</strong>n pour ""<strong>Square</strong>" et "<strong>Crowl</strong>" (sauf que pour le dernier, ce sera seulement "<strong>Enregistrer</strong>")</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="378" height="196" src="https://st9ph.fr/wp-content/uploads/2026/01/image-164.png" alt="" class="wp-image-32853" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-164.png 378w, https://st9ph.fr/wp-content/uploads/2026/01/image-164-300x156.png 300w" sizes="auto, (max-width: 378px) 100vw, 378px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p> 👈 Le résultat si tout c'est bien passé</p>



<p><strong>Retournons </strong>maintenant <strong>à notre fiche produit</strong> pour l'appliquer :</p>



<ul class="wp-block-list">
<li>Catalogue &gt; produit &gt; Magnifique Sweat Panda &gt; <strong>onglet Détails</strong></li>
</ul>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p class="has-text-align-right has-base-2-background-color has-background">Notre caractéristique est présente et <strong>en déroulant la liste des valeurs,</strong> on peut choisir la forme souhaitée.👉</p>



<ul class="wp-block-list">
<li>Cliquez sur "<strong>Mock</strong>"</li>



<li>Cliquez sur "<strong>Ajouter la caractéristique</strong>"</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-165.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<h3 class="wp-block-heading" id="7-23-fichiers-joints-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.3 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Fichiers joints</strong></h3>



<p>🖇️ Très utile pour<strong> les notices de montage</strong> ou de prise en main, <strong>les catalogues "hors ligne" </strong>et <strong>les certificats</strong>, la pièce jointe, <strong>téléchargeable sans avoir besoin de commander le produit</strong> peut constituer aussi un élément de <strong>levée de doute,</strong> une <strong>valeur ajoutée</strong> à votre produit.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="has-base-2-background-color has-background">il sera <strong>obligatoirement au format "PDF" </strong>(Portable Document Format") car celui lui assurera<strong> la garantie de pouvoir être ouvert par n'importe quel OS</strong> (Windows, OS X, IOS, Androïd, Linux ...) puis qu'<strong>il est universel</strong>.</p>
</div>
</div>



<p>👉 Nous allons, pour notre part, joindre un PDF du "guide des formes" pour aider nos clients à comprendre ce que le terme "Mock" présent sur notre fiche produit signifie.</p>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li><strong>Téléchargez </strong>le guide</li>
</ul>



<div data-wp-interactive="core/file" class="wp-block-file"><object data-wp-bind--hidden="!state.hasPdfPreview" hidden class="wp-block-file__embed" data="https://st9ph.fr/wp-content/uploads/2026/01/guide-des-formes2.pdf" type="application/pdf" style="width:100%;height:200px" aria-label="Contenu embarqué guide-des-formes2."></object><a id="wp-block-file--media-c1c33b4c-2a7c-499a-8a97-b6950361e580" href="https://st9ph.fr/wp-content/uploads/2026/01/guide-des-formes2.pdf">guide-des-formes2</a><a href="https://st9ph.fr/wp-content/uploads/2026/01/guide-des-formes2.pdf" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-c1c33b4c-2a7c-499a-8a97-b6950361e580">Télécharger</a></div>
</div>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquer sur :</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="182" height="44" src="https://st9ph.fr/wp-content/uploads/2026/01/image-166.png" alt="" class="wp-image-32857"/></figure>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<ul class="wp-block-list">
<li>renseignez <strong>un nom de fichier</strong> (c'est ce que lira le client)</li>



<li>Entrez éventuellement<strong> une description</strong></li>



<li>Cliquez sur <strong>Parcourir</strong> pour <strong>rechercher le PDF</strong> (que vous aurez préalablement pris le soin de dézipper)</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="590" height="319" src="https://st9ph.fr/wp-content/uploads/2026/01/image-167.png" alt="" class="wp-image-32858" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-167.png 590w, https://st9ph.fr/wp-content/uploads/2026/01/image-167-300x162.png 300w" sizes="auto, (max-width: 590px) 100vw, 590px" /></figure>
</div>
</div>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquer sur :</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="88" height="30" src="https://st9ph.fr/wp-content/uploads/2026/01/image-168.png" alt="" class="wp-image-32859"/></figure>
</div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="866" height="83" src="https://st9ph.fr/wp-content/uploads/2026/01/image-169.png" alt="" class="wp-image-32860" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-169.png 866w, https://st9ph.fr/wp-content/uploads/2026/01/image-169-300x29.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-169-768x74.png 768w" sizes="auto, (max-width: 866px) 100vw, 866px" /></figure>
</div>


<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p><strong>En front Office</strong> : vous verrez apparaitre <strong>une section "téléchargement"</strong> sous la fiche technique.</p>



<p class="has-base-2-background-color has-background">Vous pouvez également <strong>fournir un lien dans le descriptif</strong> si vous le souhaitez, ou <strong>indiquer qu'il figure dans la zone "téléchargement"</strong>.</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="282" height="203" src="https://st9ph.fr/wp-content/uploads/2026/01/image-170.png" alt="" class="wp-image-32861"/></figure>
</div>
</div>



<h3 class="wp-block-heading" id="8-24-etat-du-produit-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.4 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Etat du produit</strong></h3>



<p>Vous pouvez choisir entre trois états : Neuf (par défaut) - Reconditionné et Utilisé.</p>



<p>C'est <strong>assez décevant</strong>, en fait, pour deux raisons :</p>



<ol class="wp-block-list">
<li>cela <strong>n'apparait que dans la zone "détail du produit" </strong>et cela n'empêche pas <strong>le sticker "neuf</strong>" de s'afficher sur la vignette du produit ! Prestashop confond "nouveauté" (de la boutique" et "Neuf").<a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_blank" rel="noreferrer noopener"> Cet article traite de ce sujet </a>(chapitre 3).</li>



<li>"<strong>Utilisé</strong>" sonne bizarre (on devrait dire "<strong>occasion</strong>"). Voyez aussi le lien précédent pour voir <strong>comment modifier les intitulés du modèle</strong>.</li>
</ol>



<p>Bon, tout cela <strong>n'est pas au programme de l'examen</strong> mais sachez que :</p>



<ul class="wp-block-list">
<li>Un <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">produit reconditionné</mark></strong> a été <strong>vérifié par le vendeur</strong>. Il est généralement <strong>accompagné d'une garantie</strong>. </li>



<li>Le<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"> <strong>produit d'occasion</strong></mark><strong>,</strong> lui, est <strong>vendu "dans l'état"</strong>, même si l<strong>e commerçant engage sa responsabilité</strong> s'il n'est pas sincère sur l'état réel du produit.</li>
</ul>



<div>
<h3 class="wp-block-heading" id="9-25-personnalisation-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.5 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Personnalisation</strong></h3>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="384" height="401" src="https://st9ph.fr/wp-content/uploads/2026/01/image-171.png" alt="" class="wp-image-32862" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-171.png 384w, https://st9ph.fr/wp-content/uploads/2026/01/image-171-287x300.png 287w" sizes="auto, (max-width: 384px) 100vw, 384px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center">Imaginons que nous vendons <strong>un produit personnalisable </strong>comme le T-Shirt de la photo. </p>



<p class="has-text-align-center has-base-2-background-color has-background">C'est ici que cela se passe pour que le client <strong>nous indique quel prénom il veut dessus</strong> (ou autre chose: "Papa", "Papy Louis" ..., ce qu'on veut.</p>



<ul class="wp-block-list">
<li>Cliquer sur "<strong>ajouter un champ de personnalisation</strong>"</li>



<li>Choisissez entre "<strong>Texte</strong>" et "<strong>Fichier</strong>" (si vous voulez leur donner la possibilité d'insérer une image à la place d'un texte.)</li>
</ul>
</div>
</div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="766" height="131" src="https://st9ph.fr/wp-content/uploads/2026/01/image-172.png" alt="" class="wp-image-32863" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-172.png 766w, https://st9ph.fr/wp-content/uploads/2026/01/image-172-300x51.png 300w" sizes="auto, (max-width: 766px) 100vw, 766px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li>Renseignez <strong>l'étiquette</strong> que vous souhaitez , ici "<strong><em>Votre prénom :</em></strong>"</li>
</ul>



<p></p>



<p class="has-base-2-background-color has-background">Elle permet de faire comprendre au client qui commande que c'est là qu'il doit l'écrire) comme sur cet aperçu  en front office : 👉</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="523" height="314" src="https://st9ph.fr/wp-content/uploads/2026/01/image-173.png" alt="" class="wp-image-32864" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-173.png 523w, https://st9ph.fr/wp-content/uploads/2026/01/image-173-300x180.png 300w" sizes="auto, (max-width: 523px) 100vw, 523px" /></figure>
</div>
</div>



<p>La personnalisation aura <strong>une incidence sur les délais de livraison habituelle</strong> de nos transporteurs. <strong>Pensez à le préciser</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="544" height="266" src="https://st9ph.fr/wp-content/uploads/2026/01/image-174.png" alt="" class="wp-image-32866" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-174.png 544w, https://st9ph.fr/wp-content/uploads/2026/01/image-174-300x147.png 300w" sizes="auto, (max-width: 544px) 100vw, 544px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li>rendez vous dans <strong>l'onglet "livraison"</strong></li>



<li>Cliquez sur "<strong>délai spécifique pour ce produit</strong>"</li>



<li><strong>renseignez le délai </strong>que vous garantissez.</li>
</ul>



<p></p>



<p class="has-text-align-center has-base-2-background-color has-background">😒 Vous allez <strong>engendrer du mécontentement</strong> si vous omettez cette précision !</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li>Pensez bien aussi à choisir au moins "<strong>My Career</strong>" (pour l'examen) mais<strong> le mieux et de les cochez tous </strong>(ou d'utliser le bouton "tous les transporteurs"</li>
</ul>



<p></p>



<p>On obtiendra <strong>ce résultat dans le tunnel d'achat </strong>(mais précisez le quand même dans le Summary /  Récapitulatif pour éviter les déceptions (et, donc, les abandons de panier). 👇</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="583" height="243" src="https://st9ph.fr/wp-content/uploads/2026/01/image-175.png" alt="" class="wp-image-32868" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-175.png 583w, https://st9ph.fr/wp-content/uploads/2026/01/image-175-300x125.png 300w" sizes="auto, (max-width: 583px) 100vw, 583px" /></figure>
</div>
</div>



<p>Dès <strong>le bouton ajout au panier</strong> :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="573" height="116" src="https://st9ph.fr/wp-content/uploads/2026/01/image-177.png" alt="" class="wp-image-32870" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-177.png 573w, https://st9ph.fr/wp-content/uploads/2026/01/image-177-300x61.png 300w" sizes="auto, (max-width: 573px) 100vw, 573px" /></figure>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-3282d99eaaa85ef2eb18c9b0ff69fd77" id="10-3%EF%B8%8F%E2%83%A3-d%C3%A9clinaisons">3️⃣| Déclinaisons</h2>


<div class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-d0bed57b-3d6d-4b01-8ade-df47b08d04d8" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="false" data-initiallyshow="true"><div class="ub_table-of-contents-header-container" style="">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style=""></div>
				
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column ">
				<ul style=""><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#0-11-l-es-visuels-du-produit-" style="">🔹1.1 |les visuels du produit</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#1-12-r%C3%A9capitulatif-amp-description-" style="">🔹1.2 |Récapitulatif &amp; Description</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#2-13-cat%C3%A9gories-" style="">🔹1.3 |Catégories</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#3-14-marque-" style="">🔹1.4 |Marque</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#4-15-produits-associ%C3%A9s-" style="">🔹1.5 |Produits associés</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#5-21-r%C3%A9f%C3%A9rences-" style="">🔹2.1 |Références</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#6-22-caract%C3%A9ristiques-" style="">🔹2.2 |Caractéristiques</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#7-23-fichiers-joints-" style="">🔹2.3 |Fichiers joints</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#8-24-etat-du-produit-" style="">🔹2.4 |Etat du produit</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#9-25-personnalisation-" style="">🔹2.5 |Personnalisation</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#11-3-1-cr%C3%A9er-une-valeur-ou-tout-un-attribut-de-d%C3%A9clinaison-" style="">3-1 | créer une valeur ou tout un attribut de déclinaison</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#12-3-2-g%C3%A9n%C3%A9rer-et-param%C3%A9trer-les-d%C3%A9clinaison-s" style="">3-2 | Générer et paramétrer les déclinaisons</a></li></ul>
			</div>
		</div></div>


<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>Un produit déclinable, c'est :</p>



<ul class="wp-block-list">
<li><strong>des visuels à répartir</strong> selon les déclinaisons</li>



<li>des<strong> références spécifiques pour chaque</strong> déclinaison</li>



<li>Des<strong> stocks à définir </strong>pour chaque déclinaison</li>



<li>parfois <strong>des attributs</strong> de valeurs et / ou des déclinaisons <strong>à créer</strong></li>



<li>Parfois <strong>des impacts sur le prix</strong> (ceux à options ou de plus grand gabarit étant forcément<strong> plus onéreux</strong>)</li>
</ul>



<p></p>



<p class="has-base-2-background-color has-background">On a de la chance pour ce produit, on a juste les <strong>visuels</strong> à répartir, les <strong>stocks</strong>, les <strong>références </strong>et la <strong>couleur </strong>Camel<strong> à créer </strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="512" height="527" src="https://st9ph.fr/wp-content/uploads/2026/01/image-178.png" alt="" class="wp-image-32872" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-178.png 512w, https://st9ph.fr/wp-content/uploads/2026/01/image-178-291x300.png 291w" sizes="auto, (max-width: 512px) 100vw, 512px" /></figure>



<p>👉 On a même <strong>une image </strong>qui sera <strong>dans les deux couleurs</strong>, celles avec les deux jeunes femmes.</p>
</div>
</div>



<p>➡️ Commençons par <strong>créer la valeur de couleur </strong>qui nous manque</p>



<h3 class="wp-block-heading" id="11-3-1-cr%C3%A9er-une-valeur-ou-tout-un-attribut-de-d%C3%A9clinaison-">3-1 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">créer une valeur ou tout un attribut de déclinaison</mark></h3>



<p class="has-medium-font-size">🔵 Une valeur dans un attribut déjà existant</p>



<ul class="wp-block-list">
<li>Catalogue &gt;<strong> Attributs et caractéristiques </strong></li>
</ul>



<p>👉 (restez sur l'onglet "<strong>Attributs</strong>") </p>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li> cliquez sur <strong>Couleurs </strong>&gt;</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="157" height="29" src="https://st9ph.fr/wp-content/uploads/2026/01/image-180.png" alt="" class="wp-image-32876" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-180.png 157w, https://st9ph.fr/wp-content/uploads/2026/01/image-180-150x29.png 150w" sizes="auto, (max-width: 157px) 100vw, 157px" /></figure>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-181.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li>Donnez un nom à votre nouvelle couleur (pour nous "Camel")</li>



<li>Cliquez sur le symbole couleur pour obtenir le nuancier</li>



<li>définissez votre couleur</li>
</ul>



<p></p>



<p class="has-base-2-background-color has-background">Pour nous, c'est une sorte de marron. Mais "Camel", ça fait mieux. Si vous n'êtes pas inspiré(e), vous pouvez<strong> jouer sur la gamme chromatique RGB</strong> (Red, Green, Blue) et faire comme moi<strong> (193, 154, 107)</strong> <strong>en tapant</strong> directement <strong>les valeurs dans les cases</strong>.</p>



<p></p>
</div>
</div>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquer sur :</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="88" height="30" src="https://st9ph.fr/wp-content/uploads/2026/01/image-168.png" alt="" class="wp-image-32859"/></figure>
</div>



<p class="has-medium-font-size">🔵 un attribut de déclinaison</p>



<p>On peut aussi être amené à <strong>créer un nouvel attribut</strong></p>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Attributs et Caractéristiques &gt; (onglet)<strong> attributs</strong></li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="202" height="26" src="https://st9ph.fr/wp-content/uploads/2026/01/image-182.png" alt="" class="wp-image-32880"/></figure>
</div>



<p>Il y'a t<strong>rois types d'attributs</strong> :</p>



<ul class="wp-block-list">
<li>les<strong> listes déroulantes</strong> (pour des valeurs nombreuses comme nos tailles)</li>



<li>les<strong> images ou textures </strong>(pour les couleurs ou les valeurs qu'il est plus facile de visualiser que de décrire)</li>



<li>Le<strong> bouton radio </strong>(dit aussi bouléen : oui / non, avec / sans, portrait / paysage ...)</li>
</ul>


<div class="ub-styled-box ub-number-box wp-block-ub-styled-box" id="ub-styled-box-1e086111-43da-445d-9278-99e504a23ce8">
<div class="ub-number-panel" style="border-color: #000000; " id="ub-styled-box-numbered-box-column-5b330180-fdbd-4fb9-b092-db932bd31e99">
			<div class="ub-number-container" style="background-color: #adcbe6; ">
				<p class="ub-number-display" style="color: #000000; ">1</p>
			</div>
			<p class="ub-number-box-title" style="text-align: center; ">listes déroulantes</p>
			<div class="ub-number-box-body" style="text-align: left; ">

<p class="has-text-align-center">pour des <strong>valeurs nombreuses </strong>(comme nos tailles ou des pointures)</p>



<figure class="wp-block-video"><video height="278" style="aspect-ratio: 474 / 278" width="474" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/01/liste.mp4" playsinline></video></figure>

</div>
		</div>

<div class="ub-number-panel" style="border-color: #000000; " id="ub-styled-box-numbered-box-column-37e55bba-c7c4-44ee-86b4-14227aaf24ff">
			<div class="ub-number-container" style="background-color: #adcbe6; ">
				<p class="ub-number-display" style="color: #000000; ">2</p>
			</div>
			<p class="ub-number-box-title" style="text-align: center; ">Couleurs ou textures</p>
			<div class="ub-number-box-body" style="text-align: left; ">

<p class="has-text-align-center">pour <strong>les couleurs </strong>ou les valeurs <strong>qu'il est plus facile de visualiser</strong> que de décrire</p>



<figure class="wp-block-video"><video height="90" style="aspect-ratio: 182 / 90" width="182" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/01/couleurs.mp4" playsinline></video></figure>

</div>
		</div>

<div class="ub-number-panel" style="border-color: #000000; " id="ub-styled-box-numbered-box-column-20e5a8d8-3154-4de4-8a5a-66fa4bf991ed">
			<div class="ub-number-container" style="background-color: #adcbe6; ">
				<p class="ub-number-display" style="color: #000000; ">3</p>
			</div>
			<p class="ub-number-box-title" style="text-align: center; ">Bouton radio</p>
			<div class="ub-number-box-body" style="text-align: left; ">

<p class="has-text-align-center">dit aussi bouléen quand c'est <strong>l'un ou l'autre </strong> : oui / non, avec / sans, portrait / paysage ...</p>



<figure class="wp-block-video"><video height="76" style="aspect-ratio: 262 / 76" width="262" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/01/radioBouton.mp4" playsinline></video></figure>

</div>
		</div>
</div>


<p>🔵 Cas des textures dans une déclinaison "Couleurs et textures"</p>



<p>Il faudra prévoir des <strong>images petites</strong>, telles des icones (<strong>idéalement, 150 x 150 pixels</strong>)</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-186-1024x250.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p>🖥️ Vous avez <strong>2 exemples</strong><a href="https://st9ph.fr/exos-prestashop/" target="_blank" rel="noreferrer noopener"> sur la page des exercices</a> : le <strong>pull marin homme</strong> et le <strong>cadre Panda</strong></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="567" height="116" src="https://st9ph.fr/wp-content/uploads/2026/01/image-187.png" alt="" class="wp-image-32888" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-187.png 567w, https://st9ph.fr/wp-content/uploads/2026/01/image-187-300x61.png 300w" sizes="auto, (max-width: 567px) 100vw, 567px" /></figure>



<p class="has-medium-font-size">👇🏻 Voir ces produits finis dans la boutique pédagogique :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<style>
.ps-product-card { background: #fff; border: 1px solid #e7e7e7; border-radius: 4px; width: 100%; max-width: 300px; margin: 20px auto; font-family: 'Segoe UI', sans-serif; transition: box-shadow 0.3s ease; position: relative; overflow: hidden; text-decoration: none; color: inherit; display: block; }
.ps-product-card:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.ps-product-image-wrapper { position: relative; width: 100%; padding-top: 100%; overflow: hidden; background: #f5f5f5; }
.ps-product-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.ps-product-card:hover .ps-product-image { transform: scale(1.05); }
.ps-wishlist-icon { position: absolute; top: 10px; right: 10px; background: rgba(255, 255, 255, 0.8); width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; z-index: 2; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.ps-wishlist-icon svg { width: 20px; height: 20px; fill: #7a7a7a; transition: fill 0.2s; }
.ps-wishlist-icon:hover { background: #fff; transform: scale(1.1); }
.ps-wishlist-icon:hover svg { fill: #ff4848; }
.ps-product-rating { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 2px; z-index: 2; background: rgba(0,0,0,0.4); padding: 4px 8px; border-radius: 20px; }
.ps-star { color: #ffd700; font-size: 14px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.ps-product-content { padding: 15px; text-align: center; background: #fff; }
.ps-product-name { font-size: 15px; color: #333; margin: 0 0 10px 0; font-weight: 500; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 42px; }
.ps-product-price { font-size: 18px; font-weight: 700; color: #25B9D7; margin: 0 0 15px 0; }
.ps-product-btn { background-color: #25B9D7; color: #fff; border: none; padding: 10px 15px; border-radius: 4px; font-size: 13px; font-weight: 600; text-transform: uppercase; cursor: pointer; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; transition: background 0.2s; text-decoration: none; box-sizing: border-box; }
.ps-product-btn:hover { background-color: #1fa3c0; color: #fff; }
.ps-product-btn svg { width: 16px; height: 16px; fill: currentColor; }
@media (max-width: 768px) { .ps-product-card { max-width: 100%; } }
</style>
<!-- DÉBUT VIGNETTE PRODUIT -->
<a href="https://boutiq.st9ph.fr/30-82-pull-marin-homme.html#/1-taille-s/44-rayures-banc_bleu" target="_blank" class="ps-product-card">
    <div class="ps-product-image-wrapper">
        <img decoding="async" src="https://boutiq.st9ph.fr/60-product_main/pull-marin-homme.jpg" alt="Pull marin homme" class="ps-product-image">
        <div class="ps-wishlist-icon" title="Ajouter aux favoris" onclick="event.preventDefault(); event.stopPropagation(); alert('Fonctionnalité liste d\'envie à connecter.');">
            <svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
        </div>
        <div class="ps-product-rating">
            <span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span>
        </div>
    </div>
    <div class="ps-product-content">
        <h3 class="ps-product-name">Pull marin homme</h3>
        <div class="ps-product-price">24,50 €</div>
        <div class="ps-product-btn">
            Voir dans la boutique
            <svg viewBox="0 0 24 24"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></svg>
        </div>
    </div>
</a>
<!-- FIN VIGNETTE PRODUIT -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<style>
.ps-product-card { background: #fff; border: 1px solid #e7e7e7; border-radius: 4px; width: 100%; max-width: 300px; margin: 20px auto; font-family: 'Segoe UI', sans-serif; transition: box-shadow 0.3s ease; position: relative; overflow: hidden; text-decoration: none; color: inherit; display: block; }
.ps-product-card:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.ps-product-image-wrapper { position: relative; width: 100%; padding-top: 100%; overflow: hidden; background: #f5f5f5; }
.ps-product-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.ps-product-card:hover .ps-product-image { transform: scale(1.05); }
.ps-wishlist-icon { position: absolute; top: 10px; right: 10px; background: rgba(255, 255, 255, 0.8); width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; z-index: 2; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.ps-wishlist-icon svg { width: 20px; height: 20px; fill: #7a7a7a; transition: fill 0.2s; }
.ps-wishlist-icon:hover { background: #fff; transform: scale(1.1); }
.ps-wishlist-icon:hover svg { fill: #ff4848; }
.ps-product-rating { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 2px; z-index: 2; background: rgba(0,0,0,0.4); padding: 4px 8px; border-radius: 20px; }
.ps-star { color: #ffd700; font-size: 14px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.ps-product-content { padding: 15px; text-align: center; background: #fff; }
.ps-product-name { font-size: 15px; color: #333; margin: 0 0 10px 0; font-weight: 500; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 42px; }
.ps-product-price { font-size: 18px; font-weight: 700; color: #25B9D7; margin: 0 0 15px 0; }
.ps-product-btn { background-color: #25B9D7; color: #fff; border: none; padding: 10px 15px; border-radius: 4px; font-size: 13px; font-weight: 600; text-transform: uppercase; cursor: pointer; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; transition: background 0.2s; text-decoration: none; box-sizing: border-box; }
.ps-product-btn:hover { background-color: #1fa3c0; color: #fff; }
.ps-product-btn svg { width: 16px; height: 16px; fill: currentColor; }
@media (max-width: 768px) { .ps-product-card { max-width: 100%; } }
</style>
<!-- DÉBUT VIGNETTE PRODUIT -->
<a href="https://boutiq.st9ph.fr/29-74-cadre-panda.html#/42-cadre-bois" target="_blank" class="ps-product-card">
    <div class="ps-product-image-wrapper">
        <img decoding="async" src="https://boutiq.st9ph.fr/59-product_main/cadre-panda.jpg" alt="Cadre Panda" class="ps-product-image">
        <div class="ps-wishlist-icon" title="Ajouter aux favoris" onclick="event.preventDefault(); event.stopPropagation(); alert('Fonctionnalité liste d\'envie à connecter.');">
            <svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
        </div>
        <div class="ps-product-rating">
            <span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span>
        </div>
    </div>
    <div class="ps-product-content">
        <h3 class="ps-product-name">Cadre Panda</h3>
        <div class="ps-product-price">9,50 €</div>
        <div class="ps-product-btn">
            Voir dans la boutique
            <svg viewBox="0 0 24 24"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></svg>
        </div>
    </div>
</a>
<!-- FIN VIGNETTE PRODUIT -->
</div>
</div>



<p>➡️ Nous allons pouvoir maintenant <strong>générer nos déclinaisons</strong></p>



<h3 class="wp-block-heading" id="12-3-2-g%C3%A9n%C3%A9rer-et-param%C3%A9trer-les-d%C3%A9clinaison-s">3-2 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Générer et paramétrer les déclinaison</mark>s</h3>



<p><strong>Il nous en faut 8</strong> en fait (2 couleurs x 4 tailles)</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-179.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p>Sur le schéma ci-dessus, j'ai défini <strong>une référence qui varie d'une lettre</strong> à chaque déclinaison <strong>(la taille + l'initiale de la couleur</strong>) et j'ai relié les images à chaque déclinaison pour ne pas en oublier. C'est mon pense-bête !</p>



<p class="has-base-2-background-color has-background">ℹ️ Dans la réalité, on recopiera juste <strong>celles données par le fournisseur</strong> mais lors de l'épreuve, ce sera <strong>à vous d'en inventer</strong>.</p>



<p class="has-medium-font-size">🔵Générer les déclinaisons</p>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquer sur :</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="158" height="35" src="https://st9ph.fr/wp-content/uploads/2026/01/image-188.png" alt="" class="wp-image-32891"/></figure>
</div>



<ul class="wp-block-list">
<li>Générer les déclinaisons en choisissant à la fois<strong> les attributs de couleurs </strong>et <strong>de taille</strong> comme dans la vidéo ci-dessous :</li>
</ul>



<figure class="wp-block-video"><video height="622" style="aspect-ratio: 918 / 622;" width="918" controls src="https://st9ph.fr/wp-content/uploads/2026/01/decli.mp4"></video></figure>



<p>Pour l'instant, <strong>toutes s'affichent avec la même vignette Camel</strong> mais, pas de panique, on va arranger cela :</p>



<p class="has-medium-font-size">🔵Paramétrer les déclinaisons</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li>Cliquez sur <strong>la case à cocher </strong>à côté de (8/8) pour <strong>sélectionner toutes les déclinaisons</strong></li>



<li>Cliquez sur "<strong>actions groupées</strong>" ("bulk actions" sur mon aperçu, mon CMS est en anglais)</li>



<li>Choisissez "<strong>modifier 8 déclinaisons"</strong></li>
</ul>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-189.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<p>Vous arrivez sur un panneau où vous allez pouvoir faire des réglages directement sur les 8 :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="831" height="460" src="https://st9ph.fr/wp-content/uploads/2026/01/image-190.png" alt="" class="wp-image-32893" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-190.png 831w, https://st9ph.fr/wp-content/uploads/2026/01/image-190-300x166.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-190-768x425.png 768w" sizes="auto, (max-width: 831px) 100vw, 831px" /></figure>



<ul class="wp-block-list">
<li>Cliquez sur <strong>Stocks</strong></li>



<li>Activez le bouton radio des "<strong>Modifier la quantité</strong>"</li>



<li>Saisir "<strong>10</strong>" (ou utiliser le sélecteur mais c'est plus long)</li>



<li>👀 Contrôlez l'affichage  0 -&gt; <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">10</mark></li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="829" height="149" src="https://st9ph.fr/wp-content/uploads/2026/01/image-191.png" alt="" class="wp-image-32894" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-191.png 829w, https://st9ph.fr/wp-content/uploads/2026/01/image-191-300x54.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-191-768x138.png 768w" sizes="auto, (max-width: 829px) 100vw, 829px" /></figure>



<ul class="wp-block-list">
<li>Cliquer sur <strong>"Appliquer à 8 déclinaisons</strong>"</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="801" height="228" src="https://st9ph.fr/wp-content/uploads/2026/01/image-192.png" alt="" class="wp-image-32895" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-192.png 801w, https://st9ph.fr/wp-content/uploads/2026/01/image-192-300x85.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-192-768x219.png 768w" sizes="auto, (max-width: 801px) 100vw, 801px" /></figure>



<ul class="wp-block-list">
<li>Cliquer sur <strong>"Fermer</strong>"</li>
</ul>



<p>Pour les images, on va faire pareil mais en deux temps :</p>



<ul class="wp-block-list">
<li>Cliquez sur la<strong> case à cocher </strong>à côté des<strong> 4 déclinaisons Camel</strong> (une sur deux)</li>



<li>Cliquez sur "<strong>actions groupées</strong>" </li>



<li>Choisissez "<strong>modifier 4 déclinaisons</strong>"</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="822" height="296" src="https://st9ph.fr/wp-content/uploads/2026/01/image-193.png" alt="" class="wp-image-32896" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-193.png 822w, https://st9ph.fr/wp-content/uploads/2026/01/image-193-300x108.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-193-768x277.png 768w" sizes="auto, (max-width: 822px) 100vw, 822px" /></figure>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquer sur :</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="213" height="30" src="https://st9ph.fr/wp-content/uploads/2026/01/image-194.png" alt="" class="wp-image-32897"/></figure>
</div>



<ul class="wp-block-list">
<li><strong>Renouveler l'opération avec les 4 noires</strong></li>
</ul>



<p>👉 Le résultat est maintenant <strong>plus visuel</strong></p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-196.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<ul class="wp-block-list">
<li><strong>Modifiez les références</strong> selon votre souhait (pour moi SWPANDA + Taille + initiale couleur)</li>
</ul>



<p class="has-base-2-background-color has-background">👀 Vous avez du remarquer la zone <strong>"impact sur le prix</strong>". C'est là que vous allez<strong> entrer la différence</strong> de prix  (<mark style="background-color:rgba(0, 0, 0, 0);color:#b52828" class="has-inline-color">et non pas le nouveau prix</mark>) <strong>en Hors Taxes</strong>, de <strong>certaines déclinaisons</strong> (avec ou sons tiroir, plaqué or ou or massif ...) <strong>par rapport aux autres</strong>.</p>



<p><strong>Notre produit actuel n'en a pas besoin</strong>, toutes les déclinaisons seront au même prix, quelles que soient la taille et la couleur du Sweat</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>Notre fiche produit</strong> commence à prendre forme !</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="490" height="490" src="https://st9ph.fr/wp-content/uploads/2026/01/image-200.png" alt="" class="wp-image-32903" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-200.png 490w, https://st9ph.fr/wp-content/uploads/2026/01/image-200-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-200-150x150.png 150w" sizes="auto, (max-width: 490px) 100vw, 490px" /></figure>



<p class="has-text-align-center">La voir sur votre mobile en <strong>flashant le QR </strong>code ou <a href="https://boutiq.st9ph.fr/32-90-magnifique-sweat-panda.html#/1-taille-s/12-couleur-camel" target="_blank" rel="noreferrer noopener">dans un nouvel onglet</a></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-197.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>On voit <strong>le sélecteur de tailles </strong>dans la fiche produit (et pas sur la vignette d'aperçu)</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="479" height="167" src="https://st9ph.fr/wp-content/uploads/2026/01/image-198.png" alt="" class="wp-image-32901" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-198.png 479w, https://st9ph.fr/wp-content/uploads/2026/01/image-198-300x105.png 300w" sizes="auto, (max-width: 479px) 100vw, 479px" /></figure>



<p>On voit aussi les que <strong>les images</strong> ont bien été filtrées :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="409" height="155" src="https://st9ph.fr/wp-content/uploads/2026/01/image-199.png" alt="" class="wp-image-32902" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-199.png 409w, https://st9ph.fr/wp-content/uploads/2026/01/image-199-300x114.png 300w" sizes="auto, (max-width: 409px) 100vw, 409px" /></figure>
</div>
</div>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-f4678328e511a1a50ed46db4b2c5f28e" id="13-4%EF%B8%8F%E2%83%A3-livraison">4️⃣| Livraison</h2>



<p>C'est ici qu'on peut paramétrer les <strong>conditions d'expédition</strong>, les <strong>délais </strong>ou <strong>surcouts </strong>éventuels, le <strong>choix des transporteurs </strong>...</p>



<p class="has-base-2-background-color has-background">🤨<strong> Pourquoi choisir un transporteur plus qu'un autre </strong>? Déjà, parce que certains d'entre eux ne livreront pas dans <strong>certains périmètres</strong> (DOM, international hors UE ...), <strong>certaines marchandises </strong>(comme celles qui sont encombrantes ou qui nécessitent un camion frigorifiques) ou parce que <strong>leurs tarifs sont moins avantageux</strong> pour certaine gammes de produits (c'est souvent une question logistique de proximité des dépôts).</p>



<p>Ci-dessous, les dimensions et poids d'un produit serviront à ceux de vos transporteurs qui vous <strong>facturent au volume ou au poids</strong> :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="153" src="https://st9ph.fr/wp-content/uploads/2026/01/image-201-1024x153.png" alt="" class="wp-image-32916" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-201-1024x153.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-201-300x45.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-201-768x115.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-201.png 1099w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>On a vu aussi plus haut que <strong>des délais spécifiques</strong> pouvaient s'appliquer dans certains cas (personnalisation, encombrement ...)</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="544" height="266" src="https://st9ph.fr/wp-content/uploads/2026/01/image-174.png" alt="" class="wp-image-32866" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-174.png 544w, https://st9ph.fr/wp-content/uploads/2026/01/image-174-300x147.png 300w" sizes="auto, (max-width: 544px) 100vw, 544px" /></figure>



<p class="has-base-2-background-color has-background">👉 Pensez aussi à <strong>définir le délai quand le produit est épuisé</strong> (si vous autorisez la commande avec un stock à zéro). Cela dépendra de <strong>votre roulement</strong> pour les produits qui sont <strong>réapprovisionnés avec une régularité fiable</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="372" height="266" src="https://st9ph.fr/wp-content/uploads/2026/01/image-202.png" alt="" class="wp-image-32919" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-202.png 372w, https://st9ph.fr/wp-content/uploads/2026/01/image-202-300x215.png 300w" sizes="auto, (max-width: 372px) 100vw, 372px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Certains transporteurs appliqueront <strong>des frais supplémentaires </strong>pour certains produits (par rapport à leurs tarifs habituels)</p>



<p class="has-base-2-background-color has-background">📦 Hors encombrement et poids définis plus hauts et calculés en fonction de leur importance, il peut s'agir de produits dont le <strong>conditionnement </strong>est <strong>plus délicat </strong>(fragile) ou qui sollicitent <strong>un circuit de réapprovisionnement plus ardu</strong> (sur commande, dépôts plus lointains ...).</p>



<p></p>
</div>
</div>



<p>On verra comment <strong>paramétrer les transporteurs </strong>dans l'article qui traite de la 2nd partie de l'évaluation.</p>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-11de8b76a412644aba43c7a5dde993e1" id="14-5%EF%B8%8F%E2%83%A3-prix">5️⃣| Prix</h2>


<div class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-c3b43b4c-f98d-4571-9d75-b3c849ca9641" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="false" data-initiallyshow="true"><div class="ub_table-of-contents-header-container" style="">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style=""></div>
				
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column ">
				<ul style=""><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#0-11-l-es-visuels-du-produit-" style="">🔹1.1 |les visuels du produit</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#1-12-r%C3%A9capitulatif-amp-description-" style="">🔹1.2 |Récapitulatif &amp; Description</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#2-13-cat%C3%A9gories-" style="">🔹1.3 |Catégories</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#3-14-marque-" style="">🔹1.4 |Marque</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#4-15-produits-associ%C3%A9s-" style="">🔹1.5 |Produits associés</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#5-21-r%C3%A9f%C3%A9rences-" style="">🔹2.1 |Références</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#6-22-caract%C3%A9ristiques-" style="">🔹2.2 |Caractéristiques</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#7-23-fichiers-joints-" style="">🔹2.3 |Fichiers joints</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#8-24-etat-du-produit-" style="">🔹2.4 |Etat du produit</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#9-25-personnalisation-" style="">🔹2.5 |Personnalisation</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#15-5-1-les-taux-de-tva-que-vous-devez-connaitre-" style="">5-1 | Les taux de TVA que vous devez connaitre</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#16-5-2-etablissement-du-prix-normal-" style="">5-2 | Etablissement du prix normal</a></li><li style=""><a href="https://st9ph.fr/prestashop-la-fiche-produit/#17-5-3-etablissement-dun-prix-sp%C3%A9cifique-promo-" style="">5-3 | Etablissement d'un prix spécifique (promo)</a></li></ul>
			</div>
		</div></div>


<h3 class="wp-block-heading" id="15-5-1-les-taux-de-tva-que-vous-devez-connaitre-">5-1 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"><strong>Les taux de TVA </strong>que vous devez connaitre</mark></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="289" height="411" src="https://st9ph.fr/wp-content/uploads/2026/01/tva20.png" alt="" class="wp-image-32920" style="aspect-ratio:0.7031777339469647;width:136px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/tva20.png 289w, https://st9ph.fr/wp-content/uploads/2026/01/tva20-211x300.png 211w" sizes="auto, (max-width: 289px) 100vw, 289px" /></figure>
</div>


<p class="has-small-font-size"><a href="http://www.legifrance.gouv.fr/affichCode.do?idSectionTA=LEGISCTA000006191854&amp;cidTexte=LEGITEXT000006069577" target="_blank" rel="noreferrer noopener">art. 278 du code général des impôts</a></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"> la <strong>majorité des ventes de biens et des prestations de services</strong> : il s'applique à <strong>tous les produits</strong> ou services <strong>pour lesquels</strong> aucun <strong>autre taux n'est expressément prévu.</strong></p>



<p class="has-text-align-center has-text-color has-link-color wp-elements-cecc40fcda85dfe679047d6528f4ae65" style="color:#b72c2c">C'est <strong>le taux par défaut </strong>de vos produits si vous ne changez pas.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://st9ph.fr/wp-content/uploads/2026/01/boutiq2.jpg" alt="" class="wp-image-32365" srcset="https://st9ph.fr/wp-content/uploads/2026/01/boutiq2.jpg 1024w, https://st9ph.fr/wp-content/uploads/2026/01/boutiq2-300x300.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/boutiq2-150x150.jpg 150w, https://st9ph.fr/wp-content/uploads/2026/01/boutiq2-768x768.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="289" height="411" src="https://st9ph.fr/wp-content/uploads/2026/01/tva10.png" alt="" class="wp-image-32921" style="aspect-ratio:0.7031777339469647;width:133px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/tva10.png 289w, https://st9ph.fr/wp-content/uploads/2026/01/tva10-211x300.png 211w" sizes="auto, (max-width: 289px) 100vw, 289px" /></figure>
</div>


<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<p class="has-small-font-size"><a href="http://www.legifrance.gouv.fr/affichCodeArticle.do;jsessionid=233F38C0A735CAA6C8313B23DDDADCF6.tpdjo14v_1?idArticle=LEGIARTI000026295994&amp;cidTexte=LEGITEXT000006069577">art. 278 bis</a>,&nbsp;<a href="https://www.legifrance.gouv.fr/affichCodeArticle.do;jsessionid=1992169D74B4352D3290592B22D76AB1.tpdila12v_3?idArticle=LEGIARTI000026950047&amp;cidTexte=LEGITEXT000006069577">278 quater</a>,&nbsp;<a href="https://www.legifrance.gouv.fr/affichCodeArticle.do;jsessionid=1992169D74B4352D3290592B22D76AB1.tpdila12v_3?idArticle=LEGIARTI000030021766&amp;cidTexte=LEGITEXT000006069577">278 sexies A</a>,&nbsp;<a href="https://www.legifrance.gouv.fr/affichCodeArticle.do;jsessionid=1992169D74B4352D3290592B22D76AB1.tpdila12v_3?idArticle=LEGIARTI000030022042&amp;cidTexte=LEGITEXT000006069577">278 septies</a>&nbsp;et&nbsp;<a href="https://www.legifrance.gouv.fr/affichCodeArticle.do;jsessionid=1992169D74B4352D3290592B22D76AB1.tpdila12v_3?idArticle=LEGIARTI000030061519&amp;cidTexte=LEGITEXT000006069577">art. 279</a>&nbsp;du CGI</p>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong> produits agricoles</strong> non transformés,  <strong>bois de chauffage</strong>, <strong>travaux d'amélioration du logement </strong>qui ne bénéficient pas du taux de 5,5%, certaines <strong>prestations de logement </strong>et de <strong>camping</strong>,  <strong>foires et salons</strong>,<strong> jeux et manèges forains,</strong> droits d'entrée des <strong>musées</strong>, <strong>zoo</strong>, <strong>monuments</strong>, <strong> transports de voyageurs</strong>, traitement des <strong>déchets</strong>, à la <strong>restauration</strong>.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="605" height="643" src="https://st9ph.fr/wp-content/uploads/2025/12/image-88.png" alt="" class="wp-image-31705" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-88.png 605w, https://st9ph.fr/wp-content/uploads/2025/12/image-88-282x300.png 282w" sizes="auto, (max-width: 605px) 100vw, 605px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="289" height="411" src="https://st9ph.fr/wp-content/uploads/2026/01/tva55.png" alt="" class="wp-image-32922" style="aspect-ratio:0.7031777339469647;width:133px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/tva55.png 289w, https://st9ph.fr/wp-content/uploads/2026/01/tva55-211x300.png 211w" sizes="auto, (max-width: 289px) 100vw, 289px" /></figure>
</div>


<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<p class="has-small-font-size"><a href="https://www.legifrance.gouv.fr/affichCode.do;jsessionid=F1C0E67036CEC46A7C83A57171EECC55.tpdila19v_1?idSectionTA=LEGISCTA000006191654&amp;cidTexte=LEGITEXT000006069577">art. 278-0 bis et 278-0 bis A</a>,&nbsp;<a href="https://www.legifrance.gouv.fr/affichCodeArticle.do;jsessionid=05D76B03D109DDE0203827B845EEB959.tpdila19v_1?idArticle=LEGIARTI000033810507&amp;cidTexte=LEGITEXT000006069577">art. 278 sexies</a>&nbsp;du CGI</p>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong> produits alimentaires </strong>(sans alcool)<strong>,</strong>  produits de <strong>protection hygiénique</strong>, <strong>équipements et services pour handicapés, livres</strong> sur tout support, abonnements <strong>gaz et électricité</strong>, fourniture de chaleur issue d’<strong>énergies renouvelables</strong>, fourniture de <strong>repas dans les cantines </strong>scolaires, billetterie de <strong>spectacle </strong>vivant et de <strong>cinéma</strong>, certains <strong>travaux </strong>d’amélioration de la qualité <strong>énergétique</strong>,<strong> logements sociaux</strong>, <strong>accession à la propriété.</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://st9ph.fr/wp-content/uploads/2026/01/pack6.jpg" alt="" class="wp-image-32924" srcset="https://st9ph.fr/wp-content/uploads/2026/01/pack6.jpg 1024w, https://st9ph.fr/wp-content/uploads/2026/01/pack6-300x300.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/pack6-150x150.jpg 150w, https://st9ph.fr/wp-content/uploads/2026/01/pack6-768x768.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<p>Pour être complet, il existe aussi un&nbsp;<strong>taux particulier</strong>&nbsp;de&nbsp;<strong>2,1 %</strong>&nbsp;(<a href="http://www.legifrance.gouv.fr/affichCode.do?idSectionTA=LEGISCTA000006191656&amp;cidTexte=LEGITEXT000006069577">art. 281 quater et suivants du CGI</a>) UI est réservé aux <strong>médicaments remboursables par la sécurité sociale</strong>, aux <strong>ventes d’animaux vivants</strong> de boucherie et de charcuterie, à <strong>certains spectacles</strong> et <strong>aux publications de presse</strong> inscrites à la Commission paritaire des publications et agences de presse. 🖥️ Mais cette dernière, <strong>vous ne la verrez pas à l'épreuv</strong>e.</p>



<p class="has-small-font-size">Source : <a href="https://www.economie.gouv.fr/cedef/taux-tva-france-et-union-europeenne">https://www.economie.gouv.fr/cedef/taux-tva-france-et-union-europeenne</a></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image">
<figure class="alignright size-full"><img loading="lazy" decoding="async" width="255" height="279" src="https://st9ph.fr/wp-content/uploads/2026/01/image-204.png" alt="" class="wp-image-32926"/></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>👈 C'est dans la zone <strong>Règle de taxes </strong>que vous pourrez changer le taux de TVA</p>



<p>A noter aussi :</p>



<ul class="wp-block-list">
<li>"<strong>Aucune taxe</strong>" - cela concerne <strong>de rares services</strong> intracommunautaires (UE), certaines <strong>activités médicales, services bancaires ou d'assurance.</strong></li>



<li>"<strong>EU VAT</strong>" pour certains <strong>produits dématérialisés</strong> dont <strong>la TVA est différente dans chaque pays de l'UE </strong>et qui sont payées<strong> en fonction du taux du pays de téléchargement</strong>.</li>
</ul>



<p>ℹ️ Ca non plus, <strong>ce n'est pas au programme.</strong></p>
</div>
</div>



<p class="has-base-2-background-color has-background">💶 Juste pour vous dire que l'Etat se fiche un peu de nous quand il nous dit qu'il n'a pas "de sous", il a touché <strong>106,2 milliards d'euros de recettes de TVA </strong>nette <strong>en 2025</strong>. Je dis "nette" parce qu'il en reverse une partie aux collectivités territoriales. (<em>source : ministère des finances publiques</em>)</p>



<h3 class="wp-block-heading" id="16-5-2-etablissement-du-prix-normal-">5-2 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Etablissement du prix normal</mark></h3>



<ul class="wp-block-list">
<li>Suivez les consignes  : v<strong>ous devez marger</strong>,  y compris si une promo est prévue</li>



<li> Aboutissez à <strong>un prix psychologique</strong> (ex : 9,95 € plutôt que 10 €)</li>



<li>N'oubliez pas de <strong>vérifier le taux de TVA</strong></li>
</ul>



<p>👉 Si je reprends le sujet "fil rouge", nous obtenons notre Sweat à<strong> 6 euros HT</strong> auprès de notre fournisseur et nous devons réaliser <strong>une marge commerciale de 8 euros HT</strong>. Imaginons aussi qu'on nous demande de faire <strong>un rabais de 10% </strong>sur notre produit en promo de lancement.</p>



<ul class="wp-block-list">
<li>Renseignez le prix fournisseur de <strong>6 €</strong> dans "<strong>prix d'achat</strong>" (PA)</li>



<li>Renseignez<strong> 14,8</strong> dans "<strong>prix de vente HT</strong>" : PA de 6€ + Marge mini 8€ X 1,1 (pour les 10% de promo)</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="793" height="107" src="https://st9ph.fr/wp-content/uploads/2026/01/image-207.png" alt="" class="wp-image-32935" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-207.png 793w, https://st9ph.fr/wp-content/uploads/2026/01/image-207-300x40.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-207-768x104.png 768w" sizes="auto, (max-width: 793px) 100vw, 793px" /></figure>



<p>👉 On obtient un <strong>TTC </strong>de <strong>17,76 €</strong>. C'est<strong> notre base</strong> pour atteindre un <strong>prix psychologique</strong> et nous avons trois possibilités dans <strong>notre politique de prix</strong>  :</p>



<ul class="wp-block-list">
<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">l'alignement</mark> </strong>: pour<strong> être certain d'être concurrentiel</strong>, rester sur<strong> la marge minimale.</strong> <strong>17,95 € TTC</strong> nous donne un HT de 14,95 € soit <strong>15 cts au dessus du seuil minimal</strong>- 🖥️ <strong><mark style="background-color:rgba(0, 0, 0, 0);color:#cf2929" class="has-inline-color">Ce sera celui là à l'examen</mark></strong></li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">La pénétration</mark></strong> : quitte à <strong>rogner sur sa marge pour être moins cher que les concurrents</strong>, voire ne pas marger du tout pendant la promo ! On peut descendre ainsi jusqu'à<strong> 7,95 € en prix de vente TTC</strong></li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">L'écrémage</mark></strong> : en<strong> dopant le prix pour donner le sentiment de luxe</strong> et, là, il n'y a de limite que l'effondrement de vos ventes.</li>
</ul>



<p>🔵 <strong>Nous choisissons l'alignement </strong>(pour l'examen) :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="804" height="141" src="https://st9ph.fr/wp-content/uploads/2026/01/image-208.png" alt="" class="wp-image-32937" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-208.png 804w, https://st9ph.fr/wp-content/uploads/2026/01/image-208-300x53.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-208-768x135.png 768w" sizes="auto, (max-width: 804px) 100vw, 804px" /></figure>



<h3 class="wp-block-heading" id="17-5-3-etablissement-dun-prix-sp%C3%A9cifique-promo-">5-3 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Etablissement d'un prix spécifique (promo)</mark></h3>



<p>➡️ Je vous renvoie à <a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/" target="_blank" rel="noreferrer noopener">cet article</a> section 1-1 (<strong>soldes</strong>) et 1-2 (<strong>promos</strong>) pour <strong>les règles à respecter</strong> pour ce type d'opération commerciale.</p>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquer sur :</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="213" height="34" src="https://st9ph.fr/wp-content/uploads/2026/01/image-209.png" alt="" class="wp-image-32940"/></figure>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-8c3297de76c3536ed42e915694cff293">🔵 Pour qui ?</p>



<p>👉 Vous pouvez <strong>réserver cette promotion à</strong> <strong>un client spécifique</strong> (que vous avez au téléphone par exemple et auquel vous voulez faire un geste commercial) <strong>ou à un groupe.</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-210.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<ul class="wp-block-list">
<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Les visiteurs</mark></strong> sont les<strong> personnes présentes</strong> sur votre boutique <strong>sans être identifiées</strong></li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Les invités</mark></strong> sont <strong>des visiteurs en train de commander</strong> <strong>sans être</strong> (déjà) <strong>clients </strong>(ou sans s'être connectés à leur compte client)</li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">les clients</mark></strong> sont des<strong> visiteurs identifiés</strong> car connectés<strong> à leur compte client</strong></li>
</ul>



<p class="callout rouge">🤨 <strong>C'est idiot de choisir "visiteurs"</strong> : ils verront vos promos <strong>sans pouvoir les commander</strong> (car ils deviendront invités et alors, ils ne pourront plus en bénéficier ! De plus, vos fidèles clients, eux, ne les verront pas (mais certains commerçants le font). <strong>S'ils ne se connectent pas automatiquement,</strong> en plus, <strong>ils verront la promo disparaitre</strong> en le faisant !</p>



<p class="callout jaune">🤨 Ce n'est <strong>pas plus malin de choisir "invités"</strong> car alors, ils ne pourraient <strong>se rendre compte de la promo </strong>en cours <strong>qu'au moment de la commande </strong>(alors que la promo est votre principal CTA).</p>



<p class="callout vert">👍 Non, <strong>c'est au groupe "clients" que vous devez réserver vos promotions </strong>pour inciter les prospects à créer un compte.</p>



<p class="callout rouge">⚠️ <strong>Attention toutefois</strong>, si vous vous allez en front office pour <strong>voir le résultat côté client</strong>, il faudra <strong>vous connecter à un compte test.</strong> </p>



<p class="has-contrast-3-background-color has-background">⏱️ Bon nombre de candidats perdent un temps fou à ce corriger en back office, <strong>ne voyant pas de résultat probant en front</strong>, alors qu'ils ont réussi leur promo depuis le début mais qu'<strong>ils ont juste oublié de se connecter</strong> pour la voir.</p>



<p></p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>😟 un compte test ? Kézako ?</summary>
<p>C'est <strong>un faux compte client </strong>qui vous sert à<strong> faire des tests</strong>. Vous savez que <strong>vous n'avez pas le droit de vous connecter à un vrai compte client</strong>, j'espère ? Certains à l'examen changent carrément les mots de passe pour pouvoir le faire ! <mark style="background-color:rgba(0, 0, 0, 0);color:#c83535" class="has-inline-color">C'est juste<strong> interdit par la loi</strong></mark> ! Vous disposez d'un compte <strong>John DOE</strong> lors de l'installation de Prestashop (si vous ne l'avez pas supprimé) : login : <strong>pub@prestashop.com</strong> | mdp : <strong>123456789</strong> (sinon, recréez en un, ça ne vous prendra que 30 secondes)</p>
</details>



<p class="has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-49e6ca543d5b7480f0d106a6257593db">🔵 Pour quelle déclinaison ?</p>



<p class="has-base-2-background-color has-background">👉 Vous avez le droit de <strong>faire une promo sur l'ensemble des déclinaison</strong>s et, dans ce cas, laisser "toutes" comme c'est par défaut. C'est notre cas d'ailleurs pour notre promo de lancement.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Mais souvent<strong>, ce seront certaines tailles, pointures ou couleurs</strong> d'un produit <strong>qui se vendront moins bien </strong>et que vous voudrez promouvoir. Dans ce cas :</p>



<ul class="wp-block-list">
<li>cliquez sur "<strong>déclinaison</strong>" pour dérouler la liste</li>



<li>Choisir l<strong>a déclinaison que vous souhaitez promouvoir</strong></li>
</ul>



<p></p>



<p class="has-text-align-center has-base-2-background-color has-background">C'est possible aussi de <strong>le faire sur plusieurs</strong> en créant <strong>d'autres prix spécifiques</strong> pour eux, en plus de celui-ci</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="267" height="251" src="https://st9ph.fr/wp-content/uploads/2026/01/image-211.png" alt="" class="wp-image-32942"/></figure>
</div>
</div>



<p class="has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-ca757dcba86d682b7fb47a8c6dd5f387">🔵 Pour combien de temps ?</p>



<p class="has-base-2-background-color has-background">Un promotion<strong> est bornée dans le temps</strong> (sinon ça devient un prix normal).</p>



<p>👉 Vous remarquerez que "<strong>illimitée</strong>" est <strong>cochée par défaut</strong>, <mark style="background-color:rgba(0, 0, 0, 0);color:#cc4343" class="has-inline-color">ce qui est interdit</mark> en<a href="https://www.economie.gouv.fr/dgccrf/les-fiches-pratiques/lignes-directrices-relatives-lencadrement-des-promotions" target="_blank" rel="noreferrer noopener"> droit français</a> ! "<em>Elle doit rester ponctuelle et claire"</em></p>



<ul class="wp-block-list">
<li><strong>Commencez par la décocher</strong> !</li>
</ul>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-base-2-background-color has-background">On remarque qu'une date de<strong> fin à + 1 mois </strong>est inscrite <strong>automatiquement</strong></p>



<ul class="wp-block-list">
<li><strong>Indiquez la date de fin </strong>souhaitée</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="501" height="131" src="https://st9ph.fr/wp-content/uploads/2026/01/image-212.png" alt="" class="wp-image-32943" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-212.png 501w, https://st9ph.fr/wp-content/uploads/2026/01/image-212-300x78.png 300w" sizes="auto, (max-width: 501px) 100vw, 501px" /></figure>
</div>
</div>



<p class="has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-3a0b6e8874757409bb3e23ed1f3f03f4">🔵 De quel montant ?</p>



<p>Vous pourrez au choix :</p>



<ul class="wp-block-list">
<li>Définir un rabais <strong>en pourcentage</strong> (mieux pour les petits montants)</li>



<li>Définir un rabais<strong> en numéraire</strong> (mieux pour les prix élevés</li>



<li><strong>Indiquer </strong>directement<strong> le prix remisé</strong> (ce qui revient à l'option précédente)</li>
</ul>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="382" height="95" src="https://st9ph.fr/wp-content/uploads/2026/01/image-213.png" alt="" class="wp-image-32945" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-213.png 382w, https://st9ph.fr/wp-content/uploads/2026/01/image-213-300x75.png 300w" sizes="auto, (max-width: 382px) 100vw, 382px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li>saisir <strong>10 </strong>dans la zone de gauche</li>



<li><strong>dérouler la liste</strong> que affiche "€" <strong>et changer pour "%"</strong></li>
</ul>



<p></p>
</div>
</div>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquer sur :</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="170" height="34" src="https://st9ph.fr/wp-content/uploads/2026/01/image-214.png" alt="" class="wp-image-32946"/></figure>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="320" height="165" src="https://st9ph.fr/wp-content/uploads/2026/01/image-215.png" alt="" class="wp-image-32947" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-215.png 320w, https://st9ph.fr/wp-content/uploads/2026/01/image-215-300x155.png 300w" sizes="auto, (max-width: 320px) 100vw, 320px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>👈 Le produit se présente maintenant avec <strong>un prix initial barré,</strong> le<strong> taux de remise</strong> et <strong>le nouveau prix.</strong></p>



<p class="has-text-align-center has-base-2-background-color has-background">Ca tombe bien parce que c'est comme cela que la loi veut qu'on fasse.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="296" height="490" src="https://st9ph.fr/wp-content/uploads/2026/01/image-217.png" alt="" class="wp-image-32950" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-217.png 296w, https://st9ph.fr/wp-content/uploads/2026/01/image-217-181x300.png 181w" sizes="auto, (max-width: 296px) 100vw, 296px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>👇 L'information de remise est aussi présente<strong> dans le tunnel d'achat</strong>, ce qui renforce le sentiment de bonne affaire (et réduit le taux d'<strong>abandon de panier</strong>).</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="540" height="296" src="https://st9ph.fr/wp-content/uploads/2026/01/image-218.png" alt="" class="wp-image-32951" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-218.png 540w, https://st9ph.fr/wp-content/uploads/2026/01/image-218-300x164.png 300w" sizes="auto, (max-width: 540px) 100vw, 540px" /></figure>
</div>
</div>



<p>Vous pouvez encore <strong>augmenter sa visibilité </strong>en cochant la case du bandeau "<strong>promo</strong>".</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="531" height="40" src="https://st9ph.fr/wp-content/uploads/2026/01/image-216.png" alt="" class="wp-image-32948" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-216.png 531w, https://st9ph.fr/wp-content/uploads/2026/01/image-216-300x23.png 300w" sizes="auto, (max-width: 531px) 100vw, 531px" /></figure>



<p class="has-base-2-background-color has-background">ℹ️ Si vous avez<strong> activé le bandeau promos </strong>sur votre page d'accueil, <strong>le produit y figura aussi</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image">
<figure class="alignright size-full"><img loading="lazy" decoding="async" width="230" height="76" src="https://st9ph.fr/wp-content/uploads/2026/01/image-219.png" alt="" class="wp-image-32952"/></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Sur <a href="https://boutiq.st9ph.fr/21-mug-panda.html" target="_blank" rel="noreferrer noopener">cet autre produit,</a> on pratique<strong> une remise à la quantité</strong> (pour encourager l'achat de plusieurs mugs en même temps)</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-base-2-background-color has-background">Le client <strong>est encouragé à cliquer</strong> sur les quantités par la présence d'<strong>un récapitulatif de la promotion</strong> juste au dessus !</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="549" height="146" src="https://st9ph.fr/wp-content/uploads/2026/01/image-220.png" alt="" class="wp-image-32953" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-220.png 549w, https://st9ph.fr/wp-content/uploads/2026/01/image-220-300x80.png 300w" sizes="auto, (max-width: 549px) 100vw, 549px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-221.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>La <strong>notion de pack</strong> peut être aussi décisif si vous associez un produit qui marche bien à un de vos "mal vendus"</p>



<p class="has-base-2-background-color has-background">👈 Sur <a href="https://boutiq.st9ph.fr/25-pack-mug-et-vase-panda.html" target="_blank" rel="noreferrer noopener">ce produit</a>, le client peut <strong>mesurer le gain </strong>qu'il a <strong>à commander ces deux produits ensemble</strong> plutôt que séparément.</p>
</div>
</div>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-d7aa790ad23e9069fb5d034d06829f55" id="18-6%EF%B8%8F%E2%83%A3-r%C3%A9f%C3%A9rencement-seo">6️⃣| Référencement - SEO</h2>



<p>Je vous renvoie à <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_blank" rel="noreferrer noopener">cet article </a>pour tous<strong> les concepts et le vocabulaire</strong>.</p>



<p>Voilà quelle sera notre sortie sur une SERP :</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="720" height="151" src="https://st9ph.fr/wp-content/uploads/2026/01/image-222.png" alt="" class="wp-image-32957" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-222.png 720w, https://st9ph.fr/wp-content/uploads/2026/01/image-222-300x63.png 300w" sizes="auto, (max-width: 720px) 100vw, 720px" /></figure>
</div>


<p>On constate <strong>plusieurs choses</strong> :</p>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-f6dff6a8-20f1-4a2b-a235-12fb7104244b">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-11a1d348-6508-4e3b-ab0d-63bb7bb935e8">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">l<strong>'url est lisible</strong> (slug pas trop long et parlant)</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23fcb900&quot; d=&quot;M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.7 328.7c22-22 53.9-40.7 91.3-40.7s69.3 18.7 91.3 40.7c11.1 11.1 20.1 23.4 26.4 35.4c6.2 11.7 10.3 24.4 10.3 35.9c0 5.2-2.6 10.2-6.9 13.2s-9.8 3.7-14.7 1.8l-20.5-7.7c-26.9-10.1-55.5-15.3-84.3-15.3h-3.2c-28.8 0-57.3 5.2-84.3 15.3L149.6 415c-4.9 1.8-10.4 1.2-14.7-1.8s-6.9-7.9-6.9-13.2c0-11.6 4.2-24.2 10.3-35.9c6.3-12 15.3-24.3 26.4-35.4zm-31.2-182l89.9 47.9c10.7 5.7 10.7 21.1 0 26.8l-89.9 47.9c-7.9 4.2-17.5-1.5-17.5-10.5c0-2.8 1-5.5 2.8-7.6l36-43.2-36-43.2c-1.8-2.1-2.8-4.8-2.8-7.6c0-9 9.6-14.7 17.5-10.5zM396 157.1c0 2.8-1 5.5-2.8 7.6l-36 43.2 36 43.2c1.8 2.1 2.8 4.8 2.8 7.6c0 9-9.6 14.7-17.5 10.5l-89.9-47.9c-10.7-5.7-10.7-21.1 0-26.8l89.9-47.9c7.9-4.2 17.5 1.5 17.5 10.5z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-b87332c9-f117-430d-b0f8-44fb01501e39">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#fcb900" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.7 328.7c22-22 53.9-40.7 91.3-40.7s69.3 18.7 91.3 40.7c11.1 11.1 20.1 23.4 26.4 35.4c6.2 11.7 10.3 24.4 10.3 35.9c0 5.2-2.6 10.2-6.9 13.2s-9.8 3.7-14.7 1.8l-20.5-7.7c-26.9-10.1-55.5-15.3-84.3-15.3h-3.2c-28.8 0-57.3 5.2-84.3 15.3L149.6 415c-4.9 1.8-10.4 1.2-14.7-1.8s-6.9-7.9-6.9-13.2c0-11.6 4.2-24.2 10.3-35.9c6.3-12 15.3-24.3 26.4-35.4zm-31.2-182l89.9 47.9c10.7 5.7 10.7 21.1 0 26.8l-89.9 47.9c-7.9 4.2-17.5-1.5-17.5-10.5c0-2.8 1-5.5 2.8-7.6l36-43.2-36-43.2c-1.8-2.1-2.8-4.8-2.8-7.6c0-9 9.6-14.7 17.5-10.5zM396 157.1c0 2.8-1 5.5-2.8 7.6l-36 43.2 36 43.2c1.8 2.1 2.8 4.8 2.8 7.6c0 9-9.6 14.7-17.5 10.5l-89.9-47.9c-10.7-5.7-10.7-21.1 0-26.8l89.9-47.9c7.9-4.2 17.5 1.5 17.5 10.5z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Le titre est valorisé</strong> mais ne mentionne pas st9ph Market</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23fcb900&quot; d=&quot;M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.7 328.7c22-22 53.9-40.7 91.3-40.7s69.3 18.7 91.3 40.7c11.1 11.1 20.1 23.4 26.4 35.4c6.2 11.7 10.3 24.4 10.3 35.9c0 5.2-2.6 10.2-6.9 13.2s-9.8 3.7-14.7 1.8l-20.5-7.7c-26.9-10.1-55.5-15.3-84.3-15.3h-3.2c-28.8 0-57.3 5.2-84.3 15.3L149.6 415c-4.9 1.8-10.4 1.2-14.7-1.8s-6.9-7.9-6.9-13.2c0-11.6 4.2-24.2 10.3-35.9c6.3-12 15.3-24.3 26.4-35.4zm-31.2-182l89.9 47.9c10.7 5.7 10.7 21.1 0 26.8l-89.9 47.9c-7.9 4.2-17.5-1.5-17.5-10.5c0-2.8 1-5.5 2.8-7.6l36-43.2-36-43.2c-1.8-2.1-2.8-4.8-2.8-7.6c0-9 9.6-14.7 17.5-10.5zM396 157.1c0 2.8-1 5.5-2.8 7.6l-36 43.2 36 43.2c1.8 2.1 2.8 4.8 2.8 7.6c0 9-9.6 14.7-17.5 10.5l-89.9-47.9c-10.7-5.7-10.7-21.1 0-26.8l89.9-47.9c7.9-4.2 17.5 1.5 17.5 10.5z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-40b2dd83-d289-4f0e-bbd7-c2095b88835c">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#fcb900" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.7 328.7c22-22 53.9-40.7 91.3-40.7s69.3 18.7 91.3 40.7c11.1 11.1 20.1 23.4 26.4 35.4c6.2 11.7 10.3 24.4 10.3 35.9c0 5.2-2.6 10.2-6.9 13.2s-9.8 3.7-14.7 1.8l-20.5-7.7c-26.9-10.1-55.5-15.3-84.3-15.3h-3.2c-28.8 0-57.3 5.2-84.3 15.3L149.6 415c-4.9 1.8-10.4 1.2-14.7-1.8s-6.9-7.9-6.9-13.2c0-11.6 4.2-24.2 10.3-35.9c6.3-12 15.3-24.3 26.4-35.4zm-31.2-182l89.9 47.9c10.7 5.7 10.7 21.1 0 26.8l-89.9 47.9c-7.9 4.2-17.5-1.5-17.5-10.5c0-2.8 1-5.5 2.8-7.6l36-43.2-36-43.2c-1.8-2.1-2.8-4.8-2.8-7.6c0-9 9.6-14.7 17.5-10.5zM396 157.1c0 2.8-1 5.5-2.8 7.6l-36 43.2 36 43.2c1.8 2.1 2.8 4.8 2.8 7.6c0 9-9.6 14.7-17.5 10.5l-89.9-47.9c-10.7-5.7-10.7-21.1 0-26.8l89.9-47.9c7.9-4.2 17.5 1.5 17.5 10.5z"></path></svg>
				</span>
				<span class="ub_list_item_text">la <strong>méta </strong>(description) est <strong>sympa</strong>, valorisée, attrayante <strong>mais tronquée</strong> (...)</span>
			</div>
			
		</li>
</ul>


<ul class="wp-block-list">
<li>un <strong>bon titre SEO</strong> doit donner de manière simple<strong> l'information clé</strong> : <strong>c'est quoi comme produit </strong>et <strong>où vais-je atterrir</strong> si je clique ? Toutes les <strong>url </strong>ne seront pas aussi <strong>parlantes </strong>que la mienne : <em>boutiq.st9ph</em> </li>



<li>une <strong>bonne méta</strong> sera <strong>votre CTA</strong> : en peu de mots, donnez envie de cliquer sans dépasser les 160 caractères. (ici, je recopie le Récapitulatif et je le simplifie</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="944" height="274" src="https://st9ph.fr/wp-content/uploads/2026/01/image-223.png" alt="" class="wp-image-32958" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-223.png 944w, https://st9ph.fr/wp-content/uploads/2026/01/image-223-300x87.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-223-768x223.png 768w" sizes="auto, (max-width: 944px) 100vw, 944px" /></figure>



<p>👉 on aurait pu aussi au besoin  modifier l'url simplifiée (slug)</p>



<p>Ca donne ça 👇 :</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="710" height="148" src="https://st9ph.fr/wp-content/uploads/2026/01/image-224.png" alt="" class="wp-image-32959" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-224.png 710w, https://st9ph.fr/wp-content/uploads/2026/01/image-224-300x63.png 300w" sizes="auto, (max-width: 710px) 100vw, 710px" /></figure>
</div>


<p>Pour <strong>les mots clés</strong>, vous n'aurez ni <strong>Trends</strong>, ni <strong>Semrush </strong>pour vous aider, alors posez vous une seule question : <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">qu'est ce que je taperais comme recherche si je voulais acheter <strong>un produit comme celui là</strong> ?</mark></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="656" height="150" src="https://st9ph.fr/wp-content/uploads/2026/01/image-225.png" alt="" class="wp-image-32960" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-225.png 656w, https://st9ph.fr/wp-content/uploads/2026/01/image-225-300x69.png 300w" sizes="auto, (max-width: 656px) 100vw, 656px" /></figure>



<p class="has-base-2-background-color has-background">N'oubliez pas de faire <strong>des longues traines</strong> et pas la peine de remettre "st9ph market" ou "Panda" qui sont <strong>déjà dans le titre SEO</strong>.</p>



<p>👉Si vous n'avez pas <strong>légendé vos images</strong> (voir section 1-1), c'est le moment de la faire !</p>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-8bd84877bfc464316b13abdcee00f9c6" id="19-7%EF%B8%8F%E2%83%A3-options">7️⃣| Options</h2>



<p>Vous allez pouvoir définir des <strong>paramètres de visibilité</strong> et des<strong> modes d'affichage</strong> :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="216" height="241" src="https://st9ph.fr/wp-content/uploads/2026/01/image-227.png" alt="" class="wp-image-32964"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="593" height="263" src="https://st9ph.fr/wp-content/uploads/2026/01/image-226.png" alt="" class="wp-image-32963" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-226.png 593w, https://st9ph.fr/wp-content/uploads/2026/01/image-226-300x133.png 300w" sizes="auto, (max-width: 593px) 100vw, 593px" /></figure>
</div>
</div>



<ul class="wp-block-list">
<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Partout</mark></strong> : C'est <strong>le mode par défaut.</strong> Le produit sera <strong>visible à la fois sur le "catalogue"</strong>, c'est à dire, partout sur le site quand on parcourra les rubriques et <strong>dans le moteur de recherche</strong> . Mais aussi dans le <strong>bloc nouveautés</strong> et <strong>promos</strong> si vous les affichez et qu'il rentre dans les critères.</li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Catalogue seul </mark></strong>: si vous ne voulez pas qu'on puisse le trouver dans le moteur. Je ne vois pas bien pourquoi on ferait cela, à part pour<strong> forcer le visiteur à parcourir les rayons </strong>(et voir les autres produits <strong>dans l'espoir qu'il ait un coup de cœur</strong>) un peu comme le modèle Ikéa où l'on oblige à un parcours imposé.</li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Recherche uniquement</mark></strong> : Je ne vois pas bien non plus pourquoi on ne pourrait le trouver <strong>qu'en le recherchant par mots clé.</strong>  Peut-être pour certains produits techniques en B2B, <strong>pour éviter les retours trop fréquents </strong>de clients qui se trompent ?<strong> On leur donne la Ref </strong>par téléphone ou mail ?</li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Nulle part</mark></strong> : là, je comprends mieux, ça peut-être <strong>un moyen préparer en avance une fiche produit </strong>(promo ou solde alors que ce n'est pas encore la date de début) mais, là encore, il suffit de<strong> la garder en mode brouillon.</strong></li>
</ul>



<p class="has-medium-font-size">Vous pouvez aussi :</p>



<ul class="wp-block-list">
<li>indiquer si <strong>le produit est disponible à la vente </strong>(ça peut-être par exemple un <strong>produit cadeau</strong> ou <strong>à gagner </strong>qu'on veut tout-de-même inscrire au catalogue)</li>



<li><strong>Afficher le prix</strong> : valable pour les <strong>boutiques spécialisées</strong> (<strong>catalogues salariés </strong>de comités d'entreprises) ou pour certains produits ou <strong>prestation sur mesure</strong> et qu'on ne peut pas estimer d'avance.</li>



<li>Indiquer si ce <strong>produit n'est disponible qu'en ligne </strong>(exclu web) si tant est que vous disposez aussi d'une SVP avec un catalogue commun.</li>
</ul>



<p class="has-base-2-background-color has-background">Voilà, ce long tour d'horizon est terminé. <strong>L'entrainement sera la clé</strong> pour <strong>réussir votre fiche produit en 13 minutes.</strong> Plus vous allez manipuler l'outil, plus vous allez acquérir les automatismes et l'aisance.</p>



<p>🔻La version <img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt=""><mark style="background-color:rgba(0, 0, 0, 0);color:#eb1e1e" class="has-inline-color">pdf</mark>, <a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2963/preview/pdf/6555" target="_blank" rel="noreferrer noopener">c'est ici</a>. ♻️<mark style="background-color:rgba(0, 0, 0, 0);color:#3eb674" class="has-inline-color"><strong>A imprimer avec modération.</strong></mark></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2Fprestashop-la-fiche-produit%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size">⬇️</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h2 class="wp-block-heading has-base-2-background-color has-background has-medium-font-size" id="20-aller-%C3%A0-la-seconde-partie-manipuler-la-boutique-%E2%9E%A1%EF%B8%8F">Aller à la seconde partie | <a href="https://st9ph.fr/prestashop-manipuler-la-boutique/">manipuler la boutique</a> ➡️</h2>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span><a href="https://st9ph.fr/category/creation-de-sites/">🛠️ création de sites</a></span> » <span class="breadcrumb_last" aria-current="page">PrestaShop</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-6ab5fb4a     uagb-post__items uagb-post__columns-3 is-grid uagb-post__columns-tablet-2 uagb-post__columns-mobile-1 uagb-post__equal-height" data-total="3" style="">

												<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="732" height="259" src="https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop.jpg 732w, https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop-300x106.jpg 300w" sizes="auto, (max-width: 732px) 100vw, 732px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer">Prestashop | OP Com dans la Eshop</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-17T18:27:24+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					17 février 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | 💥OP Com dans la Eshop ➡️ Que ce soit pour &#8230; vider les...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="840" height="248" src="https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech.jpg 840w, https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech-300x89.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech-768x227.jpg 768w" sizes="auto, (max-width: 840px) 100vw, 840px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Le Service Après Vente</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-24T16:55:00+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					24 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					SAV prestashop,, commande prestashop en backoffice, messages prédéfinis prestashop

				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="736" height="226" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958.jpg 736w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958-300x92.jpg 300w" sizes="auto, (max-width: 736px) 100vw, 736px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Manipuler la boutique</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-22T14:40:35+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					22 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					2 commentaires				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | Manipuler la boutique 🏪 👉🏻 2nd bloc d&#8217;évaluation de l&#8217;épreuve technique, les manipulations...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="723" height="199" src="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925.jpg 723w, https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925-300x83.jpg 300w" sizes="auto, (max-width: 723px) 100vw, 723px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer">Prestashop | les retours produits</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-12-18T19:06:17+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					18 décembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Un commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>restaShop | Les retours produits 🔙 ➡️ Il faut savoir que les différents scénarios devront...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="307" src="https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-1024x349.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-1024x349.png 1024w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-300x102.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-768x262.png 768w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9.png 1059w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Nouveautés de la version 9</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-11-19T10:45:25+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					19 novembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>Une nouvelle version du CMS pose quelques améliorations au Backoffice et un nouveau thème en...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-referencement-seo-de-vos-produits/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="425" src="https://st9ph.fr/wp-content/uploads/2025/11/refeProduit-1024x484.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/11/refeProduit-1024x484.png 1024w, https://st9ph.fr/wp-content/uploads/2025/11/refeProduit-300x142.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/refeProduit-768x363.png 768w, https://st9ph.fr/wp-content/uploads/2025/11/refeProduit.png 1062w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-referencement-seo-de-vos-produits/" target="_self" rel="bookmark noopener noreferrer">Prestashop | référencement SEO de vos produits</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-11-14T10:10:32+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					14 novembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | le SEO de vos produits 👉🏻 Essentiel pour assurer votre visibilité sur les...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-referencement-seo-de-vos-produits/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
											</div>
			


<div class="wp-block-uagb-team uagb-team__image-position-left uagb-team__align-left uagb-team__stack-tablet uagb-block-5002ab42"><img decoding="async" class="uagb-team__image-crop-circle" src="https://st9ph.fr/wp-content/uploads/2022/01/steph-150x150.png" alt="" height="100" width="100" loading="lazy"/><div class="uagb-team__content"><h4 class="uagb-team__title">St9ph</h4><span class="uagb-team__prefix">Webmaster</span><p class="uagb-team__desc">Je suis Formateur depuis 1997 et j'ai commencé ma carrière comme technicien en réseaux informatiques.  J'ai travaillé pour de grands organismes de formation : Greta, AFPA, réseau des CCI, des écoles de commerces réputées : EM Normandie, E2SE, groupes FIM et ICEP, et collaboré en Centre d'Appels chez Webhelp pendant 12 ans avec des grands comptes FAI comme Orange, Bouygues Telecom et SFR, des assureurs et des fournisseurs d'Energie comme Direct Energie (devenu Total) et EDF (devenu Engie) !</p><ul class="uagb-team__social-list"><li class="uagb-team__social-icon"><a href="https://www.facebook.com/profile.php?id=100076192144163" aria-label="facebook" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"></path></svg></a></li><li class="uagb-team__social-icon"><a href="https://www.linkedin.com/company/st9ph/" aria-label="linkedin" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li></ul></div></div>
<p>L’article <a href="https://st9ph.fr/prestashop-la-fiche-produit/">Prestashop | La Fiche Produit par l&#8217;exemple</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/prestashop-la-fiche-produit/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/Enregistrement-2026-01-15-000253.mp4" length="763898" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/Enregistrement-2026-01-15-104641.mp4" length="1115239" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/liste.mp4" length="302646" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/couleurs.mp4" length="241702" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/radioBouton.mp4" length="242926" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/decli.mp4" length="3371226" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_17-01-2026_at_10_28_33_on_January_17th_2026.mp3" length="227232" type="audio/mpeg" />
<enclosure url="https://boutiq.st9ph.fr/img/cms/sweat2w-final.mp4" length="914764" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/boucle-bambou.mp4" length="1931284" type="video/mp4" />

		<post-id xmlns="com-wordpress:feed-additions:1">32746</post-id>	</item>
		<item>
		<title>Prestashop &#124; les retours produits</title>
		<link>https://st9ph.fr/prestashop-cas-de-retours-produits/</link>
					<comments>https://st9ph.fr/prestashop-cas-de-retours-produits/#comments</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Thu, 18 Dec 2025 18:06:17 +0000</pubDate>
				<category><![CDATA[PrestaShop]]></category>
		<category><![CDATA[🛠️ création de sites]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[gérer les retours produits dans prestashop]]></category>
		<category><![CDATA[tuto prestashop retours produits]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=31333</guid>

					<description><![CDATA[<p>restaShop &#124; Les retours produits 🔙 ➡️ Il faut savoir que les différents scénarios devront être définis dans vos CGV, accessibles aux clients, et respecter quelques règles : 👉🏻 La réassurance (voir aussi cet article) est une opération commerciale à échéance. Prévoyez une page &#8220;Avantages clients&#8221; pour en définir les limites (conditions, produits concernés &#8230; ... <a title="Prestashop &#124; les retours produits" class="read-more" href="https://st9ph.fr/prestashop-cas-de-retours-produits/" aria-label="En savoir plus sur Prestashop &#124; les retours produits">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/prestashop-cas-de-retours-produits/">Prestashop | les retours produits</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<p class="has-medium-font-size"><img loading="lazy" decoding="async" width="16" height="17" class="wp-image-33544" style="width: 16px;" src="https://st9ph.fr/wp-content/uploads/2026/01/ps-icone-prestashop.jpg" alt=""><strong>restaShop</strong></p>



<p class="has-accent-color has-text-color has-link-color has-x-large-font-size wp-elements-8b694cbaa3deee8049794bd55541bfb2"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-contrast-color">|</mark> Les retours produits 🔙</p>
</div>



<p>➡️ Il faut savoir que les différents scénarios devront être <strong>définis dans vos CGV,</strong> accessibles aux clients, et r<strong>especter quelques règles</strong> :</p>



<ul class="wp-block-list">
<li>vous ne pouvez pas refuser à <strong>un client de renoncer à son achat </strong>(VAD) dans les 📆 <strong>14 jours</strong> qui suivent la <strong>réception de sa commande</strong> :
<ul class="wp-block-list">
<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Pour un produit</mark></strong> (palpable, matériel) :
<ul class="wp-block-list">
<li> C&#8217;est la date du<strong> bon de livraison </strong>qui fait foi 🚚</li>



<li>il y&#8217;a des exceptions pour <strong>certains produits d&#8217;hygiène 🪥 ou périssables </strong>🍕 qui ne sont pas &#8220;retournables&#8221;</li>



<li> <strong>le produit doit être restitué dans son état d&#8217;origine</strong> 🧃</li>
</ul>
</li>



<li> <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Pour un service </mark></strong>(abonnement, ticket dématérialisé,  logiciel &#8230;)
<ul class="wp-block-list">
<li>le délai court à partir de <strong>la ✅ validation de la commande </strong></li>



<li> le service <strong>ne doit pas avoir été ni activé 🧑🏻‍💻, ni aucune fonctionnalité utilisée </strong>🔔</li>
</ul>
</li>
</ul>
</li>



<li>Vous êtes tenus également à vos <img loading="lazy" decoding="async" width="27" height="12" class="wp-image-33220" style="width: 27px;" src="https://st9ph.fr/wp-content/uploads/2025/01/marianne.jpg" alt=""> <strong>obligations légales</strong> de <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">conformité </mark></strong>et de <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">garantie </mark></strong>dans un délai de 1 à 10 ans selon les types de produits (neufs)</li>



<li>Si vous avez prévu des <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">c<strong>onditions de réassurance</strong></mark> ❇️ plus avantageuses que vos obligations minimales, vous devez également vous y tenir car <strong>elles vous engagent </strong>(ex : &#8220;satisfait ou remboursé dans un délai d&#8217;1 mois&#8221;).</li>
</ul>



<p class="has-base-2-background-color has-background">👉🏻 <strong>La réassurance</strong> (voir aussi <a href="https://st9ph.fr/la-reassurance-dans-prestashop/" target="_blank" rel="noreferrer noopener">cet article</a>) est <strong>une opération commerciale </strong>à échéance. Prévoyez une page &#8220;<strong>Avantages clients&#8221;</strong> pour en <strong>définir les limites (</strong>conditions, produits concernés &#8230; ) et <strong>ajoutez les aussi à vos CGV,</strong> seul <strong>élément contractuel </strong>au moment <strong>de la vente.</strong></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="233" height="211" src="https://st9ph.fr/wp-content/uploads/2025/12/IA.png" alt="" class="wp-image-31733" style="width:79px;height:auto"/></figure>
</div>


<p class="has-small-font-size">Part d&#8217;IA /5 dans cet article</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<div class="wp-block-columns has-base-2-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-0fe1fd9c-d15c-45ab-be15-2582818ea5a7">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-0fe1fd9c-d15c-45ab-be15-2582818ea5a7-0"><rect height="150" width="75" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-0fe1fd9c-d15c-45ab-be15-2582818ea5a7-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-0fe1fd9c-d15c-45ab-be15-2582818ea5a7-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-0fe1fd9c-d15c-45ab-be15-2582818ea5a7-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-0fe1fd9c-d15c-45ab-be15-2582818ea5a7-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-0fe1fd9c-d15c-45ab-be15-2582818ea5a7-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-0fe1fd9c-d15c-45ab-be15-2582818ea5a7-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-0fe1fd9c-d15c-45ab-be15-2582818ea5a7-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-0fe1fd9c-d15c-45ab-be15-2582818ea5a7-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-0fe1fd9c-d15c-45ab-be15-2582818ea5a7-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">♨️ Sources</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-31d71c62-a3da-4303-b559-224e7a47551c">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-31d71c62-a3da-4303-b559-224e7a47551c-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-31d71c62-a3da-4303-b559-224e7a47551c-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-31d71c62-a3da-4303-b559-224e7a47551c-1"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-31d71c62-a3da-4303-b559-224e7a47551c-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-31d71c62-a3da-4303-b559-224e7a47551c-2"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-31d71c62-a3da-4303-b559-224e7a47551c-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-31d71c62-a3da-4303-b559-224e7a47551c-3"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-31d71c62-a3da-4303-b559-224e7a47551c-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-31d71c62-a3da-4303-b559-224e7a47551c-4"><rect height="150" width="75" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-31d71c62-a3da-4303-b559-224e7a47551c-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">🖼️ Images</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-132d1885-d860-4ca8-be85-4bda36e3e4b5">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-132d1885-d860-4ca8-be85-4bda36e3e4b5-0"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-132d1885-d860-4ca8-be85-4bda36e3e4b5-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-132d1885-d860-4ca8-be85-4bda36e3e4b5-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-132d1885-d860-4ca8-be85-4bda36e3e4b5-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-132d1885-d860-4ca8-be85-4bda36e3e4b5-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-132d1885-d860-4ca8-be85-4bda36e3e4b5-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-132d1885-d860-4ca8-be85-4bda36e3e4b5-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-132d1885-d860-4ca8-be85-4bda36e3e4b5-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-132d1885-d860-4ca8-be85-4bda36e3e4b5-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-132d1885-d860-4ca8-be85-4bda36e3e4b5-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">✒️Contenu</div>
		</div></div>
</div>
</div>
</div>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">11–17 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">2 683 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-04-09T09:04:09+02:00">9 avril  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-5fa7d028      "
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							au menu :						</div>
																						<div class="uagb-toc__list-wrap ">
						<ol class="uagb-toc__list"><li class="uagb-toc__list"><a href="#les-2-cas-de-retours-produits" class="uagb-toc-link__trigger">les 2 cas de retours produits</a><ul class="uagb-toc__list"><li class="uagb-toc__list"><a href="#11-la-rétractation" class="uagb-toc-link__trigger">🔹1.1 | la rétractation</a><li class="uagb-toc__list"><li class="uagb-toc__list"><a href="#12-la-non-conformité" class="uagb-toc-link__trigger">🔹1.2 | la non-conformité</a></li></ul></li><li class="uagb-toc__list"><a href="#procédure-des-retours-produits" class="uagb-toc-link__trigger">Procédure des retours produits</a><ul class="uagb-toc__list"><li class="uagb-toc__list"><a href="#21-activer-loption-dans-le-backoffice" class="uagb-toc-link__trigger">🔹2.1 | Activer l&#039;option dans le backoffice</a><li class="uagb-toc__list"><li class="uagb-toc__list"><a href="#22-retours-produits-côté-client" class="uagb-toc-link__trigger">🔹2.2 | Retours produits côté client</a><li class="uagb-toc__list"><li class="uagb-toc__list"><a href="#23-traitement-du-retour-produit-initiée-par-le-client" class="uagb-toc-link__trigger">🔹2.3 | Traitement du retour produit initiée par le client</a><li class="uagb-toc__list"><li class="uagb-toc__list"><a href="#24-retour-produit-initié-et-traité-à-100-côté-boutique" class="uagb-toc-link__trigger">🔹2.4 | Retour produit initié et traité à 100% côté boutique</a></li></ul></li></ul></li><li class="uagb-toc__list"><a href="#reconditionnement-de-produits-retournés" class="uagb-toc-link__trigger">Reconditionnement de produits retournés</a><ul class="uagb-toc__list"><li class="uagb-toc__list"><a href="#31-remettre-le-produit-en-vente" class="uagb-toc-link__trigger">🔹3.1 | Remettre le produit en vente</a><li class="uagb-toc__list"><li class="uagb-toc__list"><a href="#32-pensez-aussi-à-votre-e-réputation" class="uagb-toc-link__trigger">🔹3.2 | Pensez aussi à votre ⭐ e-réputation !</a></li></ul></li></ul></li></ul></li><li class="uagb-toc__list"><a href="#vers-lépreuve-e5" class="uagb-toc-link__trigger">🧑🏻‍🎓| Vers l&#039;épreuve E5</a></ul></ul></ul></ol>					</div>
									</div>
				</div>
			


<style>
.chapter-title {
  display: flex;
  align-items: stretch;
  margin: 1.7rem 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.chapter-number {
  background: #1e73be;
  color: #fff;
  font-weight: 700;
  font-size: 2.8rem;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chapter-content {
  padding: 1.3rem 1.5rem;
  width: 100%;
}

/* Ligne titre + logo */
.chapter-heading {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.6rem;
}

/* Logo carré */
.chapter-logo {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
}

.chapter-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* H2 */
.chapter-content h2 {
  margin: 0;
  font-size: 2.1rem;
  font-weight: 700;
  color: #1e73be; /* personnalisable */
}

/* Puces */
.chapter-points {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.chapter-points li {
  margin-bottom: 0.35rem;
  color: #444;
  font-size: 0.95rem;
  line-height: 1.45;
}

.chapter-points li::before {
  content: "🔹 ";
}
</style>

<div class="chapter-title">
  <div class="chapter-number">1</div>

  <div class="chapter-content">
    <div class="chapter-heading">
      <a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
        <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo St9ph">
      </a>

      <h2>les 2 cas de retours produits</h2>
    </div>

    <ul class="chapter-points">
      <li>la rétractation</li>
      <li>la non-conformité</li>
    </ul>
  </div>
</div>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> <strong>la rétractation</strong></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/produit-bleaster.jpg" alt="" class="wp-image-31336" srcset="https://st9ph.fr/wp-content/uploads/2025/12/produit-bleaster.jpg 1024w, https://st9ph.fr/wp-content/uploads/2025/12/produit-bleaster-300x300.jpg 300w, https://st9ph.fr/wp-content/uploads/2025/12/produit-bleaster-150x150.jpg 150w, https://st9ph.fr/wp-content/uploads/2025/12/produit-bleaster-768x768.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p data-wp-context---core-fit-text="core/fit-text::{&quot;fontSize&quot;:&quot;&quot;}" data-wp-init---core-fit-text="core/fit-text::callbacks.init" data-wp-interactive data-wp-style--font-size="core/fit-text::context.fontSize" class="has-fit-text">Renoncer à son achat, c&#8217;est :</p>



<ol class="wp-block-list">
<li><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"><strong>n&#8217;avoir fait aucun usage de son produit</strong> </mark>ou n&#8217;avoir <strong>utilisé aucune fonctionnalité d&#8217;un service </strong>souscris.</li>



<li><strong>Manifester son intention <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">14 jours maximum après la date de livraison</mark></strong> de la commande (ou fonctionnement du service)</li>
</ol>



<div class="bloc-astuce">
  ✅ Ici, un pull revient <strong>dans son blister d&#8217;origine</strong> et pourra même <strong> être restocké </strong> C&#8217;est le cas le plus simple.
</div>

<style>
.bloc-astuce {
  border-left: 4px solid #188038;
  background: #eefaf1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="256" height="41" src="https://st9ph.fr/wp-content/uploads/2025/12/image-40.png" alt="" class="wp-image-31337"/></figure>
</div>
</div>



<div class="bloc-attention">
  ⚠️Vous devez indiquer au client dans vos CGV si <strong>le retour s&#8217;effectue à sa charge,</strong> sinon, il sera à vos frais automatiquement !
</div>

<style>
.bloc-attention {
  border-left: 4px solid #dc2626;
  background: #fff1f1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<p class="has-medium-font-size">➡️ <strong>Exemple de paragraphe</strong> à indiquer <strong>dans vos CGV </strong>pour les retours produits :</p>



<div class="wp-block-uagb-separator uagb-block-afd4f547"><div class="wp-block-uagb-separator__inner" style="--my-background-image:"></div></div>



<p class="has-small-font-size">Conformément au code de la consommation en son article <a href="https://www.legifrance.gouv.fr/codes/id/LEGISCTA000032226844/">L121-18</a> et suivants, vous disposez d&#8217;<strong>un délai de 14 jours francs à partir de la réception de votre commande </strong>(le bon de livraison faisant foi) pour nous retourner le produit <strong>dans son état et son emballage d&#8217;origines </strong>à vos frais, sans avoir à nous indiquer de motifs.</p>



<ul class="wp-block-list has-small-font-size">
<li>Rendez-vous dans la <strong>rubrique mon compte</strong></li>



<li>Cliquer sur &#8220;<strong>historique et détail de mes commandes</strong>&#8220;</li>



<li>Cliquer sur &#8220;<strong>détail</strong>&#8221; de la commande à retourner</li>



<li>Cliquer sur <strong>la case à cocher</strong> à gauche du produit à retourner</li>



<li>Indiquer la <strong>quantité de produit </strong>à retourner. <strong>La quantité doit correspondre à 100 %</strong> du produit. Vous ne pouvez pas renvoyer <strong>une partie incomplète d&#8217;un lot</strong> dans le cas d&#8217;un renoncement.</li>



<li>Cliquez sur <strong>envoyer</strong></li>



<li>Dans la Zone &#8220;<strong>messages</strong>&#8220;, indiquez &#8220;<strong>Je renonce à mon achat</strong>&#8220;</li>



<li>Renvoyez le produit commandé <strong>correctement emballé, protégé et suffisamment affranchi à</strong> l&#8217;adresse &#8220;SAV ST9PH MARKET, ZAC des mouettes, 14014 Caen Cedex&#8221;, <strong>dans son emballage d&#8217;origine</strong>.</li>
</ul>



<p class="has-small-font-size">A r<strong>éception conforme du produit, </strong>vous serez remboursé(e) dans un délai de 2 mois <strong>sous forme d&#8217;un avoir </strong>à utiliser dans notre boutique en ligne ou en magasin.<strong> Un code réduction valable 1 an </strong>vous parviendra par mail, utilisable en 1 ou plusieurs fois, jusqu&#8217;à épuisement du solde. Si vous souhaitez un autre mode de remboursement, contactez notre plateforme téléphonique au 0800 &#8230;</p>



<div class="wp-block-uagb-separator uagb-block-db59a736"><div class="wp-block-uagb-separator__inner" style="--my-background-image:"></div></div>



<p>Pour un <strong>service </strong>ou un <strong>produit dématérialisé </strong>:</p>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-074faa6b-0fd8-4e00-a661-21309c0da05b">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-770dcc54-d0c2-4e2d-bacf-bf37ea912214">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">Ne pas avoir <strong>activé le service </strong>(connexion logicielle, création de compte même sans avoir été plus loin)</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-10aacd81-8e71-418c-baa1-88dd3730083a">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">Ne pas avoir <strong>téléchargé le produit dématérialisé</strong> (dans le cas de l&#8217;achat d&#8217;un livre numérique ou autre)</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-763eaa56-8e13-478d-a9d2-48daf2ad689f">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">Ne pas avoir <strong>consommé un élément du service </strong>(comme l&#8217;usage d&#8217;un streaming lié au service, par exemple</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-897de9e9-1557-4dc3-b9e6-2880984d781f">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">Si le produit est sur <strong>une market place </strong>et que vous n&#8217;êtes pas <strong>le vendeur direct</strong>, vous êtes tout de même <strong>solidaire </strong>et devrez <strong>vous substituer à lui </strong>s&#8217;il ne respecte pas cet engagement de dédit (même s&#8217;il réside hors UE).</span>
			</div>
			
		</li>
</ul>


<p class="has-base-2-background-color has-background">➡️ Aucun <strong>frais de dédit</strong> lié à un engagement (abonnement) ne s&#8217;applique même s&#8217;il y en a de prévus dans les CGV. Dans le cadre d&#8217;une <strong>montée en gamme </strong>(Up Selling), le client doit pouvoir retrouver son service précédent <strong>à son tarif initial,</strong> même si celui-ci n&#8217;est plus commercialisé.</p>



<p>👉🏻 C&#8217;est la date du <strong>mail de confirmation </strong>de l&#8217;activation du service ou qui contient <strong>le lien de téléchargement </strong>qu&#8217;il faut prendre pour les 14 jours francs.</p>


<div class="wp-block-uagb-faq uagb-faq__outer-wrap uagb-block-88bd3b40 uagb-faq-icon-row uagb-faq-layout-accordion uagb-faq-expand-first-false uagb-faq-inactive-other-true uagb-faq__wrap uagb-buttons-layout-wrap uagb-faq-equal-height     " data-faqtoggle="true" role="tablist"><div class="wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-66b48e03 " role="tab" tabindex="0"><div class="uagb-faq-questions-button uagb-faq-questions">			<span class="uagb-icon uagb-faq-icon-wrap">
								<svg xmlns="https://www.w3.org/2000/svg" viewBox= "0 0 448 512"><path d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z"></path></svg>
							</span>
						<span class="uagb-icon-active uagb-faq-icon-wrap">
								<svg xmlns="https://www.w3.org/2000/svg" viewBox= "0 0 448 512"><path d="M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z"></path></svg>
							</span>
			<span class="uagb-question">C&#8217;est quoi un jour franc ?</span></div><div class="uagb-faq-content"><p>Un jour franc, <strong>c&#8217;est 24 heures</strong>. C&#8217;est à dire qu&#8217;il faut compter <strong>en réalité le 15ème jour calendaire </strong>à partir du bon de livraison pour être en droit de refuser un retour produit dans le cadre du renoncement.<br>Ex : Bon de livraison daté du 19 décembre, c&#8217;est le 3 janvier que vous pouvez refuser le retour d&#8217;un produit conforme.</p></div></div><div class="wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-78711327 " role="tab" tabindex="0"><div class="uagb-faq-questions-button uagb-faq-questions">			<span class="uagb-icon uagb-faq-icon-wrap">
								<svg xmlns="https://www.w3.org/2000/svg" viewBox= "0 0 448 512"><path d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z"></path></svg>
							</span>
						<span class="uagb-icon-active uagb-faq-icon-wrap">
								<svg xmlns="https://www.w3.org/2000/svg" viewBox= "0 0 448 512"><path d="M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z"></path></svg>
							</span>
			<span class="uagb-question">Quelle est la différence avec un jour &#8220;ouvré&#8221; ?</span></div><div class="uagb-faq-content"><p>Un jour ouvré <strong>ne compte pas les jours chômés</strong> (Dimanches et jours fériés + <strong>jours de fermeture</strong> clairement annoncés pour le magasin &#8211; souvent c&#8217;est le lundi dans le commerce).<br>Pour rappel, on est <strong>en VAD</strong>, donc, <strong>ça n&#8217;existe pas</strong> pour nous. Une EShop est ouverte H24 et 7j/7</p></div></div><div class="wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-b6aebc3b " role="tab" tabindex="0"><div class="uagb-faq-questions-button uagb-faq-questions">			<span class="uagb-icon uagb-faq-icon-wrap">
								<svg xmlns="https://www.w3.org/2000/svg" viewBox= "0 0 448 512"><path d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z"></path></svg>
							</span>
						<span class="uagb-icon-active uagb-faq-icon-wrap">
								<svg xmlns="https://www.w3.org/2000/svg" viewBox= "0 0 448 512"><path d="M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z"></path></svg>
							</span>
			<span class="uagb-question">Euh &#8230; juste pour être sûr(e), c&#8217;est quoi déjà, la &#8220;VAD&#8221; ?</span></div><div class="uagb-faq-content"><p>Vente A Distance : toutes les ventes sauf celles en SVP (surface de vente physique &#8211; votre magasin). Ca inclut les EShop, la vente par téléphone, la vente sur les places de marché ou salons et même la vente à domicile.</p></div></div><div class="wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-b29a4ba3 " role="tab" tabindex="0"><div class="uagb-faq-questions-button uagb-faq-questions">			<span class="uagb-icon uagb-faq-icon-wrap">
								<svg xmlns="https://www.w3.org/2000/svg" viewBox= "0 0 448 512"><path d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z"></path></svg>
							</span>
						<span class="uagb-icon-active uagb-faq-icon-wrap">
								<svg xmlns="https://www.w3.org/2000/svg" viewBox= "0 0 448 512"><path d="M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z"></path></svg>
							</span>
			<span class="uagb-question">Up Selling, Cross Selling, je ne sais plus vraiment la différence, un p&#8217;tit rappel ?</span></div><div class="uagb-faq-content"><p>👉 L&#8217;<strong>Up Selling </strong>(montée en gamme) est le fait de <strong>partir d&#8217;un produit initial pour l&#8217;améliorer.</strong> Cela peut-être une option supplémentaire ou une modification de composant (ajouter de la mémoire RAM à un ordinateur, changer le potence d&#8217;un vélo pour en mettre une réhaussable &#8230;)<br>👉 Le <strong>Cross Selling</strong>, (vente croisée) est le fait d&#8217;<strong>ajouter un second produit en rapport avec le premier </strong>mais qui <strong>ne modifie pas son fonctionnement</strong> (un verre de protection sur un smartphone, une garantie &#8230;)</p></div></div></div>


<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong> la non-conformité</strong></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/mauvaiseTaille.jpg" alt="" class="wp-image-31340" srcset="https://st9ph.fr/wp-content/uploads/2025/12/mauvaiseTaille.jpg 1024w, https://st9ph.fr/wp-content/uploads/2025/12/mauvaiseTaille-300x300.jpg 300w, https://st9ph.fr/wp-content/uploads/2025/12/mauvaiseTaille-150x150.jpg 150w, https://st9ph.fr/wp-content/uploads/2025/12/mauvaiseTaille-768x768.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>La non-conformité, c&#8217;est quand :</p>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-25e7f15c-9cdb-418f-9d5d-d6f64556e130">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-a36a8659-b934-4169-bc10-0643a89aefc3">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Les spécificités </strong>du <strong>produit livré </strong>différent de celles du<strong> produit commandé</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-cd939e29-652a-40dd-a57d-a7476b153827">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text">le <strong>produit</strong> arrivé <strong>endommagé </strong>ou <strong>ne fonctionne pas</strong> correctement</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-0b304b25-e8f0-4bc2-81d8-dc35ab6f7d9b">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text">le produit ne dispose pas des <strong>propriétés annoncées</strong> ou <strong>attendues </strong>pour l&#8217;usage destiné (fiche produit trompeuse)</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-1949c8db-9803-4721-95db-ab92128ece64">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text">Le produit est <strong>incomplet</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-2e0852dd-b427-4d4b-bfc2-65a25dd185b1">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text">Le produit est livré avec un <strong>retard conséquent</strong></span>
			</div>
			
		</li>
</ul>


<div class="bloc-attention">
 ❌ Sur l&#8217;illustration, un produit <strong> livré en taille XL </strong>alors que le produit commandé était demandé <strong> en taille M.</strong> 
</div>

<style>
.bloc-attention {
  border-left: 4px solid #dc2626;
  background: #fff1f1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>
</div>
</div>



<p>➡️ Il s&#8217;agit clairement d&#8217;<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">une faute du commerçant</mark></strong> qui doit <strong>prendre à sa charge les frais de retours</strong> et <strong>le renvoi d&#8217;un produit conforme </strong>(ou son remboursement si le stock est épuisé). </p>



<p>❌ Dans le cas d&#8217;<strong>un mauvais fonctionnement</strong>, il y&#8217;a de fortes chances que le client <strong><mark style="background-color:rgba(0, 0, 0, 0);color:#dd2c2c" class="has-inline-color">préfère être remboursé</mark></strong>.</p>



<p class="has-base-2-background-color has-background">ℹ️ <strong>Vous êtes responsable </strong>même si la faute vient de <strong>vos fournisseurs </strong>(produits défectueux ou différents de ceux annoncés) ou de v<strong>os prestataires de livraison</strong> (produits endommagés pendant le transport) car <mark style="background-color:rgba(0, 0, 0, 0);color:#c93333" class="has-inline-color"><strong>c&#8217;est vous le vendeur</strong> et <strong>le seul interlocuteur du client </strong></mark>dans le contrat de vente. </p>



<p>👉🏻 Charge à vous de <strong>prévoir des pénalités</strong> avec vos prestataires pour vous dédommager.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p data-wp-context---core-fit-text="core/fit-text::{&quot;fontSize&quot;:&quot;&quot;}" data-wp-init---core-fit-text="core/fit-text::callbacks.init" data-wp-interactive data-wp-style--font-size="core/fit-text::context.fontSize" class="has-fit-text has-medium-font-size">Difficile parfois de trancher ! </p>



<div class="bloc-a-retenir">
🤔  Sur cette image envoyée par le client pour justifier un retour, on peut difficilement savoir si le produit est arrivé comme cela ou <strong>si c&#8217;est le client qui l&#8217;a accroché par manque de soin.</strong> 👉🏻
</div>

<style>
.bloc-a-retenir {
  border-left: 4px solid #d97706;
  background: #fff8e1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<p>💡 Pensez à définir u<strong>ne politique des gestes commerciaux q</strong>ui englobe :</p>



<ul class="wp-block-list">
<li>Quelles <strong>limites de tolérance</strong> accepter</li>



<li>Quelles <strong>règles de fidélité </strong>retenir : à quel niveau de panier moyen placer la possibilité d&#8217;un geste</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/effiloch2.jpg" alt="" class="wp-image-31342" srcset="https://st9ph.fr/wp-content/uploads/2025/12/effiloch2.jpg 1024w, https://st9ph.fr/wp-content/uploads/2025/12/effiloch2-300x300.jpg 300w, https://st9ph.fr/wp-content/uploads/2025/12/effiloch2-150x150.jpg 150w, https://st9ph.fr/wp-content/uploads/2025/12/effiloch2-768x768.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<div class="resources-box">
<ul>
  <li>
    🌐
    <span class="resource-text">tout savoir sur la garantie légale de conformité sur le site de Bercy</span>
    <a class="resource-link" href="https://www.economie.gouv.fr/particuliers/mes-droits-conso/bien-consommer/tout-savoir-sur-la-garantie-legale-de-conformite#" target="_blank" rel="noopener">voir</a>
  </li>
</ul>
</div>



<style>
.chapter-title {
  display: flex;
  align-items: stretch;
  margin: 1.7rem 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.chapter-number {
  background: #1e73be;
  color: #fff;
  font-weight: 700;
  font-size: 2.8rem;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chapter-content {
  padding: 1.3rem 1.5rem;
  width: 100%;
}

/* Ligne titre + logo */
.chapter-heading {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.6rem;
}

/* Logo carré */
.chapter-logo {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
}

.chapter-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* H2 */
.chapter-content h2 {
  margin: 0;
  font-size: 2.1rem;
  font-weight: 700;
  color: #1e73be; /* personnalisable */
}

/* Puces */
.chapter-points {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.chapter-points li {
  margin-bottom: 0.35rem;
  color: #444;
  font-size: 0.95rem;
  line-height: 1.45;
}

.chapter-points li::before {
  content: "🔹 ";
}
</style>

<div class="chapter-title">
  <div class="chapter-number">2</div>

  <div class="chapter-content">
    <div class="chapter-heading">
      <a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
        <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo St9ph">
      </a>

      <h2>Procédure des retours produits</h2>
    </div>

    <ul class="chapter-points">
      <li>Activer l&#8217;option dans le backoffice.</li>
      <li>Retours produits côté client</li>
      <li>Traitement du retour produit initié par le client</li>
      <li>Retour produit initiée et traitée à 100% côté boutique</li>
    </ul>
  </div>
</div>



<p class="has-text-align-center">✅ Le produit à retourner doit avoir un statut de <strong>paiement accepté</strong> et doit avoir été <strong>expédié</strong>.</p>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong> Activer l&#8217;option dans le backoffice</strong></h3>



<div class="bloc-rappel">
🖥️ Lors de l&#8217;épreuve E5B, on se sera fait un malin plaisir de ❌<span style="color:red;">la désactiver</span> avant votre arrivée <strong>  mais c&#8217;est aussi son statut par défaut.</strong> </div>

<style>
.bloc-rappel {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-5dd6192f-5ddd-4fa0-80fd-5082e9c947b0">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-72e05e8f-882a-477a-8a69-c7ee92c5892e">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Vendre &gt; SAV &gt; <strong>retours produits </strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-be507737-99c7-4375-b7b9-bf3af94dfc8f">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Activer les retours &gt; <strong><mark class="has-inline-color has-accent-color">OUI</mark></strong> ⬅️</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-921d1a36-8792-4e7a-8a91-293bb56235dc">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">🟦<strong><mark class="has-inline-color has-accent-color">Enregistrer</mark></strong></span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="784" height="400" src="https://st9ph.fr/wp-content/uploads/2024/12/image.png" alt="" class="wp-image-30373" srcset="https://st9ph.fr/wp-content/uploads/2024/12/image.png 784w, https://st9ph.fr/wp-content/uploads/2024/12/image-300x153.png 300w, https://st9ph.fr/wp-content/uploads/2024/12/image-768x392.png 768w" sizes="auto, (max-width: 784px) 100vw, 784px" /></figure>



<p>👉🏻 C&#8217;est pourquoi le nombre de jours après la livraison est <strong>défini par défaut à 14 </strong>mais vous pouvez l&#8217;augmenter.</p>



<p>Votre politique devra être <strong>précisée dans vos CGV</strong>, notamment si vous ne prenez pas en charge <strong>les frais de retour</strong> en cas de rétractation (sans quoi ils sont pour vous).</p>



<div class="bloc-a-retenir">
  ⚠️ Votre politique devra être <strong> précisée dans vos CGV,</strong> notamment si vous ne prenez pas en charge les frais de retour 🚚 en cas de rétractation (sans quoi ils sont pour vous).
</div>

<style>
.bloc-a-retenir {
  border-left: 4px solid #d97706;
  background: #fff8e1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<p class="has-base-2-background-color has-background">🔔 Tout dépendra de vos conditions de <a href="https://st9ph.fr/la-reassurance-dans-prestashop/" target="_blank" rel="noreferrer noopener">réassurance </a>mais, en tout cas, vous devez au minimum <strong>respecter vos obligations légales de garanties</strong> (vices cachés, produit non conforme …) conformément au <img loading="lazy" decoding="async" width="27" height="12" class="wp-image-33220" style="width: 27px;" src="https://st9ph.fr/wp-content/uploads/2025/01/marianne.jpg" alt="">  <a href="https://www.service-public.fr/particuliers/vosdroits/N10515" target="_blank" rel="noreferrer noopener">code de la consommation</a>.</p>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong> Retours produits côté client</strong></h3>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-248cad8e-8dcf-4584-823f-1ab347335ec9">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-c48c6561-69c5-412c-a35f-1598a5eabdc9">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Depuis le <strong>front office</strong>, ouvrir un <strong><mark class="has-inline-color has-accent-color">compte client test</mark></strong>*</span>
			</div>
			
		</li>
</ul>


<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>C&#8217;est quoi un compte test ?</summary>
<p>C&#8217;est un compte que vous avez crée pour un client imaginaire afin de tester certaines de vos améliorations depuis le front office (comme un client). Pour rappel, il est interdit de modifier le mot de passe d&#8217;un véritable client pour s&#8217;introduire sur son compte à sa place, même à sa demande.</p>
</details>



<div class="bloc-rappel">
ℹ️ Pour information, dans tous les modèles de boutique par défaut (My Store) vous disposez d&#8217;un compte client pour  <strong> John DOE (login : pub@prestashop.com / mdp : 123456789)</strong> </div>

<style>
.bloc-rappel {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="611" height="67" src="https://st9ph.fr/wp-content/uploads/2024/12/image-1.png" alt="" class="wp-image-30375" srcset="https://st9ph.fr/wp-content/uploads/2024/12/image-1.png 611w, https://st9ph.fr/wp-content/uploads/2024/12/image-1-300x33.png 300w" sizes="auto, (max-width: 611px) 100vw, 611px" /></figure>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-cb3e8253-e3aa-4ee4-a29c-125029706764">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-2522586c-626a-43d6-9812-ab2c3ac4fe48">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cliquer <strong>sur le nom</strong> (ou depuis le footer sur le lien &#8220;<mark class="has-inline-color has-accent-color">mon compte</mark>&#8220;)</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-67d90161-9c85-409f-b8db-d5fb9dbda6d9">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cliquer sur &#8220;<strong>historique et détail de mes commandes</strong>&#8220;</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-6c01d00f-f323-454f-9dd5-e37902b12cce">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cliquer sur &#8220;<strong>détail</strong>&#8221; de la commande à retourner</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-80e81fcd-28d5-4bff-9d60-d399228032cb">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cliquer sur ✅ <strong>la case à cocher</strong> à gauche du produit à retourner</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 576 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-c9132cb7-7322-4538-bc74-d472127c0c6d">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path fill="#000000" d="M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z"></path></svg>
				</span>
				<span class="ub_list_item_text">Indiquer la <strong>quantité de produit </strong>à retourner</span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="118" src="https://st9ph.fr/wp-content/uploads/2024/12/image-2-1024x118.png" alt="" class="wp-image-30376" srcset="https://st9ph.fr/wp-content/uploads/2024/12/image-2-1024x118.png 1024w, https://st9ph.fr/wp-content/uploads/2024/12/image-2-300x35.png 300w, https://st9ph.fr/wp-content/uploads/2024/12/image-2-768x88.png 768w, https://st9ph.fr/wp-content/uploads/2024/12/image-2.png 1095w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-base-2-background-color has-background">👆🏻 Sur l&#8217;exemple ci-dessus, le client demande à renvoyer <strong>1 des deux coussins</strong> 🐻 &#8220;ours brun&#8221; qu&#8217;il à reçus.</p>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 576 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-c33af723-ae60-4c2a-9c38-2abb0579deff">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 576 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-4ec6b48a-2ebe-400f-aa6c-101080125f0e">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path fill="#000000" d="M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Saisir un message</strong> afin d&#8217;expliquer la raison du retour</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-5b84c779-e1a9-459d-85d3-9845bfb7e006">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">cliquer sur 🟦&#8221;<strong><mark class="has-inline-color has-accent-color">RENVOYER UN PRODUIT</mark></strong>&#8220;</span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="669" height="231" src="https://st9ph.fr/wp-content/uploads/2024/12/image-3.png" alt="" class="wp-image-30377" srcset="https://st9ph.fr/wp-content/uploads/2024/12/image-3.png 669w, https://st9ph.fr/wp-content/uploads/2024/12/image-3-300x104.png 300w" sizes="auto, (max-width: 669px) 100vw, 669px" /></figure>



<p>➡️ Dans <em><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">&#8220;mon compte&#8221; &gt; &#8220;Retours produits&#8217;</mark></strong></em>, le client pourra voir<strong> l&#8217;état du traitement de son retour produit.</strong> Au départ, il est 🟡 &#8220;<strong><em>en attente de confirmation</em></strong>&#8220;</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="241" src="https://st9ph.fr/wp-content/uploads/2024/12/image-4-1024x241.png" alt="" class="wp-image-30378" srcset="https://st9ph.fr/wp-content/uploads/2024/12/image-4-1024x241.png 1024w, https://st9ph.fr/wp-content/uploads/2024/12/image-4-300x71.png 300w, https://st9ph.fr/wp-content/uploads/2024/12/image-4-768x181.png 768w, https://st9ph.fr/wp-content/uploads/2024/12/image-4.png 1048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.3 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong> Traitement du retour produit initiée par le client</strong></h3>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-1ffd7974-4d87-4311-83e0-abd6c3b12102">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-bedddef5-552c-478d-8cda-5caf69fb9e2b">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text"><em><strong><mark class="has-inline-color has-accent-color">Vendre &gt; SAV &gt; Retours produits</mark></strong></em></span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="710" height="253" src="https://st9ph.fr/wp-content/uploads/2024/12/image-5.png" alt="" class="wp-image-30380" srcset="https://st9ph.fr/wp-content/uploads/2024/12/image-5.png 710w, https://st9ph.fr/wp-content/uploads/2024/12/image-5-300x107.png 300w" sizes="auto, (max-width: 710px) 100vw, 710px" /></figure>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-150cd6fa-288b-431f-9e35-4b241ce4d07f">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-ccaebbd3-34ee-48d1-9599-7d41bc309ecd">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cliquer sur <strong>la ligne du retour à traiter</strong> pour obtenir les détails</span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="764" height="368" src="https://st9ph.fr/wp-content/uploads/2024/12/image-6.png" alt="" class="wp-image-30381" srcset="https://st9ph.fr/wp-content/uploads/2024/12/image-6.png 764w, https://st9ph.fr/wp-content/uploads/2024/12/image-6-300x145.png 300w" sizes="auto, (max-width: 764px) 100vw, 764px" /></figure>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-34fe8aef-de73-419a-99fd-f13dfa20e2d2">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-2080ba7b-9d01-4a19-b416-e8da5d95012b">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Indiquer <strong>la nouvelle étape</strong> au client</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-5cd9e448-15f0-44f6-aa11-116ff8039bae">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">🟦 <strong><mark class="has-inline-color has-accent-color">Enregistrer</mark></strong></span>
			</div>
			
		</li>
</ul>


<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="378" height="373" src="https://st9ph.fr/wp-content/uploads/2024/12/image-9.png" alt="" class="wp-image-30385" srcset="https://st9ph.fr/wp-content/uploads/2024/12/image-9.png 378w, https://st9ph.fr/wp-content/uploads/2024/12/image-9-300x296.png 300w" sizes="auto, (max-width: 378px) 100vw, 378px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><td>En attente de confirmation</td><td>la demande est parvenue au BO</td></tr><tr><td>En attente du colis</td><td>le transporteur à pris en charge le produit à retourner</td></tr><tr><td>Colis reçu</td><td>notre dépôt a reçu la marchandise et attend un contrôle pour décider</td></tr><tr><td>Retour terminé ou refusé</td><td>le contrôle valide ou non la conformité du produit retourné</td></tr></tbody></table></figure>
</div>
</div>



<p>👉🏻 Vous pouvez notamment refuser le retour si </p>



<ul class="wp-block-list">
<li>📦 le produit <strong>à été déballé et utilisé </strong>(dans le cadre d&#8217;une rétractation), </li>



<li>📆 s&#8217;il arrive<strong> hors délais </strong>de retours ou  ❌ <strong>endommagé </strong>(précisez bien toutes les règles dans vos CGV) </li>



<li>si le produit <strong>est incomplet </strong>⁉️ ou <strong>différent de celui attendu</strong>.</li>
</ul>



<p>➡️ <strong>Le remboursement ou le bon d&#8217;achat</strong> compensatoire <strong><mark style="background-color:rgba(0, 0, 0, 0);color:#c34a4a" class="has-inline-color">n&#8217;est pas généré automatiquement</mark></strong>. Il faudra le demander :</p>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-3c3db0cf-0847-4a09-a404-1e35852a5004">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-0693d752-ad33-42a4-8d11-5b5db6dcc657">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Commandes </strong>&gt; <strong>cliquer sur la commande</strong> qui contient le produit à traiter &gt;<strong> remboursement partiel</strong></span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="682" height="128" src="https://st9ph.fr/wp-content/uploads/2024/12/image-12.png" alt="" class="wp-image-30390" srcset="https://st9ph.fr/wp-content/uploads/2024/12/image-12.png 682w, https://st9ph.fr/wp-content/uploads/2024/12/image-12-300x56.png 300w" sizes="auto, (max-width: 682px) 100vw, 682px" /></figure>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 576 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-64b8c60a-2573-403f-81e3-20caa5649bad">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 576 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-cedd002a-5989-4765-9f83-b8ff94b2af2f">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path fill="#000000" d="M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z"></path></svg>
				</span>
				<span class="ub_list_item_text">Renseigner <strong>le nombre d&#8217;articles </strong>à rembourser (✅ le<strong> montant à rembourser </strong>s&#8217;affichera automatiquement)</span>
			</div>
			
		</li>
</ul>


<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="293" height="194" src="https://st9ph.fr/wp-content/uploads/2024/12/image-11.png" alt="" class="wp-image-30388"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Vous disposez de trois options :</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><td>Remettre le produit en stock</td><td>dans le cas d&#8217;une rétractation si le produit revient dans son état d&#8217;origine</td></tr><tr><td>générer un avoir</td><td>que le client pourra utiliser à sa guise</td></tr><tr><td>générer un bon de réduction</td><td>très pratique car utilisable immédiatement sous la forme d&#8217;un coupon</td></tr></tbody></table></figure>
</div>
</div>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-0ddfb27b-2385-4889-a3dd-ee8b52ee62c7">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-189288ee-0d1e-466f-bdf2-d751709bc8ca">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cliquer sur &#8220;<strong>remboursement partiel</strong>&#8220;</span>
			</div>
			
		</li>
</ul>


<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.4 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> <strong>Retour produit initié et traité à 100% côté boutique</strong></h3>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-e316507b-09d1-4fae-96c6-866fdb92d95e">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-3c37ac4f-5a6c-4733-a766-e40975e1da49">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Commandes </strong>&gt; <strong>cliquer sur la commande</strong> qui contient le produit à retourner &gt; <strong>retourner un produit</strong></span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="722" height="110" src="https://st9ph.fr/wp-content/uploads/2024/12/image-10.png" alt="" class="wp-image-30387" srcset="https://st9ph.fr/wp-content/uploads/2024/12/image-10.png 722w, https://st9ph.fr/wp-content/uploads/2024/12/image-10-300x46.png 300w" sizes="auto, (max-width: 722px) 100vw, 722px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="293" height="194" src="https://st9ph.fr/wp-content/uploads/2024/12/image-11.png" alt="" class="wp-image-30388"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Vous disposez là encore de trois mêmes options :</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><td>Remettre le produit en stock</td><td>dans le cas d&#8217;une rétractation si le produit revient dans son état d&#8217;origine</td></tr><tr><td>générer un avoir</td><td>que le client pourra utiliser à sa guise</td></tr><tr><td>générer un bon de réduction</td><td>très pratique car utilisable immédiatement sous la forme d&#8217;un coupon</td></tr></tbody></table></figure>
</div>
</div>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-5a506a80-c973-4934-a33f-d835f9a13323">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-2f9ac9a3-efaa-42f9-b61f-46c689fb9ba7">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cliquer sur &#8220;<strong>retourner les produits</strong>&#8220;</span>
			</div>
			
		</li>
</ul>


<p class="has-base-2-background-color has-background">ℹ️ Remarquez que dans le cas d&#8217;un retour géré entièrement en back office, <strong>vous gagnez une étape</strong> : retour et remboursement se font en une fois.</p>



<style>
.chapter-title {
  display: flex;
  align-items: stretch;
  margin: 1.7rem 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.chapter-number {
  background: #1e73be;
  color: #fff;
  font-weight: 700;
  font-size: 2.8rem;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chapter-content {
  padding: 1.3rem 1.5rem;
  width: 100%;
}

/* Ligne titre + logo */
.chapter-heading {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.6rem;
}

/* Logo carré */
.chapter-logo {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
}

.chapter-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* H2 */
.chapter-content h2 {
  margin: 0;
  font-size: 2.1rem;
  font-weight: 700;
  color: #1e73be; /* personnalisable */
}

/* Puces */
.chapter-points {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.chapter-points li {
  margin-bottom: 0.35rem;
  color: #444;
  font-size: 0.95rem;
  line-height: 1.45;
}

.chapter-points li::before {
  content: "🔹 ";
}
</style>

<div class="chapter-title">
  <div class="chapter-number">3</div>

  <div class="chapter-content">
    <div class="chapter-heading">
      <a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
        <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo St9ph">
      </a>

      <h2>Reconditionnement de produits retournés</h2>
    </div>

    <ul class="chapter-points">
      <li>Remettre en vente le produit</li>
      <li>Gérer sa e-réputation</li>
    </ul>
  </div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="734" height="472" src="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2025-12-18-184341.jpg" alt="" class="wp-image-31357" srcset="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2025-12-18-184341.jpg 734w, https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2025-12-18-184341-300x193.jpg 300w" sizes="auto, (max-width: 734px) 100vw, 734px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>👉🏻 Les <strong>produits défectueux ou non conformes</strong> qu&#8217;on va vous retourner vont bien souvent vous rester sur les bras.😐 Vous aurez <strong>dépensé de l&#8217;argent pour rien</strong> en les faisant revenir. </p>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-bb3191f7-3d85-4300-9df6-848e41a03e8c">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-81f9bd2c-d016-457e-abb0-af21a7292965">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong><mark style="color:#dd3939" class="has-inline-color">Dispensez les clients de les retourner</mark> </strong>sauf s&#8217;ils y tiennent absolument (produits encombrants par exemple). </span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-150a948c-fb7c-4558-8dec-00c64ee05bc5">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>N&#8217;imposez le retour</strong> que si le produit est <mark style="color:#34a658" class="has-inline-color"><strong>réparable ou reconditionnable</strong>.</mark></span>
			</div>
			
		</li>
</ul></div>
</div>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">3.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong> Remettre le produit en vente</strong></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="379" height="322" src="https://st9ph.fr/wp-content/uploads/2025/12/image-41.png" alt="" class="wp-image-31344" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-41.png 379w, https://st9ph.fr/wp-content/uploads/2025/12/image-41-300x255.png 300w" sizes="auto, (max-width: 379px) 100vw, 379px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>➡️ Une fois le produit retourné, <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">dupliquez votre produit de base</mark> </strong>pour en faire un produit reconditionné !</p>



<ul class="wp-block-list">
<li>pensez à n&#8217;inscrire qu&#8217;<strong>1 seul produit en stock </strong>(et à le défalquer du produit source si vous l&#8217;avez restocké pendant le retour).</li>



<li><strong>Baissez clairement votre prix e</strong>n l&#8217;indiquant <strong>en promo</strong> par rapport au produit neuf</li>
</ul>



<p class="has-base-2-background-color has-background">ℹ️ C&#8217;est dans <strong>la section &#8220;détails&#8221;</strong> de la fiche produit que <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">vous trouverez cette option.</mark></p>
</div>
</div>



<div class="bloc-astuce">
 💡Pourquoi ne pas faire <strong> un rayon &#8220;seconde vie&#8221; ? </strong> ♻️C&#8217;est dans l&#8217;air du temps de proposer du reconditionné.
</div>

<style>
.bloc-astuce {
  border-left: 4px solid #188038;
  background: #eefaf1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="515" src="https://st9ph.fr/wp-content/uploads/2025/12/image-43-1024x515.png" alt="" class="wp-image-31371" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-43-1024x515.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-43-300x151.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-43-768x386.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-43.png 1164w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p class="has-base-2-background-color has-background">⚠️Attention aussi à<strong> un petit bug de conception </strong>du CMS. <strong>Prestashop confond &#8220;Nouveau&#8221; </strong>(ajouté récemment au catalogue) <strong>avec &#8220;Neuf&#8221;</strong>, ce qui peut être trompeur.</p>



<p class="has-text-align-right"> Ci-contre, <strong>le produit reconditionné </strong>à Gauche et le produit réellement neuf (jamais sorti des stocks) <strong>portent la même mention </strong>sur leur vignette : &#8220;Neuf&#8221;</p>



<p class="has-text-align-center"><a href="https://boutiq.st9ph.fr/recherche?controller=search&amp;s=pull+marin" target="_blank" rel="noreferrer noopener">Voir dans la boutique démo</a></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="645" height="520" src="https://st9ph.fr/wp-content/uploads/2025/12/image-49.png" alt="" class="wp-image-31400" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-49.png 645w, https://st9ph.fr/wp-content/uploads/2025/12/image-49-300x242.png 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>
</div>
</div>



<p>👉🏻 C&#8217;est dans <strong>International- traductions &#8211; langage &#8211; Front Office &#8211; Français</strong> qu&#8217;on peut modifier l&#8217;étiquette pour qu&#8217;elle soit moins trompeuse</p>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-8e3f60a1-5084-4b3a-96a2-30074a414eb4">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 576 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-03c94537-5838-4877-b5d8-39ac8addfa7e">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path fill="#000000" d="M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z"></path></svg>
				</span>
				<span class="ub_list_item_text">tapez &#8220;<strong>neuf</strong>&#8221; dans le <strong>moteur de recherche</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-3597f1fc-266c-48af-a82f-0b9a0c2570c4">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">dans <strong>ShopThemeCatalogue-1Channel,</strong> transformez &#8220;<strong>neuf</strong>&#8221; par &#8220;<strong>Ajout récent</strong>&#8221; (par exemple)</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-ac381308-917a-4d78-bedf-62e56cdf920d">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">cliquer sur ⬛&#8221;<strong>Save</strong>&#8220;</span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="461" src="https://st9ph.fr/wp-content/uploads/2025/12/image-45-1024x461.png" alt="" class="wp-image-31374" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-45-1024x461.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-45-300x135.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-45-768x346.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-45.png 1134w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>👉🏻 L&#8217;affichage sera<strong> moins trompeur</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>ℹ️ Le client n&#8217;a sinon, en effet, qu&#8217;<strong>un seul moyen de vérifier l&#8217;état</strong> neuf ou reconditionné de son produit, c&#8217;est en développant <strong>la section &#8220;détail du produit&#8221; </strong>de la fiche</p>



<p class="has-base-2-background-color has-background">👉C&#8217;est pourquoi je conseille d&#8217;<strong>ajouter la mention &#8220;seconde main&#8221; </strong>directement dans le titre du produit</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="780" height="556" src="https://st9ph.fr/wp-content/uploads/2025/12/image-46.png" alt="" class="wp-image-31376" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-46.png 780w, https://st9ph.fr/wp-content/uploads/2025/12/image-46-300x214.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-46-768x547.png 768w" sizes="auto, (max-width: 780px) 100vw, 780px" /></figure>
</div>
</div>



<p class="has-base-2-background-color has-background">ℹ️ Pour info, la maitrise de la section &#8220;international&#8221; <strong>n&#8217;est pas au référenciel </strong>de l&#8217;épreuve E5B, c&#8217;est pour votre connaissance personnelle. </p>



<p class="has-base-2-background-color has-background">✅ En revanche, <strong>les retours produits et la réaffectation d&#8217;un produit retourné en le dupliquant </strong>avec <strong>la mention reconditionnée</strong> et <strong>un prix spécifique</strong> est une suite de manipulations à maitriser</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p data-wp-context---core-fit-text="core/fit-text::{&quot;fontSize&quot;:&quot;&quot;}" data-wp-init---core-fit-text="core/fit-text::callbacks.init" data-wp-interactive data-wp-style--font-size="core/fit-text::context.fontSize" class="has-fit-text">Pensez aussi à votre e-réputation !</p>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">3.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> <strong>Pensez aussi à votre ⭐ e-réputation !</strong></h3>



<div class="bloc-attention">
  ⚠️ <strong>Un client mécontent</strong> qui va partager son expérience malheureuse avec votre produit va plomber <span style="color:red;">  votre taux d&#8217;ajout au panier. </span>
</div>

<style>
.bloc-attention {
  border-left: 4px solid #dc2626;
  background: #fff1f1;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<figure class="wp-block-image size-full is-style-zoooom"><img loading="lazy" decoding="async" width="541" height="270" src="https://st9ph.fr/wp-content/uploads/2025/12/image-47.png" alt="" class="wp-image-31392" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-47.png 541w, https://st9ph.fr/wp-content/uploads/2025/12/image-47-300x150.png 300w" sizes="auto, (max-width: 541px) 100vw, 541px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/mauvaiseTaille2.jpg" alt="" class="wp-image-31348" srcset="https://st9ph.fr/wp-content/uploads/2025/12/mauvaiseTaille2.jpg 1024w, https://st9ph.fr/wp-content/uploads/2025/12/mauvaiseTaille2-300x300.jpg 300w, https://st9ph.fr/wp-content/uploads/2025/12/mauvaiseTaille2-150x150.jpg 150w, https://st9ph.fr/wp-content/uploads/2025/12/mauvaiseTaille2-768x768.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<p>❌ Ne laissez pas un avis négatif <strong>sans réponse</strong> :</p>



<div class="wp-block-uagb-blockquote uagb-block-ab20fb47 uagb-blockquote__skin-border uagb-blockquote__stack-img-none"><blockquote class="uagb-blockquote"><div class="uagb-blockquote__content">Bonjour John, nous sommes vraiment navrés pour cette erreur de taille dans le produit que nous vous avons livré. Bien entendu, nous allons vous l&#8217;échanger gratuitement. Nous vous avons envoyé un mail avec l<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">a<span style="text-decoration: underline;"> procédure de retour </span></mark>et une 🎁 <strong>petite surprise </strong>pour nous excuser.</div><footer><div class="uagb-blockquote__author-wrap uagb-blockquote__author-at-left"><img decoding="async" class="" src="https://st9ph.fr/wp-content/uploads/2025/12/logo-1765013233-150x150.jpg" alt="" width="40" height="40" loading="lazy"/><cite class="uagb-blockquote__author">Service Clients | 19 dec 2025</cite></div></footer></blockquote></div>



<p>👉🏻 Chacun lisant cette réponse pourra :</p>



<ul class="wp-block-list">
<li>Constater que nous sommes <strong>réactifs </strong>: réponse le jour même.</li>



<li>que nous savons <strong>accepter nos tords</strong> et a<strong>ccorder des compensations (</strong>l&#8217;énigmatique surprise est surement un coupon réduction)</li>



<li>cliquer sur le lien pour <strong>voir la procédure </strong>car elle figure <strong>dans la FAQ </strong>(moyen élégant de monter au client que s&#8217;il avait cherché un peu, il aurait sur comment faire pour le retourner)</li>
</ul>



<div class="bloc-rappel">
 🖥️ A noter que <strong> le module d&#8217;avis de la boutique d&#8217;examen n&#8217;admet pas les réponses aux clients. </strong> vous ne serez donc pas amené(e) à gérer ce cas de figure. En revanche, <strong>cette question revient souvent à l&#8217;écrit.</strong> </div>

<style>
.bloc-rappel {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 12px 18px;
  margin: 20px 0;
  font-size: 15px;
  color: #0f172a;
  border-radius: 4px;
  font-family: Arial, sans-serif;
}
</style>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="297" height="493" src="https://st9ph.fr/wp-content/uploads/2025/12/image-48.png" alt="" class="wp-image-31393" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-48.png 297w, https://st9ph.fr/wp-content/uploads/2025/12/image-48-181x300.png 181w" sizes="auto, (max-width: 297px) 100vw, 297px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="has-base-2-background-color has-background">👉🏻 N&#8217;oubliez pas que <strong>ce sont les extrêmes qui vont s&#8217;exprimer </strong>le plus : <strong>vos plus grands détracteurs </strong>😡 et <strong>vos plus grands promoteurs</strong> 🤩.</p>



<p>👈🏻 Ici, la fiche produit qui <strong>ne comporte qu&#8217;un seul avis négatif </strong>à 1 étoile <strong>risque d&#8217;être boudée </strong>par les visiteurs du rayon de votre EShop</p>



<p>Si la question se pose<strong> à l&#8217;épreuve écrite,</strong> n&#8217;oubliez pas :</p>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-6dbcc78d-f918-4ed5-8123-cc9cfff30edb">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-0ca3008f-7931-4bdd-b174-116b8f0e4edf">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">d&#8217;<strong>être empathique</strong> (se mettre à la place du client pour lui montrer qu&#8217;<strong>on comprend son mécontentement</strong>)</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-7c56f721-b289-4892-93b6-869e8250c152">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>s&#8217;excuser pour la gêne occasionnée</strong> (si et seulement si on a commis une faute)</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-37477398-ed3f-47c2-8b7c-13c6f94f625e">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Proposer une solution</strong> !😉</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-875c178d-92d0-4052-b720-93b52bb716b0">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#cf2e2e" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">Ne pas rebondir sur <strong>les éléments non factuels </strong>(ressenti en cherchant à <strong>se justifier absolument</strong> ou sous-entendre que <strong>le client est de mauvaise foi</strong>)</span>
			</div>
			
		</li>
</ul></div>
</div>



<p>👇🏻 Ce logigramme vise à montrer qu&#8217;hormis les cas incontournables <strong>de rétractation et de non conformité de la vente,</strong> les <strong>dédommagements</strong> liés aux retours / remboursements (non obligatoires) dépendront surtout de la <strong>politique des gestes commerciaux</strong> définie par le commerçant.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="866" height="813" src="https://st9ph.fr/wp-content/uploads/2025/12/image-42.png" alt="" class="wp-image-31354" style="aspect-ratio:1.0651944466996834;width:602px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-42.png 866w, https://st9ph.fr/wp-content/uploads/2025/12/image-42-300x282.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-42-768x721.png 768w" sizes="auto, (max-width: 866px) 100vw, 866px" /></figure>
</div>


<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-f0d51926243f90c9225e4963c4fb7b91" id="9-vers-l%C3%A9preuve-e5">🧑🏻‍🎓| Vers l&#8217;épreuve E5</h2>



<p>➡️ Vous serez amenés durant l&#8217;épreuve technique à <strong>évaluer si un produit peut être retourné ou pas. </strong>Vous devrez aussi <strong>motiver votre décision</strong> dans la réponse que vous lui ferez. Vérifiez :</p>



<ul class="wp-block-list">
<li>la <strong>date du bon de livraison</strong> pour savoir si le client est dans ses 14 jours (rétractation)</li>



<li>l<strong>a réalité de la situation</strong> (pas seulement ce qu&#8217;avance le client) <strong>en détaillant la commande passée</strong>. Parfois, c&#8217;est tout simplement le client qui s&#8217;est trompé de couleur ou de taille en constituant son panier.</li>
</ul>



<p class="has-base-2-background-color has-background">⚠️<strong>En aucun cas</strong> vous ne devrez prendre l&#8217;initiative d&#8217;<strong>un geste commercial</strong> durant l&#8217;épreuve <strong>sauf si c&#8217;est demandé clairement </strong>ou si <strong>les annexes de sujet </strong>vous indiquent que la politique en vigueur dans la EShop y est <strong>favorable</strong>. Jetez aussi un œil à la <strong>réassurance </strong>et aux <strong>CGV</strong>, il y&#8217;a peut-être des infos à prendre.</p>



<p>👉🏻 A l&#8217;écrit, la problématique de la <strong>E-Réputation</strong>, <strong>le discours à adopter en service client</strong> et, donc, la <strong>connaissance légale</strong> de cette problématique est très souvent au menu !</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2Fprestashop-cas-de-retours-produits%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size">⬇️</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span><a href="https://st9ph.fr/category/creation-de-sites/">🛠️ création de sites</a></span> » <span class="breadcrumb_last" aria-current="page">PrestaShop</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-3f89f48f     uagb-post__items uagb-post__columns-3 is-grid uagb-post__columns-tablet-2 uagb-post__columns-mobile-1 uagb-post__equal-height" data-total="4" style="">

												<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="732" height="259" src="https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop.jpg 732w, https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop-300x106.jpg 300w" sizes="auto, (max-width: 732px) 100vw, 732px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer">Prestashop | OP Com dans la Eshop</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-17T18:27:24+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					17 février 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | 💥OP Com dans la Eshop ➡️ Que ce soit pour &#8230; vider les&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="840" height="248" src="https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech.jpg 840w, https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech-300x89.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech-768x227.jpg 768w" sizes="auto, (max-width: 840px) 100vw, 840px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Le Service Après Vente</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-24T16:55:00+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					24 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					SAV prestashop,, commande prestashop en backoffice, messages prédéfinis prestashop

				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="736" height="226" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958.jpg 736w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958-300x92.jpg 300w" sizes="auto, (max-width: 736px) 100vw, 736px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Manipuler la boutique</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-22T14:40:35+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					22 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					2 commentaires				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | Manipuler la boutique 🏪 👉🏻 2nd bloc d&#8217;évaluation de l&#8217;épreuve technique, les manipulations&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="769" height="245" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419.jpg 769w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419-300x96.jpg 300w" sizes="auto, (max-width: 769px) 100vw, 769px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer">Prestashop | La Fiche Produit par l&#8217;exemple</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-16T22:44:19+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					16 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | La Fiche Produit 🎧 Ecouter l&#8217;introduction audio 👉🏻 1er bloc d&#8217;évaluation de l&#8217;épreuve&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="723" height="199" src="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925.jpg 723w, https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925-300x83.jpg 300w" sizes="auto, (max-width: 723px) 100vw, 723px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer">Prestashop | les retours produits</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-12-18T19:06:17+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					18 décembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Un commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>restaShop | Les retours produits 🔙 ➡️ Il faut savoir que les différents scénarios devront&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="307" src="https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-1024x349.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-1024x349.png 1024w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-300x102.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-768x262.png 768w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9.png 1059w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Nouveautés de la version 9</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-11-19T10:45:25+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					19 novembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>Une nouvelle version du CMS pose quelques améliorations au Backoffice et un nouveau thème en&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
											</div>
			


<div class="wp-block-uagb-team uagb-team__image-position-left uagb-team__align-left uagb-team__stack-tablet uagb-block-5002ab42"><img decoding="async" class="uagb-team__image-crop-circle" src="https://st9ph.fr/wp-content/uploads/2022/01/steph-150x150.png" alt="" height="100" width="100" loading="lazy"/><div class="uagb-team__content"><h4 class="uagb-team__title">St9ph</h4><span class="uagb-team__prefix">Webmaster</span><p class="uagb-team__desc">Je suis Formateur depuis 1997 et j&#8217;ai commencé ma carrière comme technicien en réseaux informatiques.  J&#8217;ai travaillé pour de grands organismes de formation : Greta, AFPA, réseau des CCI, des écoles de commerces réputées : EM Normandie, E2SE, groupes FIM et ICEP, et collaboré en Centre d&#8217;Appels chez Webhelp pendant 12 ans avec des grands comptes FAI comme Orange, Bouygues Telecom et SFR, des assureurs et des fournisseurs d&#8217;Energie comme Direct Energie (devenu Total) et EDF (devenu Engie) !</p><ul class="uagb-team__social-list"><li class="uagb-team__social-icon"><a href="https://www.facebook.com/profile.php?id=100076192144163" aria-label="facebook" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"></path></svg></a></li><li class="uagb-team__social-icon"><a href="https://www.linkedin.com/company/st9ph/" aria-label="linkedin" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li></ul></div></div>
<p>L’article <a href="https://st9ph.fr/prestashop-cas-de-retours-produits/">Prestashop | les retours produits</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/prestashop-cas-de-retours-produits/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">31333</post-id>	</item>
		<item>
		<title>Prestashop &#124; Nouveautés de la version 9</title>
		<link>https://st9ph.fr/prestashop-nouveautes-de-la-version-9/</link>
					<comments>https://st9ph.fr/prestashop-nouveautes-de-la-version-9/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Wed, 19 Nov 2025 09:45:25 +0000</pubDate>
				<category><![CDATA[PrestaShop]]></category>
		<category><![CDATA[🛠️ création de sites]]></category>
		<category><![CDATA[🌐 public]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=30877</guid>

					<description><![CDATA[<p>Une nouvelle version du CMS pose quelques améliorations au Backoffice et un nouveau thème en option. Il s&#8217;agit surtout de simplifications et de récapitulatifs plus marqués. Cette version sera celle installée dans les centres d&#8217;examen pour l&#8217;épreuve E5B du BTS NDRC à partir de la session 2026. Part d&#8217;IA /5 dans cet article ♨️ Sources ... <a title="Prestashop &#124; Nouveautés de la version 9" class="read-more" href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" aria-label="En savoir plus sur Prestashop &#124; Nouveautés de la version 9">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/">Prestashop | Nouveautés de la version 9</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Une nouvelle version du CMS pose <strong>quelques améliorations au Backoffice </strong>et <strong>un nouveau thème</strong> en option. Il s&#8217;agit surtout de <strong>simplifications </strong>et de <strong>récapitulatifs </strong>plus marqués. </p>



<p class="has-base-2-background-color has-background">Cette version sera celle installée dans les centres d&#8217;examen<strong> pour l&#8217;épreuve E5B</strong> du BTS NDRC à partir de la <strong>session 2026</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="233" height="211" src="https://st9ph.fr/wp-content/uploads/2025/12/IA.png" alt="" class="wp-image-31733" style="width:79px;height:auto"/></figure>
</div>


<p class="has-small-font-size">Part d&#8217;IA /5 dans cet article</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><td class="has-text-align-center" data-align="center">♨️ Sources</td><td class="has-text-align-center" data-align="center">🖼️ illustrations</td><td class="has-text-align-center" data-align="center">✒️ Contenu</td></tr><tr><td class="has-text-align-center" data-align="center">&#8211;</td><td class="has-text-align-center" data-align="center">⭐⭐⭐</td><td class="has-text-align-center" data-align="center">&#8211;</td></tr></tbody></table></figure>
</div>
</div>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">3–5 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">759 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-02-23T17:21:36+01:00">23 février  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-41378026      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							Plan de cet article :						</div>
												<div class="uagb-toc__loader"></div>										<div class="uagb-toc__list-wrap uagb-toc__list-hidden">
						<ol class="uagb-toc__list"><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#1-un-nouveau-thème-en-option" class="uagb-toc-link__trigger">1️⃣| Un nouveau thème en option</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-1-des-aperçus-de-produits-quon-peut-commander-sans-afficher-le-détail" class="uagb-toc-link__trigger">1-1 | Des aperçus de produits qu&#039;on peut commander sans afficher le détail.</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-2-la-liste-denvies-pour-plus-tard" class="uagb-toc-link__trigger">1- 2 | La Liste d&#039;envies pour plus tard.</a></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#2-un-backoffice-plus-logique-avec-aperçus-mais-sans-révolution" class="uagb-toc-link__trigger">2️⃣| Un backoffice plus logique, avec aperçus mais sans révolution</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-1-une-interface-relookée" class="uagb-toc-link__trigger">2-1 | Une interface relookée</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-2-des-fiches-produits-améliorées" class="uagb-toc-link__trigger">2-2 | Des fiches produits améliorées</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-3-un-détail-de-déclinaisons-avec-bandeau" class="uagb-toc-link__trigger">2-3 | Un détail de déclinaisons avec bandeau</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-4-la-possibilité-de-fixer-un-prix-remisé-libre" class="uagb-toc-link__trigger">2-4 | La possibilité de fixer un prix remisé libre</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-5-le-récapitulatif-de-longlet-prix" class="uagb-toc-link__trigger">2-5 | Le récapitulatif de l&#039;onglet prix</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-6-un-onglet-seo-complet" class="uagb-toc-link__trigger">2-6 | Un Onglet SEO complet</a></li></ul></li></ul></li><li class="uagb-toc__list "><a href="#vers-lépreuve-e5b" class="uagb-toc-link__trigger">🧑🏻‍🎓 | Vers l&#039;épreuve E5B</a></ul></ul></ol>					</div>
									</div>
				</div>
			


<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-f2d5454a6bca9060d5035bab64c28975">1️⃣| Un nouveau thème en option</h2>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="756" height="328" src="https://st9ph.fr/wp-content/uploads/2025/11/image-5.png" alt="" class="wp-image-30879" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-5.png 756w, https://st9ph.fr/wp-content/uploads/2025/11/image-5-300x130.png 300w" sizes="auto, (max-width: 756px) 100vw, 756px" /></figure>



<p>Hummingbird <strong>en alternative au thème Classic</strong> propose un visuel &#8220;<strong>bord à bord</strong>&#8221; et une <strong>charte modernisée</strong>.</p>



<p>👉🏻 Vous pouvez juger de ce thème s<a href="https://boutiq.st9ph.fr/" target="_blank" rel="noreferrer noopener">ur la boutique d&#8217;entrainement.</a></p>



<h3 class="wp-block-heading">1-1 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Des aperçus de produits qu&#8217;on peut commander sans afficher le détail.</mark></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="324" height="512" src="https://st9ph.fr/wp-content/uploads/2025/11/image-27.png" alt="" class="wp-image-31026" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-27.png 324w, https://st9ph.fr/wp-content/uploads/2025/11/image-27-190x300.png 190w" sizes="auto, (max-width: 324px) 100vw, 324px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>➡️ L&#8217;aperçu des produits a été repensé pour permettre <strong>davantage de CTA</strong> et provoquer<strong>l&#8217;achat en un clic</strong>, sans passer par l&#8217;affichage complet de la fiche produit.</p>



<ul class="wp-block-list">
<li>le choix des <strong>déclinaisons</strong>, la <strong>quantité </strong>et l&#8217;ajout au <strong>panier </strong>disponible depuis l&#8217;aperçu</li>



<li>L&#8217;ajout à<strong> la liste d&#8217;envie</strong>s désormais activée sans avoir à ajouter un module spécifique</li>



<li>la vignette d&#8217;aperçu affiche l&#8217;<strong>état du produit </strong>sans avoir à cocher l&#8217;option.</li>
</ul>



<p class="has-base-2-background-color has-background">👉🏻 L&#8217;affichage de la <strong>promo éventuelle</strong> ainsi que le <strong>prix remisé</strong> était déjà présent dans le thème Classic</p>
</div>
</div>



<h3 class="wp-block-heading">1- 2 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">La Liste d&#8217;envies pour plus tard.</mark></h3>



<p>➡️ La liste d&#8217;envies &#8220;<strong>WishList</strong>&#8221; est disponible pour le client dans <strong>son espace personnel</strong> afin qu&#8217;il puisse retrouver sa <strong>présélection </strong>(et la commander) sans avoir à reparcourir tout le catalogue.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="265" src="https://st9ph.fr/wp-content/uploads/2025/11/image-7-1024x265.png" alt="" class="wp-image-30882" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-7-1024x265.png 1024w, https://st9ph.fr/wp-content/uploads/2025/11/image-7-300x78.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/image-7-768x199.png 768w, https://st9ph.fr/wp-content/uploads/2025/11/image-7.png 1339w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="700" height="606" src="https://st9ph.fr/wp-content/uploads/2025/11/image-32.png" alt="" class="wp-image-31040" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-32.png 700w, https://st9ph.fr/wp-content/uploads/2025/11/image-32-300x260.png 300w" sizes="auto, (max-width: 700px) 100vw, 700px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>👉🏻 Ce n&#8217;est pas simplement le client qui va e<strong>xploiter cette section</strong>.</p>



<p class="has-base-2-background-color has-background">L<strong>e commerçant lui-même</strong> pourra analyser  quels sont les produits de son catalogue qui provoquent <strong>un achat différé</strong> et <strong>adapter ses campagnes de Push</strong>, ses <strong>promotions</strong>, voire sa <strong>stratégie tarifaire</strong> si le frein n&#8217;est pas que temporel.</p>
</div>
</div>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-11651f6949891774edd78e4b22e2face">2️⃣| Un backoffice plus logique, avec aperçus mais sans révolution</h2>



<h3 class="wp-block-heading">2-1 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Une interface relookée</mark></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="225" height="447" src="https://st9ph.fr/wp-content/uploads/2025/11/image-9.png" alt="" class="wp-image-30887" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-9.png 225w, https://st9ph.fr/wp-content/uploads/2025/11/image-9-151x300.png 151w" sizes="auto, (max-width: 225px) 100vw, 225px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="has-base-2-background-color has-background">👉🏻 Dans une i<strong>nterface relookée,</strong> vous retrouverez rapidement <strong>les mêmes fonctionnalités</strong> des versions précédentes qui demeurent avec, parfois, des v<strong>ariations mineures.</strong></p>



<p>➡️ Dans les <strong>nouvelles rubriques,</strong> notons :</p>



<ul class="wp-block-list">
<li>Le &#8220;<strong>Care Center</strong>&#8221; est une interface d&#8217;assistance qui vous propose des <strong>packs et de tutoriels payants</strong> pour progresser dans Prestashop. <strong>Restez plutôt ici où tout est gratuit !</strong></li>
</ul>



<ul class="wp-block-list">
<li>&#8220;<strong>Markéting</strong>&#8221; qui vous permet à la fois de vous connecter au <strong>Google Merchant Center </strong>afin d&#8217;être présent dans <strong>Google Shopping</strong> et de vous connecter à <strong>Meta Ads </strong>afin de réaliser des campagnes promotionnelles sur <strong>Facebook et Instagram</strong></li>
</ul>
</div>
</div>



<h3 class="wp-block-heading">2-2 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Des fiches produits améliorées</mark></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="906" height="183" src="https://st9ph.fr/wp-content/uploads/2025/11/image-33.png" alt="" class="wp-image-31043" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-33.png 906w, https://st9ph.fr/wp-content/uploads/2025/11/image-33-300x61.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/image-33-768x155.png 768w" sizes="auto, (max-width: 906px) 100vw, 906px" /></figure>



<p>👉🏻 Au dessus de vos onglets de manipulation, <strong>une synthèse des éléments clés</strong>, déjà présente dans la version 8, vous permet de retrouver les informations principales. Vous pouvez aussi directement consulter <strong>les ventes de ce produit </strong>dans la barre d&#8217;outils à droite des onglets.</p>



<p></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="434" height="553" src="https://st9ph.fr/wp-content/uploads/2025/11/image-11.png" alt="" class="wp-image-30891" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-11.png 434w, https://st9ph.fr/wp-content/uploads/2025/11/image-11-235x300.png 235w" sizes="auto, (max-width: 434px) 100vw, 434px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>➡️ L&#8217;onglet détail regroupe maintenant tous les champs de personnalisation du produit (qu&#8217;on trouvait avant dans Options :</p>



<ul class="wp-block-list">
<li>Les <strong>Caractéristiques </strong>(qu&#8217;on ne peut plus confondre avec les attributs des déclinaisons)</li>



<li>Les <strong>références </strong>(chaque produit doit en avoir une)</li>



<li>Les <strong>documents joints </strong>(notices, fiches détaillées, catalogue des produits dérivés, en pdf &#8230;)</li>



<li>Les inscriptions de<strong> personnalisation </strong>(flocage, gravage &#8230;)</li>
</ul>



<p class="has-base-2-background-color has-background">👉🏻 L&#8217;onglet détails est donc le <strong>moyen centralisé</strong> de n&#8217;oublier aucun des réglages spécifiques qu&#8217;on vous demandera sur le produit à créer ou à modifier durant l&#8217;examen</p>
</div>
</div>



<h3 class="wp-block-heading">2-3 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Un détail de déclinaisons avec bandeau</mark></h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="344" src="https://st9ph.fr/wp-content/uploads/2025/11/image-28-1024x344.png" alt="" class="wp-image-31028" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-28-1024x344.png 1024w, https://st9ph.fr/wp-content/uploads/2025/11/image-28-300x101.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/image-28-768x258.png 768w, https://st9ph.fr/wp-content/uploads/2025/11/image-28.png 1438w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>👉🏻 <strong>Le bandeau</strong> de droite <strong>rappelle </strong>quelles sont <strong>les déclinaisons</strong> que vous avez <strong>modifiées</strong>.</p>



<p class="has-base-2-background-color has-background">C&#8217;est particulièrement utile pour <strong>n&#8217;en oublier aucune,</strong> notamment quand vous saisissez les <strong>références spécifiques</strong> ou les <strong>visuels différencié</strong>s.</p>



<h3 class="wp-block-heading">2-4 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">La possibilité de fixer un prix remisé libre</mark></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="797" height="354" src="https://st9ph.fr/wp-content/uploads/2025/11/image-31.png" alt="" class="wp-image-31036" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-31.png 797w, https://st9ph.fr/wp-content/uploads/2025/11/image-31-300x133.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/image-31-768x341.png 768w" sizes="auto, (max-width: 797px) 100vw, 797px" /></figure>



<p>👉🏻 Jusqu&#8217;à présent, la remise était <strong>en Euros ou en pourcentage</strong>. Un nouvelle option &#8220;<strong>saisir un prix spécifique</strong>&#8221; vous permet de le déterminer directement (sans faire le calcul par le choix remise en euros).</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="396" src="https://st9ph.fr/wp-content/uploads/2025/11/image-30-1024x396.png" alt="" class="wp-image-31033" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-30-1024x396.png 1024w, https://st9ph.fr/wp-content/uploads/2025/11/image-30-300x116.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/image-30-768x297.png 768w, https://st9ph.fr/wp-content/uploads/2025/11/image-30.png 1105w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-base-2-background-color has-background">⚠️ Pensez à bien renseigner <strong>le prix unitaire</strong> et que c&#8217;est du <strong>hors taxes</strong> !</p>



<h3 class="wp-block-heading">2-5 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Le récapitulatif de l&#8217;onglet prix</mark></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>L&#8217;onglet prix dispose d&#8217;un <strong>récapitulatif permanent de l&#8217;état marchand de votre produit.</strong></p>



<p class="has-base-2-background-color has-background">Impossible d&#8217;<strong>oublier le prix d&#8217;achat</strong> ou de réaliser une promotion qui <strong>va rogner tellement votre marge que vous vendrez à perte</strong>. Vous n&#8217;avez plus d&#8217;excuse pour <strong>tomber dans ce piège</strong> à l&#8217;examen</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="545" height="240" src="https://st9ph.fr/wp-content/uploads/2025/11/image-12.png" alt="" class="wp-image-30893" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-12.png 545w, https://st9ph.fr/wp-content/uploads/2025/11/image-12-300x132.png 300w" sizes="auto, (max-width: 545px) 100vw, 545px" /></figure>
</div>
</div>



<h3 class="wp-block-heading">2-6 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Un Onglet SEO complet</mark></h3>



<p>➡️ <strong>L&#8217;onglet SEO</strong> regroupe maintenant les 3 champs <strong>Titre + meta description + mots clés</strong></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="742" height="202" src="https://st9ph.fr/wp-content/uploads/2025/11/image-13.png" alt="" class="wp-image-30894" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-13.png 742w, https://st9ph.fr/wp-content/uploads/2025/11/image-13-300x82.png 300w" sizes="auto, (max-width: 742px) 100vw, 742px" /></figure>



<p>Vous pouvez même <strong>atteindre les Alias,</strong> en cliquant sur l&#8217;icone &#8220;gérer les mots clés&#8221;. <a href="https://st9ph.fr/prestashop-mots-cles-et-alias-de-recherche/">Voir l&#8217;article sur le sujet</a>.</p>



<p class="has-base-2-background-color has-background">L&#8217;ensemble de ses améliorations est une réelle chance de mieux contrôler les détails de ce qui vous sera demandé à l&#8217;examen sans rien oublier.</p>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-fecd992935cc593b9bd49874de359aaa">🧑🏻‍🎓 | Vers l&#8217;épreuve E5B</h2>



<p>➡️ Vous l&#8217;aurez compris, <strong>les améliorations de la version 9 </strong>vont vous <strong>faciliter la tache </strong>pour ne rien rater à l&#8217;examen. N&#8217;oubliez pas en complément à cet article de <strong>visiter les autres articles </strong>ci-dessous. Les manipulations qu&#8217;ils exposent sont <strong>toujours valables en v9</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2Fprestashop-nouveautes-de-la-version-9%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size">⬇️</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span><a href="https://st9ph.fr/category/creation-de-sites/">🛠️ création de sites</a></span> » <span class="breadcrumb_last" aria-current="page">PrestaShop</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-d826b3d3     uagb-post__items uagb-post__columns-3 is-grid uagb-post__columns-tablet-2 uagb-post__columns-mobile-1 uagb-post__equal-height" data-total="4" style="">

												<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="732" height="259" src="https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop.jpg 732w, https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop-300x106.jpg 300w" sizes="auto, (max-width: 732px) 100vw, 732px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer">Prestashop | OP Com dans la Eshop</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-17T18:27:24+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					17 février 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | 💥OP Com dans la Eshop ➡️ Que ce soit pour &#8230; vider les&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="840" height="248" src="https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech.jpg 840w, https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech-300x89.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech-768x227.jpg 768w" sizes="auto, (max-width: 840px) 100vw, 840px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Le Service Après Vente</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-24T16:55:00+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					24 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					SAV prestashop,, commande prestashop en backoffice, messages prédéfinis prestashop

				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="736" height="226" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958.jpg 736w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958-300x92.jpg 300w" sizes="auto, (max-width: 736px) 100vw, 736px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Manipuler la boutique</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-22T14:40:35+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					22 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					2 commentaires				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | Manipuler la boutique 🏪 👉🏻 2nd bloc d&#8217;évaluation de l&#8217;épreuve technique, les manipulations&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="769" height="245" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419.jpg 769w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419-300x96.jpg 300w" sizes="auto, (max-width: 769px) 100vw, 769px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer">Prestashop | La Fiche Produit par l&#8217;exemple</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-16T22:44:19+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					16 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | La Fiche Produit 🎧 Ecouter l&#8217;introduction audio 👉🏻 1er bloc d&#8217;évaluation de l&#8217;épreuve&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="723" height="199" src="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925.jpg 723w, https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925-300x83.jpg 300w" sizes="auto, (max-width: 723px) 100vw, 723px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer">Prestashop | les retours produits</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-12-18T19:06:17+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					18 décembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Un commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>restaShop | Les retours produits 🔙 ➡️ Il faut savoir que les différents scénarios devront&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="307" src="https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-1024x349.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-1024x349.png 1024w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-300x102.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-768x262.png 768w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9.png 1059w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Nouveautés de la version 9</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-11-19T10:45:25+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					19 novembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>Une nouvelle version du CMS pose quelques améliorations au Backoffice et un nouveau thème en&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
											</div>
			


<div class="wp-block-uagb-team uagb-team__image-position-left uagb-team__align-left uagb-team__stack-tablet uagb-block-5002ab42"><img decoding="async" class="uagb-team__image-crop-circle" src="https://st9ph.fr/wp-content/uploads/2022/01/steph-150x150.png" alt="" height="100" width="100" loading="lazy"/><div class="uagb-team__content"><h4 class="uagb-team__title">St9ph</h4><span class="uagb-team__prefix">Webmaster</span><p class="uagb-team__desc">Je suis Formateur depuis 1997 et j&#8217;ai commencé ma carrière comme technicien en réseaux informatiques.  J&#8217;ai travaillé pour de grands organismes de formation : Greta, AFPA, réseau des CCI, des écoles de commerces réputées : EM Normandie, E2SE, groupes FIM et ICEP, et collaboré en Centre d&#8217;Appels chez Webhelp pendant 12 ans avec des grands comptes FAI comme Orange, Bouygues Telecom et SFR, des assureurs et des fournisseurs d&#8217;Energie comme Direct Energie (devenu Total) et EDF (devenu Engie) !</p><ul class="uagb-team__social-list"><li class="uagb-team__social-icon"><a href="https://www.facebook.com/profile.php?id=100076192144163" aria-label="facebook" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"></path></svg></a></li><li class="uagb-team__social-icon"><a href="https://www.linkedin.com/company/st9ph/" aria-label="linkedin" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li></ul></div></div>
<p>L’article <a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/">Prestashop | Nouveautés de la version 9</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/prestashop-nouveautes-de-la-version-9/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">30877</post-id>	</item>
		<item>
		<title>Prestashop &#124; référencement SEO de vos produits</title>
		<link>https://st9ph.fr/prestashop-referencement-seo-de-vos-produits/</link>
					<comments>https://st9ph.fr/prestashop-referencement-seo-de-vos-produits/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Fri, 14 Nov 2025 09:10:32 +0000</pubDate>
				<category><![CDATA[PrestaShop]]></category>
		<category><![CDATA[🛠️ création de sites]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[référencement produit prestashop]]></category>
		<category><![CDATA[SEO de vos proudits]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=30837</guid>

					<description><![CDATA[<p>PrestaShop &#124; le SEO de vos produits 👉🏻 Essentiel pour assurer votre visibilité sur les SERP Google, le référencement SEO de vos produits, un par un, permet de vous positionner auprès des consommateurs qui recherchent avec l&#8217;entête &#8220;Acheter &#8230;&#8221; 👉🏻 En complément de ce référencement, pensez aussi : 1 Référencer les Images 🖼️ pour apparaitre ... <a title="Prestashop &#124; référencement SEO de vos produits" class="read-more" href="https://st9ph.fr/prestashop-referencement-seo-de-vos-produits/" aria-label="En savoir plus sur Prestashop &#124; référencement SEO de vos produits">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/prestashop-referencement-seo-de-vos-produits/">Prestashop | référencement SEO de vos produits</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">


<p class="has-medium-font-size"><strong>PrestaShop</strong></p>



<p class="has-accent-color has-text-color has-link-color has-x-large-font-size wp-elements-5edc9fcd6c8f77a73e412344c2c1ee54"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-contrast-color">|</mark>  le SEO de vos produits</p>
</div>



<p class="callout bleu">👉🏻 Essentiel pour assurer votre visibilité sur les SERP Google, <strong>le référencement SEO de vos produits</strong>, un par un, permet de <strong>vous positionner auprès des consommateurs </strong>qui recherchent avec l&#8217;entête &#8220;Acheter &#8230;&#8221;</p>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2025/11/voicertool_audio_Eloise_20-02-2026_at_14_58_38_on_February_20th_2026.mp3" autoplay></audio></figure>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>🤔 C&#8217;est quoi une SERP ?</summary>
<p>SERP pour<strong> Search Engine Result Page</strong>, c&#8217;est la page de résultat que vous obtenez quand vous validez une recherche Google ou autre.</p>
</details>



<p>👉🏻 En complément de ce référencement, pensez aussi :</p>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-b3f6b48e-3003-4754-a98c-0c886f918544">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-538c8372-7aa8-4179-9605-3ed39a1c403e">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"> à référencer <strong>vos rayons</strong> (catégories) et vos marques</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-d4a88f62-d6ba-43ba-aea3-4079b7bb0803">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">à développer <strong>vos stratégies de CTA</strong> pour conduire de nouveaux visiteurs sur les pages de vos produits comme <strong>les promotions</strong> ou <strong>des Push</strong> sous forme d&#8217;avantages clients. Vous doperez votre backlink.</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-c4d1456a-07c4-4863-b272-e95023a08a7e">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">A vous positionner sur <strong>des sites d&#8217;avis certifiés</strong> pour être challengés avec vos concurrents</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-7f12b371-d10a-4d0c-8a87-383fb62a8df5">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">A favoriser votre apparition dans <strong>Google Shoping</strong> </span>
			</div>
			
		</li>
</ul>


<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">4–6 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">950 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-02-23T17:21:53+01:00">23 février  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-6d5fc1ae      "
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							📌 plan de l&#8217;article						</div>
																						<div class="uagb-toc__list-wrap ">
						<ol class="uagb-toc__list"><li class="uagb-toc__list"><a href="#référencer-les-images" class="uagb-toc-link__trigger">Référencer les Images 🖼️</a><li class="uagb-toc__list"><a href="#activez-les-avis-sur-vos-produits" class="uagb-toc-link__trigger">Activez les avis sur vos produits ⭐</a><li class="uagb-toc__list"><a href="#soignez-votre-titre-seo-et-votre-méta-description" class="uagb-toc-link__trigger">Soignez votre titre SEO et votre méta description 🕸️</a><li class="uagb-toc__list"><a href="#renseignez-les-mots-clés-en-longues-traines" class="uagb-toc-link__trigger">Renseignez les mots clés en longues traines 🚃🚃</a><li class="uagb-toc__list"><a href="#vers-lépreuve-e5b" class="uagb-toc-link__trigger">🧑🏻‍🎓 | Vers l&#039;épreuve E5B</a></ol>					</div>
									</div>
				</div>
			


<style>
.chapter-title {
  display: flex;
  align-items: stretch;
  margin: 1.8rem 0;
}

/* Numéro */
.chapter-number {
  background: #1e73be;
  color: #fff;
  font-weight: 700;
  font-size: 3rem;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 0 0 10px;
}

/* Contenu */
.chapter-content {
  padding: 0.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 4px solid #1e73be;
}

/* H2 avec logo */
.chapter-content h2 {
  margin: 0;
  font-size: 2.05rem;
  font-weight: 700;
  color: #1e73be;
  display: flex;
  align-items: center;
  gap: 0.6rem; /* espace logo / texte */
}

/* Logo carré */
.chapter-icon {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Sous-titre */
.chapter-subtitle {
  margin-top: 0.35rem;
  font-style: italic;
  color: #555;
  font-size: 0.95rem;
}
</style>

<div class="chapter-title">
  <div class="chapter-number">1</div>
  <div class="chapter-content">
    <h2>
      <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png"
           alt=""
           class="chapter-icon">
      Référencer les Images 🖼️
    </h2>
    <p class="chapter-subtitle">pour apparaitre dans Google Images</p>
  </div>
</div>



<p class="callout rouge">⚠️ Contrairement à WordPress, vous n&#8217;avez pas nativement accès au <strong>texte alternatif</strong> (balise Alt). Il vous faudra <strong><mark style="background-color:rgba(0, 0, 0, 0);color:#e04d4d" class="has-inline-color">utiliser la légende par substitution</mark></strong>.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="443" src="https://st9ph.fr/wp-content/uploads/2025/07/image-1-1024x443.png" alt="" class="wp-image-30843" srcset="https://st9ph.fr/wp-content/uploads/2025/07/image-1-1024x443.png 1024w, https://st9ph.fr/wp-content/uploads/2025/07/image-1-300x130.png 300w, https://st9ph.fr/wp-content/uploads/2025/07/image-1-768x332.png 768w, https://st9ph.fr/wp-content/uploads/2025/07/image-1.png 1326w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>➡️ Il suffit de <strong>cliquer sur l&#8217;image </strong>🖼️ pour la légender depuis <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">l&#8217;onglet Essentiel</mark></strong>. <strong>Reprenez le titre </strong>de votre produit et <strong>ajoutez le nom de votre boutique</strong>. </p>



<p>➡️ Vous pouvez même <strong>copier-coller cette légende</strong> sur les autres vignettes.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="404" src="https://st9ph.fr/wp-content/uploads/2025/11/image-37-1024x404.png" alt="" class="wp-image-35016" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-37-1024x404.png 1024w, https://st9ph.fr/wp-content/uploads/2025/11/image-37-300x118.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/image-37-768x303.png 768w, https://st9ph.fr/wp-content/uploads/2025/11/image-37.png 1040w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>👆🏻 Ci-dessus une SERP où apparait l&#8217;une des images référencées.</p>



<p>Ci-contre, une autre sur l&#8217;onglet &#8220;Shopping&#8221; 👉🏻</p>



<p class="callout vert">👍🏻 Le référencement de vos images <strong>optimise </strong>donc aussi <strong>votre chance d&#8217;être visible en haut de SERP </strong>des résultats Google.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="315" height="403" src="https://st9ph.fr/wp-content/uploads/2025/07/image-2.png" alt="" class="wp-image-30844" style="width:224px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2025/07/image-2.png 315w, https://st9ph.fr/wp-content/uploads/2025/07/image-2-234x300.png 234w" sizes="auto, (max-width: 315px) 100vw, 315px" /></figure>
</div>
</div>



<style>
.chapter-title {
  display: flex;
  align-items: stretch;
  margin: 1.8rem 0;
}

/* Numéro */
.chapter-number {
  background: #1e73be;
  color: #fff;
  font-weight: 700;
  font-size: 3rem;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 0 0 10px;
}

/* Contenu */
.chapter-content {
  padding: 0.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 4px solid #1e73be;
}

/* H2 avec logo */
.chapter-content h2 {
  margin: 0;
  font-size: 2.05rem;
  font-weight: 700;
  color: #1e73be;
  display: flex;
  align-items: center;
  gap: 0.6rem; /* espace logo / texte */
}

/* Logo carré */
.chapter-icon {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Sous-titre */
.chapter-subtitle {
  margin-top: 0.35rem;
  font-style: italic;
  color: #555;
  font-size: 0.95rem;
}
</style>

<div class="chapter-title">
  <div class="chapter-number">2</div>
  <div class="chapter-content">
    <h2>
      <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png"
           alt=""
           class="chapter-icon">
      Activez les avis sur vos produits ⭐
    </h2>
    <p class="chapter-subtitle">car le feedback des autres consommateurs vaut bien plus que tous les arguments commerciaux</p>
  </div>
</div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="848" height="191" src="https://st9ph.fr/wp-content/uploads/2025/11/image-36.png" alt="" class="wp-image-35015" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-36.png 848w, https://st9ph.fr/wp-content/uploads/2025/11/image-36-300x68.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/image-36-768x173.png 768w" sizes="auto, (max-width: 848px) 100vw, 848px" /></figure>



<p class="callout vert">⭐ Les avis constituent <strong>un outil d&#8217;interaction très apprécié</strong> 😍 de vos visiteurs et sont un élément de <strong>levée de doute</strong> qu&#8217;aucune de vos présentations de produit, aussi talentueuse sera-t-elle, n&#8217;égalera jamais. </p>



<p class="has-base-2-background-color has-background">👉🏻 C&#8217;est aussi <strong>un booster de référencement </strong>(ci dessus une SERP qui classe la boutique pédagogique numéro 1 sur la traine &#8220;<em>acheter ford hot rod ZZ top</em>&#8220;) d&#8217;autant plus, d&#8217;ailleurs, si vous <strong>activez les avis Google</strong> pour votre boutique.</p>



<p>🌐 <a href="https://support.google.com/merchants/answer/14620705?hl=fr" target="_blank" rel="noreferrer noopener">Voir comment soumettre vos produits à la notation Google Av</a><a href="https://support.google.com/merchants/answer/14620705?hl=fr">is</a></p>



<p>🌐 Sur ce blog, <a href="https://st9ph.fr/avis-clients-dans-votre-eshop-prestashop/">le tuto pour activer les avis</a> (internes) dans votre boutique Prestashop.</p>



<style>
.chapter-title {
  display: flex;
  align-items: stretch;
  margin: 1.8rem 0;
}

/* Numéro */
.chapter-number {
  background: #1e73be;
  color: #fff;
  font-weight: 700;
  font-size: 3rem;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 0 0 10px;
}

/* Contenu */
.chapter-content {
  padding: 0.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 4px solid #1e73be;
}

/* H2 avec logo */
.chapter-content h2 {
  margin: 0;
  font-size: 2.05rem;
  font-weight: 700;
  color: #1e73be;
  display: flex;
  align-items: center;
  gap: 0.6rem; /* espace logo / texte */
}

/* Logo carré */
.chapter-icon {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Sous-titre */
.chapter-subtitle {
  margin-top: 0.35rem;
  font-style: italic;
  color: #555;
  font-size: 0.95rem;
}
</style>

<div class="chapter-title">
  <div class="chapter-number">3</div>
  <div class="chapter-content">
    <h2>
      <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png"
           alt=""
           class="chapter-icon">
      Soignez votre titre SEO et votre méta description 🕸️
    </h2>
    <p class="chapter-subtitle">c&#8217;est le B.A. BA du référencement</p>
  </div>
</div>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-dc4c7aa7-5cfd-4c39-9eef-c87948bf4361">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-78ffe0b7-ec1b-4922-b792-e51277382f55">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">C&#8217;est dans l&#8217;onglet <strong>Référencement SEO</strong> que cela se passe :</span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="507" src="https://st9ph.fr/wp-content/uploads/2025/11/image-1-1024x507.png" alt="" class="wp-image-30860" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-1-1024x507.png 1024w, https://st9ph.fr/wp-content/uploads/2025/11/image-1-300x148.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/image-1-768x380.png 768w, https://st9ph.fr/wp-content/uploads/2025/11/image-1.png 1049w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>👉🏻 Par défaut, PrestaShop reprend <strong>le nom de votre produit et son résumé</strong> (le récapitulatif).</p>



<p class="callout rouge">⚠️ Le nom de votre produit comme titre SEO est <strong>souvent incomplet</strong>. En résultat de SERP, on ne connait pas forcément <strong>votre boutique, les rayons et le type de produits</strong> que vous proposez.</p>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 576 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-7d98291f-b8af-4cd8-8f1b-7cf5defb8818">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 576 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-4dcc7f79-1b50-4903-9d91-76b50ffbb51b">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path fill="#000000" d="M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z"></path></svg>
				</span>
				<span class="ub_list_item_text">Renseignez le titre SEO <strong>en indiquant les informations utiles.</strong> Vous éviterez <mark style="color:#ca3030" class="has-inline-color"><strong>un rebond </strong>qui va vous déclasser.</mark></span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="730" height="62" src="https://st9ph.fr/wp-content/uploads/2025/11/image-2.png" alt="" class="wp-image-30861" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-2.png 730w, https://st9ph.fr/wp-content/uploads/2025/11/image-2-300x25.png 300w" sizes="auto, (max-width: 730px) 100vw, 730px" /></figure>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-c8a0b55a-8242-478b-9f18-93b846a649a6">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-6dfc8c85-7f3d-4f7e-923f-e8d5bd94b5e3">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Copiez collez votre récapitulatif en zone méta</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-5bc03cf4-de1f-4054-b8b6-6223ebcb4c08">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Raccourcissez le</strong> en dessous de <strong>160 caractères </strong>pour qu&#8217;il ne soit pas tronqué</span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="351" src="https://st9ph.fr/wp-content/uploads/2025/11/image-3-1024x351.png" alt="" class="wp-image-30862" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-3-1024x351.png 1024w, https://st9ph.fr/wp-content/uploads/2025/11/image-3-300x103.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/image-3-768x263.png 768w, https://st9ph.fr/wp-content/uploads/2025/11/image-3.png 1033w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-e0cf8da4ddaa3f7b518e79f6fd9ba990">👆🏻 <strong>Votre méta est votre CTA</strong> !</p>



<p class="callout vert">✅ <strong>Sa lecture doit donner envie de cliquer à votre client cible et décourager ceux qui ne sont pas intéressés pas ce que vous vendez (créant un rebond qui sera mal noté par Google)</strong>. </p>



<p class="has-medium-font-size">👉🏻 Il vaut mieux toucher <strong><mark style="background-color:rgba(0, 0, 0, 0);color:#cb3e3e" class="has-inline-color">moins souvent</mark></strong> mais<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"> </mark><mark style="background-color:rgba(0, 0, 0, 0);color:#3b9130" class="has-inline-color">à coup sûr</mark></strong>.</p>



<style>
.chapter-title {
  display: flex;
  align-items: stretch;
  margin: 1.8rem 0;
}

/* Numéro */
.chapter-number {
  background: #1e73be;
  color: #fff;
  font-weight: 700;
  font-size: 3rem;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 0 0 10px;
}

/* Contenu */
.chapter-content {
  padding: 0.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 4px solid #1e73be;
}

/* H2 avec logo */
.chapter-content h2 {
  margin: 0;
  font-size: 2.05rem;
  font-weight: 700;
  color: #1e73be;
  display: flex;
  align-items: center;
  gap: 0.6rem; /* espace logo / texte */
}

/* Logo carré */
.chapter-icon {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Sous-titre */
.chapter-subtitle {
  margin-top: 0.35rem;
  font-style: italic;
  color: #555;
  font-size: 0.95rem;
}
</style>

<div class="chapter-title">
  <div class="chapter-number">4</div>
  <div class="chapter-content">
    <h2>
      <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png"
           alt=""
           class="chapter-icon">
      Renseignez les mots clés en longues traines 🚃🚃
    </h2>
    <p class="chapter-subtitle">c-a-d un ensemble de mots</p>
  </div>
</div>



<p class="has-text-align-center callout rouge has-medium-font-size">⚠️ <strong>Attention, c&#8217;est dans l&#8217;onglet option que cela se cache</strong> (sauf pour ceux qui sont passés à <strong>la version 9</strong>).</p>



<p>➡️ Choisissez <strong>des chaines de longues traines</strong> pour éviter d&#8217;apparaitre dans les SERP de recherches qui ne correspondent pas à votre cible :</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Mots clés</th><th>Pertinence</th></tr></thead><tbody><tr><td>modèle |   3D | voiture</td><td>🔴 <strong>très mauvaise</strong>. <br>Vous allez apparaitre dans les SERP de ceux qui recherchent un <strong>modèle </strong>de CV, un Top <strong>Modèle</strong>, des logiciels de<strong> 3D</strong>, des lunettes <strong>3D</strong>, une <strong>voiture </strong>d&#8217;occasion, un blabla car &#8230;</td></tr><tr><td>Modèle 3D | télécharger voiture</td><td>🟡 <strong>Guère mieux</strong>. <br>La longue traine <strong>&#8220;Modèle 3D</strong>&#8221; cible mieux mais la boutique pédagogique ne propose <strong>que des véhicules</strong>, il faut le préciser &#8211; La longue traine &#8220;<strong>télécharger voiture</strong>&#8221; a peu de chance d&#8217;être saisie mais cela se tente</td></tr><tr><td>Modèle voiture 3D | Voiture 3MF</td><td>🟢 <strong>Plus adapté.</strong><br>On cible d&#8217;avantage en visant ce que l&#8217;internaute veut obtenir. Ces deux longues traines seront certes <strong>saisies moins souvent </strong>mais ✅ <strong>vous ciblerez à coup sur</strong>.</td></tr></tbody></table></figure>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-ae0eeb84-c416-4260-a612-4f7fe60e81c7">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 576 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-87a6352b-28ce-499c-96e3-0f5ddb5cedb3">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path fill="#000000" d="M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z"></path></svg>
				</span>
				<span class="ub_list_item_text">Pour indiquer une longue traine, <strong>tapez tous les mots avant de valider</strong> par<mark class="has-inline-color has-accent-color"> <strong>Entrée</strong></mark></span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="560" height="99" src="https://st9ph.fr/wp-content/uploads/2025/11/image-4.png" alt="" class="wp-image-30864" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-4.png 560w, https://st9ph.fr/wp-content/uploads/2025/11/image-4-300x53.png 300w" sizes="auto, (max-width: 560px) 100vw, 560px" /></figure>



<p class="callout jaune">⌨️ Pour rappel, les accents, le singulier / pluriel, les tirets des noms composés, tout cela est rétabli et associé automatique. <strong>Ne les saisissez pas</strong>.</p>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-fecd992935cc593b9bd49874de359aaa">🧑🏻‍🎓 | Vers l&#8217;épreuve E5B</h2>



<p>➡️ On ne vous précisera pas forcément que votre fiche produit doit être référencée mais il faudra le faire. </p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2Fprestashop-referencement-seo-de-vos-produits%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size">⬇️</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span><a href="https://st9ph.fr/category/creation-de-sites/">🛠️ création de sites</a></span> » <span class="breadcrumb_last" aria-current="page">PrestaShop</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



<p>Dans la même catégorie :</p>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-1b690076     uagb-post__items uagb-post__columns-3 is-grid uagb-post__columns-tablet-2 uagb-post__columns-mobile-1 uagb-post__equal-height" data-total="4" style="">

												<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="732" height="259" src="https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop.jpg 732w, https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop-300x106.jpg 300w" sizes="auto, (max-width: 732px) 100vw, 732px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer">Prestashop | OP Com dans la Eshop</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-17T18:27:24+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					17 février 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | 💥OP Com dans la Eshop ➡️ Que ce soit pour &#8230; vider les&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="840" height="248" src="https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech.jpg 840w, https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech-300x89.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech-768x227.jpg 768w" sizes="auto, (max-width: 840px) 100vw, 840px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Le Service Après Vente</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-24T16:55:00+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					24 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					SAV prestashop,, commande prestashop en backoffice, messages prédéfinis prestashop

				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="736" height="226" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958.jpg 736w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958-300x92.jpg 300w" sizes="auto, (max-width: 736px) 100vw, 736px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Manipuler la boutique</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-22T14:40:35+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					22 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					2 commentaires				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | Manipuler la boutique 🏪 👉🏻 2nd bloc d&#8217;évaluation de l&#8217;épreuve technique, les manipulations&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="769" height="245" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419.jpg 769w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419-300x96.jpg 300w" sizes="auto, (max-width: 769px) 100vw, 769px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer">Prestashop | La Fiche Produit par l&#8217;exemple</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-16T22:44:19+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					16 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | La Fiche Produit 🎧 Ecouter l&#8217;introduction audio 👉🏻 1er bloc d&#8217;évaluation de l&#8217;épreuve&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="723" height="199" src="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925.jpg 723w, https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925-300x83.jpg 300w" sizes="auto, (max-width: 723px) 100vw, 723px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer">Prestashop | les retours produits</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-12-18T19:06:17+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					18 décembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Un commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>restaShop | Les retours produits 🔙 ➡️ Il faut savoir que les différents scénarios devront&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="307" src="https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-1024x349.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-1024x349.png 1024w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-300x102.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-768x262.png 768w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9.png 1059w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Nouveautés de la version 9</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-11-19T10:45:25+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					19 novembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>Une nouvelle version du CMS pose quelques améliorations au Backoffice et un nouveau thème en&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
											</div>
			


<div class="wp-block-uagb-team uagb-team__image-position-left uagb-team__align-left uagb-team__stack-tablet uagb-block-5002ab42"><img decoding="async" class="uagb-team__image-crop-circle" src="https://st9ph.fr/wp-content/uploads/2022/01/steph-150x150.png" alt="" height="100" width="100" loading="lazy"/><div class="uagb-team__content"><h4 class="uagb-team__title">St9ph</h4><span class="uagb-team__prefix">Webmaster</span><p class="uagb-team__desc">Je suis Formateur depuis 1997 et j&#8217;ai commencé ma carrière comme technicien en réseaux informatiques.  J&#8217;ai travaillé pour de grands organismes de formation : Greta, AFPA, réseau des CCI, des écoles de commerces réputées : EM Normandie, E2SE, groupes FIM et ICEP, et collaboré en Centre d&#8217;Appels chez Webhelp pendant 12 ans avec des grands comptes FAI comme Orange, Bouygues Telecom et SFR, des assureurs et des fournisseurs d&#8217;Energie comme Direct Energie (devenu Total) et EDF (devenu Engie) !</p><ul class="uagb-team__social-list"><li class="uagb-team__social-icon"><a href="https://www.facebook.com/profile.php?id=100076192144163" aria-label="facebook" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"></path></svg></a></li><li class="uagb-team__social-icon"><a href="https://www.linkedin.com/company/st9ph/" aria-label="linkedin" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li></ul></div></div>
<p>L’article <a href="https://st9ph.fr/prestashop-referencement-seo-de-vos-produits/">Prestashop | référencement SEO de vos produits</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/prestashop-referencement-seo-de-vos-produits/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2025/11/voicertool_audio_Eloise_20-02-2026_at_14_58_38_on_February_20th_2026.mp3" length="190656" type="audio/mpeg" />

		<post-id xmlns="com-wordpress:feed-additions:1">30837</post-id>	</item>
		<item>
		<title>Prestashop &#124; C&#8217;est parti pour les soldes !</title>
		<link>https://st9ph.fr/prestashop-cest-parti-pour-les-soldes/</link>
					<comments>https://st9ph.fr/prestashop-cest-parti-pour-les-soldes/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Sat, 04 Jan 2025 17:30:49 +0000</pubDate>
				<category><![CDATA[PrestaShop]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[🛠️ création de sites]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[modul special products prestahero]]></category>
		<category><![CDATA[moudle gratuit soldes prestashop]]></category>
		<category><![CDATA[soldes prestashop]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=30777</guid>

					<description><![CDATA[<p>🤨 Difficile de mettre en place des soldes dans votre boutique sans passer &#8220;à la caisse&#8221; pour acheter un module payant hors de prix. Mais avec un peu d&#8217;astuce, on peut s&#8217;en sortir sans débourser le moindre centime. C&#8217;est l&#8217;objet de cet article. 👉 Sur la marketplace de prestashop.com, on trouve légion de modules qui ... <a title="Prestashop &#124; C&#8217;est parti pour les soldes !" class="read-more" href="https://st9ph.fr/prestashop-cest-parti-pour-les-soldes/" aria-label="En savoir plus sur Prestashop &#124; C&#8217;est parti pour les soldes !">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/prestashop-cest-parti-pour-les-soldes/">Prestashop | C&#8217;est parti pour les soldes !</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2025/01/voicertool_audio_Eloise_20-01-2026_at_08_50_55_on_January_20th_2026.mp3" autoplay></audio></figure>



<p>🤨 Difficile de <strong>mettre en place des soldes dans votre boutique </strong>sans <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">passer &#8220;à la caisse</mark></strong>&#8221; pour acheter un module payant hors de prix. Mais <strong>avec un peu d&#8217;astuce</strong>, on peut s&#8217;en sortir <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">sans débourser le moindre centime.</mark></strong> C&#8217;est l&#8217;objet de cet article.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="400" src="https://st9ph.fr/wp-content/uploads/2025/01/image-26-1024x400.png" alt="" class="wp-image-33236" srcset="https://st9ph.fr/wp-content/uploads/2025/01/image-26-1024x400.png 1024w, https://st9ph.fr/wp-content/uploads/2025/01/image-26-300x117.png 300w, https://st9ph.fr/wp-content/uploads/2025/01/image-26-768x300.png 768w, https://st9ph.fr/wp-content/uploads/2025/01/image-26.png 1118w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-base-2-background-color has-background">👉 Sur la <strong>marketplace de prestashop.com</strong>, on trouve légion de modules qui ne semblent pas, eux, soldés le moins du monde mais, <strong>non merci</strong>, on va s&#8217;en passer !</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="319" src="https://st9ph.fr/wp-content/uploads/2025/01/image-1024x319.png" alt="" class="wp-image-30778" srcset="https://st9ph.fr/wp-content/uploads/2025/01/image-1024x319.png 1024w, https://st9ph.fr/wp-content/uploads/2025/01/image-300x94.png 300w, https://st9ph.fr/wp-content/uploads/2025/01/image-768x240.png 768w, https://st9ph.fr/wp-content/uploads/2025/01/image.png 1090w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Allons plutôt voir <a href="https://prestahero.com/fr/200-special-products-block.html" target="_blank" rel="noreferrer noopener">cet éditeur</a> qui propose <strong>pas mal de modules gratuits</strong>, sympas et fonctionnels (voir le menu &#8220;modules gratuits&#8221;). Il vous faudra <strong>créer un compte </strong>mais hormis une newsletter de temps en temps, vous ne serez pas spammé par <img loading="lazy" decoding="async" width="41" height="32" class="wp-image-33205" style="width: 41px;" src="https://st9ph.fr/wp-content/uploads/2025/01/prestahero-logo.jpg" alt=""><strong>PrestaHero</strong>.. <a href="https://shop.st9ph.fr/presta/fr/" target="_blank" rel="noreferrer noopener">La boutique pédagogique</a> fonctionne avec beaucoup de ces modules.</p>



<p class="has-base-2-background-color has-background">On pourrait utiliser le bloc &#8220;<strong>promos</strong>&#8221; du modèle préinstallé mais comme <strong>on va le modifier un peu et le détourner de son usage standard,</strong> autant en installer un autre qui<strong> ne servira que pour les soldes</strong>. En plus, il a <strong>des fonctionnalités sympas</strong> comme la possibilité de <strong>carrousel </strong>ou de présence en<strong> bandeau</strong> sur toutes les pages produits.</p>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">5–8 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">1 293 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-02-23T17:22:02+01:00">23 février  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-2b9360ee      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							Plan de l&#8217;article :						</div>
												<div class="uagb-toc__loader"></div>										<div class="uagb-toc__list-wrap uagb-toc__list-hidden">
						<ol class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-installer-et-paramétrer-le-module-special-products-de-prestahero" class="uagb-toc-link__trigger">1️⃣| Installer et paramétrer le module &quot;Special Products&quot; de PrestaHero</a><li class="uagb-toc__list "><a href="#2-modifier-les-étiquettes-du-modèle" class="uagb-toc-link__trigger">2️⃣| Modifier les étiquettes du modèle</a><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#3-paramétrer-les-produits-en-soldes" class="uagb-toc-link__trigger">3️⃣| Paramétrer les produits en soldes</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#3-1-appliquer-une-réduction-à-un-produit" class="uagb-toc-link__trigger">3-1 | Appliquer une réduction à un produit</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#3-2-appliquer-le-bandeau-soldes-sur-votre-produit" class="uagb-toc-link__trigger">3-2 | Appliquer le bandeau soldes sur votre produit</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#3-3-ajouter-les-soldes-au-menu" class="uagb-toc-link__trigger">3-3 | Ajouter les soldes au menu</a></li></ul></li><li class="uagb-toc__list "><a href="#vers-lépreuve-e5b" class="uagb-toc-link__trigger">🧑‍🎓| Vers l&#039;épreuve E5B</a></ul></ol>					</div>
									</div>
				</div>
			


<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="104" src="https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-1024x104.png" alt="" class="wp-image-33208" srcset="https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-1024x104.png 1024w, https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-300x31.png 300w, https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-768x78.png 768w, https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-1536x157.png 1536w, https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-2048x209.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-77e83ec7b32e3cf5fb82f249ff0b741f">1️⃣| Installer et paramétrer le module &#8220;<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-contrast-color">Special Products</mark>&#8221; de <img loading="lazy" decoding="async" width="41" height="32" class="wp-image-33205" style="width: 41px;" src="https://st9ph.fr/wp-content/uploads/2025/01/prestahero-logo.jpg" alt="">PrestaHero</h2>



<p></p>



<ul class="wp-block-list">
<li>Après avoir créé un compte, rendez vous <a href="https://prestahero.com/fr/200-special-products-block.html" target="_blank" rel="noreferrer noopener">sur la page du module</a></li>



<li><strong>Téléchargez l&#8217;archive</strong> du module en cliquant sur le bouton &#8220;<strong>téléchargement gratuit</strong>&#8220;.</li>



<li>Dans <strong>votre back office</strong> : Personnaliser &gt; Modules &gt; <strong>Gestionnaire de modules</strong></li>
</ul>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="120" src="https://st9ph.fr/wp-content/uploads/2025/01/image-1-1024x120.png" alt="" class="wp-image-30779" srcset="https://st9ph.fr/wp-content/uploads/2025/01/image-1-1024x120.png 1024w, https://st9ph.fr/wp-content/uploads/2025/01/image-1-300x35.png 300w, https://st9ph.fr/wp-content/uploads/2025/01/image-1-768x90.png 768w, https://st9ph.fr/wp-content/uploads/2025/01/image-1.png 1090w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<ul class="wp-block-list">
<li>Cliquez sur i<strong>nstaller un module</strong></li>



<li><strong>Droppez l&#8217;archive</strong> dans l<strong>a zone d&#8217;upload </strong>(les pointillés) ou <strong>cliquer pour la rechercher</strong> dans vos téléchargements.</li>
</ul>



<p>L&#8217;installation démarre et vous propose<strong> un nouveau module </strong>dans la section <strong>Design &amp; Navigation</strong> :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="843" height="159" src="https://st9ph.fr/wp-content/uploads/2025/01/image-3.png" alt="" class="wp-image-30782" srcset="https://st9ph.fr/wp-content/uploads/2025/01/image-3.png 843w, https://st9ph.fr/wp-content/uploads/2025/01/image-3-300x57.png 300w, https://st9ph.fr/wp-content/uploads/2025/01/image-3-768x145.png 768w" sizes="auto, (max-width: 843px) 100vw, 843px" /></figure>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquez sur</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="165" height="46" src="https://st9ph.fr/wp-content/uploads/2025/01/image-4.png" alt="" class="wp-image-30784"/></figure>
</div>



<p></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ul class="wp-block-list">
<li>Définissez <strong>en cochant</strong> ou non :
<ul class="wp-block-list">
<li>Si vous souhaitez que le bloc soit <strong>présent en page d&#8217;accueil </strong>(ce serait bien qu&#8217;il y soit !).</li>



<li>Si vous souhaitez qu&#8217;un bandeau des soldes apparaisse <strong>sur chacune de vos fiches produits</strong></li>



<li>Si vous souhaitez que le bandeau soit affiché <strong>en colonne gauche, droite,</strong> ou les deux (sur vos pages de catégories, autrement dit, <strong>dans vos rayons</strong>)</li>
</ul>
</li>
</ul>



<p class="has-base-2-background-color has-background">⚠️ Attention, <strong>dans vos rayons,</strong> si vous n&#8217;avez pas touché au modèle, <strong>il y&#8217;a déjà vos filtres en colonne de gauche </strong>(sous catégories, déclinaisons, tris &#8230;)</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="200" height="232" src="https://st9ph.fr/wp-content/uploads/2025/01/image-5.png" alt="" class="wp-image-30785" style="width:262px;height:auto"/></figure>
</div>
</div>



<ul class="wp-block-list">
<li>Modifiez <strong>les étiquettes de titre </strong>de chacune des trois</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="635" height="102" src="https://st9ph.fr/wp-content/uploads/2025/01/image-6.png" alt="" class="wp-image-30786" srcset="https://st9ph.fr/wp-content/uploads/2025/01/image-6.png 635w, https://st9ph.fr/wp-content/uploads/2025/01/image-6-300x48.png 300w" sizes="auto, (max-width: 635px) 100vw, 635px" /></figure>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquez sur</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="119" height="45" src="https://st9ph.fr/wp-content/uploads/2025/01/image-7.png" alt="" class="wp-image-30788"/></figure>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="104" src="https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-1024x104.png" alt="" class="wp-image-33208" srcset="https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-1024x104.png 1024w, https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-300x31.png 300w, https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-768x78.png 768w, https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-1536x157.png 1536w, https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-2048x209.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-b7a2966e84a08a73a1465439e63e07fe">2️⃣| Modifier les étiquettes du modèle</h2>



<p>Il va falloir aussi modifier <strong>les étiquettes de liens et de titrage</strong> du module dans le thème pour le relooker au format &#8220;Soldes&#8221; :</p>



<ul class="wp-block-list">
<li>Personnaliser &gt; International &gt; <strong>Traductions</strong></li>
</ul>



<p class="has-base-2-background-color has-background">➡️ C&#8217;est ici que vous pouvez modifier <strong>pratiquement tout ce qui est &#8220;écrit&#8221;</strong> dans votre boutique.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="732" height="260" src="https://st9ph.fr/wp-content/uploads/2025/01/image-8.png" alt="" class="wp-image-30790" srcset="https://st9ph.fr/wp-content/uploads/2025/01/image-8.png 732w, https://st9ph.fr/wp-content/uploads/2025/01/image-8-300x107.png 300w" sizes="auto, (max-width: 732px) 100vw, 732px" /></figure>



<ul class="wp-block-list">
<li>Choisissez &#8220;<strong>front office</strong>&#8221; dans type</li>



<li>Choisissez &#8220;<strong>Français</strong>&#8221; dans langue (à moins que votre boutique soit dans une autre langue)</li>
</ul>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquez sur</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="122" height="42" src="https://st9ph.fr/wp-content/uploads/2025/01/image-9.png" alt="" class="wp-image-30792"/></figure>
</div>



<ul class="wp-block-list">
<li>Recherchez &#8220;<strong>promo</strong>&#8220;</li>



<li>Modifiez la valeur &#8220;<strong>promo</strong>&#8221; de &#8220;On Sales&#8221; pour &#8220;<strong>SOLDES</strong>&#8220;</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="394" height="134" src="https://st9ph.fr/wp-content/uploads/2025/01/image-10.png" alt="" class="wp-image-30794" srcset="https://st9ph.fr/wp-content/uploads/2025/01/image-10.png 394w, https://st9ph.fr/wp-content/uploads/2025/01/image-10-300x102.png 300w" sizes="auto, (max-width: 394px) 100vw, 394px" /></figure>



<p class="has-base-2-background-color has-background">Cela nous permettra d&#8217;affecter <strong>le bandeau &#8220;promo&#8221; </strong>à nos produits soldés avec l&#8217;intitulé &#8220;Soldes&#8221;</p>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquez sur</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="119" height="45" src="https://st9ph.fr/wp-content/uploads/2025/01/image-7.png" alt="" class="wp-image-30788"/></figure>
</div>



<ul class="wp-block-list">
<li>Personnaliser &gt; Modules &gt; <strong>Gestionnaire de modules</strong></li>



<li>Dans Design et Navigation : <strong>Special Products Block</strong> &gt; <strong>Configurer</strong></li>
</ul>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquez sur</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="98" height="48" src="https://st9ph.fr/wp-content/uploads/2025/01/image-11.png" alt="" class="wp-image-30795"/></figure>
</div>



<p class="has-base-background-color has-background">Vous pouvez faire cela <strong>dans chaque module</strong>, en fait, <strong>si leurs étiquettes ne vous conviennent pas.</strong></p>



<p></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="315" height="193" src="https://st9ph.fr/wp-content/uploads/2025/01/image-12.png" alt="" class="wp-image-30797" srcset="https://st9ph.fr/wp-content/uploads/2025/01/image-12.png 315w, https://st9ph.fr/wp-content/uploads/2025/01/image-12-300x184.png 300w" sizes="auto, (max-width: 315px) 100vw, 315px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li>Cliquez sur &#8220;gérer les traductions</li>



<li>Choisir la langue</li>
</ul>



<p class="has-base-background-color has-background">Vous pouvez toujours réinitialiser les traductions, à terme, si l&#8217;étendue de vos modifications ne donne pas les résultats escomptés.</p>
</div>
</div>



<ul class="wp-block-list">
<li>Dans la zone &#8220;<strong>All spécial products</strong>&#8220;, indiquez &#8216;<strong>Toutes les soldes</strong>&#8220;</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="655" height="93" src="https://st9ph.fr/wp-content/uploads/2025/01/image-13.png" alt="" class="wp-image-30798" srcset="https://st9ph.fr/wp-content/uploads/2025/01/image-13.png 655w, https://st9ph.fr/wp-content/uploads/2025/01/image-13-300x43.png 300w" sizes="auto, (max-width: 655px) 100vw, 655px" /></figure>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquez sur</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="119" height="45" src="https://st9ph.fr/wp-content/uploads/2025/01/image-7.png" alt="" class="wp-image-30788"/></figure>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-video"><video height="448" style="aspect-ratio: 286 / 448;" width="286" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2025/01/20260120_104226.mp4" playsinline></video></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>ℹ️ On vient de <strong>modifier l&#8217;indication de lien </strong>dans les panneaux latéraux et en bas du bandeau de la page d&#8217;accueil.</p>



<p class="has-base-2-background-color has-background">👉 Il aurait était dommage que &#8220;<strong>All special products</strong>&#8221; reste le <strong>CTA</strong> pour nos clients. Il aurait moins bien donné envie !</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="724" height="568" src="https://st9ph.fr/wp-content/uploads/2025/01/image-15.png" alt="" class="wp-image-30800" srcset="https://st9ph.fr/wp-content/uploads/2025/01/image-15.png 724w, https://st9ph.fr/wp-content/uploads/2025/01/image-15-300x235.png 300w" sizes="auto, (max-width: 724px) 100vw, 724px" /></figure>
</div>
</div>



<p></p>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-f2b27857e69b4c641cdb02fa40281e49">3️⃣| Paramétrer les produits en soldes</h2>



<p>Il nous faut à la fois appliquer une réduction à nos produits soldés et les revêtir du bandeau &#8220;promo&#8221; devenu &#8220;soldes&#8221;. Enfin, il faudra l&#8217;ajouter au menu de la boutique.</p>



<h3 class="wp-block-heading">3-1 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Appliquer une réduction à un produit</mark></h3>



<p class="has-base-2-background-color has-background">ℹ️ En règle générale, on fait cela pour <strong>les produits qui se vendent le moins bien</strong>, souvent pour décongestionner les stocks mais on peut aussi cibler <strong>des produits &#8220;d&#8217;appel&#8221;</strong>, best Sellers moins chers que chez les concurrents <strong>pour attirer des prospects</strong> sur notre boutique.</p>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="42" height="20" src="https://st9ph.fr/wp-content/uploads/2025/01/image-16.png" alt="" class="wp-image-30802"/></figure>



<p>Voir aussi la réglementation spécifique sur les soldes <a href="https://www.economie.gouv.fr/cedef/reglementation-des-soldes" target="_blank" rel="noreferrer noopener">sur le site gouvernemental</a>.</p>
</div>



<ul class="wp-block-list">
<li>Catalogue &gt; <strong>Produits </strong>&gt;onglet <strong>prix</strong></li>
</ul>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquez sur</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="238" height="47" src="https://st9ph.fr/wp-content/uploads/2025/01/image-17.png" alt="" class="wp-image-30803"/></figure>
</div>



<ul class="wp-block-list">
<li>Définir les <strong>dates de début </strong>et <strong>de fin</strong> de votre promotion.</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="654" height="272" src="https://st9ph.fr/wp-content/uploads/2025/01/image-18.png" alt="" class="wp-image-30804" srcset="https://st9ph.fr/wp-content/uploads/2025/01/image-18.png 654w, https://st9ph.fr/wp-content/uploads/2025/01/image-18-300x125.png 300w" sizes="auto, (max-width: 654px) 100vw, 654px" /></figure>



<p class="has-base-2-background-color has-background">👉 Dans mon cas, s&#8217;agissant des <strong>soldes d&#8217;hiver 2025</strong>, je respecte scrupuleusement <strong>les dates légales </strong>du 8 janvier au 4 février.</p>



<ul class="wp-block-list">
<li>définissez <strong>le montant</strong> en<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"> numéraire ou en pourcentage</mark> de votre réduction</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="664" height="127" src="https://st9ph.fr/wp-content/uploads/2025/01/image-19.png" alt="" class="wp-image-30805" srcset="https://st9ph.fr/wp-content/uploads/2025/01/image-19.png 664w, https://st9ph.fr/wp-content/uploads/2025/01/image-19-300x57.png 300w" sizes="auto, (max-width: 664px) 100vw, 664px" /></figure>



<p class="has-base-background-color has-background">Souvent, <strong>pour de petits montants</strong>, une réduction en pourcentage sera plus incitative qu&#8217;une promotion en euros.</p>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquez sur</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="119" height="45" src="https://st9ph.fr/wp-content/uploads/2025/01/image-7.png" alt="" class="wp-image-30788"/></figure>
</div>



<h3 class="wp-block-heading">3-2 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Appliquer le bandeau soldes sur votre produit</mark></h3>



<ul class="wp-block-list">
<li>Catalogue &gt; <strong>Produits </strong>&gt;onglet <strong>prix</strong> (ici, nous y sommes déjà)</li>



<li>Cocher &#8220;<strong>afficher un bandeau &#8220;promo !</strong> &#8230;.&#8221;</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="552" height="40" src="https://st9ph.fr/wp-content/uploads/2025/01/image-20.png" alt="" class="wp-image-30807" srcset="https://st9ph.fr/wp-content/uploads/2025/01/image-20.png 552w, https://st9ph.fr/wp-content/uploads/2025/01/image-20-300x22.png 300w" sizes="auto, (max-width: 552px) 100vw, 552px" /></figure>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquez sur</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="119" height="45" src="https://st9ph.fr/wp-content/uploads/2025/01/image-7.png" alt="" class="wp-image-30788"/></figure>
</div>



<p>Pour nous, ce sera <strong>un bandeau &#8220;SOLDES</strong>&#8221; vu que nous avons détourné son usage en modifiant sa traduction.</p>



<p class="has-base-2-background-color has-background">😮‍💨 C&#8217;est <strong>un choix personnel.</strong> Je trouve pour ma part que <strong>le bandeau &#8220;en promo&#8221; est inutile</strong> dans la mesure ou on voit nettement sur le produit qu&#8217;il est remisé par l&#8217;affichage &#8220;- 20%&#8221; ou &#8220;- 10 €&#8221; e<strong>n plus du prix normal barré.</strong> </p>



<p>⚠️ Si vous pensez différemment, il vous faudra trouver<strong> une autre astuce</strong> pour paramétrer vos soldes sans acheter un module pour cela.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="268" height="337" src="https://st9ph.fr/wp-content/uploads/2025/01/image-21.png" alt="" class="wp-image-30808" srcset="https://st9ph.fr/wp-content/uploads/2025/01/image-21.png 268w, https://st9ph.fr/wp-content/uploads/2025/01/image-21-239x300.png 239w" sizes="auto, (max-width: 268px) 100vw, 268px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>👈 <strong>Le résultat est assez visible</strong></p>



<p>➡️ Vous n&#8217;aurez même<strong> rien à faire</strong> pour f<strong>aire disparaitre le bandeau </strong>Soldes quand la période sera terminée <strong>à condition </strong>que :</p>



<ul class="wp-block-list">
<li>Vous ayez <strong>bien borné votre promotion </strong>aux dates des soldes pour tous les produits soldés (<img loading="lazy" decoding="async" width="27" height="12" class="wp-image-33220" style="width: 27px;" src="https://st9ph.fr/wp-content/uploads/2025/01/marianne.jpg" alt=""> <mark style="background-color:rgba(0, 0, 0, 0);color:#b13131" class="has-inline-color">sans quoi vous êtes hors la loi</mark>)</li>



<li>Vous n&#8217;avez <strong>pas de promotions en cours</strong> pendant la période des soldes (<mark style="background-color:rgba(0, 0, 0, 0);color:#962222" class="has-inline-color">sans quoi toute cette astuce n&#8217;est plus valable</mark>)</li>
</ul>



<p class="has-base-2-background-color has-background">👉 Pensez aussi que vous disposez d&#8217;<strong>un bloc promo </strong>dans le thème qu&#8217;il vous suffit d&#8217;<strong>afficher à la place du bloc PrestaHero </strong>hors des périodes de soldes.</p>
</div>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="104" src="https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-1024x104.png" alt="" class="wp-image-33208" srcset="https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-1024x104.png 1024w, https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-300x31.png 300w, https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-768x78.png 768w, https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-1536x157.png 1536w, https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-2048x209.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">3-3 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Ajouter les soldes au menu</mark></h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="709" height="176" src="https://st9ph.fr/wp-content/uploads/2025/01/image-22.png" alt="" class="wp-image-30809" srcset="https://st9ph.fr/wp-content/uploads/2025/01/image-22.png 709w, https://st9ph.fr/wp-content/uploads/2025/01/image-22-300x74.png 300w" sizes="auto, (max-width: 709px) 100vw, 709px" /></figure>



<p>Comme dit plus haut, vous avez <strong>deux possibilités</strong> :</p>



<ol class="wp-block-list">
<li><strong>Créer une catégorie &#8220;Soldes&#8221;</strong> dans laquelle vous ajouterez tous vos articles soldés puis ajouter cette catégorie au menu.</li>



<li>F<strong>aire un lien personnalisé </strong>vers la rubrique des soldes directement dans le menu.</li>
</ol>



<p>J&#8217;ai choisi <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">cette deuxième solution </mark></strong>qui est plus rapide.</p>



<ul class="wp-block-list">
<li>Modules &gt; <strong>gestionnaire de modules</strong> &gt; Design &amp; Navigation &gt; <strong>menu principal</strong></li>
</ul>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquez sur</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="165" height="46" src="https://st9ph.fr/wp-content/uploads/2025/01/image-4.png" alt="" class="wp-image-30784"/></figure>
</div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="922" height="289" src="https://st9ph.fr/wp-content/uploads/2025/01/image-23.png" alt="" class="wp-image-30810" srcset="https://st9ph.fr/wp-content/uploads/2025/01/image-23.png 922w, https://st9ph.fr/wp-content/uploads/2025/01/image-23-300x94.png 300w, https://st9ph.fr/wp-content/uploads/2025/01/image-23-768x241.png 768w" sizes="auto, (max-width: 922px) 100vw, 922px" /></figure>



<ul class="wp-block-list">
<li><strong>Ajouter un nouveau lien </strong>&gt; libellé</li>



<li>Saisir <strong>le nom qui apparaitra dans le menu</strong> (pour nous : &#8220;soldes&#8221;)</li>



<li><strong>Coller l&#8217;url </strong>de votre rubrique promotions <strong>dans la zone &#8220;lien&#8221;</strong></li>
</ul>



<p class="has-base-2-background-color has-background">👉 Pour rappel, N<strong>&#8216;ouvrez pas le lien dans une nouvelle fenêtre </strong>en activant le bouton radio.  Le visiteur vient de votre site <strong>pour rebondir sur le même site</strong>, donc, <strong>sur le même onglet</strong>. Multiplier les fenêtres l&#8217;obligera à les fermer toutes en partant, ce qui peut le contrarier, à force. </p>



<p class="has-background" style="background-color:#5ad9f217">⭐ <strong>Réservez cette option pour vos liens externes</strong> afin de ne pas perdre vos visiteurs, car, oui, le site vers lequel vous les envoyez remplacerait le votre sur l&#8217;écran avec <strong>le risque qu&#8217;il ne revienne jamais sur le votre</strong>.</p>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<p>Cliquez sur </p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="92" height="43" src="https://st9ph.fr/wp-content/uploads/2025/01/image-25.png" alt="" class="wp-image-30812"/></figure>
</div>



<ul class="wp-block-list">
<li><strong>Eléments disponibles</strong> &gt; Scrollez jusqu&#8217;à &#8220;<strong>liens du menu</strong>&#8220;</li>



<li><strong>Cliquez sur le lien à ajouter</strong> (pour nous : &#8220;soldes&#8221;)</li>



<li>Cliquez sur <strong>Ajouter</strong>.</li>



<li><strong>Modifiez </strong>éventuellement<strong> la position du lien </strong>dans le menu <strong>avec les flèches</strong>. Le plus à gauche est tout en haut de la liste.</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="861" height="269" src="https://st9ph.fr/wp-content/uploads/2025/01/image-24.png" alt="" class="wp-image-30811" srcset="https://st9ph.fr/wp-content/uploads/2025/01/image-24.png 861w, https://st9ph.fr/wp-content/uploads/2025/01/image-24-300x94.png 300w, https://st9ph.fr/wp-content/uploads/2025/01/image-24-768x240.png 768w" sizes="auto, (max-width: 861px) 100vw, 861px" /></figure>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>Cliquez sur</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="119" height="45" src="https://st9ph.fr/wp-content/uploads/2025/01/image-7.png" alt="" class="wp-image-30788"/></figure>
</div>



<p>Voilà, nous avons fini la mise en place de nos soldes.</p>



<p class="has-base-2-background-color has-background">➡️ Certes, toute cette procédure est <strong>juste une astuce </strong>pour <strong>éviter des frais <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">mais elle fait le job </mark></strong>sans saigner votre budget 👍. Somme toute, c&#8217;est un module qui sert de 2 fois un mois par an.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="104" src="https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-1024x104.png" alt="" class="wp-image-33208" srcset="https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-1024x104.png 1024w, https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-300x31.png 300w, https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-768x78.png 768w, https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-1536x157.png 1536w, https://st9ph.fr/wp-content/uploads/2025/01/bandeua-soldes-2048x209.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-1aea58fbb76e79bf0dcfb83bdb1f6ee6">🧑‍🎓| Vers l&#8217;épreuve E5B</h2>



<p>ℹ️ <strong>Les soldes ne sont pas au programme </strong>de l&#8217;épreuve technique. D&#8217;ailleurs vous, la passez en dehors de ces périodes. En revanche, vous devez savoir <strong>quelles sont les règles à respecter </strong>en matière de soldes pour l&#8217;écrit.</p>



<p>➡️ <a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/" target="_blank" rel="noreferrer noopener">Voir cet article</a> en section 1-1</p>



<p class="has-base-2-background-color has-background">👉 Ce module est donc <strong>pour vos besoins professionnels </strong>plus que pour votre entrainement à l&#8217;examen.. Toutefois, vous y retrouvez des manipulations à connaitre comme <strong>paramétrer une promotion</strong> ou <strong>modifier le menu principal</strong>. n&#8217;oubliez pas aussi <a href="https://st9ph.fr/book-prestashop/" target="_blank" rel="noreferrer noopener">le Book Prestashop</a> qui reprend toutes les fonctionnalités du logiciel.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2Fprestashop-cest-parti-pour-les-soldes%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size">⬇️</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span><a href="https://st9ph.fr/category/creation-de-sites/">🛠️ création de sites</a></span> » <span class="breadcrumb_last" aria-current="page">PrestaShop</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-265abd21     uagb-post__items uagb-post__columns-3 is-grid uagb-post__columns-tablet-2 uagb-post__columns-mobile-1 uagb-post__equal-height" data-total="3" style="">

												<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="732" height="259" src="https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop.jpg 732w, https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop-300x106.jpg 300w" sizes="auto, (max-width: 732px) 100vw, 732px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer">Prestashop | OP Com dans la Eshop</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-17T18:27:24+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					17 février 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | 💥OP Com dans la Eshop ➡️ Que ce soit pour &#8230; vider les&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="840" height="248" src="https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech.jpg 840w, https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech-300x89.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech-768x227.jpg 768w" sizes="auto, (max-width: 840px) 100vw, 840px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Le Service Après Vente</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-24T16:55:00+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					24 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					SAV prestashop,, commande prestashop en backoffice, messages prédéfinis prestashop

				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="736" height="226" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958.jpg 736w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958-300x92.jpg 300w" sizes="auto, (max-width: 736px) 100vw, 736px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Manipuler la boutique</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-22T14:40:35+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					22 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					2 commentaires				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | Manipuler la boutique 🏪 👉🏻 2nd bloc d&#8217;évaluation de l&#8217;épreuve technique, les manipulations&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="769" height="245" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419.jpg 769w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419-300x96.jpg 300w" sizes="auto, (max-width: 769px) 100vw, 769px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer">Prestashop | La Fiche Produit par l&#8217;exemple</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-16T22:44:19+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					16 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | La Fiche Produit 🎧 Ecouter l&#8217;introduction audio 👉🏻 1er bloc d&#8217;évaluation de l&#8217;épreuve&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="723" height="199" src="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925.jpg 723w, https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925-300x83.jpg 300w" sizes="auto, (max-width: 723px) 100vw, 723px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer">Prestashop | les retours produits</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-12-18T19:06:17+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					18 décembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Un commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>restaShop | Les retours produits 🔙 ➡️ Il faut savoir que les différents scénarios devront&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="307" src="https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-1024x349.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-1024x349.png 1024w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-300x102.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-768x262.png 768w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9.png 1059w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Nouveautés de la version 9</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-11-19T10:45:25+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					19 novembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>Une nouvelle version du CMS pose quelques améliorations au Backoffice et un nouveau thème en&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
											</div>
			


<div class="wp-block-uagb-team uagb-team__image-position-left uagb-team__align-left uagb-team__stack-tablet uagb-block-5002ab42"><img decoding="async" class="uagb-team__image-crop-circle" src="https://st9ph.fr/wp-content/uploads/2022/01/steph-150x150.png" alt="" height="100" width="100" loading="lazy"/><div class="uagb-team__content"><h4 class="uagb-team__title">St9ph</h4><span class="uagb-team__prefix">Webmaster</span><p class="uagb-team__desc">Je suis Formateur depuis 1997 et j&#8217;ai commencé ma carrière comme technicien en réseaux informatiques.  J&#8217;ai travaillé pour de grands organismes de formation : Greta, AFPA, réseau des CCI, des écoles de commerces réputées : EM Normandie, E2SE, groupes FIM et ICEP, et collaboré en Centre d&#8217;Appels chez Webhelp pendant 12 ans avec des grands comptes FAI comme Orange, Bouygues Telecom et SFR, des assureurs et des fournisseurs d&#8217;Energie comme Direct Energie (devenu Total) et EDF (devenu Engie) !</p><ul class="uagb-team__social-list"><li class="uagb-team__social-icon"><a href="https://www.facebook.com/profile.php?id=100076192144163" aria-label="facebook" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"></path></svg></a></li><li class="uagb-team__social-icon"><a href="https://www.linkedin.com/company/st9ph/" aria-label="linkedin" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li></ul></div></div>
<p>L’article <a href="https://st9ph.fr/prestashop-cest-parti-pour-les-soldes/">Prestashop | C&#8217;est parti pour les soldes !</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/prestashop-cest-parti-pour-les-soldes/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2025/01/voicertool_audio_Eloise_20-01-2026_at_08_50_55_on_January_20th_2026.mp3" length="193536" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2025/01/20260120_104226.mp4" length="601581" type="video/mp4" />

		<post-id xmlns="com-wordpress:feed-additions:1">30777</post-id>	</item>
		<item>
		<title>Prestashop &#124; Mots clés et Alias de recherche</title>
		<link>https://st9ph.fr/prestashop-mots-cles-et-alias-de-recherche/</link>
					<comments>https://st9ph.fr/prestashop-mots-cles-et-alias-de-recherche/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Sat, 30 Nov 2024 08:08:36 +0000</pubDate>
				<category><![CDATA[PrestaShop]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[🛠️ création de sites]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[alias de recherche prestashop]]></category>
		<category><![CDATA[alias prestashop]]></category>
		<category><![CDATA[réindexer la recherche produits prestashop]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=30347</guid>

					<description><![CDATA[<p>PrestaShop &#124; Mots clés et Alias de recherche 👉🏻 Les mots clés permettent à vos visiteurs de trouver un produit en les saisissant dans le moteur de recherche du header de votre page d&#8217;accueil. Les résultats sont parfois inattendus ou stériles. Il faudra alors définir des alias (mots clés alternatifs) si ceux-ci reviennent fréquemment et ... <a title="Prestashop &#124; Mots clés et Alias de recherche" class="read-more" href="https://st9ph.fr/prestashop-mots-cles-et-alias-de-recherche/" aria-label="En savoir plus sur Prestashop &#124; Mots clés et Alias de recherche">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/prestashop-mots-cles-et-alias-de-recherche/">Prestashop | Mots clés et Alias de recherche</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">


<p class="has-medium-font-size"><strong>PrestaShop</strong></p>



<p class="has-accent-color has-text-color has-link-color has-x-large-font-size wp-elements-818d6cfeb96b5b8422162848fe3d679b"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-contrast-color">|</mark> Mots clés et Alias de recherche</p>
</div>



<p class="callout bleu">👉🏻 Les mots clés permettent à vos visiteurs de trouver un produit en les saisissant <strong>dans le moteur de recherche du header </strong>de votre page d&#8217;accueil. Les résultats sont parfois<strong> inattendus ou stériles</strong>. Il faudra alors définir <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">des alias </mark></strong>(mots clés alternatifs) si ceux-ci reviennent fréquemment et que ce ne sont pas ceux que vous aviez prévus.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="233" height="211" src="https://st9ph.fr/wp-content/uploads/2025/12/IA.png" alt="" class="wp-image-31733" style="width:79px;height:auto"/></figure>
</div>


<p class="has-small-font-size">Part d&#8217;IA /5 dans cet article</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<div class="wp-block-columns has-base-2-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-8a105f8a-68e6-4b26-9ea6-69f7f9c731cd">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-8a105f8a-68e6-4b26-9ea6-69f7f9c731cd-0"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-8a105f8a-68e6-4b26-9ea6-69f7f9c731cd-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-8a105f8a-68e6-4b26-9ea6-69f7f9c731cd-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-8a105f8a-68e6-4b26-9ea6-69f7f9c731cd-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-8a105f8a-68e6-4b26-9ea6-69f7f9c731cd-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-8a105f8a-68e6-4b26-9ea6-69f7f9c731cd-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-8a105f8a-68e6-4b26-9ea6-69f7f9c731cd-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-8a105f8a-68e6-4b26-9ea6-69f7f9c731cd-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-8a105f8a-68e6-4b26-9ea6-69f7f9c731cd-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-8a105f8a-68e6-4b26-9ea6-69f7f9c731cd-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">♨️ Sources</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-7a1622c0-aa0c-4b8e-aff7-a7700beee839">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-7a1622c0-aa0c-4b8e-aff7-a7700beee839-0"><rect height="150" width="75" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-7a1622c0-aa0c-4b8e-aff7-a7700beee839-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-7a1622c0-aa0c-4b8e-aff7-a7700beee839-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-7a1622c0-aa0c-4b8e-aff7-a7700beee839-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-7a1622c0-aa0c-4b8e-aff7-a7700beee839-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-7a1622c0-aa0c-4b8e-aff7-a7700beee839-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-7a1622c0-aa0c-4b8e-aff7-a7700beee839-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-7a1622c0-aa0c-4b8e-aff7-a7700beee839-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-7a1622c0-aa0c-4b8e-aff7-a7700beee839-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-7a1622c0-aa0c-4b8e-aff7-a7700beee839-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">🖼️ Images</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-5063a4b8-3011-45c1-869e-55781b7c40c0">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-5063a4b8-3011-45c1-869e-55781b7c40c0-0"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-5063a4b8-3011-45c1-869e-55781b7c40c0-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-5063a4b8-3011-45c1-869e-55781b7c40c0-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-5063a4b8-3011-45c1-869e-55781b7c40c0-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-5063a4b8-3011-45c1-869e-55781b7c40c0-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-5063a4b8-3011-45c1-869e-55781b7c40c0-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-5063a4b8-3011-45c1-869e-55781b7c40c0-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-5063a4b8-3011-45c1-869e-55781b7c40c0-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-5063a4b8-3011-45c1-869e-55781b7c40c0-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-5063a4b8-3011-45c1-869e-55781b7c40c0-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">✒️Contenu</div>
		</div></div>
</div>
</div>
</div>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">3–5 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">715 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-02-23T17:22:57+01:00">23 février  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-0839581a      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							📌 <strong>Plan de l&#8217;article</strong>						</div>
												<div class="uagb-toc__loader"></div>										<div class="uagb-toc__list-wrap uagb-toc__list-hidden">
						<ol class="uagb-toc__list"><li class="uagb-toc__list "><a href="#cas-de-figure" class="uagb-toc-link__trigger">Cas de figure</a><li class="uagb-toc__list "><a href="#ajouter-ou-modifier-un-alias" class="uagb-toc-link__trigger">Ajouter ou modifier un alias</a><li class="uagb-toc__list "><a href="#modifier-les-correspondances-de-mots-clés" class="uagb-toc-link__trigger">Modifier les correspondances de mots clés</a><li class="uagb-toc__list "><a href="#vers-lépreuve-e5b" class="uagb-toc-link__trigger">🧑🏻‍🎓 | Vers l&#039;épreuve E5B</a></ol>					</div>
									</div>
				</div>
			


<style>
.chapter-title {
  display: flex;
  align-items: stretch;
  margin: 1.8rem 0;
}

/* Numéro */
.chapter-number {
  background: #1e73be;
  color: #fff;
  font-weight: 700;
  font-size: 3rem;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 0 0 10px;
}

/* Contenu */
.chapter-content {
  padding: 0.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 4px solid #1e73be;
}

/* H2 avec logo */
.chapter-content h2 {
  margin: 0;
  font-size: 2.05rem;
  font-weight: 700;
  color: #1e73be;
  display: flex;
  align-items: center;
  gap: 0.6rem; /* espace logo / texte */
}

/* Logo carré */
.chapter-icon {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Sous-titre */
.chapter-subtitle {
  margin-top: 0.35rem;
  font-style: italic;
  color: #555;
  font-size: 0.95rem;
}
</style>

<div class="chapter-title">
  <div class="chapter-number">1</div>
  <div class="chapter-content">
    <h2>
      <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png"
           alt=""
           class="chapter-icon">
      Cas de figure
    </h2>
    <p class="chapter-subtitle">correspondance trouvée ou non</p>
  </div>
</div>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-370bcd3f-ee3a-406d-ad11-020a3ce767f9">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-f3bcd801-af76-431b-913a-a916f4260c74">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cas normal de recherche : <strong>les mots clés sont retrouvés dans la fiche produit</strong></span>
			</div>
			
		</li>
</ul>


<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="418" height="186" src="https://st9ph.fr/wp-content/uploads/2024/11/image-1.png" alt="" class="wp-image-30349" srcset="https://st9ph.fr/wp-content/uploads/2024/11/image-1.png 418w, https://st9ph.fr/wp-content/uploads/2024/11/image-1-300x133.png 300w" sizes="auto, (max-width: 418px) 100vw, 418px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="callout vert">✅ Ci-contre, la recherche &#8220;<strong>4&#215;4</strong>&#8221; permet de proposer deux produits car ce mot clé figure<strong> soit dans le récapitulatif,</strong> soit dans <strong>la description,</strong> soit dans<strong> la meta</strong> ou <strong>les mots clés </strong>ajoutés dans l&#8217;onglet options</p>
</div>
</div>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-aae3ee2a-8905-4fcf-8d84-5ae0aae67959">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-e69909f7-e074-4b15-bac3-271cb83a11c8">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#cf2e2e" d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cas où la définition d&#8217;un alias sera nécessaire : l<strong>es mots clés ne trouvent pas de correspondance</strong> <strong>pertinente</strong></span>
			</div>
			
		</li>
</ul>


<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="396" height="242" src="https://st9ph.fr/wp-content/uploads/2024/11/image-2.png" alt="" class="wp-image-30351" srcset="https://st9ph.fr/wp-content/uploads/2024/11/image-2.png 396w, https://st9ph.fr/wp-content/uploads/2024/11/image-2-300x183.png 300w" sizes="auto, (max-width: 396px) 100vw, 396px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="callout rouge">❌ Ci-contre, la recherche &#8220;petite voiture&#8221; rapporte aussi le pack Peugeot car le récapitulatif indique &#8220;<strong>petite </strong>citadine&#8221; et, plus grave encore, la Ford Mustang (qui n&#8217;est pas petite) car sa fiche indique &#8220;pour la <strong>petite </strong>histoire&#8221;</p>
</div>
</div>



<style>
.chapter-title {
  display: flex;
  align-items: stretch;
  margin: 1.8rem 0;
}

/* Numéro */
.chapter-number {
  background: #1e73be;
  color: #fff;
  font-weight: 700;
  font-size: 3rem;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 0 0 10px;
}

/* Contenu */
.chapter-content {
  padding: 0.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 4px solid #1e73be;
}

/* H2 avec logo */
.chapter-content h2 {
  margin: 0;
  font-size: 2.05rem;
  font-weight: 700;
  color: #1e73be;
  display: flex;
  align-items: center;
  gap: 0.6rem; /* espace logo / texte */
}

/* Logo carré */
.chapter-icon {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Sous-titre */
.chapter-subtitle {
  margin-top: 0.35rem;
  font-style: italic;
  color: #555;
  font-size: 0.95rem;
}
</style>

<div class="chapter-title">
  <div class="chapter-number">2</div>
  <div class="chapter-content">
    <h2>
      <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png"
           alt=""
           class="chapter-icon">
  Ajouter ou modifier un alias
    </h2>
    <p class="chapter-subtitle">on parlera de réindexation</p>
  </div>
</div>



<p>➡️ Tout d&#8217;abord, <strong>consultons les statistiques</strong> de recherche dans le moteur de la boutique afin d&#8217;y trouver les mots clés récurrents et ceux qui ne trouvent pas de correspondance adequate :</p>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-aeb86c24-abca-4564-992a-487b49878a49">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-b53ddb76-51a7-4e30-af61-125f78e1b7bb">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Vendre &gt;Statistiques &gt;<strong> recherche de la boutique</strong></span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="300" src="https://st9ph.fr/wp-content/uploads/2024/11/image-3-1024x300.png" alt="" class="wp-image-30353" srcset="https://st9ph.fr/wp-content/uploads/2024/11/image-3-1024x300.png 1024w, https://st9ph.fr/wp-content/uploads/2024/11/image-3-300x88.png 300w, https://st9ph.fr/wp-content/uploads/2024/11/image-3-768x225.png 768w, https://st9ph.fr/wp-content/uploads/2024/11/image-3.png 1275w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="422" height="250" src="https://st9ph.fr/wp-content/uploads/2024/11/image-5.png" alt="" class="wp-image-30355" srcset="https://st9ph.fr/wp-content/uploads/2024/11/image-5.png 422w, https://st9ph.fr/wp-content/uploads/2024/11/image-5-300x178.png 300w" sizes="auto, (max-width: 422px) 100vw, 422px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Imaginons que nous constations que la marque Peugeot&#8221; soit souvent mal orthographiée ainsi :&#8221;peugoet&#8221;.</p>



<p class="has-base-background-color has-background"> Il est probable que le moteur corrige cette faute mais assurons les chances de notre visiteur de trouver nos produits malgré tout.<strong> </strong></p>



<p><strong>Ajoutons un Alias </strong>pour cette recherche erronée qui revient souvent.</p>
</div>
</div>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-a9dd11b9-3783-41fb-802c-064570bbffd1">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-2c98e165-4447-4065-87ea-8fe37942fdad">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Paramètres de la boutique</strong> &gt; <strong>Rechercher </strong>&gt; onglet <strong>rechercher</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-c7787680-aa52-411c-a14a-807c73d53f21">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Bouton &#8220;<strong>ajouter un Alias</strong>&#8220;</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 576 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-4e0bab6e-30b1-4180-b264-7baea30d3bc0">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path fill="#000000" d="M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z"></path></svg>
				</span>
				<span class="ub_list_item_text">taper le nom  du mot à corriger dans la <strong>zone Alias</strong> et sa correspondance correcte dans <strong>Résultat</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-632bd8b7-b3d0-46b4-b291-f81cbf00b094">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Bouton 🟦 <strong><mark class="has-inline-color has-accent-color">Enregistrer</mark></strong></span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1025" height="290" src="https://st9ph.fr/wp-content/uploads/2024/11/image-6.png" alt="" class="wp-image-30356" srcset="https://st9ph.fr/wp-content/uploads/2024/11/image-6.png 1025w, https://st9ph.fr/wp-content/uploads/2024/11/image-6-300x85.png 300w, https://st9ph.fr/wp-content/uploads/2024/11/image-6-768x217.png 768w" sizes="auto, (max-width: 1025px) 100vw, 1025px" /></figure>



<p>👉🏻 Cette précaution s&#8217;avère inutile si l&#8217;option de correction de saisie approximative est activée :</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="782" height="123" src="https://st9ph.fr/wp-content/uploads/2024/11/image-7.png" alt="" class="wp-image-30357" style="width:820px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2024/11/image-7.png 782w, https://st9ph.fr/wp-content/uploads/2024/11/image-7-300x47.png 300w, https://st9ph.fr/wp-content/uploads/2024/11/image-7-768x121.png 768w" sizes="auto, (max-width: 782px) 100vw, 782px" /></figure>



<p class="callout bleu">👀 Vous pouvez voir les <strong>différentes options </strong>du comportement du moteur de recherche en descendant sur la page de l&#8217;onglet rechercher ainsi que définir <strong>le poids des différents éléments</strong> de la fiche produit pour qu&#8217;ils comptent plus ou moins dans la pertinence des mots clés.</p>



<p>👉🏻 Notons, sans doute le plus intéressant d&#8217;entre eux, <strong>les mots clés<mark style="background-color:rgba(0, 0, 0, 0);color:#be2626" class="has-inline-color"> à ne pas indexer</mark></strong> :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="138" src="https://st9ph.fr/wp-content/uploads/2024/11/image-9-1024x138.png" alt="" class="wp-image-30362" srcset="https://st9ph.fr/wp-content/uploads/2024/11/image-9-1024x138.png 1024w, https://st9ph.fr/wp-content/uploads/2024/11/image-9-300x41.png 300w, https://st9ph.fr/wp-content/uploads/2024/11/image-9-768x104.png 768w, https://st9ph.fr/wp-content/uploads/2024/11/image-9.png 1029w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>➡️ <strong>Ajoutez </strong>à cette liste <strong>les mots souvent saisis </strong>qui provoquent des problèmes (impasses, correspondances trompeuses, bugs)</p>



<p class="callout vert">✅ N&#8217;oubliez pas non plus que vous pouvez définir sur vos fiches produits, dans l&#8217;<strong>onglet options</strong>, si vous souhaitez qu&#8217;ils apparaissent en résultats de recherche ou pas.</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="734" height="330" src="https://st9ph.fr/wp-content/uploads/2024/11/image-10.png" alt="" class="wp-image-30363" style="width:820px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2024/11/image-10.png 734w, https://st9ph.fr/wp-content/uploads/2024/11/image-10-300x135.png 300w" sizes="auto, (max-width: 734px) 100vw, 734px" /></figure>



<style>
.chapter-title {
  display: flex;
  align-items: stretch;
  margin: 1.8rem 0;
}

/* Numéro */
.chapter-number {
  background: #1e73be;
  color: #fff;
  font-weight: 700;
  font-size: 3rem;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 0 0 10px;
}

/* Contenu */
.chapter-content {
  padding: 0.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 4px solid #1e73be;
}

/* H2 avec logo */
.chapter-content h2 {
  margin: 0;
  font-size: 2.05rem;
  font-weight: 700;
  color: #1e73be;
  display: flex;
  align-items: center;
  gap: 0.6rem; /* espace logo / texte */
}

/* Logo carré */
.chapter-icon {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Sous-titre */
.chapter-subtitle {
  margin-top: 0.35rem;
  font-style: italic;
  color: #555;
  font-size: 0.95rem;
}
</style>

<div class="chapter-title">
  <div class="chapter-number">3</div>
  <div class="chapter-content">
    <h2>
      <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png"
           alt=""
           class="chapter-icon">
 Modifier les correspondances de mots clés
    </h2>
    <p class="chapter-subtitle">c&#8217;est à dire <strong> forcer </strong> la correspondance</p>
  </div>
</div>



<p>👉🏻 Vous pouvez également <strong>&#8220;forcer&#8221; la correspondance</strong> de produits avec les mots clés recherchés si vous estimez que certains de vos produits devraient leurs correspondre alors qu&#8217;ils n&#8217;apparaissent pas en résultat ou, au contraire, <strong>enlever certains produits des résultats</strong> s&#8217;ils apparaissent alors qu&#8217;ils ne devraient pas.</p>



<p class="callout bleu">ℹ️ C&#8217;est le cas de la Mustang 🚘 et du Pack Peugeot pour le mot clé &#8220;<strong><em>petite</em></strong>&#8221; que j&#8217;évoquais toute à l&#8217;heure. </p>



<p>➡️ Corrigeons cela :</p>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-72c55ab1-fa92-47ec-9db7-8c1c3316a76e">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-ac450cc2-6924-4294-bfb9-1f4603a0fd4f">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Paramètres de la boutique</strong> &gt; <strong>Rechercher </strong>&gt; onglet <strong>mots clés</strong></span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 576 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-139c163e-e87b-4cb2-9899-3ede8f07c879">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512"><path fill="#000000" d="M64 64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H64zm16 64h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm80-176c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V144zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zM160 336c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V336zM272 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM256 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM368 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM352 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16V240zM464 128h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16zM448 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V240zm16 80h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H464c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Recherchez le mot clé </strong>à modifier dans la liste (ou tapez son nom dans la zone &#8220;nom&#8221; s&#8217;il y&#8217;en a beaucoup)</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-edf87696-a783-421a-ab86-50550f9ad433">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">Cliquer sur <strong>modifier</strong></span>
			</div>
			
		</li>
</ul>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1022" height="472" src="https://st9ph.fr/wp-content/uploads/2024/11/image-8.png" alt="" class="wp-image-30358" srcset="https://st9ph.fr/wp-content/uploads/2024/11/image-8.png 1022w, https://st9ph.fr/wp-content/uploads/2024/11/image-8-300x139.png 300w, https://st9ph.fr/wp-content/uploads/2024/11/image-8-768x355.png 768w" sizes="auto, (max-width: 1022px) 100vw, 1022px" /></figure>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-70478def-55a0-4fe7-9725-55f482dd538b">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-f830489f-c64e-46e4-b787-b90247783385">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Ajouter ou retirer les produits</strong> de votre catalogue selon que vous voulez les faire correspondre au mots clé ou pas.</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-22a0a6a1-6b5e-4736-84c4-1c0ecbb972d2">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#000000" d="M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z"></path></svg>
				</span>
				<span class="ub_list_item_text">N&#8217;oubliez pas <strong>d&#8217; 🟦<mark class="has-inline-color has-accent-color"> enregistrer</mark></strong></span>
			</div>
			
		</li>
</ul>


<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-fecd992935cc593b9bd49874de359aaa">🧑🏻‍🎓 | Vers l&#8217;épreuve E5B</h2>



<p>➡️ Durant l&#8217;épreuve technique du BTS NDRC vous pouvez être amené(e) à manipuler les Alias de la boutique d&#8217;examen et à effectuer toutes les manipulations d&#8217;inclusion ou d&#8217;exclusion décrites dans cet article.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span><a href="https://st9ph.fr/category/creation-de-sites/">🛠️ création de sites</a></span> » <span class="breadcrumb_last" aria-current="page">PrestaShop</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2Fprestashop-mots-cles-et-alias-de-recherche%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size">⬇️</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>



<p>Dans la même catégorie :</p>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-6b96ba64     uagb-post__items uagb-post__columns-3 is-grid uagb-post__columns-tablet-2 uagb-post__columns-mobile-1 uagb-post__equal-height" data-total="3" style="">

												<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="732" height="259" src="https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop.jpg 732w, https://st9ph.fr/wp-content/uploads/2026/02/enavant-opcom-eshop-300x106.jpg 300w" sizes="auto, (max-width: 732px) 100vw, 732px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer">Prestashop | OP Com dans la Eshop</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-17T18:27:24+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					17 février 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | 💥OP Com dans la Eshop ➡️ Que ce soit pour &#8230; vider les&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-op-com-dans-la-eshop/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="840" height="248" src="https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech.jpg 840w, https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech-300x89.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/img-enAvant-tech-768x227.jpg 768w" sizes="auto, (max-width: 840px) 100vw, 840px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Le Service Après Vente</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-24T16:55:00+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					24 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					SAV prestashop,, commande prestashop en backoffice, messages prédéfinis prestashop

				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-le-service-apres-vente/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="736" height="226" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958.jpg 736w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-143958-300x92.jpg 300w" sizes="auto, (max-width: 736px) 100vw, 736px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Manipuler la boutique</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-22T14:40:35+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					22 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					2 commentaires				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | Manipuler la boutique 🏪 👉🏻 2nd bloc d&#8217;évaluation de l&#8217;épreuve technique, les manipulations&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-manipuler-la-boutique/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="769" height="245" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419.jpg 769w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-22-144419-300x96.jpg 300w" sizes="auto, (max-width: 769px) 100vw, 769px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer">Prestashop | La Fiche Produit par l&#8217;exemple</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-16T22:44:19+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					16 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>PrestaShop | La Fiche Produit 🎧 Ecouter l&#8217;introduction audio 👉🏻 1er bloc d&#8217;évaluation de l&#8217;épreuve&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-la-fiche-produit/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="723" height="199" src="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925.jpg 723w, https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2026-01-05-225925-300x83.jpg 300w" sizes="auto, (max-width: 723px) 100vw, 723px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer">Prestashop | les retours produits</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-12-18T19:06:17+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					18 décembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Un commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>restaShop | Les retours produits 🔙 ➡️ Il faut savoir que les différents scénarios devront&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-cas-de-retours-produits/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="307" src="https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-1024x349.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-1024x349.png 1024w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-300x102.png 300w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9-768x262.png 768w, https://st9ph.fr/wp-content/uploads/2025/11/PRESTA9.png 1059w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer">Prestashop | Nouveautés de la version 9</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2025-11-19T10:45:25+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					19 novembre 2025				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>Une nouvelle version du CMS pose quelques améliorations au Backoffice et un nouveau thème en&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/prestashop-nouveautes-de-la-version-9/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
											</div>
			


<p></p>
<p>L’article <a href="https://st9ph.fr/prestashop-mots-cles-et-alias-de-recherche/">Prestashop | Mots clés et Alias de recherche</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/prestashop-mots-cles-et-alias-de-recherche/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">30347</post-id>	</item>
		<item>
		<title>CRM &#124; la Newsletter</title>
		<link>https://st9ph.fr/crm-la-newsletter/</link>
					<comments>https://st9ph.fr/crm-la-newsletter/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Sat, 09 Dec 2023 16:02:42 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[PrestaShop]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[🏷️ Animation RC]]></category>
		<category><![CDATA[🛠️ création de sites]]></category>
		<category><![CDATA[🌐 public]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=29134</guid>

					<description><![CDATA[<p>👉🏻 Moyen idéal de conserver le lien avec vos leads, la newsletter est un processus volontaire d&#8217;inscription, gage que les internautes qui vont vous donner leur précieux email s&#8217;intéressent à vous. ➡️ J&#8217;aborderai dans cet article à la fois le volet technique de la mise en place d&#8217;une newsletter, mais aussi les points de vigilance ... <a title="CRM &#124; la Newsletter" class="read-more" href="https://st9ph.fr/crm-la-newsletter/" aria-label="En savoir plus sur CRM &#124; la Newsletter">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/crm-la-newsletter/">CRM | la Newsletter</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>👉🏻 Moyen idéal de <strong>conserver le lien </strong>avec vos leads, <strong>la newsletter</strong> est un processus volontaire d&#8217;inscription, gage que les internautes qui vont vous donner leur précieux email s&#8217;intéressent à vous.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="891" height="192" src="https://st9ph.fr/wp-content/uploads/2022/10/image-5.png" alt="" class="wp-image-29135" srcset="https://st9ph.fr/wp-content/uploads/2022/10/image-5.png 891w, https://st9ph.fr/wp-content/uploads/2022/10/image-5-300x65.png 300w, https://st9ph.fr/wp-content/uploads/2022/10/image-5-768x165.png 768w, https://st9ph.fr/wp-content/uploads/2022/10/image-5-816x176.png 816w" sizes="auto, (max-width: 891px) 100vw, 891px" /><figcaption class="wp-element-caption">illustration : formulaire d&#8217;abonnement de <a href="https://shop.st9ph.fr/presta/fr/" target="_blank" rel="noreferrer noopener">la boutique st9ph</a></figcaption></figure>



<p>➡️ J&#8217;aborderai dans cet article à la fois <strong>le volet technique</strong> de la mise en place d&#8217;une newsletter, mais aussi l<strong>es points de vigilance légaux </strong>et un rappel des <strong>bonnes pratiques marketing</strong> pour assurer votre réussite.</p>



<p class="has-background" style="background-color:#0098d93b">Vous pouvez auss<a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2959/preview/pdf/5763" target="_blank" rel="noreferrer noopener">i </a><img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt=""> <a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2959/preview/pdf/5763" target="_blank" rel="noreferrer noopener"> télécharger la fiche ressource</a> nommée &#8220;Email marketing&#8221; en complément de cet article.</p>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">9–13 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">2 088 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-02-23T17:23:07+01:00">23 février  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-b71789a4      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							<strong>Plan de l&#8217;article</strong>						</div>
												<div class="uagb-toc__loader"></div>										<div class="uagb-toc__list-wrap uagb-toc__list-hidden">
						<ol class="uagb-toc__list"><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#1-concevoir-le-formulaire-de-collecte-des-mails" class="uagb-toc-link__trigger">1️⃣| Concevoir le formulaire de collecte des mails</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-1-utiliser-loutil-fourni-avec-le-thème-de-votre-cms" class="uagb-toc-link__trigger">1-1 | Utiliser l&#039;outil fourni avec le thème de votre CMS</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-2-se-connecter-à-un-saas-demail-marketing" class="uagb-toc-link__trigger">1-2 | Se connecter à un SaaS d&#039;Email Marketing</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-3-utiliser-des-plug-in" class="uagb-toc-link__trigger">1-3 | Utiliser des plug-in</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-4-utiliser-une-solution-tout-en-un" class="uagb-toc-link__trigger">1-4 | utiliser une solution &quot;tout en un&quot;</a></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#2-la-newsletter" class="uagb-toc-link__trigger">2️⃣ | La newsletter</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-1-dans-mailchimp" class="uagb-toc-link__trigger">2-1 | Dans MailChimp</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-2-avec-infomaniak" class="uagb-toc-link__trigger">2-2 | Avec Infomaniak</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-3-points-de-vigilance-légaux" class="uagb-toc-link__trigger">2- 3 | Points de vigilance légaux</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-4-bonnes-pratiques" class="uagb-toc-link__trigger">2-4 | Bonnes pratiques</a></li></ul></li></ul></li><li class="uagb-toc__list "><a href="#vers-lépreuve-e5" class="uagb-toc-link__trigger">🧑🏻‍🎓 | vers l&#039;épreuve E5</a></ul></ul></ol>					</div>
									</div>
				</div>
			


<h2 class="wp-block-heading has-accent-color has-text-color" id="0-1%EF%B8%8F%E2%83%A3-concevoir-le-formulaire-de-collecte-des-mails">1️⃣| Concevoir le formulaire de collecte des mails</h2>



<p>Il y&#8217;a plusieurs moyens de procéder. </p>



<ol class="wp-block-list">
<li>S&#8217;en remettre à <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"><strong>votre CMS</strong> </mark>qui a surement prévu cette option par défaut dans son installation 
<ul class="wp-block-list">
<li><strong>La collecte est facilitée</strong> (vous n&#8217;avez rien à faire)</li>



<li><strong>l&#8217;exploitation des données</strong> collectées nécessite dans la plupart des cas l&#8217;<strong>installation d&#8217;une extension</strong>.</li>
</ul>
</li>



<li><strong>Connecter </strong>votre CMS <strong>à <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">un logiciel d&#8217;Email marketing</mark></strong>, 
<ul class="wp-block-list">
<li>IL faut configurer <strong>une liaison avec une clé API</strong> et <strong>maitriser les filtres</strong> de la solution tiers car tous les comptes (clients, abonnés, collaborateurs) sont importés sans distinction. Dans cet article, nous connecterons la boutique pédagogique (Prestashop) à MailChimp.</li>
</ul>
</li>



<li><strong>Utiliser des plugs-in </strong>comme, par exemple, le couple <strong>Contact Form 7 + Flaming</strong>o dans WordPress (<a href="https://st9ph.fr/formulaires-wordpress/" target="_blank" rel="noreferrer noopener">voir les articles correspondant)</a>. 
<ul class="wp-block-list">
<li>Ce couple ne traitera d&#8217;ailleurs <strong>que la collecte</strong>.</li>



<li> Il vous faudra <strong>un troisième plug-in</strong> pour la conception et l&#8217;envoi de la newsletter elle-même ou revenir à la solution N°2</li>
</ul>
</li>



<li>Utiliser <strong>une solution tout-en-un </strong>que fournissent <strong>certains hébergeurs </strong>(le mien le fait, il s&#8217;agit d&#8217;<a href="https://www.infomaniak.com/fr" target="_blank" rel="noreferrer noopener">Infomaniak </a>et nous le prendrons en exemple).</li>
</ol>



<h3 class="wp-block-heading" id="1-1-1-utiliser-loutil-fourni-avec-le-th%C3%A8me-de-votre-cms-">1-1 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Utiliser l&#8217;outil fourni avec le thème de votre CMS</mark></h3>



<p>👉 Cela dépendra évidemment à la fois <strong>du CMS </strong>et <strong>du thème installé</strong>. Nous prendrons pour exemple  le CMS <img loading="lazy" decoding="async" width="16" height="17" class="wp-image-33544" style="width: 16px;" src="https://st9ph.fr/wp-content/uploads/2026/01/ps-icone-prestashop.jpg" alt=""><strong>Prestashop </strong>et <strong>le thème par défaut </strong>(<strong><em>Classic</em></strong> <strong><em>1.0</em></strong>, celui de l&#8217;examen en NDRC).</p>



<p>➡️ Votre formulaire se trouve dans le <strong>footer </strong>de votre boutique et vous pouvez le paramétrer dans le <strong>gestionnaire de modules </strong>&#8211; section &#8220;<strong>promotions et marketing</strong>&#8220;. Il s&#8217;appelle &#8220;<strong><em>inscription à la newsletter</em></strong>&#8221; et vous pouvez le paramétrer en cliquant sur le bouton &#8220;<strong>configurer</strong>&#8220;.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="900" height="536" src="https://st9ph.fr/wp-content/uploads/2022/10/image-15.png" alt="" class="wp-image-29172" srcset="https://st9ph.fr/wp-content/uploads/2022/10/image-15.png 900w, https://st9ph.fr/wp-content/uploads/2022/10/image-15-300x179.png 300w, https://st9ph.fr/wp-content/uploads/2022/10/image-15-768x457.png 768w, https://st9ph.fr/wp-content/uploads/2022/10/image-15-816x486.png 816w" sizes="auto, (max-width: 900px) 100vw, 900px" /></figure>



<h4 class="wp-block-heading" id="2-1-1-1-param%C3%A8tres-de-v%C3%A9rification-et-dopt-in-">1-1-1 | Paramètres de vérification et d&#8217;opt-in :</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="717" height="337" src="https://st9ph.fr/wp-content/uploads/2022/10/image-16.png" alt="" class="wp-image-29173" srcset="https://st9ph.fr/wp-content/uploads/2022/10/image-16.png 717w, https://st9ph.fr/wp-content/uploads/2022/10/image-16-300x141.png 300w" sizes="auto, (max-width: 717px) 100vw, 717px" /></figure>



<p>elle vous permet :</p>



<ul class="wp-block-list">
<li>d&#8217;envoyer un mail à votre nouvel abonné pour qu<strong>&#8216;il confirme son inscription</strong> par un lien de vérification (vous évitez les emails invalides et les robots de spam). </li>



<li>d&#8217;envoyer <strong>un mail de confirmation</strong> ensuite (un peu &#8220;too much&#8221; à mon gout mais c&#8217;est vous qui voyez) </li>



<li>d&#8217;envoyer <strong>un code de réduction </strong>pour son prochain achat dans la boutique (bref, vous l&#8217;achetez !)</li>



<li>de <strong>préciser les CGU</strong> car ses données seront collectées (obligation RGPD)</li>
</ul>



<h4 class="wp-block-heading" id="3-1-1-2-liste-dinscrits">1-1-2 | liste d&#8217;inscrits</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="758" height="243" src="https://st9ph.fr/wp-content/uploads/2022/10/image-18.png" alt="" class="wp-image-29175" srcset="https://st9ph.fr/wp-content/uploads/2022/10/image-18.png 758w, https://st9ph.fr/wp-content/uploads/2022/10/image-18-300x96.png 300w" sizes="auto, (max-width: 758px) 100vw, 758px" /></figure>



<p>Vous visualisez l&#8217;ensemble des inscrits à votre newsletter</p>



<h4 class="wp-block-heading" id="4-1-1-3-export-de-la-liste">1-1-3 | Export de la liste</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="878" height="385" src="https://st9ph.fr/wp-content/uploads/2022/10/image-19.png" alt="" class="wp-image-29176" srcset="https://st9ph.fr/wp-content/uploads/2022/10/image-19.png 878w, https://st9ph.fr/wp-content/uploads/2022/10/image-19-300x132.png 300w, https://st9ph.fr/wp-content/uploads/2022/10/image-19-768x337.png 768w, https://st9ph.fr/wp-content/uploads/2022/10/image-19-816x358.png 816w" sizes="auto, (max-width: 878px) 100vw, 878px" /></figure>



<p>➡️ Prestashop vous permet d&#8217;exporter cette liste <strong>en CSV</strong> pour l&#8217;utiliser dans un logiciel d&#8217;EMailing comme <strong>Brevo </strong>ou <strong>MailChimp</strong> par exemple (je cite les deux plus populaires).</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="408" height="128" src="https://st9ph.fr/wp-content/uploads/2022/10/image-20.png" alt="" class="wp-image-29177" srcset="https://st9ph.fr/wp-content/uploads/2022/10/image-20.png 408w, https://st9ph.fr/wp-content/uploads/2022/10/image-20-300x94.png 300w" sizes="auto, (max-width: 408px) 100vw, 408px" /><figcaption class="wp-element-caption">un message vous avertit quand le csv est prêt à être téléchargé</figcaption></figure>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="932" height="226" src="https://st9ph.fr/wp-content/uploads/2022/10/image-21.png" alt="" class="wp-image-29178" style="width:616px;height:149px" srcset="https://st9ph.fr/wp-content/uploads/2022/10/image-21.png 932w, https://st9ph.fr/wp-content/uploads/2022/10/image-21-300x73.png 300w, https://st9ph.fr/wp-content/uploads/2022/10/image-21-768x186.png 768w, https://st9ph.fr/wp-content/uploads/2022/10/image-21-816x198.png 816w" sizes="auto, (max-width: 932px) 100vw, 932px" /></figure>



<p>👉 Soyons clairs, <strong>ce n&#8217;est pas très confortable</strong> de devoir, à chaque campagne, générer un export de Prestashop puis un import dans un logiciel d&#8217;Emailing. </p>



<p class="has-base-2-background-color has-background">Souvent, d&#8217;ailleurs, l<strong>es formats de champs ne correspondent pas</strong> et il faut modifier le CSV entre les deux opérations.😐</p>



<h3 class="wp-block-heading" id="5-1-2-se-connecter-%C3%A0-un-saas-demail-marketing-">1-2 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Se connecter à un SaaS d&#8217;Email Marketing</mark></h3>



<p>On va ainsi<strong> mettre en relation deux SaaS au moyen d&#8217;une clé API </strong>et chaque inscription dans la boutique créera une double inscription automatique dans Prestashop et dans MailChimp</p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>C&#8217;est quoi un SaaS et une API ?</summary>
<p>SaaS pour <strong>Sotware As A Service</strong> (un l<strong>ogiciel en ligne</strong> aussi appellé &#8220;embarqué&#8221;). L&#8217;avantage est qu&#8217;il n&#8217;y a <strong>rien à installer </strong>sur votre ordinateur et que vous retrouvez l&#8217;outil d<strong>epuis n&#8217;importe quelle terminal</strong>. L&#8217;inconvénient est qu&#8217;il vous faudra une <strong>connexion Internet stable</strong> et un débit suffisant. </p>



<p>Une clé API (<strong>Application Programming Interface</strong>) est <strong>un code de sécurité unique</strong> que vont utiliser 2 applications<strong> pour se reconnaitre</strong>.</p>



<p></p>
</details>



<p>Côté Prestashop, il faudra <strong>installer le module MailChimp</strong> disponible gratuitement <a href="https://addons.prestashop.com/fr/newsletter-sms/26957-mailchimp-for-prestashop.html" target="_blank" rel="noreferrer noopener">s</a><a href="https://addons.prestashop.com/fr/newsletter-sms/26957-mailchimp-for-prestashop.html">ur ce lien</a>.</p>



<p class="has-base-2-background-color has-background">⚠️ Attention,<mark style="background-color:rgba(0, 0, 0, 0);color:#d13737" class="has-inline-color"> <strong>n&#8217;allez pas sur le catalogue</strong></mark> car, comme d&#8217;habitude, Prestashop.com, ce bandit, va essayer de vous refourguer un module payant dont vous n&#8217;avez pas besoin et qu&#8217;il vend toujours trop cher. </p>



<p>➡️ Une fois le module installé, vous le verrez dans la section &#8220;<strong>promotion et marketing</strong>&#8221; :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="821" height="221" src="https://st9ph.fr/wp-content/uploads/2023/09/image-15.png" alt="" class="wp-image-29821" srcset="https://st9ph.fr/wp-content/uploads/2023/09/image-15.png 821w, https://st9ph.fr/wp-content/uploads/2023/09/image-15-300x81.png 300w, https://st9ph.fr/wp-content/uploads/2023/09/image-15-768x207.png 768w" sizes="auto, (max-width: 821px) 100vw, 821px" /></figure>



<p>Dans la configuration, le module vous demandera <strong>vos identifiants MailChimp</strong> afin de générer <strong>la clé API</strong> de reconnaissance.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="442" src="https://st9ph.fr/wp-content/uploads/2023/09/image-16-1024x442.png" alt="" class="wp-image-29823" srcset="https://st9ph.fr/wp-content/uploads/2023/09/image-16-1024x442.png 1024w, https://st9ph.fr/wp-content/uploads/2023/09/image-16-300x130.png 300w, https://st9ph.fr/wp-content/uploads/2023/09/image-16-768x332.png 768w, https://st9ph.fr/wp-content/uploads/2023/09/image-16.png 1266w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Coté <strong>MailChimp,</strong> dans le <strong>menu latéral</strong>, allez dans <strong>Intégrations, Gérer, connectez une application</strong>. On vous demandera l&#8217;URL de votre boutique et vos identifiants Admin.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1002" height="491" src="https://st9ph.fr/wp-content/uploads/2023/09/image-17.png" alt="" class="wp-image-29824" srcset="https://st9ph.fr/wp-content/uploads/2023/09/image-17.png 1002w, https://st9ph.fr/wp-content/uploads/2023/09/image-17-300x147.png 300w, https://st9ph.fr/wp-content/uploads/2023/09/image-17-768x376.png 768w" sizes="auto, (max-width: 1002px) 100vw, 1002px" /></figure>



<p>Dans<strong> la gestion des options</strong> de votre boutique connectée, vous pourrez utiliser de nombreux outils comme la gestion des paniers abandonnés ou les autres déclencheurs de <strong>Retargeting</strong>.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="767" height="546" src="https://st9ph.fr/wp-content/uploads/2023/09/image-18.png" alt="" class="wp-image-29825" srcset="https://st9ph.fr/wp-content/uploads/2023/09/image-18.png 767w, https://st9ph.fr/wp-content/uploads/2023/09/image-18-300x214.png 300w" sizes="auto, (max-width: 767px) 100vw, 767px" /></figure>



<p>➡️ En s&#8217;inscrivant à la newsletter, mes visiteurs vont alimenter<strong> à la fois ma base de données PrestaShop et celle de MailChimp</strong>.👍</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="716" height="215" src="https://st9ph.fr/wp-content/uploads/2023/09/image-20.png" alt="" class="wp-image-29827" srcset="https://st9ph.fr/wp-content/uploads/2023/09/image-20.png 716w, https://st9ph.fr/wp-content/uploads/2023/09/image-20-300x90.png 300w" sizes="auto, (max-width: 716px) 100vw, 716px" /></figure>



<p>A noter que la réception dans MailChimp fait apparaitre le CA généré par le nouvel abonné (s&#8217;il est repéré parmi les clients).</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="206" src="https://st9ph.fr/wp-content/uploads/2023/09/image-21-1024x206.png" alt="" class="wp-image-29828" srcset="https://st9ph.fr/wp-content/uploads/2023/09/image-21-1024x206.png 1024w, https://st9ph.fr/wp-content/uploads/2023/09/image-21-300x60.png 300w, https://st9ph.fr/wp-content/uploads/2023/09/image-21-768x154.png 768w, https://st9ph.fr/wp-content/uploads/2023/09/image-21.png 1353w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>👉 Il faudra néanmoins prévenir vos nouveaux abonnés de la collecte des données. Pour ma part, j&#8217;ai crée un paragraphe spécial dans <a href="https://shop.st9ph.fr/presta/fr/content/3-cgu">les CGU de la boutiqu</a><a href="https://shop.st9ph.fr/presta/fr/content/3-cgu" target="_blank" rel="noreferrer noopener">e</a>.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="982" height="261" src="https://st9ph.fr/wp-content/uploads/2023/09/image-22.png" alt="" class="wp-image-29829" srcset="https://st9ph.fr/wp-content/uploads/2023/09/image-22.png 982w, https://st9ph.fr/wp-content/uploads/2023/09/image-22-300x80.png 300w, https://st9ph.fr/wp-content/uploads/2023/09/image-22-768x204.png 768w" sizes="auto, (max-width: 982px) 100vw, 982px" /></figure>



<p>👉 vous pourrez dorénavant <strong>utiliser les inscriptions pour créer des newsletters à partir de MailChimp</strong>.</p>



<p> ℹ️ Je vous conseille <a href="https://st9ph.fr/creer-une-campagne-de-mailing/" target="_blank" rel="noreferrer noopener">cet autre article du Blog </a>qui vous explique comment faire (sautez alors l&#8217;étape de l&#8217;import des données puisque c&#8217;est Prestashop qui alimente votre SaaS).</p>



<h3 class="wp-block-heading" id="6-1-3-utiliser-des-plug-in-">1-3 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Utiliser des plug-in</mark></h3>



<p>👉 Les <strong>plug-in</strong> (extensions) pour WordPress sont nombreux.</p>



<p>Un des mieux notés est <strong>Contact Form 7 </strong>(CF7) qui permet la création de tous types de formulaires. Ce module ayant été déjà traité dans le blog, je vous renvoie aux articles correspondants :</p>



<ul class="wp-block-list">
<li><a href="https://st9ph.fr/formulaires-wordpress/">Créer des formulaires de collecte de données avec CF7</a></li>



<li><a href="https://st9ph.fr/flamingo-le-complement-crm-de-contact-form-7/">Recueillir les données avec Flamingo</a></li>
</ul>



<p>La partie collecte est réglée mais le couple CF7 + Flamingo <strong>ne conçoit pas vos Newsletters</strong>. Il faudra intégrer vos données dans une solution qui le fait.</p>



<h3 class="wp-block-heading" id="7-1-4-utiliser-une-solution-tout-en-un-">1-4 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">utiliser une solution &#8220;tout en un&#8221;</mark></h3>



<p class="has-base-2-background-color has-background">Pour ma part, j&#8217;ai choisi un hébergeur qui propose <strong>un outil intégré</strong> de génération de formulaires et de conception de newsletters. Il est suisse, écolo et pas cher puisque pour moins de 7 € par mois, il me permet d&#8217;héberger jusqu&#8217;à 20 sites assez confortablement. . Il s&#8217;appelle <strong>Infomaniak</strong>.</p>



<p>👉 Dans cette partie 1️⃣ nous verrons le recueil de données par l&#8217;<strong>intégration de formulaires</strong> dans un site et dans la suivante 2️⃣<strong> la conception et l&#8217;exploitation</strong> d&#8217;une newsletter.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="262" src="https://st9ph.fr/wp-content/uploads/2023/09/image-23-1024x262.png" alt="" class="wp-image-29837" srcset="https://st9ph.fr/wp-content/uploads/2023/09/image-23-1024x262.png 1024w, https://st9ph.fr/wp-content/uploads/2023/09/image-23-300x77.png 300w, https://st9ph.fr/wp-content/uploads/2023/09/image-23-768x196.png 768w, https://st9ph.fr/wp-content/uploads/2023/09/image-23.png 1072w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>👉 Des modèles de <strong>formulaires paramétrables </strong>sont disponibles et permettent de générer une &#8220;<strong>liste de diffusion&#8221;</strong> spécifique (dans l&#8217;exemple : &#8220;AboSt9ph&#8221;).</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="515" src="https://st9ph.fr/wp-content/uploads/2023/09/image-24-1024x515.png" alt="" class="wp-image-29838" srcset="https://st9ph.fr/wp-content/uploads/2023/09/image-24-1024x515.png 1024w, https://st9ph.fr/wp-content/uploads/2023/09/image-24-300x151.png 300w, https://st9ph.fr/wp-content/uploads/2023/09/image-24-768x387.png 768w, https://st9ph.fr/wp-content/uploads/2023/09/image-24.png 1204w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-base-2-background-color has-background">ℹ️ Pour info, c&#8217;est le formulaire que j&#8217;utilise <strong>sur ce site</strong> et vous devez le voir dans le bandeau de gauche si vous remontez avec l&#8217;ascenseur. Je ne collecte <strong>que le mail</strong> (ce qui m&#8217;empêche de <strong>personnaliser</strong> ma newsletter mais qui m&#8217;évite d&#8217;en <strong>décourager</strong> certains qui veulent rester anonymes).</p>



<p>Infomaniak me propose <strong>un code d&#8217;intégration </strong>(que j&#8217;ai mis dans un bloc &#8220;<strong>HTML personnalisé</strong>&#8221; du bandeau.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="943" height="395" src="https://st9ph.fr/wp-content/uploads/2023/09/image-25.png" alt="" class="wp-image-29839" srcset="https://st9ph.fr/wp-content/uploads/2023/09/image-25.png 943w, https://st9ph.fr/wp-content/uploads/2023/09/image-25-300x126.png 300w, https://st9ph.fr/wp-content/uploads/2023/09/image-25-768x322.png 768w" sizes="auto, (max-width: 943px) 100vw, 943px" /></figure>



<p>👉 Je peux personnaliser <strong>l&#8217;Email de validation</strong> et la<strong> demande de confirmation</strong> qui est envoyée automatiquement :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="866" height="831" src="https://st9ph.fr/wp-content/uploads/2023/09/image-26.png" alt="" class="wp-image-29840" srcset="https://st9ph.fr/wp-content/uploads/2023/09/image-26.png 866w, https://st9ph.fr/wp-content/uploads/2023/09/image-26-300x288.png 300w, https://st9ph.fr/wp-content/uploads/2023/09/image-26-768x737.png 768w" sizes="auto, (max-width: 866px) 100vw, 866px" /></figure>



<p>👉 Un<strong> tableau de bord </strong>me permet même de suivre les inscriptions :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="866" height="831" src="https://st9ph.fr/wp-content/uploads/2023/09/image-27.png" alt="" class="wp-image-29841" srcset="https://st9ph.fr/wp-content/uploads/2023/09/image-27.png 866w, https://st9ph.fr/wp-content/uploads/2023/09/image-27-300x288.png 300w, https://st9ph.fr/wp-content/uploads/2023/09/image-27-768x737.png 768w" sizes="auto, (max-width: 866px) 100vw, 866px" /></figure>



<p>Rappelons que<strong> la confirmation est obligatoire</strong> (double opt-in) au regard du RGPD.</p>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-253773218f56fa149d53cc750815a2a0" id="8-2%EF%B8%8F%E2%83%A3-la-newsletter">2️⃣ | La newsletter</h2>



<h3 class="wp-block-heading" id="9-2-1-dans-mailchimp-">2-1 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Dans MailChimp</mark></h3>



<p>➡️ MailChimp est un <strong>SaaS </strong>Shareware qui permet d&#8217;envoyer gratuitement <strong>un millier de mails par mois </strong>(5000 avec le plan à 13 € soit 0,2 centimes le mail).</p>



<p>👉 La gestion se fait <strong>par campagne</strong>.</p>



<p class="has-base-2-background-color has-background"> On a vu plus haut que<strong> les destinataires peuvent être collectés via des plugins</strong> dans vos boutiques en ligne ou vos blogs. Les étapes suivantes sont donc<strong> la préparation du mail type</strong> et <strong>la planification</strong></p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="520" src="https://st9ph.fr/wp-content/uploads/2023/12/image-1024x520.png" alt="" class="wp-image-29941" srcset="https://st9ph.fr/wp-content/uploads/2023/12/image-1024x520.png 1024w, https://st9ph.fr/wp-content/uploads/2023/12/image-300x152.png 300w, https://st9ph.fr/wp-content/uploads/2023/12/image-768x390.png 768w, https://st9ph.fr/wp-content/uploads/2023/12/image.png 1486w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>➡️ L&#8217;interface est assez intuitive et permet choisir dans <strong>des modèles des blocs</strong> Texte, Image, Bouton, séparateur &#8230; afin de préparer votre mail type. </p>



<p>👉 Pour rappel, <strong>votre premier lien cliquable </strong>doit être<strong> l&#8217;endroit où vous voulez emmener le destinataire</strong> (la page de votre produit ou le rayon de la promo ou le formulaire d&#8217;inscription &#8230;)</p>



<p class="has-base-2-background-color has-background"> Veillez donc à éliminer <strong>tout lien vers votre page d&#8217;accueil</strong> de votre logo (c&#8217;est courant) qui risquerait de conduire votre lecteur ailleurs.</p>



<figure class="wp-block-video"><video height="876" style="aspect-ratio: 1162 / 876;" width="1162" controls src="https://st9ph.fr/wp-content/uploads/2023/12/mailchimp-bloc.mp4"></video></figure>



<p class="has-base-2-background-color has-background">⚠️ Dans le plan gratuit, <mark style="background-color:rgba(0, 0, 0, 0);color:#d13131" class="has-inline-color"><strong>vous</strong> <strong>ne pourrez pas planifier l&#8217;envo</strong></mark><strong>i,</strong> ce qui vous empêchera de choisir le moment idéal pour accrocher votre cible.</p>



<p>👉 A noter que vous pouvez vous<strong> envoyer un mail test</strong> qui vous permettra de voir le mail côté destinataire et corriger éventuellement les imperfections.</p>



<p><strong>Un tableau de bord</strong> permet de connaitre le taux de délivrabilité, de clic, de conversion. C&#8217;est assez complet si votre SaaS est relié à votre boutique (comme moi ici avec Prestashop).</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="676" src="https://st9ph.fr/wp-content/uploads/2023/12/image-1.png" alt="" class="wp-image-29945" srcset="https://st9ph.fr/wp-content/uploads/2023/12/image-1.png 1024w, https://st9ph.fr/wp-content/uploads/2023/12/image-1-300x198.png 300w, https://st9ph.fr/wp-content/uploads/2023/12/image-1-768x507.png 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>😉 Défense de se moquer des statistiques, c&#8217;était juste un exemple test !</p>



<h3 class="wp-block-heading" id="10-2-2-avec-infomaniak-">2-2 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Avec Infomaniak</mark></h3>



<p>➡️ Le système est le même. Si l&#8217;interface diffère un peu, <strong>les étapes sont toujours les mêmes</strong> :</p>



<ul class="wp-block-list">
<li>récupération de la base de donnée</li>



<li>paramétrage de l&#8217;expéditeur et de l&#8217;objet</li>



<li>création du mail type</li>



<li>planification de l&#8217;envoi</li>



<li>Etude du tableau de bord</li>
</ul>



<p>👉 On retrouve le même type d&#8217;interface de conception :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="516" src="https://st9ph.fr/wp-content/uploads/2023/12/image-2-1024x516.png" alt="" class="wp-image-29948" srcset="https://st9ph.fr/wp-content/uploads/2023/12/image-2-1024x516.png 1024w, https://st9ph.fr/wp-content/uploads/2023/12/image-2-300x151.png 300w, https://st9ph.fr/wp-content/uploads/2023/12/image-2-768x387.png 768w, https://st9ph.fr/wp-content/uploads/2023/12/image-2.png 1255w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Le tableau de bord est plus complet :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="551" src="https://st9ph.fr/wp-content/uploads/2023/12/image-3-1024x551.png" alt="" class="wp-image-29949" srcset="https://st9ph.fr/wp-content/uploads/2023/12/image-3-1024x551.png 1024w, https://st9ph.fr/wp-content/uploads/2023/12/image-3-300x162.png 300w, https://st9ph.fr/wp-content/uploads/2023/12/image-3-768x413.png 768w, https://st9ph.fr/wp-content/uploads/2023/12/image-3.png 1200w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>👉 On peut, notamment, étudier les comportements individuellement (ouvertures, quels liens cliqués &#8230;)</p>



<p class="has-base-2-background-color has-background">⚠️ Cette solution est <strong><mark style="background-color:rgba(0, 0, 0, 0);color:#cf3030" class="has-inline-color">payante </mark></strong>mais fait partie du <strong>pack d&#8217;outils</strong> inclus par mon hébergeur (et, donc, j&#8217;en profite !).</p>



<h3 class="wp-block-heading" id="11-2-3-points-de-vigilance-l%C3%A9gaux-">2- 3 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Points de vigilance légaux</mark></h3>



<p>➡️ Votre communication en <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">B2B </mark></strong>doit au moins permettre <strong>le désabonnement</strong> (opt-out) et indiquer clairement <strong>qui vous êtes</strong> (enseigne, url du site + adresse du siège si votre domaine n&#8217;est pas en .fr)</p>



<p>➡️ <strong>En <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">B2C</mark></strong>, il faut respecter ces <strong>5 étapes</strong> dans le footer du mail :</p>



<p>1 &#8211; <strong>rappel de l&#8217;opt-in</strong> (à qui le destinataire a-t-il donné sont consentement préalable ?)</p>



<p class="has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-b84aa101e13025f872aaf4694d8526e5">Vous recevez ce mail parce que vous êtes inscrit à la newsletter de notre site.</p>



<p>2 &#8211; <strong>Opt-out</strong> (comment faire pour ne signifier que l&#8217;on est plus d&#8217;accord ?)</p>



<p class="has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-28aa60294b6d2f4e24841bde89112a05">Si vous recevez ce mail par erreur ou si vous ne souhaitez plus recevoir ce type de communication, veuillez nous excuser!!!!!. Vous pouvez vous désinscrire sur ce lien : <a href="#vigilance">se désinscrire</a>.</p>



<p>3 &#8211; <strong>rappel de la loi </strong>(le RGPD étant inscrit dans la loi Informatiques et Liberté, ne pas le mentionner n&#8217;est pas une faute).</p>



<p class="has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-7622d71ab777efd8994b38913bb4d360">Conformément à l&#8217;article 34 de la loi Informatique et Liberté du 6 janvier 1978, vous disposez d&#8217;un droit d&#8217;accès, de modification, de rectification et de suppression des données vous concernant.</p>



<p>4 &#8211; Permettre l&#8217;exercice du droit d&#8217;accès en communiquant les coordonnées du délégué à la protection des données (DPO) par le même canal (donc son mail).</p>



<p class="has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-cc83baa570482c4447ecbb7fed7d7469">Si vous souhaitez exercer ce droit, contactez notre DPO à l’adresse dpo@st9ph.fr</p>



<p>5 &#8211; identifier la source du mail (enseigne, url du site + adresse du siège si votre domaine n&#8217;est pas en .fr) et dater (mois = année) même si le mail est horodaté, l&#8217;archive papier conservée au greffe fera foi en cas de litige)</p>



<p class="has-base-3-color has-contrast-background-color has-text-color has-background has-link-color wp-elements-743f15f7dd9aeea36c289a8aa8ac9c84">La boutique St9ph &#8211; https://shop.st9ph.fr/presta/ &#8211; Mars 2023</p>



<h3 class="wp-block-heading" id="12-2-4-bonnes-pratiques-">2-4 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Bonnes pratiques</mark></h3>



<h4 class="wp-block-heading" id="13-%E2%9C%85-une-communication-mail-r%C3%A9ussie-est-courte">✅ Une communication mail réussie est courte.</h4>



<p>Evitez les expressions &#8220;<strong>paillasson</strong>&#8221; comme &#8220;Je me permets de vous contactez aujourd&#8217;hui …&#8221;. Parlez au <strong>présent</strong>, <strong>valorisez </strong>votre offre par des phrases courtes. Soignez votre objet en évitant les mots que les serveurs mail vont filtrer &#8220;offre, réduction, bonne affaire, promo &#8230;&#8221; et en un minimum de mots (moins de 6 dans l&#8217;idéal).</p>



<h4 class="wp-block-heading" id="14-%E2%9C%85-une-fr%C3%A9quence-raisonnable">✅ Une fréquence raisonnable</h4>



<p>Ne bombardez pas les boites mail de vos correspondants qui vont vous filtrer à force. Attendez d&#8217;avoir vraiment de la nouveauté et des avantages à leurs proposer. Scorez vos fichiers pour établir des cohortes, ciblez des communications différentes pour chacun de vos Buyer persona.</p>



<h4 class="wp-block-heading" id="15-%E2%9C%85-soignez-vos-cta">✅ Soignez vos CTA</h4>



<p>L&#8217;<strong>appât du gain</strong>, la <strong>personnalisation</strong>, la <strong>peur de manquer</strong> et l&#8217;<strong>appel à la curiosité</strong> sont les 4 ficelles sur lesquelles il faut tirer pour provoquer l&#8217;engagement. <strong>Posez des questions </strong>en introduction de votre mail pour amener votre interlocuteur à se les poser aussi et à cliquer sur votre lien pour obtenir des réponses.</p>



<h2 class="wp-block-heading" id="16-%E2%80%8D-vers-l%C3%A9preuve-e5">🧑🏻‍🎓 | vers l&#8217;épreuve E5</h2>



<p>➡️ <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">A l&#8217;écrit</mark></strong>, <strong>la composition d&#8217;un mail commercial </strong>ou la démarche de constitution d&#8217;une campagne mail sont des exercices qui tombent souvent. </p>



<p class="has-base-2-background-color has-background">👉 Il ne faut pas oublier, non plus que <strong>l&#8217;étude d&#8217;un tableau de bord d&#8217;une campagne mail </strong>fournie en annexe peut aussi faire l&#8217;objet d&#8217;une analyse de votre part. Il faut donc maitriser les KPI en rapport.</p>



<p>➡️ <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Durant l&#8217;épreuve technique,</mark></strong> il n&#8217;est pas demandé de maitriser les plugins de collecte de données ni même l&#8217;élaboration d&#8217;un formulaire de collecte de données. </p>



<p class="has-base-2-background-color has-background">👉 En revanche, vous pouvez être amené(e)<strong> à rediriger vers ce formulaire depuis un article</strong>, une page ou un menu de WordPress. Idem dans Prestashop, depuis une page, un bloc personnalisé du footer ou le menu principal</p>



<p>ℹ️ Les lead qui se donnent la peine de s&#8217;abonner ou de remplir des formulaires pour que vous collectiez leurs données attendent de vous,<strong> en toute confiance,</strong> des communications <strong>en rapport avec leur démarche</strong>. </p>



<p class="has-base-2-background-color has-background">😌 Ne perdez jamais de vue <strong>le contexte dans lequel vous les avez recueillies</strong> si vous ne voulez pas trahir <strong>la confiance qu&#8217;ils vous donnent.</strong></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2Fcrm-la-newsletter%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size">⬇️</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span><a href="https://st9ph.fr/category/creation-de-sites/">🛠️ création de sites</a></span> » <span class="breadcrumb_last" aria-current="page">PrestaShop</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-23076463     uagb-post__items uagb-post__columns-3 is-grid uagb-post__columns-tablet-2 uagb-post__columns-mobile-1 uagb-post__equal-height" data-total="3" style="">

												<article class="uagb-post__inner-wrap">								<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/3d-builder-textures-et-images/" target="_self" rel="bookmark noopener noreferrer">3D Builder | Textures et images</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2023-09-01T19:01:18+02:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					1 septembre 2023				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>Afin de décorer ou de donner un aspect plus réel à vos objets, vous pouvez&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/3d-builder-textures-et-images/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/3d-builder-grouper-fusionner-decouper/" target="_self" rel="bookmark noopener noreferrer">3D Builder | Grouper, fusionner, découper</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2023-08-06T14:52:19+02:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					6 août 2023				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>Ce tuto, niveau débutant, va vous montrer comment manipuler les objets existants pour les arranger&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/3d-builder-grouper-fusionner-decouper/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/tidio-un-outil-de-chatbot-dans-votre-eshop/" target="_self" rel="bookmark noopener noreferrer">Tidio | un outil de Chatbot dans votre Eshop</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2023-07-19T18:03:45+02:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					19 juillet 2023				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>Tidio, un outil de Chatbot dans votre eshop, en alternative (ou en complément ?) de&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/tidio-un-outil-de-chatbot-dans-votre-eshop/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/solveur-excel/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="250" src="https://st9ph.fr/wp-content/uploads/2022/10/solveur-1024x285.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2022/10/solveur-1024x285.png 1024w, https://st9ph.fr/wp-content/uploads/2022/10/solveur-300x83.png 300w, https://st9ph.fr/wp-content/uploads/2022/10/solveur-768x213.png 768w, https://st9ph.fr/wp-content/uploads/2022/10/solveur-1536x427.png 1536w, https://st9ph.fr/wp-content/uploads/2022/10/solveur-2048x569.png 2048w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/solveur-excel/" target="_self" rel="bookmark noopener noreferrer">Excel | Le Solveur</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2022-10-27T19:31:18+02:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					27 octobre 2022				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Un commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					Un exemple pas à pas avec classeur exemple d&#8217;utilisation du solveur Excel qui permet de&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/solveur-excel/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/formulaires-wordpress/" target="_self" rel="bookmark noopener noreferrer">WordPress | Formulaires Contact Form 7</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2021-01-31T17:22:24+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					31 janvier 2021				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					6 commentaires				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					Contact Forms 7 dans WordPress avec gestion d&#8217;objet en listes déroulantes et case d&#8217;opt-in				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/formulaires-wordpress/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/serveur-local-dentrainement/" target="_self" rel="bookmark noopener noreferrer">WAMP | Serveur local d&#8217;entrainement</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2021-01-16T17:06:24+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					16 janvier 2021				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					Installer WAMP et une base de données dédiées à vos blogs et vos boutiques, installer&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/serveur-local-dentrainement/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
											</div>
			


<div class="wp-block-uagb-team uagb-team__image-position-left uagb-team__align-left uagb-team__stack-tablet uagb-block-5002ab42"><img decoding="async" class="uagb-team__image-crop-circle" src="https://st9ph.fr/wp-content/uploads/2022/01/steph-150x150.png" alt="" height="100" width="100" loading="lazy"/><div class="uagb-team__content"><h4 class="uagb-team__title">St9ph</h4><span class="uagb-team__prefix">Webmaster</span><p class="uagb-team__desc">Je suis Formateur depuis 1997 et j&#8217;ai commencé ma carrière comme technicien en réseaux informatiques.  J&#8217;ai travaillé pour de grands organismes de formation : Greta, AFPA, réseau des CCI, des écoles de commerces réputées : EM Normandie, E2SE, groupes FIM et ICEP, et collaboré en Centre d&#8217;Appels chez Webhelp pendant 12 ans avec des grands comptes FAI comme Orange, Bouygues Telecom et SFR, des assureurs et des fournisseurs d&#8217;Energie comme Direct Energie (devenu Total) et EDF (devenu Engie) !</p><ul class="uagb-team__social-list"><li class="uagb-team__social-icon"><a href="https://www.facebook.com/profile.php?id=100076192144163" aria-label="facebook" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"></path></svg></a></li><li class="uagb-team__social-icon"><a href="https://www.linkedin.com/company/st9ph/" aria-label="linkedin" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li></ul></div></div>
<p>L’article <a href="https://st9ph.fr/crm-la-newsletter/">CRM | la Newsletter</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/crm-la-newsletter/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2023/12/mailchimp-bloc.mp4" length="17230244" type="video/mp4" />

		<post-id xmlns="com-wordpress:feed-additions:1">29134</post-id>	</item>
	</channel>
</rss>
