<?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 ☝️ Concepts - st9ph.fr</title>
	<atom:link href="https://st9ph.fr/category/concepts/feed/" rel="self" type="application/rss+xml" />
	<link>https://st9ph.fr/category/concepts/</link>
	<description>la boite à outils numériques</description>
	<lastBuildDate>Mon, 04 May 2026 15:01:30 +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 ☝️ Concepts - st9ph.fr</title>
	<link>https://st9ph.fr/category/concepts/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">199087513</site>	<item>
		<title>⏺️Omnicanal &#124; Donner des sens au digital</title>
		<link>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/</link>
					<comments>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Mon, 04 May 2026 12:12:54 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[⏺️ Omnicanal]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[boutique magique]]></category>
		<category><![CDATA[la vitrine digitale]]></category>
		<category><![CDATA[sens du digital]]></category>
		<category><![CDATA[sonoriser la eshop]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=36808</guid>

					<description><![CDATA[<p>Ce n&#8217;est pas pour rien que même les pure players finissent par ouvrir des Surfaces de Ventes Physiques (SVP), tellement l&#8217;expérience sensorielle qu&#8217;elle permet est difficilement transposable à la boutique en ligne. Toucher un vêtement , le revêtir pour voir s&#8217;il est fait pour soi et si l&#8217;on est bien dedans, gouter un aliment 🍕à ... <a title="⏺️Omnicanal &#124; Donner des sens au digital" class="read-more" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" aria-label="En savoir plus sur ⏺️Omnicanal &#124; Donner des sens au digital">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/">⏺️Omnicanal | Donner des sens au digital</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/2026/05/voicertool_audio_Eloise_04-05-2026_at_14_05_44_on_May_4th_2026.mp3"></audio><figcaption class="wp-element-caption">🎧 Ecouter l&#8217;introduction audio</figcaption></figure>



<p>Ce n&#8217;est pas pour rien que même les <strong>pure players</strong> finissent par ouvrir des <strong>Surfaces de Ventes Physiques</strong> (SVP), tellement <strong>l&#8217;expérience sensorielle </strong>qu&#8217;elle permet est difficilement transposable à la boutique en ligne.</p>



<p class="has-base-2-background-color has-background">Toucher un vêtement , le revêtir pour voir s&#8217;il est fait pour soi et si l&#8217;on est bien dedans, gouter un aliment 🍕à l&#8217;étale d&#8217;un marchand, sentir un parfum 🧴, visualiser l&#8217;encombrement d&#8217;un meuble 🪑, apprécier le rendu audio 🎶 d&#8217;une enceinte acoustique, tout cela est l&#8217;apanage des SVP. </p>



<p>Mais, pourtant, il existe <strong>des substituts</strong> en ligne, pas toujours, mais souvent ! On verra aussi qu&#8217;à l&#8217;inverse, la eshop permet parfois de mieux détecter les envies et, donc, de mieux cibler !</p>



<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-0fddad9e35d32bc1229863b77479649d">Ce sera donc aussi à l&#8217;intérieur de la SVP qu&#8217;on recherchera à augmenter l&#8217;expérience grâce au digital.</p>



<p class="has-medium-font-size"> C&#8217;est l&#8217;objet de 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: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-0212de74-4fcb-477f-b6ba-341e5eb8fd46">
			<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-0212de74-4fcb-477f-b6ba-341e5eb8fd46-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-0212de74-4fcb-477f-b6ba-341e5eb8fd46-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-0212de74-4fcb-477f-b6ba-341e5eb8fd46-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-0212de74-4fcb-477f-b6ba-341e5eb8fd46-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-0212de74-4fcb-477f-b6ba-341e5eb8fd46-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-0212de74-4fcb-477f-b6ba-341e5eb8fd46-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-0212de74-4fcb-477f-b6ba-341e5eb8fd46-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-0212de74-4fcb-477f-b6ba-341e5eb8fd46-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-0212de74-4fcb-477f-b6ba-341e5eb8fd46-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-0212de74-4fcb-477f-b6ba-341e5eb8fd46-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-b6a963f7-7415-43eb-96a3-04c3e03a1511">
			<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-b6a963f7-7415-43eb-96a3-04c3e03a1511-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-b6a963f7-7415-43eb-96a3-04c3e03a1511-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-b6a963f7-7415-43eb-96a3-04c3e03a1511-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-b6a963f7-7415-43eb-96a3-04c3e03a1511-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-b6a963f7-7415-43eb-96a3-04c3e03a1511-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-b6a963f7-7415-43eb-96a3-04c3e03a1511-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-b6a963f7-7415-43eb-96a3-04c3e03a1511-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-b6a963f7-7415-43eb-96a3-04c3e03a1511-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-b6a963f7-7415-43eb-96a3-04c3e03a1511-4"><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="star4" mask="url(#ub_star_rating_filter-b6a963f7-7415-43eb-96a3-04c3e03a1511-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-88c53fa1-ee41-4d00-a605-b9bca99d254e">
			<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-88c53fa1-ee41-4d00-a605-b9bca99d254e-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-88c53fa1-ee41-4d00-a605-b9bca99d254e-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-88c53fa1-ee41-4d00-a605-b9bca99d254e-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-88c53fa1-ee41-4d00-a605-b9bca99d254e-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-88c53fa1-ee41-4d00-a605-b9bca99d254e-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-88c53fa1-ee41-4d00-a605-b9bca99d254e-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-88c53fa1-ee41-4d00-a605-b9bca99d254e-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-88c53fa1-ee41-4d00-a605-b9bca99d254e-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-88c53fa1-ee41-4d00-a605-b9bca99d254e-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-88c53fa1-ee41-4d00-a605-b9bca99d254e-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 178 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-05-04T17:01:30+02:00">4 mai  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-a4e97b32      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 uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#la-vue" class="uagb-toc-link__trigger">La Vue</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#11-attirer-le-regard" class="uagb-toc-link__trigger">🔹1.1 |Attirer le regard</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#12-mieux-montrer-et-mieux-savoir-ce-qui-est-vu" class="uagb-toc-link__trigger">🔹1.2 |Mieux montrer et mieux savoir ce qui est vu</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#robe-dété-rose" class="uagb-toc-link__trigger">Robe d&#039;été Rose</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="#laudition" class="uagb-toc-link__trigger">L&#039;audition</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#21-faire-écouter-vos-produits" class="uagb-toc-link__trigger">🔹2.1 |Faire écouter vos produits</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="#nos-ebooks-sécoutent-aussi" class="uagb-toc-link__trigger">🎧 Nos Ebooks s&#039;écoutent aussi !</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#lart-subtil-de-sen-foutre" class="uagb-toc-link__trigger">L&#039;art Subtil De S&#039;En Foutre</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#22-sonoriser-pour-créer-lambiance" class="uagb-toc-link__trigger">🔹2.2 |Sonoriser pour créer l&#039;ambiance</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="#le-toucher" class="uagb-toc-link__trigger">Le toucher</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#choisir-la-couleur" class="uagb-toc-link__trigger">Choisir la couleur</a></li></ul></li></ul></li></ul></li></ul></li><li class="uagb-toc__list "><a href="#lodorat-et-le-gout" class="uagb-toc-link__trigger">L&#039;odorat et le gout</a></ul></ul></ul></ul></ol>					</div>
									</div>
				</div>
			


<p>👇🏻 Ci-dessous, l&#8217;<strong>expérience d&#8217;achat rêvée</strong> de Lucie avec zéro contrainte et une furieuse envie de vacances :</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="Boutique Magique" width="900" height="506" src="https://www.youtube.com/embed/_Ru2XULD_7Q?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p class="has-medium-font-size">🛒 Un beau panier virtuel au final :</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="269" height="303" src="https://st9ph.fr/wp-content/uploads/2026/04/roberose.jpg" alt="" class="wp-image-36816" srcset="https://st9ph.fr/wp-content/uploads/2026/04/roberose.jpg 269w, https://st9ph.fr/wp-content/uploads/2026/04/roberose-266x300.jpg 266w" sizes="auto, (max-width: 269px) 100vw, 269px" /></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="265" height="304" src="https://st9ph.fr/wp-content/uploads/2026/04/jupeplissee.jpg" alt="" class="wp-image-36817" srcset="https://st9ph.fr/wp-content/uploads/2026/04/jupeplissee.jpg 265w, https://st9ph.fr/wp-content/uploads/2026/04/jupeplissee-262x300.jpg 262w" sizes="auto, (max-width: 265px) 100vw, 265px" /></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="265" height="306" src="https://st9ph.fr/wp-content/uploads/2026/04/chapeau.jpg" alt="" class="wp-image-36818" srcset="https://st9ph.fr/wp-content/uploads/2026/04/chapeau.jpg 265w, https://st9ph.fr/wp-content/uploads/2026/04/chapeau-260x300.jpg 260w" sizes="auto, (max-width: 265px) 100vw, 265px" /></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="268" height="300" src="https://st9ph.fr/wp-content/uploads/2026/04/chemisier-raye.jpg" alt="" class="wp-image-36857"/></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="924" height="1048" src="https://st9ph.fr/wp-content/uploads/2026/04/robecachecoeur_corrig.jpg" alt="" class="wp-image-36823" srcset="https://st9ph.fr/wp-content/uploads/2026/04/robecachecoeur_corrig.jpg 924w, https://st9ph.fr/wp-content/uploads/2026/04/robecachecoeur_corrig-265x300.jpg 265w, https://st9ph.fr/wp-content/uploads/2026/04/robecachecoeur_corrig-903x1024.jpg 903w, https://st9ph.fr/wp-content/uploads/2026/04/robecachecoeur_corrig-768x871.jpg 768w" sizes="auto, (max-width: 924px) 100vw, 924px" /></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="270" height="307" src="https://st9ph.fr/wp-content/uploads/2026/04/gilet.jpg" alt="" class="wp-image-36820" srcset="https://st9ph.fr/wp-content/uploads/2026/04/gilet.jpg 270w, https://st9ph.fr/wp-content/uploads/2026/04/gilet-264x300.jpg 264w" sizes="auto, (max-width: 270px) 100vw, 270px" /></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="294" height="293" src="https://st9ph.fr/wp-content/uploads/2026/04/polobleu.jpg" alt="" class="wp-image-36821" srcset="https://st9ph.fr/wp-content/uploads/2026/04/polobleu.jpg 294w, https://st9ph.fr/wp-content/uploads/2026/04/polobleu-150x150.jpg 150w" sizes="auto, (max-width: 294px) 100vw, 294px" /></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="296" height="301" src="https://st9ph.fr/wp-content/uploads/2026/04/maillotbainjaune.jpg" alt="" class="wp-image-36822"/></figure>
</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">💶 <strong>242,92 € </strong>en ⏱️ <strong>1&#8217;30 </strong>chrono et 8 articles ! </p>



<p class="has-text-align-center has-contrast-3-background-color has-background has-medium-font-size">Qui dit mieux ?</p>
</div>
</div>



<p>c&#8217;est typiquement <strong>ce que voudrait proposer la eshop</strong> :</p>



<ul class="wp-block-list">
<li><strong>Pas d&#8217;essayage</strong></li>



<li><strong>pas de temps perdu</strong> à se rendre au magasin, à attendre en caisse, à arpenter les rayons</li>



<li>Vaquer à ses occupations en un claquement de doigt une fois ses achats effectués, <strong>un temps optimisé</strong></li>
</ul>



<p class="has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-369ab3e8db4a5792bb8c7e86e9d48f6e">🤔 Et pourtant, ce sont bien l&#8217;ambiance de la SVP, la déambulation et l&#8217;opportunité au hasard des découvertes qui l&#8217;intéressait !</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%">
<!-- 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/04/5sens-vue.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 class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- 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>La Vue</h2>
</div>
<ul class="chapter-points"><li>Attirer le regard</li><li>mieux montrer</li><li>mieux savoir ce qui est vu</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p>C&#8217;est <strong>le 1er des sens</strong> hormis pour la musique, l&#8217;alimentaire et le parfum : <strong>le stimulus visuel est dominant </strong>pour le Retail en B2C. Ca tombe bien, parce que <strong>c&#8217;est le plus facile à digitaliser</strong> !</p>
</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>Attirer le regard</strong></h3>



<p>La vitrine ci-dessous met en contraste l&#8217;étal historique sur mannequin de plâtre et  l&#8217;écran LCD de présentation qui donne de la vie au produit. 👇🏻</p>



<figure class="wp-block-video"><video height="534" style="aspect-ratio: 1010 / 534;" width="1010" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/04/vitrine-boucle.mp4" playsinline></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" style="flex-basis:66.66%">
<p>Vos canaux digitaux vous permettront de vous affranchir d&#8217;attendre qu&#8217;un prospect passe devant votre vitrine.🚶🏻‍♂️‍➡️</p>



<p class="callout rouge">Utilisez <strong>les réseaux sociaux </strong>où vous êtes sur(e) de trouver votre buyer persona ou, comme sur l&#8217;illustration ci-dessous, si vous avez la chance de pouvoir être <strong>mis(e) en lumière par un influenceur </strong>&#8230; c&#8217;est le jackpot s&#8217;il peut <strong>vous faire rayonner </strong>sur sa propre audience.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="580" src="https://st9ph.fr/wp-content/uploads/2026/04/image-1024x580.jpeg" alt="" class="wp-image-36849" srcset="https://st9ph.fr/wp-content/uploads/2026/04/image-1024x580.jpeg 1024w, https://st9ph.fr/wp-content/uploads/2026/04/image-300x170.jpeg 300w, https://st9ph.fr/wp-content/uploads/2026/04/image-768x435.jpeg 768w, https://st9ph.fr/wp-content/uploads/2026/04/image.jpeg 1356w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Notre collection portée par une actrice célèbre vaudra la curiosité de ses fans qui voudront l&#8217;imiter.</figcaption></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-video"><video height="792" style="aspect-ratio: 352 / 792;" width="352" controls src="https://st9ph.fr/wp-content/uploads/2026/04/insta-roberose_final2.mp4"></video></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=""><strong>Mieux montrer</strong> <strong>et mieux savoir ce qui est vu</strong></h3>



<p>⏸️ Son premier arrêt dans le rayon où elle va faire son premier choix pour cette robe rose est invisible en SVP et passera donc inaperçu.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="400" src="https://st9ph.fr/wp-content/uploads/2026/04/image-4-1024x400.png" alt="" class="wp-image-36811" srcset="https://st9ph.fr/wp-content/uploads/2026/04/image-4-1024x400.png 1024w, https://st9ph.fr/wp-content/uploads/2026/04/image-4-300x117.png 300w, https://st9ph.fr/wp-content/uploads/2026/04/image-4-768x300.png 768w, https://st9ph.fr/wp-content/uploads/2026/04/image-4.png 1137w" 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:450px">
<p>En Eshop, on aurait pu i<strong>dentifier son historique de navigation </strong>grâce aux 🍪cookies et étudier avec précisions <strong>sur quels produits elle s&#8217;est focalisée</strong> afin d&#8217;étudier ses gouts et ses freins.</p>



<p class="callout rouge">L&#8217;attrait de la robe sur laquelle elle va s&#8217;arrêter semble évident : elle occupe <strong>la moitié de la penderie, bien aérée,</strong> contrairement aux chemises et T-shirts qui sont alignés serrés et tous différents</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:210px"><div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="192" height="269" src="https://st9ph.fr/wp-content/uploads/2026/04/cemise-carro-rose.jpg" alt="" class="wp-image-36825"/></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:210px"><div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="197" height="267" src="https://st9ph.fr/wp-content/uploads/2026/04/tshirt-raye-rose.jpg" alt="" class="wp-image-36826"/></figure>
</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">
<figure class="wp-block-video"><video height="522" style="aspect-ratio: 930 / 522;" width="930" controls muted src="https://st9ph.fr/wp-content/uploads/2026/04/beacons.mp4"></video></figure>



<p class="has-small-font-size">on utilise surtout les beacons pour la gestion de stock et pour le passage en caisse sans scan, comme veut le montrer la petite animation ci-dessus</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="callout vert">On pourrait certes <strong>utiliser les Beacons</strong>, ces <strong>petites puces électroniques</strong> qu&#8217;on place dans les étiquettes de produit.</p>



<p class="callout rouge">Mais <strong>même en observant qu&#8217;ils ont été bougés</strong>, , ce sera souvent parce qu<strong>&#8216;on les aura poussés </strong>pour mieux voir un autre produit à côté d&#8217;eux.</p>
</div>
</div>



<p>➡️ L&#8217;idéal serait <strong>une application de &#8220;pay and go&#8221; </strong>(panier directement sur le smartphone) qui éviterait le passage en caisse et permettrait de<strong> savoir quels produits elle a scannés </strong>(même sans les ajouter au panier) et quels sont ceux qui sont restés invisibles. :</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/04/parcours-svp-lucie-1024x418.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 -->



<p>➡️ De manière globale, cela permettrait de <strong>tracer le parcours de tous nos clients</strong>, voire même de <strong>filtrer sur une cohorte particulière</strong>, de connaitre <strong>les temps de fréquentation</strong>, <strong>les arrêts privilégiés</strong> et d&#8217;<strong>adapter le rayonnage</strong> en conséquence :</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/04/image-8.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">👉🏻 La <strong>difficulté d&#8217;agencement</strong> des rayons disparait en Eshop : </p>



<p><strong>les filtres </strong>permettent de réagencer à loisir mais la contrepartie est qu&#8217;il faudra trouver une autre technique que <strong>la surreprésentation</strong> pour notre robe que celle de lui consacrer <strong>un demi présentoir</strong>.</p>



<p>➡️ On peut aisément mettre en valeur un produit par le biais d<strong>&#8216;un encart de publicité interne</strong> :</p>



<figure class="wp-block-video"><video height="526" style="aspect-ratio: 1046 / 526;" width="1046" controls src="https://st9ph.fr/wp-content/uploads/2026/04/pub-robe-rose.mp4"></video></figure>



<p>➡️Ce peut être encore <strong>un panneau dans le carrousel </strong>:</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/04/carrou-robe-rose-1024x361.png" alt="" class="wp-image-36830" srcset="https://st9ph.fr/wp-content/uploads/2026/04/carrou-robe-rose-1024x361.png 1024w, https://st9ph.fr/wp-content/uploads/2026/04/carrou-robe-rose-300x106.png 300w, https://st9ph.fr/wp-content/uploads/2026/04/carrou-robe-rose-768x271.png 768w, https://st9ph.fr/wp-content/uploads/2026/04/carrou-robe-rose-1536x542.png 1536w, https://st9ph.fr/wp-content/uploads/2026/04/carrou-robe-rose-2048x723.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>
.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/35-robe-d-ete-rose.html" target="_blank" class="ps-product-card">
<div class="ps-product-image-wrapper">
<img decoding="async" src="https://boutiq.st9ph.fr/78-product_main/robe-d-ete-rose.jpg" alt="Robe d'été Rose" 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">Robe d&#8217;été Rose</h3>
<div class="ps-product-price">29,90 €</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">
<p>Sur <strong>la fiche produit </strong>que j&#8217;en ai fait sur la boutique démo (cliquez sur le bouton bleu pour la voir), <strong>le carrousel de visuels </strong>très riche est complété par <strong>la vidéo </strong>ci-dessous qui vaut tous les discours.👇🏻</p>



<figure class="wp-block-video"><video controls src="https://boutiq.st9ph.fr/img/cms/robe-rose-demo.mp4"></video></figure>



<p class="has-base-2-background-color has-background">Chacune pourra <strong>se projeter in situ </strong>et <strong>s&#8217;envisager dans cette robe </strong>bien mieux que par un argumentaire commercial que j&#8217;ai fait minimaliste.</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">
<!-- 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/04/5sens-audition.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 class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- 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&#8217;audition</h2>
</div>
<ul class="chapter-points"><li>Faire écouter vos produits</li><li>Sonoriser pour créer l&#8217;ambiance</li><li>diffuser des messages audio</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p class="has-base-2-background-color has-background">Si ce sens se prête particulièrement bien <strong>aux contenus audio</strong> comme la musique, on peut l&#8217;utiliser dans bien des domaines pour <strong>mettre en valeur des produits </strong>(décrire) <strong>ou des rayons</strong> (ambiancer)</p>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2026/04/pub-cashback.mp3"></audio><figcaption class="wp-element-caption"><em>pub sur le cashback de <a href="https://shop.st9ph.fr/presta/fr/" target="_blank" rel="noreferrer noopener">la boutique</a></em></figcaption></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">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>Faire écouter vos produits</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="callout bleu">Dans <a href="https://shop.st9ph.fr/presta/fr/" target="_blank" rel="noreferrer noopener">l</a><a href="https://shop.st9ph.fr/presta/fr/10-ebooks" target="_blank" rel="noreferrer noopener">a boutique pédagogique</a>, <strong>les livres numériques </strong>(ebooks) sont <strong>accompagnés d&#8217;extraits audio</strong> afin de donner envie de connaitre la suite.</p>



<p class="has-text-align-right has-small-font-size">un exemple en cliquant ici 👉🏻</p>



<p class="callout vert">✅ Ce type de contrôle, <strong>en complément d&#8217;un extrait </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>PDF</strong> (1ères pages) se prête particulièrement bien aux <strong>mobinautes.</strong></p>



<p>👉🏻 Cela peut constituer <strong>un magnet </strong>vers vos produits<strong> en les différenciant des autres </strong>(valeur ajoutée) :</p>



<style>
.audio-p49x5j-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 9999; justify-content: center; align-items: center; backdrop-filter: blur(2px); }
.audio-p49x5j-content { background: #fff; width: 90%; max-width: 700px; display: flex; flex-direction: row; position: relative; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.3); animation: slideDownaudio-p49x5j 0.3s ease-out; }
@keyframes slideDownaudio-p49x5j { from { transform: translateY(-20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.audio-p49x5j-left { flex: 1; background: #f4f4f4; min-width: 250px; display: flex; align-items: center; justify-content: center; }
.audio-p49x5j-left img { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 300px; }
.audio-p49x5j-right { flex: 1.5; padding: 30px; display: flex; flex-direction: column; justify-content: center; text-align: left; }
.audio-p49x5j-close { position: absolute; top: 10px; right: 15px; font-size: 28px; font-weight: bold; color: #aaa; cursor: pointer; line-height: 20px; z-index: 10; transition: color 0.2s; }
.audio-p49x5j-close:hover { color: #333; }
.audio-p49x5j-title { margin-top: 0; margin-bottom: 15px; font-size: 24px; color: #333; font-weight: 700; line-height: 1.2; }
.audio-p49x5j-text { font-size: 16px; color: #555; margin-bottom: 25px; line-height: 1.6; }
.audio-p49x5j-btn { background: #1E73BE; color: white; text-decoration: none; padding: 12px 25px; border-radius: 5px; font-weight: bold; font-size: 16px; display: inline-block; text-align: center; transition: background 0.2s, transform 0.2s; align-self: flex-start; border: none; cursor: pointer; }
.audio-p49x5j-btn:hover { background: #155a96; transform: translateY(-2px); color: white; }
.audio-p49x5j-trigger { background: #1E73BE; color: white; padding: 10px 20px; border-radius: 4px; text-decoration: none; font-weight: bold; display: inline-block; cursor: pointer; border: none; font-family: sans-serif; transition: background 0.2s; }
.audio-p49x5j-trigger:hover { background: #155a96; }
@media (max-width: 768px) { .audio-p49x5j-content { flex-direction: column; max-height: 90vh; overflow-y: auto; } .audio-p49x5j-left { min-width: 100%; min-height: 200px; flex: none; } .audio-p49x5j-right { padding: 20px; } .audio-p49x5j-btn { width: 100%; box-sizing: border-box; } }
</style>
<!-- DÉBUT POP-UP TEASER AUDIO -->
<div id="audio-p49x5j-modal" class="audio-p49x5j-overlay">
    <div class="audio-p49x5j-content">
        <span class="audio-p49x5j-close" onclick="document.getElementById('audio-p49x5j-modal').style.display='none'">&times;</span>
        <div class="audio-p49x5j-left"><img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/03/image-42.png" alt="Extrait Audio"></div>
        <div class="audio-p49x5j-right">
            <h2 class="audio-p49x5j-title">🎧 Nos Ebooks s&#8217;écoutent aussi !</h2>
            <p class="audio-p49x5j-text">Faites plus facilement votre choix dans nos ebooks en écoutant l&#8217;extrait dans le lecteur de la fiche produit</p>
            <a href="https://shop.st9ph.fr/presta/fr/accueil/46-cyrano-de-bergerac.html" target="_blank" class="audio-p49x5j-btn">Essayer avec Cyrano</a>
        </div>
    </div>
</div>
<div style="text-align:center; margin: 20px 0;">
    <button onclick="document.getElementById('audio-p49x5j-modal').style.display='flex'" class="audio-p49x5j-trigger">👀 exemple avec ce pop-up</button>
</div>
<script>
window.onclick = function(event) {
    var modal = document.getElementById('audio-p49x5j-modal');
    if (event.target == modal) { modal.style.display = "none"; }
}
</script>
<!-- FIN POP-UP TEASER AUDIO -->



<p class="has-text-align-center has-base-2-background-color has-background">Certains <strong>visiteurs en mobilité </strong>apprécieront de pouvoir<strong> se passer de regarder leur écran</strong> ponctuellement. C&#8217;est ce qui fait aussi <strong>le succès des podcasts.</strong></p>
</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://shop.st9ph.fr/presta/fr/accueil/48-l-art-subtil-de-s-en-foutre.html" target="_blank" class="ps-product-card">
<div class="ps-product-image-wrapper">
<img decoding="async" src="https://shop.st9ph.fr/presta/70-large_default/l-art-subtil-de-s-en-foutre.jpg" alt="L'art Subtil De S'En Foutre" 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">L&#8217;art Subtil De S&#8217;En Foutre</h3>
<div class="ps-product-price">14,90 €</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>



<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>Sonoriser pour créer l&#8217;ambiance</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>Un premier exemple avec une ambiance piano très douce, pour les espaces raffinés comme les bijouteries, les galeries, les espaces de déambulation zen, les salons de relaxation &#8230;</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:15%">
<!-- DÉBUT LECTEUR MP3 MULTI (COPIABLE À VOLONTÉ) -->
<div style="font-family: sans-serif; display: inline-block; background: #f8f9fa; padding: 15px 25px; border-radius: 50px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border: 1px solid #e0e0e0; vertical-align: middle; margin: 10px;">
    
    <!-- REMPLACE L'URL CI-DESSOUS PAR LA TIENNE -->
    <!-- Pas d'ID ici, on utilise la structure pour le trouver -->
    <audio class="multi-audio" src="https://st9ph.fr/wp-content/uploads/2026/04/piano-boucle.mp3" loop></audio>
    
    <!-- Le bouton passe 'this' à la fonction pour se reconnaître -->
    <button onclick="toggleMultiPlay(this)" style="background: #25B9D7; color: white; border: none; width: 50px; height: 50px; border-radius: 50%; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; outline: none; box-shadow: 0 4px 6px rgba(37, 185, 215, 0.3);">
        ▶️
    </button>

    <script>
        function toggleMultiPlay(btn) {
            // On trouve le lecteur audio qui est juste avant le bouton cliqué
            var audio = btn.previousElementSibling;
            
            if (audio.paused) {
                // Optionnel : Mettre en pause les autres lecteurs si on en lance un nouveau
                document.querySelectorAll('.multi-audio').forEach(function(otherAudio) {
                    if(otherAudio !== audio) {
                        otherAudio.pause();
                        // Remettre à zéro les autres boutons (visuel)
                        var otherBtn = otherAudio.nextElementSibling;
                        if(otherBtn) {
                            otherBtn.innerHTML = '▶️';
                            otherBtn.style.background = '#25B9D7';
                            otherBtn.style.boxShadow = '0 4px 6px rgba(37, 185, 215, 0.3)';
                        }
                    }
                });

                audio.play();
                btn.innerHTML = '⏸️'; 
                btn.style.background = '#ff9f43'; 
                btn.style.boxShadow = '0 4px 6px rgba(255, 159, 67, 0.3)';
            } else {
                audio.pause();
                btn.innerHTML = '▶️'; 
                btn.style.background = '#25B9D7'; 
                btn.style.boxShadow = '0 4px 6px rgba(37, 185, 215, 0.3)';
            }
        }
        
        // Gestion de la fin de lecture (si pas de loop, ou pour reset)
        // Ici avec 'loop', on ne s'en sert pas trop, mais c'est propre de l'avoir.
    </script>
</div>
<!-- FIN LECTEUR MP3 MULTI -->
</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%">
<p>Un second exemple d&#8217;ambiance hip-hop plus pour une boutique jeune ou une salle de sports</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:15%">
<!-- DÉBUT LECTEUR MP3 MULTI (COPIABLE À VOLONTÉ) -->
<div style="font-family: sans-serif; display: inline-block; background: #f8f9fa; padding: 15px 25px; border-radius: 50px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border: 1px solid #e0e0e0; vertical-align: middle; margin: 10px;">
    
    <!-- REMPLACE L'URL CI-DESSOUS PAR LA TIENNE -->
    <!-- Pas d'ID ici, on utilise la structure pour le trouver -->
    <audio class="multi-audio" src="https://st9ph.fr/wp-content/uploads/2026/04/hi-hop-boucle.mp3" loop></audio>
    
    <!-- Le bouton passe 'this' à la fonction pour se reconnaître -->
    <button onclick="toggleMultiPlay(this)" style="background: #25B9D7; color: white; border: none; width: 50px; height: 50px; border-radius: 50%; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; outline: none; box-shadow: 0 4px 6px rgba(37, 185, 215, 0.3);">
        ▶️
    </button>

    <script>
        function toggleMultiPlay(btn) {
            // On trouve le lecteur audio qui est juste avant le bouton cliqué
            var audio = btn.previousElementSibling;
            
            if (audio.paused) {
                // Optionnel : Mettre en pause les autres lecteurs si on en lance un nouveau
                document.querySelectorAll('.multi-audio').forEach(function(otherAudio) {
                    if(otherAudio !== audio) {
                        otherAudio.pause();
                        // Remettre à zéro les autres boutons (visuel)
                        var otherBtn = otherAudio.nextElementSibling;
                        if(otherBtn) {
                            otherBtn.innerHTML = '▶️';
                            otherBtn.style.background = '#25B9D7';
                            otherBtn.style.boxShadow = '0 4px 6px rgba(37, 185, 215, 0.3)';
                        }
                    }
                });

                audio.play();
                btn.innerHTML = '⏸️'; 
                btn.style.background = '#ff9f43'; 
                btn.style.boxShadow = '0 4px 6px rgba(255, 159, 67, 0.3)';
            } else {
                audio.pause();
                btn.innerHTML = '▶️'; 
                btn.style.background = '#25B9D7'; 
                btn.style.boxShadow = '0 4px 6px rgba(37, 185, 215, 0.3)';
            }
        }
        
        // Gestion de la fin de lecture (si pas de loop, ou pour reset)
        // Ici avec 'loop', on ne s'en sert pas trop, mais c'est propre de l'avoir.
    </script>
</div>
<!-- FIN LECTEUR MP3 MULTI -->
</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%">
<p>Et une dernière, surtout pour vous faire rire, à intercaler entre deux chansons de vos playlist pour rappeler votre marque.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:15%">
<!-- DÉBUT LECTEUR MP3 MULTI (COPIABLE À VOLONTÉ) -->
<div style="font-family: sans-serif; display: inline-block; background: #f8f9fa; padding: 15px 25px; border-radius: 50px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border: 1px solid #e0e0e0; vertical-align: middle; margin: 10px;">
    
    <!-- REMPLACE L'URL CI-DESSOUS PAR LA TIENNE -->
    <!-- Pas d'ID ici, on utilise la structure pour le trouver -->
    <audio class="multi-audio" src="https://st9ph.fr/wp-content/uploads/2026/04/Samedi_chez_Steph.mp3" loop></audio>
    
    <!-- Le bouton passe 'this' à la fonction pour se reconnaître -->
    <button onclick="toggleMultiPlay(this)" style="background: #25B9D7; color: white; border: none; width: 50px; height: 50px; border-radius: 50%; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; outline: none; box-shadow: 0 4px 6px rgba(37, 185, 215, 0.3);">
        ▶️
    </button>

    <script>
        function toggleMultiPlay(btn) {
            // On trouve le lecteur audio qui est juste avant le bouton cliqué
            var audio = btn.previousElementSibling;
            
            if (audio.paused) {
                // Optionnel : Mettre en pause les autres lecteurs si on en lance un nouveau
                document.querySelectorAll('.multi-audio').forEach(function(otherAudio) {
                    if(otherAudio !== audio) {
                        otherAudio.pause();
                        // Remettre à zéro les autres boutons (visuel)
                        var otherBtn = otherAudio.nextElementSibling;
                        if(otherBtn) {
                            otherBtn.innerHTML = '▶️';
                            otherBtn.style.background = '#25B9D7';
                            otherBtn.style.boxShadow = '0 4px 6px rgba(37, 185, 215, 0.3)';
                        }
                    }
                });

                audio.play();
                btn.innerHTML = '⏸️'; 
                btn.style.background = '#ff9f43'; 
                btn.style.boxShadow = '0 4px 6px rgba(255, 159, 67, 0.3)';
            } else {
                audio.pause();
                btn.innerHTML = '▶️'; 
                btn.style.background = '#25B9D7'; 
                btn.style.boxShadow = '0 4px 6px rgba(37, 185, 215, 0.3)';
            }
        }
        
        // Gestion de la fin de lecture (si pas de loop, ou pour reset)
        // Ici avec 'loop', on ne s'en sert pas trop, mais c'est propre de l'avoir.
    </script>
</div>
<!-- FIN LECTEUR MP3 MULTI -->
</div>
</div>



<p class="has-medium-font-size">Il vous faudra mesurer des considérations commerciales et légales :</p>



<ul class="wp-block-list">
<li><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"><strong>commercialement parlant :</strong></mark>
<ul class="wp-block-list">
<li>les playlist devront <strong>corresponde aux gouts de votre buyer persona</strong></li>



<li>c&#8217;est une ambiance et pas un auditorium, donc il faudra trouver <strong>un volume suffisant mais pas trop fort</strong>, une variété qui <strong>évite d&#8217;intriguer</strong> (trop original) ou au contraire <strong>de lasser </strong>parce que c&#8217;est ce qu&#8217;on entend à longueur de journée à la radio</li>
</ul>
</li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Légalement parlant</mark></strong> :
<ul class="wp-block-list">
<li>Vous n&#8217;avez pas le droit d&#8217;utiliser <strong>un abonnement Deezer ou Spotify</strong> perso, il vous faudra soit un <strong>abonnement pro,</strong> soit<strong> recourir à des &#8220;r<em>adio Instore</em>&#8220;</strong> qui diffusent un flux qu&#8217;elles peuvent personnaliser pour vous (<a href="https://www.musicadmix.com/" target="_blank" rel="noreferrer noopener">un exemple ici</a>)</li>



<li>La <strong>SACEM</strong> rétribue les auteurs et distributeurs <strong>pour chaque diffusion publique</strong> et <strong>les ayants droits sont regroupés en associations </strong>qui collectent pour eux leur dû (et veillent à ce les rétributions soient versées).</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">
<!-- 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/04/5sens-toucher.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 class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- 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>Le toucher</h2>
</div>
<ul class="chapter-points"><li>le nuancier de tirelles digital ?</li><li>Toucher des yeux</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p><strong>C&#8217;est l&#8217;apanage des SVP </strong>et c&#8217;est aussi pour cela qu&#8217;en matière d&#8217;habillement, de décoration et de bricolage, l<strong>es magasins physiques ont encore de beaux jours devant eux</strong>.</p>



<p>C&#8217;est aussi pour cela que beaucoup de commerçants <strong>s&#8217;appuient sur leurs point relais </strong>pour leur premier contact, même si l&#8217;achat se finalise à distance</p>



<p>C&#8217;est donc pour le commerçant, plus que pour le client que le digital devient un atout en terme de toucher</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"><img loading="lazy" decoding="async" width="451" height="348" src="https://st9ph.fr/wp-content/uploads/2026/04/image-9.png" alt="" class="wp-image-36901" srcset="https://st9ph.fr/wp-content/uploads/2026/04/image-9.png 451w, https://st9ph.fr/wp-content/uploads/2026/04/image-9-300x231.png 300w" sizes="auto, (max-width: 451px) 100vw, 451px" /></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="457" height="310" src="https://st9ph.fr/wp-content/uploads/2026/04/image-10.png" alt="" class="wp-image-36902" srcset="https://st9ph.fr/wp-content/uploads/2026/04/image-10.png 457w, https://st9ph.fr/wp-content/uploads/2026/04/image-10-300x204.png 300w" sizes="auto, (max-width: 457px) 100vw, 457px" /></figure>
</div>
</div>



<p>👆🏻 Sur les deux images ci-dessus, on voit que <strong>l&#8217;expérience en face à face</strong> pour le ressenti du tissu d&#8217;un canapé ou du choix du plan de travail d&#8217;une cuisine est inimitable.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="422" src="https://st9ph.fr/wp-content/uploads/2026/04/image-11.png" alt="" class="wp-image-36904" srcset="https://st9ph.fr/wp-content/uploads/2026/04/image-11.png 1000w, https://st9ph.fr/wp-content/uploads/2026/04/image-11-300x127.png 300w, https://st9ph.fr/wp-content/uploads/2026/04/image-11-768x324.png 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>



<p>➡️ En revanche, le digital peut être un atout pour <strong>faciliter la commande</strong>, vérifier <strong>la disponibilité en stock</strong>, <strong>réduire les délais de conception</strong> quand c&#8217;est une mise en production à la demande.</p>



<p>👉🏻 Elle permet aussi une<strong> projection du matériau</strong> (maquette) en donnant <strong>un aperçu du produit </strong>fait de celui-ci avant même qu&#8217;il ne soit construit.</p>



<p class="callout vert">✅ Ci-dessous, les pastilles <strong>volontairement grosses</strong> pour le focus sur le tissu, permettent au client de se projeter dans le produit fini tout en conservant<strong> l&#8217;illusion sensorielle</strong> des nuanciers que le vendeur lui a montrés.</p>



<!-- DÉBUT SÉLECTEUR DE CANAPÉ -->
<div style="font-family: 'Segoe UI', sans-serif; max-width: 1000px; margin: 20px auto; background: #fff; border: 1px solid #eee; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.05); display: flex; flex-wrap: wrap;">
    
    <!-- COLONNE GAUCHE : Les Échantillons -->
    <div style="flex: 0 0 200px; background: #f9f9f9; border-right: 1px solid #eee; padding: 20px; display: flex; flex-direction: column; gap: 15px; align-items: center;">
        <h3 style="margin: 0 0 10px 0; font-size: 0.9em; text-transform: uppercase; color: #888; text-align: center;">Choisir la couleur</h3>
        
        <!-- Option 1 : Bleu -->
        <div onclick="changeCanape('https://st9ph.fr/wp-content/uploads/2026/05/canap-bleu.jpg', this)" 
             style="cursor: pointer; transition: transform 0.2s; opacity: 0.6; border: 3px solid transparent; border-radius: 8px; overflow: hidden;"
             onmouseover="this.style.opacity='1'" onmouseout="if(!this.classList.contains('active')) this.style.opacity='0.6'">
            <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/05/echant-bleu.jpg" alt="Bleu" style="width: 100%; height: 155px; object-fit: cover; display: block; border-radius: 6px;">
        </div>

        <!-- Option 2 : Gris -->
        <div onclick="changeCanape('https://st9ph.fr/wp-content/uploads/2026/05/canap-gris.jpg', this)" 
             style="cursor: pointer; transition: transform 0.2s; opacity: 0.6; border: 3px solid transparent; border-radius: 8px; overflow: hidden;"
             onmouseover="this.style.opacity='1'" onmouseout="if(!this.classList.contains('active')) this.style.opacity='0.6'">
            <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/05/echant-gris.jpg" alt="Gris" style="width: 100%; height: 155px; object-fit: cover; display: block; border-radius: 6px;">
        </div>

        <!-- Option 3 : Crème -->
        <div onclick="changeCanape('https://st9ph.fr/wp-content/uploads/2026/05/canap-creme.jpg', this)" 
             style="cursor: pointer; transition: transform 0.2s; opacity: 0.6; border: 3px solid transparent; border-radius: 8px; overflow: hidden;"
             onmouseover="this.style.opacity='1'" onmouseout="if(!this.classList.contains('active')) this.style.opacity='0.6'">
            <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/05/echant-crem.jpg" alt="Crème" style="width: 100%; height: 155px; object-fit: cover; display: block; border-radius: 6px;">
        </div>
    </div>

    <!-- COLONNE DROITE : L'image Principale -->
    <div style="flex: 1; min-width: 300px; background: #fff; padding: 20px; display: flex; align-items: center; justify-content: center; position: relative;">
        <img decoding="async" id="mainCanape" src="https://st9ph.fr/wp-content/uploads/2026/05/canap-bleu.jpg" alt="Canapé" style="width: 100%; height: auto; max-height: 600px; object-fit: contain; border-radius: 8px; transition: opacity 0.3s ease;">
    </div>

    <script>
        function changeCanape(newUrl, element) {
            var mainImg = document.getElementById('mainCanape');
            
            // 1. Gestion visuelle des boutons (bordure et opacité)
            // On retire la classe 'active' et le style de tous les frères
            var siblings = element.parentElement.children;
            for (var i = 0; i < siblings.length; i++) {
                siblings[i].classList.remove('active');
                siblings[i].style.borderColor = 'transparent';
                siblings[i].style.opacity = '0.6';
                siblings[i].style.transform = 'scale(1)';
            }

            // 2. On active l'élément cliqué
            element.classList.add('active');
            element.style.borderColor = '#25B9D7'; // Couleur de la bordure active
            element.style.opacity = '1';
            element.style.transform = 'scale(1.05)'; // Petit zoom

            // 3. Changement d'image avec effet de fondu
            mainImg.style.opacity = '0'; // Disparition progressive
            
            setTimeout(function() {
                mainImg.src = newUrl; // Changement de source
                mainImg.onload = function() {
                    mainImg.style.opacity = '1'; // Réapparition progressive
                };
            }, 300); // Attend la fin du fondu (300ms)
        }

        // Initialisation : activer visuellement le premier élément (Bleu) au chargement
        window.onload = function() {
            var firstOption = document.querySelector('[onclick*="canap-bleu"]');
            if(firstOption) {
                firstOption.style.borderColor = '#25B9D7';
                firstOption.style.opacity = '1';
                firstOption.classList.add('active');
            }
        };
    </script>
</div>
<!-- FIN SÉLECTEUR DE CANAPÉ -->



<p class="callout bleu">🤚🏻 C'est une technique très utilisée en eshop :<strong> un zoom sur la texture </strong>dans les sélecteurs de déclinaisons pour que le cerveau du visiteur <strong>mentalise le matériau </strong>et se rappelle l'expérience sensorielle qu'elle évoque pour lui.</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/05/5sens-odorat.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 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">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">
      L'odorat et le gout
    </h2>
    <p class="chapter-subtitle">difficilement transposable</p>
  </div>
</div>



<p class="has-base-2-background-color has-background">On atteint là <strong>une des limites du digital.</strong> Si on peut visualiser, entendre, voir même se rendre compte d'une texture, <strong>on ne pourra jamais ni sentir </strong>un produit, <strong>ni</strong> le <strong>gouter </strong>à distance.</p>



<p>👉🏻 Le digital peut néanmoins<strong> aider à l'achat</strong> de produits dont la senteur ou le gout sont essentielles pour la décision.</p>
</div>
</div>



<p class="has-medium-font-size">On pense forcément aux parfums et à la nourriture, les deux produits majeurs pour ces deux sens.</p>



<p>En <strong>parfumerie</strong>,<strong> les échantillons</strong> peuvent être <strong>accompagnés de QR codes </strong>pour mener à la page de commande. C'est un des derniers atouts du <strong>courrier classique</strong>, d'ailleurs, car si leur format est modeste, il peut être <strong>envoyé comme simple lettre</strong>. 👇🏻</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="559" src="https://st9ph.fr/wp-content/uploads/2026/05/aurelie-perfumes-1024x559.png" alt="" class="wp-image-36928" srcset="https://st9ph.fr/wp-content/uploads/2026/05/aurelie-perfumes-1024x559.png 1024w, https://st9ph.fr/wp-content/uploads/2026/05/aurelie-perfumes-300x164.png 300w, https://st9ph.fr/wp-content/uploads/2026/05/aurelie-perfumes-768x419.png 768w, https://st9ph.fr/wp-content/uploads/2026/05/aurelie-perfumes-1536x838.png 1536w, https://st9ph.fr/wp-content/uploads/2026/05/aurelie-perfumes-2048x1117.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">
<p class="callout rouge">❌ Pour le gout, essayer avant d'acheter à distance s'avère impossible. Envoyer des échantillons si les produits sont périssables serait aventureux.</p>



<p>En revanche, l'achat en ligne de produits qu'on connait déjà est grandement<strong> facilité par le digital.</strong> On citera  :</p>



<ul class="wp-block-list">
<li>la livraison de repas à domicile</li>



<li>les "drive" des GSA</li>



<li>Les bornes de commandes des restaurant</li>



<li>les outils de vente à emporter</li>



<li>les distributeurs automatiques</li>
</ul>



<p class="has-base-2-background-color has-background">Bien sur, certains produits <strong>non périssables </strong>restent échantillonables et, là, <strong>une campagne d'envoi par courrier </strong>peut s'envisager sur le même mode que le parfum.</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/05/5sens-gout-marche.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>



<p>➡️ En définitive, la relation client  en digital, si <strong>elle ne souffre pas de la vision ni de l'audition </strong>(bien au contraire, elle peut les sublimer), peine à rivaliser pour<strong> le toucher qu'elle ne peut que suggérer</strong> au travers d'une mise en valeur des matériaux. </p>



<p>Elle est <strong>démunie face au gout et à l'odorat </strong>et ne peut en ce domaine qu'améliorer l'expérience d'achat, voire dans de rares cas d'aider à la décision quand <strong>la livraison d'échantillons </strong>est possible.</p>



<!-- 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>🔉Pixabay audio</strong> – ambiances sonores</li>
<li><strong>🔉Google AI Studio + Audacity </strong> Publicité de la boutique st9ph</li>
<li><strong>🔊 Voicertool</strong> - introduction parlée </li>
<li><strong>🖥️ Nano Banana Pro de Google Gemini + Veo</strong> - illustrations visuelles</li>
<li><strong>🖥️ Google Veo, Microsoft Clipchamp</strong> – video Yutube</li>
<li><strong>🖥️ Infomaniak Euria</strong> – frames produit canapé, lecteurs audio des boucles</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 général est vise a donner des exemple pour :</p>
<ul>
<li>maitriser le phygital</li>
<li>inspirer les productions digitales</li>
</ul>
<p>👉 il n'entre pas dans le cadre d'un chapitre de compétences particulier </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>Beacons</strong> : puce d'indentification de produits pour faciliter leur reconnaissance avec les outils digitaux </li>
<li><strong>cookies</strong> : fichiers de suivi de navigation (temps passé, pages parcourues, actions effectuées ...</li>
<li><strong>Cohorte</strong> : groupe de prospects ou clients qui adoptent le même comportement </li>
</ul>
<li><strong>Carrousel</strong> : panneau défilent permettant d'alterner plusieurs CTA à un endroit stratégique du site </li>
<li><strong>Magnet</strong> : cadeau ou récompense destinée à rétribuer l'engagement  </li>
<li><strong>Buyer persona</strong> : profil du client majoritaire dans le segment ciblé (à quoi ressemble votre profil type) </li>
</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>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/">⏺️Omnicanal | Donner des sens au digital</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2026/05/voicertool_audio_Eloise_04-05-2026_at_14_05_44_on_May_4th_2026.mp3" length="309312" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/04/vitrine-boucle.mp4" length="1076676" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/04/insta-roberose_final2.mp4" length="1260146" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/04/beacons.mp4" length="1722174" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/04/pub-robe-rose.mp4" length="1569619" type="video/mp4" />
<enclosure url="https://boutiq.st9ph.fr/img/cms/robe-rose-demo.mp4" length="2384055" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/04/pub-cashback.mp3" length="520542" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/04/piano-boucle.mp3" length="691200" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/04/hi-hop-boucle.mp3" length="465606" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/04/Samedi_chez_Steph.mp3" length="723294" type="audio/mpeg" />

		<post-id xmlns="com-wordpress:feed-additions:1">36808</post-id>	</item>
		<item>
		<title>🏷️Animation RC &#124; La communication en service client &#038; son management</title>
		<link>https://st9ph.fr/com-en-service-client-et-son-management/</link>
					<comments>https://st9ph.fr/com-en-service-client-et-son-management/#comments</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Mon, 09 Feb 2026 14:14:06 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[🏷️ Animation RC]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[charte d'appel]]></category>
		<category><![CDATA[évaluer un téléacteur]]></category>
		<category><![CDATA[management call center]]></category>
		<category><![CDATA[outils du service client]]></category>
		<category><![CDATA[service cleint]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=34280</guid>

					<description><![CDATA[<p>📖 Lecture : 0 % ☰ 📚 Sources 🧑‍🎓NDRC 📘 Glossaire 📚 Sources My Studies – Choix des canaux Webhelp SA – Illustration 2-3 Zendesk, ApliCall, Aixialys –estimations couts VOIP &#038; matériel 🖥️ Tidio – Outil de Tchat 🖥️ Google Forms – Assistant conversationnel 🖥️ Google IA Studio – génération voix du dialogue téléphonique 🔊 ... <a title="🏷️Animation RC &#124; La communication en service client &#38; son management" class="read-more" href="https://st9ph.fr/com-en-service-client-et-son-management/" aria-label="En savoir plus sur 🏷️Animation RC &#124; La communication en service client &#38; son management">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/com-en-service-client-et-son-management/">🏷️Animation RC | La communication en service client &amp; son management</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-60e92510"><button class="uagb-notice-close-button" type="button" aria-label="Close"></button><h5 class="uagb-notice-title"><strong>L&#8217;importance de communiquer</strong></h5><div class="uagb-notice-text">
<p class="has-medium-font-size">A toutes les étapes de son parcours client, votre interlocuteur recevra des communications de votre enseigne. Qu&#8217;il s&#8217;agisse de discours oraux (face à face, phoning) ou de com écrite (vos publications, vos mails, vos tchats), de dialogue ou de message différés, tous répondent à des codes et véhiculent votre image. Ils sont l&#8217;un des deux pendants de votre succès (l&#8217;autre étant vos produits ou services). #GRC #Helpdesk</p>
</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/02/voicertool_audio_Eloise_09-02-2026_at_16_39_58_on_February_9th_2026.mp3"></audio><figcaption class="wp-element-caption">🎧 Ecouter l&#8217;introduction audio</figcaption></figure>



<!-- 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>My Studies</strong> – Choix des canaux</li>
<li><strong>Webhelp SA</strong> – Illustration 2-3</li>
<li><strong>Zendesk, ApliCall, Aixialys</strong> –estimations couts VOIP &#038; matériel</li>
<li><strong>🖥️ Tidio</strong> – Outil de Tchat</li>
<li><strong>🖥️ Google Forms</strong> – Assistant conversationnel</li>
<li><strong>🖥️ Google IA Studio</strong> – génération voix du dialogue téléphonique</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 écrite E5.</p>
<ul>
<li>savoir élaborer une charte d&#8217;appel, un scénario de réponse en service client</li>
<li>Connaitre les rôles d&#8217;un centre de Contact et son mode de fonctionnement</li>
<li>Connaitre les outils de gestion et de mesure en service client</li>


</ul>
<p>👉 on peut vous demander d&#8217;évaluer et d&#8217;améliorer un script, par exemple </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>Intranet / Base de Co&#8217;</strong> : outils internes d&#8217;aide pour l&#8217;opérateur</li>
<li><strong>Qualifier / Requalifier</strong> : mettre à jour les données client</li>
<li><strong>Identifier</strong> : vérifier l&#8217;identité par une question fermée &#8220;vous êtes bien … ?&#8221;</li>
<li><strong>Authentifier</strong> : vérifier l&#8217;identité par une question ouverte &#8220;Pouvez-vous m&#8217;indiquer … ?&#8221;</li>
<li><strong>Next Step (prochaine étape)</strong> : Que va-t-il se passer ensuite ?&#8221;</li>
<li><strong>Empathie</strong> : Capacité à se mettre à la place de l&#8217;autre pour comprendre son point de vue&#8221;</li>
<li><strong>Closing</strong> : phase de l&#8217;entretien destinée à le conclure (validation de la proposition)</li>
<li><strong>Clavardage</strong> : nom français (ou québécois 😉) du tchat</li>
<li><strong>hypertextualisation</strong> : Ce mot n&#8217;existe pas, je l&#8217;ai inventé et il veut dire : les atouts techniques de l&#8217;écrit digital</li>
<li><strong>Client donneur d&#8217;ordre</strong> : celui qui confie son flux d&#8217;appels à un Call Center Prestataire pour qu&#8217;il gère son service client en son nom</li>
<li><strong>VOIP</strong> : Véhiculer la voix par le réseau internet</li>
<li><strong>CTI</strong> : Couplage Téléphonie Informatique</li>
<li><strong>Day-Off</strong> : jour non travaillé</li>
<li><strong>SatCli</strong> : contraction de Satisfaction client</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>📄 En complément (ou en croisement) de cet article, voyez aussi :</p>



<ul class="wp-block-list">
<li>l'<a href="https://st9ph.fr/prestashop-le-service-apres-vente/">article sur le SAV</a>, même s'il est orienté Prestashop. Nous reprendrons d'ailleurs certains de ses éléments en exemples</li>



<li><a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_blank" rel="noreferrer noopener">l'article sur la satisfaction client</a>, particulièrement les <strong>enjeux de la satisfaction client</strong> contenus dans son <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">chapitre </mark></strong>1️⃣ (<mark style="background-color:rgba(0, 0, 0, 0);color:#e39210" class="has-inline-color">nous ne reviendrons pas dessus pour éviter les redites</mark>)</li>



<li>Les <strong>influenceurs </strong>des réseaux sociaux et le <strong>Reverse Marketing</strong>, à intégrer dans votre com mais qui sont l'objet de <a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-social-selling-reverse-marketing/" target="_blank" rel="noreferrer noopener">cet autre article</a>.</li>
</ul>



<p>Nous allons prendre un <strong>exemple fil rouge</strong> d'un client qui a commandé dans la boutique pédagogique et qui n'a pas reçu sa facture. Cela nous permettra d'étudier :</p>



<ul class="wp-block-list">
<li> les <strong>différents outils et canaux </strong>de communication que nous pouvons lui procurer
<ul class="wp-block-list">
<li><strong>mettre en place</strong> des outils efficaces</li>



<li><strong>quel discours </strong>mettre en place </li>
</ul>
</li>



<li>le<strong> management </strong>de ce<strong> helpdesk</strong>
<ul class="wp-block-list">
<li><strong>Evaluation </strong>et<strong> amélioration des outils</strong></li>



<li><strong>Accompagnement des chargés de clientèle</strong></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: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'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-be721722-ba3d-44dc-bc5b-439edf815813">
			<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-be721722-ba3d-44dc-bc5b-439edf815813-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-be721722-ba3d-44dc-bc5b-439edf815813-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-be721722-ba3d-44dc-bc5b-439edf815813-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-be721722-ba3d-44dc-bc5b-439edf815813-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-be721722-ba3d-44dc-bc5b-439edf815813-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-be721722-ba3d-44dc-bc5b-439edf815813-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-be721722-ba3d-44dc-bc5b-439edf815813-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-be721722-ba3d-44dc-bc5b-439edf815813-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-be721722-ba3d-44dc-bc5b-439edf815813-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-be721722-ba3d-44dc-bc5b-439edf815813-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-925bc709-0b32-42da-93c1-79a5a062882e">
			<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-925bc709-0b32-42da-93c1-79a5a062882e-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-925bc709-0b32-42da-93c1-79a5a062882e-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-925bc709-0b32-42da-93c1-79a5a062882e-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-925bc709-0b32-42da-93c1-79a5a062882e-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-925bc709-0b32-42da-93c1-79a5a062882e-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-925bc709-0b32-42da-93c1-79a5a062882e-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-925bc709-0b32-42da-93c1-79a5a062882e-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-925bc709-0b32-42da-93c1-79a5a062882e-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-925bc709-0b32-42da-93c1-79a5a062882e-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-925bc709-0b32-42da-93c1-79a5a062882e-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-f8ab3b9e-b20b-4da6-8353-769aa2dc6523">
			<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-f8ab3b9e-b20b-4da6-8353-769aa2dc6523-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-f8ab3b9e-b20b-4da6-8353-769aa2dc6523-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-f8ab3b9e-b20b-4da6-8353-769aa2dc6523-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-f8ab3b9e-b20b-4da6-8353-769aa2dc6523-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-f8ab3b9e-b20b-4da6-8353-769aa2dc6523-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-f8ab3b9e-b20b-4da6-8353-769aa2dc6523-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-f8ab3b9e-b20b-4da6-8353-769aa2dc6523-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-f8ab3b9e-b20b-4da6-8353-769aa2dc6523-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-f8ab3b9e-b20b-4da6-8353-769aa2dc6523-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-f8ab3b9e-b20b-4da6-8353-769aa2dc6523-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 loading="lazy" 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="bloc-qcm">
  <p class="qcm-question">
    🧠 <strong>A votre avis :</strong> Quel est le canal favori des clients ?
  </p>

  <ul class="qcm-options">
    <li data-correct="true">Le téléphone</li>
    <li data-correct="false">Le Tchat</li>
    <li data-correct="false">La FAQ</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 = "✅ Exactement, et de loin !";
        feedback.style.color = "#188038";
      } else {
        option.classList.add('wrong');
        feedback.textContent = "❌ Non, c'est le téléphone, sans contest";
        feedback.style.color = "#dc2626";
      }
    });
  });
});
</script>



<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">45–68 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">10 639 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-11T13:29:56+02:00">11 avril  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-f6f0e75f      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							Au programme :						</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="#les-outils-de-la-communication-en-service-client" class="uagb-toc-link__trigger">les outils de la communication en Service Client</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#11-en-phoning" class="uagb-toc-link__trigger">🔹1.1 |en phoning</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#12-en-clavardage-tchat" class="uagb-toc-link__trigger">🔹1.2 |en clavardage (tchat)</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="#management-du-service-client" class="uagb-toc-link__trigger">Management du service client</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#21-les-ressources-du-management" class="uagb-toc-link__trigger">🔹2.1 |les ressources du management</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#22-la-supervision" class="uagb-toc-link__trigger">🔹2.2 |la supervision</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#23-la-gestion-des-agents" class="uagb-toc-link__trigger">🔹2.3 |la gestion des agents</a></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 outils de la communication en Service Client</h2>
    </div>

    <ul class="chapter-points">
      <li>☎️ en phoning</li>
      <li>⌨️ en clavardage</li>
    </ul>
  </div>
</div>



<p class="has-medium-font-size">🔹 Sans revenir sur ce que nous avons déjà exploré dans d'autres articles, <strong>souvenons-nous que</strong> :</p>



<ul class="wp-block-list">
<li>😎  un client préfère <strong>se dérouiller seul </strong>et<strong> quand il l'a décidé </strong>(voir <a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8f-animation-rc-le-selfcare/" target="_blank" rel="noreferrer noopener">le selfcare</a>)</li>



<li>😡 mais, si l'outil de <strong>selfcare </strong>ne fonctionne pas comme il souhaite, il veut<strong> un "humain" sans délai</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">
<figure class="wp-block-image size-full is-style-rounded"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/photo5.jpg" alt="" class="wp-image-31211" srcset="https://st9ph.fr/wp-content/uploads/2025/12/photo5.jpg 1024w, https://st9ph.fr/wp-content/uploads/2025/12/photo5-300x300.jpg 300w, https://st9ph.fr/wp-content/uploads/2025/12/photo5-150x150.jpg 150w, https://st9ph.fr/wp-content/uploads/2025/12/photo5-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>Et dans ce cas, là, c'est 📞 <strong>le canal téléphonique</strong> qu'il va choisir.</p>



<p class="has-base-2-background-color has-background">🏪 Si vous avez <strong>une SVP près de chez lui </strong>et que <strong>le problème est technique,</strong> il risque même de se pointer devant vous avec son appareil en panne dans les bras.</p>



<p>👉🏻 dans le chapitre 1️⃣ de <a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_blank" rel="noreferrer noopener">l'article sur la satisfaction client</a> , on a vu aussi que l'attente sur le SVI peut être <strong>un facteur aggravant</strong> d'insatisfaction.</p>



<p>👉🏻 dans le chapitre 1️⃣ de l'<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8f-animation-rc-le-selfcare/" target="_blank" rel="noreferrer noopener">article sur le selfcare</a>, on imagine que <strong>le SVI totalement automatisé</strong> de la SNCF peut lui aussi <strong>générer du mécontentement </strong>si on n'arrive pas à ce faire comprendre</p>
</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>en phoning</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%">
<div class="wp-block-uagb-counter uagb-block-fda79edf 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="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="52" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div><div class="wp-block-uagb-counter__title">choisissent ce canal<br><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">en SAV</mark></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>



<p class="has-text-align-center has-small-font-size">📚<a href="https://www.mystudies.com/fr-fr/blog/gestion-de-projet/service-apres-vente-2024-fonctions-canaux-outils-enjeux-25-09-2024.html" target="_blank" rel="noreferrer noopener"> MyStudies.com</a></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>Autant les clients ont <strong>horreur d'être démarchés</strong> au téléphone, autant c'est<strong> leur premier reflexe quand ils ont besoin </strong>de vous contacter.  Les avantages sont évidents :</p>



<ul class="wp-block-list">
<li>🔥 C'est un <strong>canal "chaud"</strong> (dialogue <strong>en temps réel</strong>)</li>



<li>c'est aussi <strong>le plus chaleureux</strong> 😀😒(émotions dans l'<strong>échange humain</strong>)</li>



<li>🧠 C'est le plus apte à <strong>dialoguer </strong>et gérer les <strong>problématiques complexes</strong>.</li>
</ul>



<p></p>



<p>👉🏻 c'est aussi <strong>le plus stressant</strong> et à moins d'un<strong> H24 7J/7</strong>, il y'a <strong>des horaires.</strong>🕝</p>
</div>
</div>



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



<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/2026/02/7.jpg" alt="" class="wp-image-34427" srcset="https://st9ph.fr/wp-content/uploads/2026/02/7.jpg 1024w, https://st9ph.fr/wp-content/uploads/2026/02/7-300x300.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/02/7-150x150.jpg 150w, https://st9ph.fr/wp-content/uploads/2026/02/7-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 class="has-base-2-background-color has-background">Certes, les bons vieux <strong>Post-it</strong> 🖍️pourraient aider à se souvenir de <strong>tout ce qu'il faut savoir si le service client</strong> (et j'en ai vus un certain nombre) mais ce n'est pas ce qui sera <strong>le plus efficace </strong>(ni le plus rapide) pour répondre aux clients !</p>



<p>👉🏻 Non, on va se fier comme toujours, aux <strong>outils informatiques </strong>d'autant que <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">le CTI </mark></strong>(<strong>couplage téléphonie Informatique</strong>) peut faire r<strong>emonter automatiquement le fiche client </strong>qu'on a au bout du fil.</p>
</div>
</div>



<p>Le poste du téléopérateur est en général équipé de <strong>deux écrans</strong> :</p>



<ul class="wp-block-list">
<li>le premier lui permet d'agir sur <strong>le backoffice</strong> (consulter les infos clients, agirpour lui, voir les états de commandes, modifier des options ...)</li>



<li>Le second est <strong>sa base de connaissance</strong> dans lequel il trouvera les tutoriels pour dépanner, les infos de diagnostic, les actualités de l'enseigne (promos en cours, évènements, incidents signalés ...)</li>
</ul>



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



<p>➡️ Le backoffice dépend du CRM utilisé. Pour nous, <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> et je vous renvoie aux nombreux <a href="https://st9ph.fr/category/creation-de-sites/prestashop/">articles sur ce sujet </a>dans le blog</p>



<p>➡️ La <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">base de connaissance</mark> (<strong>Base de Co' </strong>comme on dit sur les plateaux où l'on aime bien tout raccourcir) permet à l'opérateur de trouver <strong>les étapes de résolution,</strong> les codes, les liens, les adresses ... Elle est très utile pour aider le téléconseiller dans <strong>le process </strong>et ne pas oublier des consignes ou des points de vigilance.</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>Vous pouvez <strong>piloter celle de la boutique pédagogique</strong><a href="https://forms.gle/ynfg8eyUsHxKV7aF9" target="_blank" rel="noreferrer noopener">🌐 sur ce lien </a>ou en flashant le QR code si vous préférez sur mobile (moins conseillé pour les aperçus d'écrans).</p>



<p class="has-base-2-background-color has-background">👉🏻 Cette base de Co peut aussi servir <strong>à une conversation de Tchat</strong>. Il suffirait de <strong>la relier par une API  à l'outil </strong>puis d'ajouter un bouton "<strong>faire cette réponse</strong>" pour que les éléments choisis dans la Base de Co soient <strong>envoyés directement dans la conversation</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>👉🏻 Vous pouvez également retrouver ce lien dans <strong>le footer de la boutique pédagogique </strong>(<em>cliquez sur le logo ci -contre pour vous y rendre dans un nouvel onglet)</em></p>



<p>Ou directement ici 👇🏻</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"><a href="https://shop.st9ph.fr/presta/fr" target="_blank" rel=" noreferrer noopener"><img loading="lazy" decoding="async" width="171" height="71" src="https://st9ph.fr/wp-content/uploads/2026/02/shop-st9ph-paysage.jpg" alt="" class="wp-image-34318"/></a></figure>
</div>
</div>
</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="490" height="490" src="https://st9ph.fr/wp-content/uploads/2026/02/qrcode_docs.google.com-9.png" alt="" class="wp-image-34305" srcset="https://st9ph.fr/wp-content/uploads/2026/02/qrcode_docs.google.com-9.png 490w, https://st9ph.fr/wp-content/uploads/2026/02/qrcode_docs.google.com-9-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/02/qrcode_docs.google.com-9-150x150.png 150w" sizes="auto, (max-width: 490px) 100vw, 490px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="265" height="198" src="https://st9ph.fr/wp-content/uploads/2026/02/image-42.png" alt="" class="wp-image-34317"/></figure>
</div>
</div>


<p><iframe loading="lazy" src="https://docs.google.com/forms/d/e/1FAIpQLSet63L1Ar8YxUjguAxLZneGqQPiSAe18hXmsoJE0oIHj3wiTw/viewform?embedded=true" width="640" height="800" frameborder="0" marginheight="0" marginwidth="0">Chargement…</iframe></p>



<p class="has-base-2-background-color has-background">ℹ️ C'est comme ceci que fonctionne <strong>un chabot</strong> d'ailleurs, il <strong>analyse des mots clés </strong>qu'il fait correspondre par <strong>probabilité </strong>aux choix <strong>les plus pertinents</strong> de son inventaire. </p>



<p>Mais <strong>revenons à notre appel</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">
<!-- 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-35.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>➡️ Le téléconseiller peut choisir une typologie dans le menu principal pour être guidé vers le tutoriel adéquat :</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/02/image-37.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">👉🏻 un choix "autre" permettra à l'opérateur de <strong>saisir les thématiques qui ne sont pas prévues</strong> dans l'arborescence pour que ce feedback permette aux formateurs du centre d'appels de <strong>faire évoluer l'outil</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>➡️ Le choix "<em>commande passée</em>" conduit vers <strong>un second menu </strong>regroupant <strong>toutes les typologiques connues pour cette thématique</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/02/image-38.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">👉🏻 Célia n'a plus qu'à <strong>suivre le guide</strong> et dispose <strong>d'aperçus d'écrans</strong> pour mieux renseigner le client devant son écran.</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/02/image-36.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>



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



<p>➡️ En appels <strong>entrants </strong>(vers le Call Center) ou <strong>sortants </strong>(prospection, rappel), on utilise plusieurs méthodes (<strong>chartes</strong>) d'appels mais qui se résument toujours dans<strong> les mêmes 4 phases </strong>: <strong>Accueil, Découverte, Proposition et Conclusion</strong> <strong>(<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">ADPC</mark></strong>).</p>



<p>Dans ce tableau, <strong>les équivalences</strong> <strong>avec </strong>les 3 autres <strong>les plus connues</strong>, pour être complet :</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th class="has-text-align-center" data-align="center">ADPC</th><th class="has-text-align-center" data-align="center">CROC</th><th class="has-text-align-center" data-align="center">4C</th><th class="has-text-align-center" data-align="center">AIDA</th></tr></thead><tbody><tr><td class="has-text-align-center" data-align="center">Accueil</td><td class="has-text-align-center" data-align="center">Contact</td><td class="has-text-align-center" data-align="center">Contacter</td><td class="has-text-align-center" data-align="center">Attirer l'attention</td></tr><tr><td class="has-text-align-center" data-align="center">Découverte</td><td class="has-text-align-center" data-align="center">Raisons</td><td class="has-text-align-center" data-align="center">Connaitre</td><td class="has-text-align-center" data-align="center">Inspirer l'intérêt</td></tr><tr><td class="has-text-align-center" data-align="center">Proposition</td><td class="has-text-align-center" data-align="center">Objectifs</td><td class="has-text-align-center" data-align="center">Convaincre</td><td class="has-text-align-center" data-align="center">Déclencher le désir</td></tr><tr><td class="has-text-align-center" data-align="center">Conclusion</td><td class="has-text-align-center" data-align="center">Conclusion</td><td class="has-text-align-center" data-align="center">Conclure</td><td class="has-text-align-center" data-align="center">Aboutir à l'adhésion</td></tr></tbody></table></figure>



<p class="has-base-2-background-color has-background">ℹ️ Les deux dernières étant plutôt destinées à <strong>des appels sortants</strong> (<strong><em>contacter </em></strong>et <strong><em>attirer l'attention</em></strong>).</p>



<p>Etudions maintenant l'appel fil rouge pour détailler ses phases (ADPC)</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Service-client | facture" width="900" height="506" src="https://www.youtube.com/embed/zfYxiiaCUFA?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<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="callout bleu has-accent-color has-text-color has-link-color has-large-font-size wp-elements-2ecfbd16ddf3d01d7b539694fae6757d">A</p>



<p class="has-medium-font-size"><strong>Accueil</strong></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 has-accent-color has-text-color has-link-color wp-elements-50dd1e6fd8b1598e8fdded2a85a642aa is-layout-flow wp-block-column-is-layout-flow">
<p class="has-drop-cap has-medium-font-size">Boutique st9ph, bonjour ! bienvenue au service client !</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<blockquote class="wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<p style="font-size:18px">✅ <strong>Je rassure immédiatement le client sur l’aboutissement de son appel et je le mets en confiance par un accueil convivial</strong> </p>
</blockquote>
</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-drop-cap has-medium-font-size">Bonjour, je vous appelle parce que je n’ai pas reçu la facture d’un produit que j’ai acheté chez vous !</p>



<p class="has-text-align-right"><em>Equivalent dans le chatbot</em> 👉🏻</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/02/image-30.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="has-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-0c510eefc88b902bf805d54099ff93c9">Ce n’est pas normal, en effet ! nous allons regarder cela ensemble : pouvez vous m’indiquer l’adresse mail que vous utilisez dans la boutique ?</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">
<blockquote class="wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<p style="font-size:18px">✳️ Je repère la problématique et authentifie le client pour accéder à son dossier </p>
</blockquote>



<ul class="wp-block-list">
<li>✍🏻 Prise de notes des éléments clés (dates, ordre des évènements ...) pour éviter à mon interlocuteur de se répéter</li>



<li>🖥️ Backoffice client et Base de Co</li>
</ul>
</div>
</div>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>😮‍💨 <strong>Authentifier, identifier </strong>? Je ne vois pas bien la différence ?</summary>
<p><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Authentifier</mark></strong>, c'est demander au client <strong>une information que</strong> <strong>lui seul peut connaitre </strong>(normalement) contrairement à <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">identifier</mark></strong>, qui n'est qu'une <strong>question de contrôle pour vérifier</strong> ou <strong>requalifier</strong>. C'est ce qui va se passer ensuite quand elle va lui dire "vous êtes bien monsieur ..." ➡️ il répondra par Oui ou Non</p>
</details>



<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-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-drop-cap has-medium-font-size">oui, bien sur ! gnelvet@gmail.com</p>
</div>
</div>



<ul class="wp-block-list">
<li>🖥️ Accès à la fiche client</li>



<li>👀 Repérage des dernières opérations pour être proactif dans le questionnement</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/02/image-31.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 class="has-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-29e4676fbb10632a221b63c44d4c9027">très bien ! J’accède à votre dossier … vous êtes bien monsieur Gabin Nelvet ?</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<blockquote class="wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<p style="font-size:18px">✅ J'identifie le client </p>
</blockquote>



<ul class="wp-block-list">
<li>🖥️ Je <strong>vérifie les informations</strong> du dossier (requalification)</li>



<li>💛 Effet rassurant de <strong>prise en charge personnalisée </strong>quand le client est nommé sans avoir dit son nom au préalable.</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">
<p class="has-drop-cap has-medium-font-size">Oui !</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="callout rouge">👉🏻 La conseillère pourrait <strong>pousser plus loin sa requalification</strong> : "<em>vous habitez toujours à telle adresse ?</em>", "<em>votre numéro de portable est toujours le 06 ....</em>" (sauf à le lire sur son écran de téléphone, bien évidement). Ici, Célia ne le fait pas.</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-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-e74c573efa39538d0e03342447224a30">Enchanté monsieur Nelvet, je suis Célia et c’est moi qui vais traiter votre demande. Pouvez vous me confirmer votre code postal s’il vous plait ?</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<blockquote class="wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<p style="font-size:18px">✅ Je me présente de manière conviviale</p>



<p style="font-size:18px">✳️ j'authentifie mon interlocuteur</p>
</blockquote>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="377" height="212" src="https://st9ph.fr/wp-content/uploads/2026/02/image-32.png" alt="" class="wp-image-34288" style="width:312px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-32.png 377w, https://st9ph.fr/wp-content/uploads/2026/02/image-32-300x169.png 300w" sizes="auto, (max-width: 377px) 100vw, 377px" /></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 class="has-drop-cap has-medium-font-size">Heu … oui ? 14000</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="callout rouge">👉🏻 Célia pourrait rassurer ce client qui s<strong>emble surpris de sa question </strong>en lui indiquant que c'est pour sécuriser l'entretien qu'on pratique ces questions de contrôle.</p>
</div>
</div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="795" height="392" src="https://st9ph.fr/wp-content/uploads/2026/02/image-151.png" alt="" class="wp-image-36762" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-151.png 795w, https://st9ph.fr/wp-content/uploads/2026/02/image-151-300x148.png 300w, https://st9ph.fr/wp-content/uploads/2026/02/image-151-768x379.png 768w" sizes="auto, (max-width: 795px) 100vw, 795px" /></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="callout bleu has-accent-color has-text-color has-link-color has-large-font-size wp-elements-898825b897d0afd59842c4ccaf285f58">D</p>



<p class="has-medium-font-size"><strong>Découverte</strong></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">
<p class="has-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-df20c25b796eac1d8e05a2ab14ce712e">Merci ! Avez-vous bien reçu le lien de téléchargement de votre produit ?</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<blockquote class="wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<p style="font-size:18px">✅ Je remercie le client des informations qu'il me donne ou des manipulations qu'il réalise à ma demande</p>



<p style="font-size:18px">✳️ je débute mon plan de questionnement</p>
</blockquote>
</div>
</div>



<!-- 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-59.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>👉🏻 Celia s'assure d'abord que <strong>le produit a bien été livré </strong>(numériquement), ce qui signifie qu'il a bien été payé (sans quoi, ce n'est même pas la peine de chercher la facture ,elle n'existe pas encore).</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-drop-cap has-medium-font-size">Oui !</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>☑️ <strong>C'est le cas </strong>et il s'agit soit :</p>



<ul class="wp-block-list">
<li>📨 d'un <strong>bug d'envoi</strong> du mail automatique pour le paiement accepté</li>



<li>📎le mail n'ait <strong>pas attaché de pièce-jointe</strong></li>



<li>📬 la boite mail du client <strong>n'a pas accepté la pièce jointe </strong></li>
</ul>
</div>
</div>



<p>➡️ On peut d'emblée <strong>écarter les autres typologies</strong> : mail erroné (vérifié) ou spam (client fidè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">
<p class="has-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-3fa11fab668b860462237418159ccc46">Mais pas le mail qui vous indiquait que votre paiement était accepté ?</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<blockquote class="wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<p style="font-size:18px">✅ le questionnement est fermé car il s'agit juste de vérifier des typologies par oui ou non</p>
</blockquote>
</div>
</div>



<p>👉🏻 Celia veut s'assurer de <strong>la réception du mail </strong>avant de perdre du temps à savoir si la PJ était absente ou si c'est le client qui ne l'a pas vue.</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-drop-cap has-medium-font-size">Si ! Mais justement, il n’y avait pas de pièce jointe comme les autres fois</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>👉🏻 le client fait une réponse utilise si la question est bien posée "comme les autres fois"  : </p>



<ul class="wp-block-list">
<li><s>d'un <strong>bug d'envoi</strong> du mail automatique pour le paiement accepté</s></li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0);color:#2c8e48" class="has-inline-color">le mail n'a pas attaché de pièce jointe</mark></strong></li>



<li><s>la boite mail du client<strong> n'a pas accepté la pièce jointe </strong></s></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">
<p class="has-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-0c6a4b0c37acebd9205a88cd88196940">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’est bien cela ?</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<blockquote class="wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<p style="font-size:18px">✅ Je reformule les éléments factuels que j'ai diagnostiqués pendant mon questionnement pour valider avec mon client que j'ai bien compris sa demande</p>
</blockquote>
</div>
</div>



<p>👉🏻 Cette étape semble lourde et difficile aux débutants mais <strong>elle est fondamental</strong>e à la fois :</p>



<ul class="wp-block-list">
<li> pour s'assurer de <strong>faire une proposition adaptée</strong></li>



<li> pour <strong>ne pas repartir en découverte </strong>au moment de dire <em>"ai-je bien répondu à vos attentes ?"</em> (quand le client vous répondra "<em>pas du tout ! Ce n'est pas ce que je voulais !</em>")</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-drop-cap has-medium-font-size">Hé oui ! Et j’en ai besoin !</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>👉🏻 le client valide l'objet de sa demande </p>



<blockquote class="wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<p style="font-size:18px">✅ J'identifie un ressenti et lui montre de l'empathie (sans forcément être d'accord avec lui pour autant)</p>
</blockquote>
</div>
</div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="796" height="346" src="https://st9ph.fr/wp-content/uploads/2026/02/image-153.png" alt="" class="wp-image-36764" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-153.png 796w, https://st9ph.fr/wp-content/uploads/2026/02/image-153-300x130.png 300w, https://st9ph.fr/wp-content/uploads/2026/02/image-153-768x334.png 768w" sizes="auto, (max-width: 796px) 100vw, 796px" /></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="callout bleu has-accent-color has-text-color has-link-color has-large-font-size wp-elements-d3d90c52e4ab73a8e381e040d8f8d42b">P</p>



<p class="has-medium-font-size"><strong>Proposition</strong></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">
<p class="has-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-5dc4005e5351cd194b6b1a6176a11213">Je comprends ! Tout d’abord, excusez-vous pour le désagrément ! Cela arrive parfois que le mail automatique oublie de joindre la facture.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<blockquote class="wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<p style="font-size:18px">✅ Je m'excuse pour la faute (et seulement s'il y'a faute)</p>



<p style="font-size:17px">✅ J'explique ce que je sais de l'incident (si c'est possible) en toute transparence</p>
</blockquote>
</div>
</div>



<p class="callout rouge">👉🏻 <mark style="background-color:rgba(0, 0, 0, 0);color:#bb3a3a" class="has-inline-color">Ne mentez pas au client,</mark> ne lui promettez pas la lune 🌔quand ce n'est pas possible, <strong>vous allez le perdre à coup sur </strong>quand il s'en rendra compte !</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-drop-cap has-medium-font-size">Pas de soucis</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<blockquote class="wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<p style="font-size:18px">✅ J'identifie les signaux (ici, que le client est concilliant</p>



<p style="font-size:18px">✅ je le remercie pour sa compréhension (mais Celia oublie de le faire)</p>
</blockquote>
</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-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-e6c73366a03052ee363aa3c4871c1717">Savez-vous que vous pouvez la retrouver dans votre compte client sans que j’ai même besoin de vous la renvoyer ?</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<blockquote class="wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<p style="font-size:18px">✅ Je répare la faute (si possible) Ici, Celia pourrait renvoyer le mail (mais elle n'y pense pas)</p>
</blockquote>
</div>
</div>



<p>👉🏻Celia est déjà en <strong>Next Step</strong> : Rendre le client autonome pour s'autodépanner et ne plus être obligé d'appeler si cela se reproduit.</p>



<p class="has-base-2-background-color has-background">😮‍💨 <strong>Rendre le client autonome</strong>, c'est top 👍🏻mais, en l'occurrence, elle aurait pu <strong>aussi </strong>lui renvoyer sa facture  (c'était juste un bouton à cliquer). Cela aurait renforcé le sentiment de monsieur Nelvet d<strong>'une prise en charge à 100 %</strong> (et pas seulement <strong>"<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">aider à faire</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">
<p class="has-drop-cap has-medium-font-size">Ah non ? Comment je fais ?</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<blockquote class="wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<p style="font-size:18px">✅ J'identifie les signaux (ici, que le client est partant pour le selfcare)</p>
</blockquote>
</div>
</div>



<p>👉🏻Noter les <strong>signaux non verbaux</strong> (un "oui" dit d'un ton déçu) ou <strong>minimisant </strong>("si c'est le seul moyen"). Si c'est le cas, <strong>abandonnez la démarche</strong> si vous pouvez faire autrement ("<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">faire pour lui</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">
<p class="has-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-2d4992fe9079b948c4786115738cabcc">Vous êtes connecté à la boutique st9ph ?</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<blockquote class="wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<p style="font-size:18px">✅ Je vérifie que le client est <strong>en situation d'interagir </strong>avec moi (empathie)</p>
</blockquote>
</div>
</div>



<p class="has-base-2-background-color has-background">👉🏻 c'est le fameux "<em>avez vous de quoi noter ?</em>" avant de communiquer un code ou un numéro.</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-drop-cap has-medium-font-size">Oui</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-63292f1690aa7abc16c88de4f303a87b">Je vous explique ?</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-drop-cap has-medium-font-size">Volontiers</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-drop-cap has-medium-font-size">Vous voyez l’icone du panier, en haut à droite ?</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<blockquote class="wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<p style="font-size:18px">✅ Je questionne sur<strong> sa perception</strong> pour évaluer <strong>sa capacité d'action</strong> (empathie)</p>



<p style="font-size:17px">✅ Je suis pédagogue et <strong>valide les étapes</strong> une par une avec le client</p>
</blockquote>
</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%">
<!-- 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-33.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:66.66%">
<p>👈🏻 La suite correspond tout à fait au <strong>schéma que suit le tchabot </strong>de la <a href="https://shop.st9ph.fr/presta/fr/" target="_blank" rel="noreferrer noopener">boutique pédagogique</a> (que vous pouvez tester aussi)</p>



<p class="has-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-4cc1433b19755223826ff4aab2e06b16">Et à côté votre nom ? [...]</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-4b463454d182f823f1b03b93bcbe1350"> <mark style="background-color:rgba(0, 0, 0, 0);color:#3c9b47" class="has-inline-color">✅ validé client</mark></p>



<p class="has-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-85032dfdfa08e728d8823e394cb35ce9">Cliquez dessus ! [...] </p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f553678f1220eaf33ba0af3361518fc5"><mark style="background-color:rgba(0, 0, 0, 0);color:#3c9b47" class="has-inline-color">✅ validé client</mark></p>



<p class="has-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-06b99a08fcfe5bde0a273c79bb70df4b">Vous devez voir une rubrique «&nbsp;historique et détails des commandes&nbsp;», c’est le cas ?</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-drop-cap has-medium-font-size">Oui ! Ah oui ! C’est l’icone pdf, c’est ç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/02/image-34.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 bleu">🖥️ La <strong>Base de Co</strong> procure souvent (si elle est bien faite) <strong>des aperçus d'écran côté client</strong> au téléconseiller pour qu'il puisse <strong>mieux le guider </strong>(voir la même chose que lui et pas son écran de backoffice qui est très différent).</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-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-8920b707bffab45fa27a7a0ffa44a4d5">Oui ! C'est ça !</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-drop-cap has-medium-font-size">Parfait, je l'ai maintenant !</p>
</div>
</div>



<p class="has-base-2-background-color has-background">ℹ️ Ca se fait de féliciter le client à qui <strong>on a fait faire un effort</strong>. On peut aussi insister sur le fait que c'est facile ou, tout au moins, <strong>recueillir son sentiment</strong>. Mais encore une fois, Celia, "elle veut pas" !</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-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-fe12c84214320a7b0b2f3c6663375d6c">Et à l’avenir, vous pourrez retrouvez toutes vos factures ici, si pour vos prochains achats notre robot d’envoi de mail oublie encore sa pièce jointe !</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<blockquote class="wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<p style="font-size:18px">✅ Je suis proactif et indique au client ce qu'il peut réaliser en selfcare (Next Step)</p>



<p style="font-size:17px">✅ Je synthétise l'entretien (closing) et reformule la démarche proposée. (bon, là, Celia oublie aussi)</p>
</blockquote>
</div>
</div>



<p>👉🏻 Envoyer un mail récap en complément, ce serait le top !</p>



<p class="callout jaune">⚠️ Attention au discours : "oublie encore" laisse à penser que c'est son habitude et que notre serveur est "boiteux". Plus adapté :</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>"Cela arrive rarement, sans doute un pic important de commandes à ce moment-là ... et vous avez eu le bon réflexe de nous contacter à ce sujet."</p>
</blockquote>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="792" height="331" src="https://st9ph.fr/wp-content/uploads/2026/02/image-155.png" alt="" class="wp-image-36769" srcset="https://st9ph.fr/wp-content/uploads/2026/02/image-155.png 792w, https://st9ph.fr/wp-content/uploads/2026/02/image-155-300x125.png 300w, https://st9ph.fr/wp-content/uploads/2026/02/image-155-768x321.png 768w" sizes="auto, (max-width: 792px) 100vw, 792px" /></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="callout bleu has-accent-color has-text-color has-link-color has-large-font-size wp-elements-07367ad42152074794f54d11a4e14e0a">C</p>



<p class="has-medium-font-size"><strong>Conclusion</strong></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">
<p class="has-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-676e8465b220be568dc0585b0cb2e79e">Ai-je bien répondu à vos attentes ?</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-drop-cap has-medium-font-size">Oui, c'est parfait !</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-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-909e7305286f639c8e43854c0b04dfc4">Avez-vous d'autres questions</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<blockquote class="wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<p style="font-size:18px">✅ je m'enquière de la satisfaction de mon interlocuteur</p>



<p style="font-size:17px">✅ Proposition de service</p>



<p style="font-size:17px">✅ Prise de congès</p>
</blockquote>
</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-drop-cap has-medium-font-size">Non, tout va bien !</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-drop-cap has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-083e7719048c83976a23012855b1058c">Vous m’en voyez ravie ! Je vous souhaite une agréable journée de la part de la boutique st9ph</p>
</div>
</div>



<p>👉🏻 C'est au moment de la <strong>proposition de service</strong> "avez-vous d'autres questions ?" que je me rends parfois compte que <strong>ma reformulation de découverte</strong> (ou, même, <strong>mon plan de questionnement </strong>qui l'a précédé) n'a pas été suffisamment structuré(e) ou complet(e) : "oui, vous n'avez pas répondu à ...."</p>



<p class="has-base-2-background-color has-background">➡️ C'est le meilleur moyen de "planter" sa DMT et c'est pourquoi on insiste lourdement sur la phase de découverte.</p>



<p>Le ✉️ <strong>mail récap</strong> pour une <strong>Next Step très pro </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> la boutique st9ph</span>
    <span><strong>À :</strong> gnelvet@gmail.com</span>
    <span><strong>Objet :</strong> suite à votre appel</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 monsieur Nelvet,</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Intro ou reformulation</div>
        <div class="phase-content">Vous nous avez contacté au 📞3853 pour obtenir une facture que nous ne vous avions pas envoyée et nous vous remercions de votre appel.</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Proposition</div>
        <div class="phase-content">Nous avons vu ensemble qu'il s'agissait d'un oubli de notre serveur mail et je vous ai montré comment retrouver par vous-même tous vos documents dans votre espace client.</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">voir mes factures dans mon espace client</a>
        </div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Next Step</div>
        <div class="phase-content">Pour rappel, dans "mon compte" :<br>🔹Historique et détail des commandes<br>🔹cliquer sur l'icone pdf de la ligne de votre commande pour télécharger la facture.</div>
    </div>
    
    <div class="phase-row">
        <div class="phase-label">Congés</div>
        <div class="phase-content">Encore toutes nos excuses pour ce désagrément.<br>Toute l'é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">Celia<br>Votre conseillère commerciale.</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 "mon compte" (accès & modification) ou contactez-nous > sujet "mon compte" pour supprimer votre compte</div>
        <div class="footer-section">ne répondez pas à ce mail, il serait perdu. Utilisez le lien "contactez nous" de la boutique</div>
        <div class="footer-section">https://shop.st9ph.fr/presta/fr - Mars 20026</div>
        <div class="social-icons"></div>
    </div>
</div>
<!-- FIN MAIL HTML -->



<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>en clavardage (tchat)</strong></h3>



<p>Mais oui ! <strong>Le nom français pour le tchat</strong>, c'est <strong>le clavardage</strong> (contraction de bavardage au clavier). Mais je crois qu'à part au 🍁Canada, personne ne l'utilise.</p>



<h4 class="wp-block-heading">1-2-1 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">outils du tchat</mark></h4>



<p>On va faire bref parce que l'outil que j'utilise dans la boutique pédagogique, <strong>Tidio</strong>,  est l'objet d'<a href="https://st9ph.fr/tidio-un-outil-de-chatbot-dans-votre-eshop/" target="_blank" rel="noreferrer noopener">un article dédié</a>.</p>



<p class="has-base-2-background-color has-background">👉🏻 Chaque outil a son mode de fonctionnement particulier et vous n'échapperez pas à une longue démarche de <strong>programmation des scénarios </strong>(et l'interminable série de tests avant que cela fonctionne<strong> comme vous le souhaitez.</strong></p>



<p>Ici, l'aperçu en backoffice deTidio des<strong> noeuds à créer</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/2023/07/image-7.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>👉🏻 Mais une fois ce travail fait, <strong>votre outil répondra présent</strong>, il sera infatigable et permettra H24 de vous éviter pas mal de tickets (voir l'<a href="https://st9ph.fr/prestashop-le-service-apres-vente/">article sur le SAV</a>) et d'appels</p>



<p>🎦 Dans la vidéo ci-dessous, <strong>le parcours </strong>en selfcare <strong>via le Tchatbot </strong>pour retrouver ses factures :</p>



<figure class="wp-block-video"><video height="784" style="aspect-ratio: 1202 / 784;" width="1202" controls src="https://st9ph.fr/wp-content/uploads/2026/02/chatbot-facture-nelvet.mp4"></video></figure>



<p>👉🏻 L'outil positionne directement l'utilisateur dans le bon panneau du compte client et lui donne un aperçu de ce qu'il doit repérer sur l'écran.</p>



<h4 class="wp-block-heading">1-2-2 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">l'hypertextualisation du discours</mark></h4>



<p>➡️ C'est là <strong>tout l'avantage de l'écrit électronique</strong>, la possibilité d'<strong>attacher des liens</strong>. On pourra donc conduire les clients là où l'on veut (comme sur la vidéo ci-dessus).</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/02/image-44.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-47.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-48.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></p>



<p>➡️On peut traduire aussi<strong> les émotions par des emojis</strong> 😀😒 mais, encore une fois, avec modération ! (pas comme moi sur ce blog)</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/02/image-45.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-46.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-49.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>➡️ On peut aussi jouer avec le "presse-papiers"</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%">
<!-- 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-50.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:66.66%">
<p>👈🏻  Dans l'aperçu ci-contre, <strong>un coupon de bienvenue</strong> sera <strong>mis en mémoire</strong> pour le panier 🛒 en cliquant sur l'icone copier<img loading="lazy" decoding="async" width="22" height="17" class="wp-image-34339" style="width: 22px;" src="https://st9ph.fr/wp-content/uploads/2026/02/copier.jpg" alt=""></p>



<p>👉🏻 On utilisera aussi cette méthode pour <strong>l'écriture automatique d'un message à destination du SAV</strong>  (voir aussi <a href="https://st9ph.fr/prestashop-le-service-apres-vente/">article sur le SAV</a>,)</p>



<p class="has-base-2-background-color has-background">🎦 Dans l'animation ci-dessous, le message en <em>drag'n'drop</em> pourra entrainer <strong>un déclencheur automatique</strong>  puisqu'il est<strong> préformaté</strong>.</p>
</div>
</div>



<figure class="wp-block-video"><video height="468" style="aspect-ratio: 1172 / 468;" width="1172" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/02/chat-tidio-dragdrop.mp4" playsinline></video></figure>



<p>➡️ On peut enfin <strong>évaluer la situation</strong> (page actuelle, niveau de scroll, statut du visiteur ... )</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/2023/08/Capture-decran-2023-08-18-182636-1024x348.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">
<p>👉🏻 Ici, La condition teste (après une temporisation "délai") <strong>si le visiteur a cliqué sur le lien de la bulle </strong>lui proposant d'atteindre la rubrique "<strong>Objets 3D</strong>" de la boutique.</p>



<p class="has-base-2-background-color has-background">On <strong>encourage l'interlocuteur</strong> en le félicitant de la réussite de sa manipulation. 👍🏻</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="396" height="217" src="https://st9ph.fr/wp-content/uploads/2023/08/Capture-decran-2023-08-18-183427.png" alt="" class="wp-image-29728" srcset="https://st9ph.fr/wp-content/uploads/2023/08/Capture-decran-2023-08-18-183427.png 396w, https://st9ph.fr/wp-content/uploads/2023/08/Capture-decran-2023-08-18-183427-300x164.png 300w" sizes="auto, (max-width: 396px) 100vw, 396px" /></figure>
</div>
</div>



<p>Le phoning et le Tchat n'obéissent donc pas aux <strong>mêmes codes </strong>mais <strong>sont complémentaires</strong> entre eux. Parfois, même <strong>complémentaires avec leurs équivalents IA </strong>(chatbots et voicebots) qui proposent <em>in fine</em> l<strong>a mise en relation avec un opérateur</strong>.</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">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>Management du service client</h2>
    </div>

    <ul class="chapter-points">
      <li>les ressources du management</li>
      <li>la supervision</li>
      <li>la gestion des opérateurs</li>
    </ul>
  </div>
</div>



<p>🛠️ Il faudra <strong>les bons outils</strong> pour mesurer les performances et les améliorer. Cela passera par la recherche permanente de<strong>faciliter le travail des téléopérateurs</strong> tout en veillant à<strong>leur motivation</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>les ressources du management</strong></h3>



<p>👉🏻 Il faudra à la fois des managers et des outils. Selon la taille de la plateforme, le nombre de strates d'encadrants et la puissance des outils seront importants.</p>



<h4 class="wp-block-heading">2-1-1 | 👨🏻‍💼<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Les manageurs</mark></h4>



<p>➡️ Les rôles varient selon les organisations :</p>



<ul class="wp-block-list">
<li>les <strong>chefs de projet</strong> ou <strong>responsables d'activité</strong> chapeautent un ensemble (le service facturation, la gestion de comptes ...) voire tout ou partie des activités que nous confie <strong>un client donneur d'ordre</strong>. Il sont supervisés parfois par des <strong>responsables de production</strong> ou directement par <strong>le directeur du Call Center</strong></li>



<li><strong>Les superviseurs </strong>en charge d'une équipe de téléconseillers (manager de proximité), subordonnés des chefs de projet, parfois accompagnés d<strong>'une Vigie</strong> (surveillant de l'ensemble d'un plateau)</li>



<li><strong>Les coachs </strong>et <strong>formateurs</strong> (qui aident les agents en difficulté) mais c'est souvent le superviseur qui a aussi cette charge dans les petites structures</li>
</ul>



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



<p>➡️ A tous ces encadrants s'ajoutent des rôles <strong>hors production </strong>comme dans toute entreprise</p>



<ul class="wp-block-list">
<li>les <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">RH </mark></strong>qui doivent à la fois recruter des <strong>profils ayant les aptitudes particulières</strong> requises en centre de contacts (savoir être, gestion du stress) et <strong>veiller au bien-être des salariés</strong> (pas facile dans ce métier).</li>



<li>Les <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">planificateurs </mark></strong>(très importants pour <strong>calibrer les ressources </strong>humaines sur <strong>les flux de production</strong>)</li>



<li>Les <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">data-Miners</mark></strong> et <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">agents de reporting </mark></strong>qui <strong>veillent aux KPI </strong>et diffusent les <strong>prévisions </strong>ou les <strong>bilans</strong>.</li>



<li>Un<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"> service informatique</mark></strong> au top : <strong>chaque panne</strong>, même de quelques minutes seulement, se <strong>chiffre très vite en milliers d'euros </strong>de manque à gagner.</li>
</ul>



<h4 class="wp-block-heading">2-1-2 | 🛠️ <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Les outils</mark></h4>



<p>👉🏻 C'est par <strong>le numérique </strong>que tout se passe dorénavant et <strong>les flux, texte ou voix </strong>passent tous par la <strong>VOIP (Voice Over Internet Protocole)</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-style-rounded"><img loading="lazy" decoding="async" width="774" height="628" src="https://st9ph.fr/wp-content/uploads/2025/12/image-130.png" alt="" class="wp-image-31857" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-130.png 774w, https://st9ph.fr/wp-content/uploads/2025/12/image-130-300x243.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-130-768x623.png 768w" sizes="auto, (max-width: 774px) 100vw, 774px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>➡️ Les <strong>solutions de VOIP </strong>sont nombreuses et leur cout dépendra de <strong>la taille du Call Center </strong>(et des flux). A cela, il faut ajouter <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">le matériel </mark></strong>:</p>



<ul class="wp-block-list">
<li>🎧📠 <strong>casque pro</strong> et <strong>téléphone spécialisé</strong></li>



<li>🖥️💽 <strong>parc informatique </strong>et <strong>sauvegardes </strong>(dont enregistrements des appels, très gourmands en octets)</li>



<li>🏢 <strong>plateaux spécialisés</strong> (👂🏻 insonorisation, 💺positions de travail adaptées)</li>
</ul>



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



<p>➡️ En croisant plusieurs sources (merci l'IA), voici <strong>un ordre d'idées de couts</strong>, rien que pour la VOIP, le téléphone et le casque :</p>



<figure class="wp-block-table"><table><thead><tr><th><strong>Élément</strong></th><th><strong>Fourchette (€)</strong></th><th><strong>Champ d’application</strong></th></tr></thead><tbody><tr><td>Abonnement VoIP standard</td><td>10 – 25 € / mois / utilisateur</td><td>Appels basiques, voix sur IP</td></tr><tr><td>Abonnement pro / centre d’appel</td><td>30 – 60 € / mois / utilisateur</td><td>Fonctionnalités avancées</td></tr><tr><td>Appels hors forfait (min)</td><td>~0,02 € – 0,10 € / min</td><td>Selon destination et provider</td></tr><tr><td>Téléphonie cloud + SVI</td><td>20 – 35 € / mois / utilisateur</td><td>Gestion centre d’appels</td></tr><tr><td>Numéro téléphonique supplémentaire</td><td>2 – 10 € / mois</td><td>DID / local / international</td></tr><tr><td>Matériel téléphonique</td><td>~50 – 200 €</td><td>Casque/phone VoIP</td></tr></tbody></table></figure>



<p class="has-small-font-size">📚sources :</p>



<ul class="wp-block-list has-small-font-size">
<li><strong>Tarifs VoIP par utilisateur</strong> : offres Zendesk (15–60 €) –</li>



<li><strong>Forfaits VoIP / centre d’appels</strong> : Aplicall (9,99 €-29,99 €) –</li>



<li><strong>VoIP entreprise standard</strong> : Aixialys (4,90 €-24,90 €+) –</li>



<li><strong>Tarifs VoIP à la minute</strong> : Belgium-VoIP exemples ~0,02 €-0,10 € –</li>



<li><strong>Tarification modèles VoIP</strong> (indicatif global) : MaProspection –</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.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 supervision</strong></h3>



<p>➡️ La mise en place de la mesure des KPI  et de la satisfaction client (voir  l'article sur <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-crc/">les KPI en CRC</a> et <a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_blank" rel="noreferrer noopener">l'article sur la satisfaction client</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">
<figure class="wp-block-video"><video height="302" style="aspect-ratio: 506 / 302;" width="506" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/02/tdb-ACD.mp4" playsinline></video></figure>



<p>Ci-contre, un autre tableau de bord indiquant en temps réel les KPI majeurs d'une équipe de manière très visible de tous sur grand écran. 👉🏻</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>La<strong> supervision</strong> sera fondamentale et il faudra qu'elle soit <strong>en temps réel</strong>.⏱️</p>



<p class="has-base-2-background-color has-background">👈🏻 Ici, la <strong>QS </strong>(Qualité de Service) mesure les<strong> appels pris </strong>par rapport aux <strong>appels présentés</strong> et la compare au <strong>statut des agents</strong> (Conv ACD pour "en appel")</p>



<p>➡️ La <strong>Vigie</strong> du plateau ou chaque <strong>superviseur </strong>d'équipe pourra décider si c'est le bon moment ou non pour <strong>accorder les pauses.</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 class="has-base-2-background-color has-background">D'eux-mêmes, les agents constateront<strong> la file d'attente </strong>et dans l'aperçu ci-contre, même si l<strong>a QS est mauvaise</strong>, 👉🏻</p>



<p>👀 Il faudra guetter le meilleur moment pour <strong>accorder </strong>au moins <strong>une pause </strong>à l'un deux !</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-video"><video height="178" style="aspect-ratio: 410 / 178;" width="410" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/02/logepal.mp4" playsinline></video></figure>
</div>
</div>



<p>👉🏻 L'encadrement peut se baser sur <strong>des éléments structurels (</strong>les pics d'appels récurrents, la planification, les moments favoris de nos clients ...) <strong>et conjoncturels </strong>(une nouvelle offre, des absences de collaborateurs imprévues, un disfonctionnement inopiné ...) afin de<strong> réajuster la charge et / ou l'effectif</strong> :</p>



<ul class="wp-block-list">
<li><strong>Des renforts</strong> peuvent venir d'autres <strong>agents polyvalents </strong>(mutualisés entre plusieurs projets qu'on ira chercher sur d'autres plateaux) ou, à l'inverse, <strong>des Day-Off </strong>ou RTT peuvent être encouragés.</li>



<li>Le <strong>client donneur d'ordre</strong> (si vous êtes prestataire) peut<strong> diminuer le flux</strong> d'appels entrants s'il peut <strong>répartir avec d'autres</strong> Call Centers ou l'augmenter si vôtre taux d'agents disponibles (sans appels) est haut de manière durable.</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%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%"></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.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>la gestion des agents</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>Etre <strong>opérateur en service client</strong> est un <strong>métier difficile</strong> :</p>



<ul class="wp-block-list">
<li>📆 Horaires  flexibles</li>



<li>💶 Salaire de base peu élevé</li>



<li>😡 en première ligne pour absorber tout le mécontentement client</li>



<li>📢 Environnement bruyant</li>



<li>👀 Stress de la supervision et des objectifs</li>
</ul>



<p></p>



<p class="has-base-2-background-color has-background">👉🏻 Le management se doit d'être <strong>exigeant et flexible en même temps </strong>: on ne peut pas tolérer les retards à cause de flux mais il faut savoir accorder une pause à celui qui en a vraiment besoin, même si ce n'est "pas trop le moment".</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-video"><video height="400" style="aspect-ratio: 364 / 400;" width="364" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/02/tony-cc.mp4" playsinline></video></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%">
<!-- 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-149.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:66.66%">
<p>➡️ C'est essentiellement par un jeu de primes variables qui encouragent l'effort combiné à un cadre d'avantages en nature que l'alchimie peut s'opérer :</p>



<ul class="wp-block-list">
<li>la <strong>flexibilité</strong>, le <strong>respect des KPI</strong>, le score de <strong>SatCli</strong>, la<strong> mutualisation</strong> ... payent sur le bulletin de salaire</li>



<li>Un comité d'entreprise qui donne des <strong>réductions</strong>, des <strong>places réservées</strong> de concert, une <strong>salle de loisirs </strong>et de<em> sports internes</em>, un réfectoire confortable, des animations ... vont <strong>fédérer les salariés </strong>et peser dans leur <strong>vécu global de leur métier</strong>.</li>
</ul>
</div>
</div>



<p class="has-base-2-background-color has-background">👉🏻 Il faudra bien formaliser les objectifs et les vérifier <strong>équitablement</strong>, sous forme d'<strong>une évaluation constante </strong>(critères),<strong>formalisée comme un contrat </strong>et <strong>rappelée oralement</strong> par le superviseur (entre deux rendez-vous).</p>



<p>👇🏻 Ci-dessous, une grille d'évaluation qui est <strong>reprise d'entretien en entretien</strong> pour visualiser l'évolution et bâtir le contrat de la période suivante :</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-table"><table class="has-fixed-layout"><thead><tr><th class="has-text-align-right" data-align="right">Production</th></tr></thead><tbody><tr><td class="has-text-align-right" data-align="right">⏱️ Respect de la DMT</td></tr><tr><td class="has-text-align-right" data-align="right">🫱🏻‍🫲🏻 Quota Contacts Argu</td></tr><tr><td class="has-text-align-right" data-align="right">🪙 Quota ventes</td></tr><tr><td class="has-text-align-right" data-align="right">📈 Pallier CA</td></tr></tbody></table></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-table"><table class="has-fixed-layout"><thead><tr><th>Eval1 le [date]</th><th>Eval2 le [date]</th><th>Eval3 le [date]</th></tr></thead><tbody><tr><td>➡️ En Cours</td><td>➡️ En Cours</td><td></td></tr><tr><td>↗️  Dépassé</td><td>↘️ Atteint</td><td></td></tr><tr><td>↗️ Atteint</td><td>↗️ Dépassé</td><td></td></tr><tr><td>↗️ Haut</td><td>↗️ Très Haut</td><td></td></tr></tbody></table></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%">
<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th class="has-text-align-right" data-align="right">Qualité</th></tr></thead><tbody><tr><td class="has-text-align-right" data-align="right">👍🏻 QS</td></tr><tr><td class="has-text-align-right" data-align="right">⭐ CSAT</td></tr><tr><td class="has-text-align-right" data-align="right">🖥️ Respect Process</td></tr><tr><td class="has-text-align-right" data-align="right">🖍️ Historisation</td></tr></tbody></table></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-table"><table class="has-fixed-layout"><thead><tr><th>Eval1 le [date]</th><th>Eval2 le [date]</th><th>Eval3 le [date]</th></tr></thead><tbody><tr><td>➡️ Moyenne</td><td>➡️ Moyenne</td><td></td></tr><tr><td>↗️  Haute</td><td>↘️ Moyenne</td><td></td></tr><tr><td>↗️ Oui</td><td>↘️ En cours</td><td></td></tr><tr><td>➡️ Basse</td><td>↗️ Moyenne</td><td></td></tr></tbody></table></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%">
<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th class="has-text-align-right" data-align="right">Vie en entreprise</th></tr></thead><tbody><tr><td class="has-text-align-right" data-align="right">⏱️Assiduité, ponctualité</td></tr><tr><td class="has-text-align-right" data-align="right">🧑🏼‍🤝‍🧑🏾 Esprit d'équipe</td></tr><tr><td class="has-text-align-right" data-align="right">☝🏻 Respect consignes</td></tr><tr><td class="has-text-align-right" data-align="right">😃 Disponibilité</td></tr></tbody></table></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-table"><table class="has-fixed-layout"><thead><tr><th>Eval1 le [date]</th><th>Eval2 le [date]</th><th>Eval3 le [date]</th></tr></thead><tbody><tr><td>➡️ RAS</td><td>↘️ 2 retards</td><td></td></tr><tr><td>↗️  Haut</td><td>➡️ Haut</td><td></td></tr><tr><td>↗️ En cours</td><td>➡️ En cours</td><td></td></tr><tr><td>➡️ Bonne</td><td>➡️ Bonne</td><td></td></tr></tbody></table></figure>
</div>
</div>


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


<ul class="wp-block-list">
<li>Le téléacteur évalué <strong>baisse en satisfaction client </strong>et en <strong>contacts argumentés</strong> (appels valorisés). Il faut améliorer le discours. Favorise-t-il les lead <strong>pour les gammes qu’il maitrise le mieux </strong>car ses ventes et son CA progressent ?</li>



<li>Il doit aussi être repris sur sa <strong>ponctualité. </strong>Est-ce comportemental ? </li>



<li>Son <strong>respect des consignes </strong>est perfectible. S’il rencontre des difficultés d’organisation dans sa vie privée, il existe peut-être <strong>des shits </strong>(planning) <strong>plus favorables </strong>à son rythme dans<strong> d’autres cellules de vente</strong>&nbsp; Sa disponibilité et son esprit d’équipe semblent indiquer qu’il est bien intégré et que cela ne devrait pas être problématique.</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/02/image-53.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>👉🏻 Les évaluations sont numérisées dans le CRM afin de permettre de <strong>tracer l’évolution des indicateurs clés </strong>au fil du temps agent par agent et pour l’équipe toute entière.</p>



<p class="has-base-2-background-color has-background">💡 Les primes variables <strong>individuelles et collectives </strong>seront calculées en fonction de ses deux types de résultats.</p>
</div>
</div>



<p>👉🏻 La <strong>part variable </strong>(primes sur objectifs)&nbsp; est un levier fondamental pour la <strong>motivation</strong> des équipiers que vous managez.</p>



<p class="has-base-2-background-color has-background">🕹️ En mettant en place des <strong>challenges</strong> dotés de prix, vous pouvez même entretenir <strong>un esprit de compétition </strong>entre vos agents.</p>



<p class="has-medium-font-size">Rappelez vous, l’évaluation doit être :</p>



<ul class="wp-block-list">
<li> 🌀 <strong>récurrente</strong> afin de mesurer l’évolution (si possible à <strong>une fréquence constante</strong>)</li>



<li>🔢 Sur des <strong>critères invariables</strong></li>



<li>💡 la <strong>grille d’évaluation </strong>doit être élaborée de manière <strong>explicite </strong>est <strong>connue de tous</strong></li>



<li>📈 <strong>Objective</strong> (basée sur des indicateurs chiffrés) et <strong>progressive</strong> (par paliers).</li>
</ul>



<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>, bientôt ♻️<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 style="background-color: #f8f8f8; border-width: 2px; border-color: #ECECEC; " class="ub_call_to_action wp-block-ub-call-to-action-block" id="ub_call_to_action_32e98d77-4581-47d8-a24d-15649ad7c066">
			<div class="ub_call_to_action_headline">
				<p class="ub_call_to_action_headline_text" style="font-size: 30px; text-align: center; ">🍀</p>
			</div>
			<div class="ub_call_to_action_content">
				<p class="ub_cta_content_text" style="font-size: 15px; text-align: center; ">Un petit Quiz pour finir ?</p>
			</div>
			<div class="ub_call_to_action_button">
				<a href="https://forms.gle/gAko3rKjJuAvBJjZA" target="_self" rel="noopener noreferrer" class="ub_cta_button" style="background-color: var(--accent); width: 250px; ">
					<p class="ub_cta_button_text" style="color: var(--base-3); font-size: 14px; ">Allez ! Soyons fous !</p>
				</a>
			</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-6005cf48bff9fae1ed7a3fbdac7d8ac9"><strong>Tu préfères sur ton smartphone ?</strong></p>



<p class="has-text-align-center"><strong>Libre à toi :</strong></p>


<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/02/qrcode_docs.google.com-10.png" alt="" class="wp-image-34398" style="width:195px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/02/qrcode_docs.google.com-10.png 490w, https://st9ph.fr/wp-content/uploads/2026/02/qrcode_docs.google.com-10-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/02/qrcode_docs.google.com-10-150x150.png 150w" sizes="auto, (max-width: 490px) 100vw, 490px" /></figure>
</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:66.66%">
<p class="has-text-align-right has-medium-font-size">Tu es mûr(e) pour un petit 🎓 TP, je crois :</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<style>
.alert-qhqu9e-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-qhqu9e-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-qhqu9e 0.2s ease-out; border: 1px solid #ddd; }
@keyframes popInalert-qhqu9e { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.alert-qhqu9e-header { padding: 20px 20px 10px 20px; display: flex; align-items: flex-start; }
.alert-qhqu9e-icon { font-size: 28px; margin-right: 15px; flex-shrink: 0; line-height: 1; }
.alert-qhqu9e-title { font-weight: 600; font-size: 16px; color: #333; margin: 0; line-height: 1.3; }
.alert-qhqu9e-body { padding: 0 20px 20px 55px; font-size: 14px; color: #333; line-height: 1.5; }
.alert-qhqu9e-footer { border-top: 1px solid #eee; padding: 10px 20px; display: flex; justify-content: flex-end; gap: 10px; background: #f9f9f9; }
.alert-qhqu9e-btn { padding: 8px 16px; border-radius: 4px; font-size: 13px; font-weight: 500; cursor: pointer; border: none; transition: background 0.2s; }
.alert-qhqu9e-btn-cancel { background: #e0e0e0; color: #333; } .alert-qhqu9e-btn-cancel:hover { background: #d0d0d0; }
.alert-qhqu9e-btn-confirm { background: #0066cc; color: white; } .alert-qhqu9e-btn-confirm:hover { background: #0052a3; }
.alert-qhqu9e-btn-close { background: #2196f3; color: white; width: 100%; } .alert-qhqu9e-btn-close:hover { background: #1976d2; }
.alert-qhqu9e-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-qhqu9e-trigger:hover { background: #e68900; }
</style><!-- DÉBUT ALERTE MODALE (Généré) -->
<div id="alert-qhqu9e-overlay" class="alert-qhqu9e-overlay">
<div class="alert-qhqu9e-dialog">
<div class="alert-qhqu9e-header">
<div class="alert-qhqu9e-icon" style="color: #ff9800">⚠️</div>
<div><div class="alert-qhqu9e-title">st9ph.fr indique</div></div>
</div>
<div class="alert-qhqu9e-body">Cet article est réservé à 🧑🏻‍🎓 mes étudiants. Il vous faudra un 🔑 mot de passe pour déverrouiller les contenus. Merci de votre compréhension.</div>
<div class="alert-qhqu9e-footer">
<button class="alert-qhqu9e-btn alert-qhqu9e-btn-cancel" onclick="document.getElementById('alert-qhqu9e-overlay').style.display='none'">Rester sur la page</button>
<button class="alert-qhqu9e-btn alert-qhqu9e-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-qhqu9e-overlay').style.display='none';">continuer vers le 🎓TP</button>
</div>
</div>
</div>
<button onclick="document.getElementById('alert-qhqu9e-overlay').style.display='flex'" class="alert-qhqu9e-trigger">🔒 Faire le TP</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" 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 class="breadcrumb_last" aria-current="page">☝️ Concepts</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%2Fcom-en-service-client-et-son-management%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>
<p>L’article <a href="https://st9ph.fr/com-en-service-client-et-son-management/">🏷️Animation RC | La communication en service client &amp; son management</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/com-en-service-client-et-son-management/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2026/02/chatbot-facture-nelvet.mp4" length="7555730" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/02/chat-tidio-dragdrop.mp4" length="665307" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/02/tdb-ACD.mp4" length="1705358" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/02/logepal.mp4" length="1536704" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/02/voicertool_audio_Eloise_09-02-2026_at_16_39_58_on_February_9th_2026.mp3" length="672768" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/02/tony-cc.mp4" length="715495" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/02/reunion-st9ph.mp4" length="1571764" type="video/mp4" />

		<post-id xmlns="com-wordpress:feed-additions:1">34280</post-id>	</item>
		<item>
		<title>⏺️Omnicanal &#124; UX Mobile</title>
		<link>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/</link>
					<comments>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Fri, 30 Jan 2026 12:51:57 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[⏺️ Omnicanal]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[concevoir appli mobile]]></category>
		<category><![CDATA[How To en UX mobile]]></category>
		<category><![CDATA[site responsive]]></category>
		<category><![CDATA[thumb zone]]></category>
		<category><![CDATA[utiliser screenfly]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=33685</guid>

					<description><![CDATA[<p>Part d&#8217;IA /5 dans cet article voyez le menu flottant (à droite) pour les sources, un glossaire et la méthodologie 🌐 Question : A votre avis, quel est l&#8217;outil préféré des Français 🔵⚪🔴 pour aller sur Internet ? 💻 l&#8217;ordinateur classique (desktop) 📳 Le smartphone (Mobile) 🟰 c&#8217;est plutôt équilibré 👉🏻 Voyons cela en détail ... <a title="⏺️Omnicanal &#124; UX Mobile" class="read-more" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" aria-label="En savoir plus sur ⏺️Omnicanal &#124; UX Mobile">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/">⏺️Omnicanal | UX Mobile</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-60e92510"><button class="uagb-notice-close-button" type="button" aria-label="Close"></button><span class="uagb-notice-title"><strong>C&#8217;est quoi &#8220;l&#8217;UX Mobile&#8221; ?</strong></span><div class="uagb-notice-text">
<p class="has-medium-font-size"><strong>UX </strong>pour<strong> <em>User eXperience</em>.</strong> <strong>L’expérience utilisateur en mobilité</strong>, c’est la prise en compte des <strong>usages spécifiques </strong>de vos canaux afin de proposer <strong>des interfaces adaptées </strong>aux <strong>mobinautes</strong>.</p>



<p class="has-medium-font-size">On ne parle pas seulement de <strong>facilité ou de plaisir,</strong> mais aussi <strong>de restriction</strong>s ou, au contraire, d’<strong>outils spécifiques liés à la mobilité</strong>.</p>
</div></div>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_31-01-2026_at_22_46_54_on_January_31st_2026.mp3" autoplay></audio></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%"><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-bce3303b-d450-4922-ad1d-95109aa3ab6a">
			<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-bce3303b-d450-4922-ad1d-95109aa3ab6a-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-bce3303b-d450-4922-ad1d-95109aa3ab6a-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-bce3303b-d450-4922-ad1d-95109aa3ab6a-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-bce3303b-d450-4922-ad1d-95109aa3ab6a-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-bce3303b-d450-4922-ad1d-95109aa3ab6a-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-bce3303b-d450-4922-ad1d-95109aa3ab6a-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-bce3303b-d450-4922-ad1d-95109aa3ab6a-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-bce3303b-d450-4922-ad1d-95109aa3ab6a-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-bce3303b-d450-4922-ad1d-95109aa3ab6a-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-bce3303b-d450-4922-ad1d-95109aa3ab6a-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-9337d533-516d-4261-b201-aba4e7d615ec">
			<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-9337d533-516d-4261-b201-aba4e7d615ec-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-9337d533-516d-4261-b201-aba4e7d615ec-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-9337d533-516d-4261-b201-aba4e7d615ec-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-9337d533-516d-4261-b201-aba4e7d615ec-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-9337d533-516d-4261-b201-aba4e7d615ec-2"><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="star2" mask="url(#ub_star_rating_filter-9337d533-516d-4261-b201-aba4e7d615ec-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-9337d533-516d-4261-b201-aba4e7d615ec-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-9337d533-516d-4261-b201-aba4e7d615ec-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-9337d533-516d-4261-b201-aba4e7d615ec-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-9337d533-516d-4261-b201-aba4e7d615ec-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-8abb9aa2-218a-42f0-b7f1-8080911270fe">
			<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-8abb9aa2-218a-42f0-b7f1-8080911270fe-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-8abb9aa2-218a-42f0-b7f1-8080911270fe-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-8abb9aa2-218a-42f0-b7f1-8080911270fe-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-8abb9aa2-218a-42f0-b7f1-8080911270fe-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-8abb9aa2-218a-42f0-b7f1-8080911270fe-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-8abb9aa2-218a-42f0-b7f1-8080911270fe-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-8abb9aa2-218a-42f0-b7f1-8080911270fe-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-8abb9aa2-218a-42f0-b7f1-8080911270fe-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-8abb9aa2-218a-42f0-b7f1-8080911270fe-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-8abb9aa2-218a-42f0-b7f1-8080911270fe-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 loading="lazy" 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-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="543" height="210" src="https://st9ph.fr/wp-content/uploads/2026/02/SmartvsDesk.jpg" alt="" class="wp-image-34264" srcset="https://st9ph.fr/wp-content/uploads/2026/02/SmartvsDesk.jpg 543w, https://st9ph.fr/wp-content/uploads/2026/02/SmartvsDesk-300x116.jpg 300w" sizes="auto, (max-width: 543px) 100vw, 543px" /></figure>
</div>


<div class="bloc-qcm">
  <p class="qcm-question">
    🌐 <strong>Question :</strong> A votre avis, quel est l&#8217;outil préféré des Français 🔵⚪🔴 pour aller sur Internet ?
  </p>

  <ul class="qcm-options">
    <li data-correct="false">💻 l&#8217;ordinateur classique (desktop)</li>
    <li data-correct="true">📳 Le smartphone (Mobile)</li>
    <li data-correct="False">🟰 c&#8217;est plutôt équilibré</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 ! Environ 6 pour 10.";
        feedback.style.color = "#188038";
      } else {
        option.classList.add('wrong');
        feedback.textContent = "❌ Ca ce joue à peu, c'est vrai, mais c'est tout de même le smartphone";
        feedback.style.color = "#dc2626";
      }
    });
  });
});
</script>



<p>👉🏻 Voyons cela en détail :</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">23–35 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">5 495 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-02T21:21:50+02:00">2 avril  2026</time></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>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-d2d50c8b      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="#part-de-la-mobilité-sur-linternet" class="uagb-toc-link__trigger">Part de la mobilité sur l&#039;internet</a><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#les-usages-en-mobilité" class="uagb-toc-link__trigger">Les usages en mobilité</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#21-la-thumb-zone" class="uagb-toc-link__trigger">🔹2.1 |La thumb zone</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#22-linterface-responsive-ou-friendly-mobile" class="uagb-toc-link__trigger">🔹2.2 |L&#039;interface Responsive ou &quot;Friendly mobile&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="#les-couts-de-la-mobilité" class="uagb-toc-link__trigger">Les couts de la mobilité</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-coûts-obligatoires-de-publication-stores" class="uagb-toc-link__trigger">🧾 1. Coûts obligatoires de publication (stores)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-coûts-de-développement-one-shot" class="uagb-toc-link__trigger">🛠️ 2. Coûts de développement (one-shot)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#3-hébergement-backend-annuel" class="uagb-toc-link__trigger">☁️ 3. Hébergement &amp; backend (annuel)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#4-marketing-visibilité-optionnel-mais-clé" class="uagb-toc-link__trigger">📣 4. Marketing &amp; visibilité (optionnel mais clé)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#5-maintenance-mises-à-jour-annuel" class="uagb-toc-link__trigger">🔄 5. Maintenance &amp; mises à jour (annuel)</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="#budget-total-vision-synthèse" class="uagb-toc-link__trigger">🧮 Budget total – vision synthèse</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#application-simple-cas-étudiant-pme" class="uagb-toc-link__trigger">📱 Application simple (cas étudiant / PME)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#application-professionnelle-business" class="uagb-toc-link__trigger">🚀 Application professionnelle / business</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="#les-codes-spécifiques-de-la-mobilité" class="uagb-toc-link__trigger">Les codes spécifiques de la mobilité</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#41-notifier-via-lappli" class="uagb-toc-link__trigger">🔹4.1 |Notifier via l&#039;appli</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#sources" class="uagb-toc-link__trigger">📚 Sources</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#ndrc" class="uagb-toc-link__trigger">🧑‍🎓 NDRC</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#glossaire" class="uagb-toc-link__trigger">📘 Glossaire</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#42-optimiser-lux-pour-la-mobilité" class="uagb-toc-link__trigger">🔹4.2 |Optimiser l&#039;UX pour la mobilité</a></ul></ul></ul></ul></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">
      Part de la mobilité sur l&#8217;internet
    </h2>
    <p class="chapter-subtitle">données brutes en France, comparaison mondiale, affiner la mesure/p>
  </div>
</div>



<p>Le suivi <img loading="lazy" decoding="async" width="28" height="24" class="wp-image-33689" style="width: 28px;" src="https://st9ph.fr/wp-content/uploads/2026/01/ico-statcounter.jpg" alt=""><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Statcounter </mark>montre une <strong> prédominance de l&#8217;interface mobile</strong> 52,5% contre 47,5% pour les <strong>Desktops </strong>(ordinateurs classiques) :</p>



<!-- DÉBUT STATCOUNTER DYNAMIQUE (1 AN GLISSANT) -->
<div id="statcounter-placeholder" style="width:100%; max-width:600px; height:400px; margin: 0 auto; text-align:center;">
    <p style="color:#777; font-style:italic;">Chargement des statistiques en cours&#8230;</p>
</div>
<p style="text-align:center; font-size:0.9em; color:#555;">
    Source: <a href="https://gs.statcounter.com/platform-market-share/desktop-mobile-tablet/france" target="_blank" rel="noopener">StatCounter Global Stats &#8211; France</a>
</p>

<script>
(function() {
    // 1. Calcul des dates dynamiques
    const now = new Date();
    const currentYear = now.getFullYear();
    const currentMonth = now.getMonth() + 1; // getMonth() retourne 0-11
    
    // On veut s'arrêter au mois dernier (car les données du mois en cours sont incomplètes)
    let endYear = currentYear;
    let endMonth = currentMonth - 1;
    
    if (endMonth === 0) { // Si on est en Janvier, le mois dernier est Décembre de l'année précédente
        endMonth = 12;
        endYear = currentYear - 1;
    }
    
    // Début : 1 an avant la date de fin
    let startYear = endYear - 1;
    let startMonth = endMonth;
    
    // Formatage StatCounter (AAAAMM avec zéro devant si < 10)
    const format = (y, m) => y.toString() + (m < 10 ? '0' : '') + m.toString();
    
    const startStr = format(startYear, startMonth);
    const endStr = format(endYear, endMonth);
    
    // 2. Construction de l'ID unique
    // Ex: desktop+mobile+tablet-comparison-FR-monthly-202504-202604
    const chartId = `desktop+mobile+tablet-comparison-FR-monthly-${startStr}-${endStr}`;
    
    // 3. Mise à jour de la DIV conteneur
    const container = document.getElementById('statcounter-placeholder');
    container.id = chartId;
    container.style.width = "600px"; // Largeur fixe comme ton exemple original
    container.style.height = "400px";
    // Optionnel : rendre responsive en CSS si besoin, mais StatCounter préfère souvent une largeur fixe
    
    // 4. Injection du script StatCounter
    const script1 = document.createElement('script');
    script1.type = 'text/javascript';
    script1.src = 'https://www.statcounter.com/js/fusioncharts.js';
    
    const script2 = document.createElement('script');
    script2.type = 'text/javascript';
    // L'URL dynamique avec les nouvelles dates
    script2.src = `https://gs.statcounter.com/chart.php?${chartId}&#038;chartWidth=600`;
    
    // Ajout des scripts à la page
    document.body.appendChild(script1);
    document.body.appendChild(script2);
    
    console.log(`StatCounter chargé pour la période : ${startStr} à ${endStr}`);
})();
</script>
<!-- FIN STATCOUNTER DYNAMIQUE -->



<p class="has-small-font-size">rq : ce graphique étant en liaison permanente avec StatCounter, vous verrez peut-être ici des données légèrement différentes des chiffres que je commente ci-dessous.</p>



<p class="has-base-2-background-color has-background">✍️ Au moment où j'écris cet article (Janvier 2026), <strong>on voit un tassement à l'automne</strong>, sans quoi c'était du 65/35. Il y'a des <strong>causes structurelles</strong> (🏢télétravail, activité des entreprises principalement en Desktop ...) mais aussi <strong>conjoncturelles </strong>(🌤️plus de mobilité quand la saison et la météo s'y prêtent).</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-uagb-counter uagb-block-c6c2c256 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="M352 256C352 278.2 350.8 299.6 348.7 320H163.3C161.2 299.6 159.1 278.2 159.1 256C159.1 233.8 161.2 212.4 163.3 192H348.7C350.8 212.4 352 233.8 352 256zM503.9 192C509.2 212.5 512 233.9 512 256C512 278.1 509.2 299.5 503.9 320H380.8C382.9 299.4 384 277.1 384 256C384 234 382.9 212.6 380.8 192H503.9zM493.4 160H376.7C366.7 96.14 346.9 42.62 321.4 8.442C399.8 29.09 463.4 85.94 493.4 160zM344.3 160H167.7C173.8 123.6 183.2 91.38 194.7 65.35C205.2 41.74 216.9 24.61 228.2 13.81C239.4 3.178 248.7 0 256 0C263.3 0 272.6 3.178 283.8 13.81C295.1 24.61 306.8 41.74 317.3 65.35C328.8 91.38 338.2 123.6 344.3 160H344.3zM18.61 160C48.59 85.94 112.2 29.09 190.6 8.442C165.1 42.62 145.3 96.14 135.3 160H18.61zM131.2 192C129.1 212.6 127.1 234 127.1 256C127.1 277.1 129.1 299.4 131.2 320H8.065C2.8 299.5 0 278.1 0 256C0 233.9 2.8 212.5 8.065 192H131.2zM194.7 446.6C183.2 420.6 173.8 388.4 167.7 352H344.3C338.2 388.4 328.8 420.6 317.3 446.6C306.8 470.3 295.1 487.4 283.8 498.2C272.6 508.8 263.3 512 255.1 512C248.7 512 239.4 508.8 228.2 498.2C216.9 487.4 205.2 470.3 194.7 446.6H194.7zM190.6 503.6C112.2 482.9 48.59 426.1 18.61 352H135.3C145.3 415.9 165.1 469.4 190.6 503.6V503.6zM321.4 503.6C346.9 469.4 366.7 415.9 376.7 352H493.4C463.4 426.1 399.8 482.9 321.4 503.6V503.6z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="6" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">/10</span></div><div class="wp-block-uagb-counter__title">sont des mobinautes</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" style="flex-basis:66.66%">
<p>🌍 Sur le plan mondial, ce sont même <strong>6 internautes sur 10 </strong>qui sont connectés en mobilité (<strong>mobinautes</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="170" height="240" src="https://st9ph.fr/wp-content/uploads/2026/01/image-108.png" alt="" class="wp-image-32563"/></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="179" height="231" src="https://st9ph.fr/wp-content/uploads/2026/01/image-90.png" alt="" class="wp-image-32502"/></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="180" height="249" src="https://st9ph.fr/wp-content/uploads/2026/01/image-95.png" alt="" class="wp-image-32507"/></figure>
</div>
</div>
</div>
</div>



<p class="has-base-2-background-color has-background">👉 Dans certains pays, pour des raisons de cout, <strong>le mobile est pratiquement le seul outil d'accès</strong> à internet, comme pour <strong>l'Inde</strong> (75%). C'est aussi <strong>le pays le plus peuplé de la planète</strong> !</p>



<p>L'expérience mobile est donc <strong>un enjeu prioritaire </strong>à intégrer dans la conception de vos touch points digitaux !</p>



<figure class="wp-block-table"><table><thead><tr><th> en France en 2025 :</th><th>Mobile (smartphone)</th><th>Desktop / Ordinateur</th><th>Source</th></tr></thead><tbody><tr><td><strong>Part de la population utilisant Internet</strong></td><td>≈ <strong>94 %</strong> des internautes</td><td>≈ <strong>64 %</strong> des internautes</td><td>DataReportal – Digital France</td></tr><tr><td><strong>Part du trafic web total</strong></td><td>≈ <strong>50–52 %</strong></td><td>≈ <strong>46–48 %</strong></td><td>Statista – Device traffic share</td></tr><tr><td><strong>Appareil principal d’accès à Internet</strong></td><td><strong>Smartphone n°1</strong></td><td>Secondaire</td><td>Médiamétrie – Observatoire usages numériques</td></tr><tr><td><strong>Temps quotidien moyen sur Internet</strong></td><td>Majoritaire (réseaux sociaux, vidéo, navigation rapide)</td><td>Minoritaire (travail, achats complexes)</td><td>Médiamétrie / DataReportal</td></tr><tr><td><strong>Usages dominants</strong></td><td>Réseaux sociaux, messagerie, recherche rapide, e-commerce</td><td>Travail, formulaires longs, comparaison détaillée</td><td>Médiamétrie</td></tr><tr><td><strong>Tendance 2020–2025</strong></td><td>📈 En hausse continue</td><td>📉 Stable / légère baisse</td><td>Statista</td></tr></tbody></table></figure>



<p>En réalité, <strong>le traçage se fait sur le type de connexion</strong> et non pas sur le type d'ordinateur:</p>



<ul class="wp-block-list">
<li>🛜 sont considérés comme <strong>des mobinautes</strong> tous ceux qui <strong>se connectent en GSM</strong> (5G, 4G ...) dont <strong>essentiellement des smartphones </strong>mais aussi quelques desktops en mobilité</li>



<li>🏠 Sont considérés comme <strong>des Internautes "classiques" </strong>ceux qui <strong>se connectent en Fibre ou ADSL</strong> (il en reste encore un peu même si le réseau RTC qui le supporte est en cours de remplacement accéléré). Ce sont donc <strong>majoritairement des Desktops </strong>mais aussi des smartphones qui basculent en Wifi (souvent quand ils arrivent "à la maison").</li>
</ul>



<p>Pour <strong>une mesure plus fine</strong>, là encore <img loading="lazy" decoding="async" width="28" height="24" class="wp-image-33689" style="width: 28px;" src="https://st9ph.fr/wp-content/uploads/2026/01/ico-statcounter.jpg" alt=""><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Statcounter</mark> peut nous aider à y voir clair :</p>



<iframe 
  src="https://gs.statcounter.com/os-market-share/all/france"
  width="100%" 
  height="250"
  style="border:none; overflow:hidden;"
  loading="lazy">
</iframe>



<p class="has-text-align-center has-small-font-size"><em>Cet aperçu étant actualisé au moment du chargement de l'article, les commentaires ci-dessous risquent de proposer des chiffres un peu différents.</em></p>



<p>Si on cumule <strong>les internautes par <em>Operating System</em> (OS)</strong>, on connait cette fois <strong>le type d'ordinateu</strong>r qui a servi à la connexion :</p>



<ul class="wp-block-list">
<li><strong>40,32 </strong>% en décembre 2025 au cumul Windows + Mac OS + OS X <strong>pour les desktops</strong></li>



<li><strong>52,18</strong> % <strong>pour les smartphones</strong> (au moins) en cumulant Android + IOS</li>



<li>Il nous reste environ <strong>7,5 %</strong> que <img loading="lazy" decoding="async" width="28" height="24" class="wp-image-33689" style="width: 28px;" src="https://st9ph.fr/wp-content/uploads/2026/01/ico-statcounter.jpg" alt=""><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Statcounter</mark> n'a pu identifier (pas de cookies, Data Centers, moyens systèmes d'entreprises, Extranets (Internets privés), Peer to peer ...)</li>
</ul>



<figure class="wp-block-image size-large uag-hide-mob"><img loading="lazy" decoding="async" width="1024" height="434" src="https://st9ph.fr/wp-content/uploads/2026/01/image-351-1024x434.png" alt="" class="wp-image-33696" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-351-1024x434.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-351-300x127.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-351-768x325.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-351.png 1240w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-medium-font-size">🧮 Si on pondère sur les parts identifiées ont retrouve presque <strong>la répartition universelle de 6 pour 10 en mobilité</strong>.</p>



<p>Revenons à la France et regardons <strong>les temps d'usage en mobilité</strong>. On se rendra compte que même si, globalement, la part de mobilité n'est que légèrement supérieure à la moitié des internautes, c'est tout de même <strong>environ 2 h 30 par jour pour chacun d'entre nous</strong> qu'on est collé à ce petit morceau d'écran !</p>



<figure class="wp-block-table"><table><thead><tr><th>Génération / Âge</th><th><strong>Temps quotidien moyen sur smartphone</strong></th><th>Notes &amp; source</th></tr></thead><tbody><tr><td><strong>15-24 ans (Gen Z)</strong></td><td>~ <strong>2h35 sur Internet</strong> (mobile majoritaire)</td><td>Médiamétrie – mobile capte 93 % du temps digital chez les 15-24 ans, avec un quotidien total de surf autour de ~2h35 dans cette tranche 📱(<a href="https://www.ecranmobile.fr/%E2%80%8B80-du-temps-digital-se-fait-sur-les-smartphones_a77649.html?utm_source=chatgpt.com">EcranMobile.fr</a>)</td></tr><tr><td><strong>25-49 ans (Millennials / jeunes adultes)</strong></td><td><strong>≈ 1h-2h/jour</strong> (mobile dominant)</td><td>le Mobile représente ~80% du temps digital ; 25-49 ans proches des 15-24 ans pour une connexion quotidienne sur smartphone (<a href="https://www.ecranmobile.fr/%E2%80%8B80-du-temps-digital-se-fait-sur-les-smartphones_a77649.html?utm_source=chatgpt.com">EcranMobile.fr</a>)</td></tr><tr><td><strong>50-64 ans (Gen X)</strong></td><td>~ <strong>1h30/jour</strong> (sur mobile)</td><td>50+ : surf quotidien 2h15 dont ~1h30 sur smartphone 📱(<a href="https://www.ecranmobile.fr/Le-mobile-represente-80-du-temps-de-surf-quotidien_a76684.html?utm_source=chatgpt.com">EcranMobile.fr</a>)</td></tr><tr><td><strong>65 ans + (Baby Boomers et plus)</strong></td><td><strong>~ 30-60 min sur mobile</strong></td><td>le Mobile capte moins de temps que chez les jeunes (par comparaison Médiamétrie global), ils passent ~50 min sur mobile quand le temps de surf total est de ~2 h 40 (<a href="https://www.ecranmobile.fr/%E2%80%8B80-du-temps-digital-se-fait-sur-les-smartphones_a77649.html?utm_source=chatgpt.com">EcranMobile.fr</a>)</td></tr><tr><td><strong>Ensemble de la population</strong></td><td>~ <strong>2h24–2h40/jour</strong> (tous écrans) dont ~80 % sur mobile</td><td>Temps total moyen France, avec dominance mobile 📱(<a href="https://www.ecranmobile.fr/%E2%80%8B80-du-temps-digital-se-fait-sur-les-smartphones_a77649.html?utm_source=chatgpt.com">EcranMobile.fr</a>)</td></tr></tbody></table></figure>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="724" height="409" src="https://st9ph.fr/wp-content/uploads/2025/12/image-19.png" alt="" class="wp-image-30975" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-19.png 724w, https://st9ph.fr/wp-content/uploads/2025/12/image-19-300x169.png 300w" sizes="auto, (max-width: 724px) 100vw, 724px" /></figure>
</div>


<p>😨Ca fait peur, non ?</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>Les usages en mobilité</h2>
</div>
<ul class="chapter-points"><li>la Thumb zone</li><li>l'interface Responsive ou "Friendly mobile"</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p>😗 P<strong>as de clavier, pas de souris,</strong> <strong>un écran de 7 pouces </strong>pour les mieux dotés, <strong>il va falloir faire avec</strong> !</p>



<h3 class="wp-block-heading" id="0-21-la-thumb-zone-" 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>La thumb zone</strong></h3>



<p class="callout bleu">👍"Thumb", c'est <strong>le pouce en anglais</strong>, et c'est <strong>la souris des mobinautes </strong>(sauf pour les X - dont je fais partie -et les boomers qui s'obstinent avec leur index 👆) ! Il va falloir travailler l'interface de nos sites pour que les interactions soient accessibles :</p>


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


<p class="has-small-font-size">Source de l'image : <a href="https://www.appsflyer.com/blog/tips-strategy/mobile-app-ux/" target="_blank" rel="noreferrer noopener">appsflyer.com</a> (retravaillée)</p>



<p class="callout vert">✅ la <strong>moyenne de confort </strong>... <strong>juste la moitié de mes 7 pouces</strong> ! Et encore, c'est <strong>dans le meilleur des cas</strong>.</p>



<p>C'est pourquoi <strong>beaucoup d'applications mobiles</strong> proposent <strong>leurs principales rubriques en bas</strong> dans la <strong>Thumb Zone de confort</strong> de toutes les configurations :</p>



<figure class="wp-block-image size-large uag-hide-mob"><img loading="lazy" decoding="async" width="1024" height="139" src="https://st9ph.fr/wp-content/uploads/2026/01/image-353-1024x139.png" alt="" class="wp-image-33702" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-353-1024x139.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-353-300x41.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-353-768x104.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-353.png 1156w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="1-22-linterface-responsive-ou-friendly-mobile-" 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>L'interface Responsive ou "Friendly mobile</strong>"</h3>



<p>👉🏻 Mais pour <strong>les sites classiques</strong>, contrairement <strong>aux applis faites pour cela</strong>, quand vous les voyez en affichage mobile, le "<strong>frendly</strong>" ou le "<strong>Responsive</strong>" (deux manières de dire <strong>qu'ils s'adaptent aux écrans de smartphone</strong>), <strong>ce n'est pas toujours gagné d'avance</strong>.</p>



<p>➡️ Il existe <strong>des outils pour tester votre site</strong> et le seul que j'ai trouvé qui ne m'a demandé ni de payer, ni de spammer mon mail est <a href="https://quirktools.com/screenfly/" target="_blank" rel="noreferrer noopener">Screenfly</a></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="845" height="370" src="https://st9ph.fr/wp-content/uploads/2026/01/image-354.png" alt="" class="wp-image-33703" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-354.png 845w, https://st9ph.fr/wp-content/uploads/2026/01/image-354-300x131.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-354-768x336.png 768w" sizes="auto, (max-width: 845px) 100vw, 845px" /></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>Entrez <strong>votre nom de domaine</strong></li>



<li>Choisissez <strong>le type de smartphone</strong> dont vous voulez apprécier le rendu</li>



<li>Contemplez le résultat 👉</li>
</ul>



<p></p>



<p class="has-text-align-center">Ici, mon site sous <img loading="lazy" decoding="async" width="30" height="28" class="wp-image-33540" style="width: 30px;" src="https://st9ph.fr/wp-content/uploads/2026/01/ico-Wordpress-wp.jpg" alt=""><strong>WordPress</strong> dispose <strong>automatiquement </strong>d'<strong>une version frendly</strong> mais ce n'est pas le cas de tous les CMS.</p>



<p>On constate que :</p>



<ul class="wp-block-list">
<li>le <strong> menu "hamburger"</strong> <img loading="lazy" decoding="async" width="19" height="19" class="wp-image-33705" style="width: 19px;" src="https://st9ph.fr/wp-content/uploads/2026/01/ico-hamburger.jpg" alt=""> a remplacé le menu classique</li>



<li>Les colonnes de <strong>mes Frames</strong> s'empilent les unes sous les autres</li>
</ul>



<p></p>



<p class="has-text-align-center">Et comme <strong>je peux interagir avec la fenêtre,</strong> je peux aussi développer le menu ou <strong>atteindre</strong> toutes les pages ou les liens, <strong>faire tout ce que je veux</strong>, comme si j'avais un superbe IPhone 16 :</p>



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



<p class="has-base-2-background-color has-background">J<strong>e n'ai pas la thumb zone</strong>, c'est vrai, mais j'ai <strong>des repères de règles</strong> pour définir quelles sont les zones d<strong>'interaction de confort</strong>.</p>



<p>👉 Ici, plutot entre 600 et 800 en verticale.</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="367" height="753" src="https://st9ph.fr/wp-content/uploads/2026/01/image-355.png" alt="" class="wp-image-33704" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-355.png 367w, https://st9ph.fr/wp-content/uploads/2026/01/image-355-146x300.png 146w" sizes="auto, (max-width: 367px) 100vw, 367px" /></figure>



<p>Il est vrai que <img loading="lazy" decoding="async" width="19" height="18" class="wp-image-33542" style="width: 19px;" src="https://st9ph.fr/wp-content/uploads/2026/01/wp-ico.jpg" alt="">WordPress me permet aussi d'avoir un aperçu mobile mais c'est moins précis (et juste pour la page ou l'article en cours de création)</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="277" height="245" src="https://st9ph.fr/wp-content/uploads/2026/01/image-357.png" alt="" class="wp-image-33707"/></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="347" height="492" src="https://st9ph.fr/wp-content/uploads/2026/01/image-358.png" alt="" class="wp-image-33710" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-358.png 347w, https://st9ph.fr/wp-content/uploads/2026/01/image-358-212x300.png 212w" sizes="auto, (max-width: 347px) 100vw, 347px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>En faisant défiler des articles du blog, je me rends compte de <strong>l'effet désastreux sur mobile </strong>de <strong>certaines images</strong> comme, ci-dessous, un zoom arrière violent et on ne lit plus rien :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="349" height="391" src="https://st9ph.fr/wp-content/uploads/2026/01/image-359.png" alt="" class="wp-image-33711" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-359.png 349w, https://st9ph.fr/wp-content/uploads/2026/01/image-359-268x300.png 268w" sizes="auto, (max-width: 349px) 100vw, 349px" /></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>👆 Idem pour <strong>le tableau ci-dessus</strong> même si dans ce cas, c'est juste une option du bloc Tableau à changer.</p>



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



<p class="has-text-align-right has-base-2-background-color has-background">Ainsi, <strong>en débloquant la largeur fixe des colonnes</strong>, je donne <strong>un slide horizontal</strong> à ceux qui ne peuvent pas afficher pleinement tout le tableau (interdit au départ, <strong>obligeant le CMS à tout afficher dans la largeur écran du smartphone)</strong>  👉</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center">👇Ce que ça donne corrigé :</p>



<figure class="wp-block-video"><video height="352" style="aspect-ratio: 348 / 352;" width="348" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/01/tbx-slide.mp4" playsinline></video></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>Pour les images, ça va être <strong>un peu plus compliqué</strong> ! il va falloir <strong>les désactiver </strong>sur mobile :</p>


<div class="wp-block-image">
<figure class="alignright size-full"><img loading="lazy" decoding="async" width="178" height="131" src="https://st9ph.fr/wp-content/uploads/2026/01/image-361.png" alt="" class="wp-image-33718"/></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="callout rouge">On peut donc <strong>désactiver les images illisibles </strong>mais seulement <strong>celles qui sont décoratives</strong>. Ca ne réglera pas le problème si c'est <strong>un contenu important</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" style="flex-basis:33.33%">
<ul class="wp-block-list">
<li>Dans le même temps, il faudra <strong>reconstruire une illustration qui sera plus visuelle </strong>en affichage mobile :</li>
</ul>



<p></p>



<p class="has-text-align-center has-base-2-background-color has-background">Ici, je redispose mon schéma pour qu'en portrait, le zoom soit moins profond et permette encore la lecture. 👉</p>



<ul class="wp-block-list">
<li>Puis <strong>je désactive son affichage </strong>sur <strong>Desktop </strong>et tablettes</li>
</ul>



<p></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="515" height="441" src="https://st9ph.fr/wp-content/uploads/2026/01/image-377.png" alt="" class="wp-image-33755" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-377.png 515w, https://st9ph.fr/wp-content/uploads/2026/01/image-377-300x257.png 300w" sizes="auto, (max-width: 515px) 100vw, 515px" /></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="354" height="663" src="https://st9ph.fr/wp-content/uploads/2026/01/image-378.png" alt="" class="wp-image-33758" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-378.png 354w, https://st9ph.fr/wp-content/uploads/2026/01/image-378-160x300.png 160w" sizes="auto, (max-width: 354px) 100vw, 354px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Ainsi, selon qu'on soit sur desktop ou sur mobile, <strong>ce n'est pas la même image qui s'affichera</strong></p>



<p class="has-base-2-background-color has-background"> 👍<strong>Screenfly </strong>est donc un outil intéressant pour <strong>réaliser les manques de <em>Responsive</em> de votre site web confortablement </strong>depuis le Pc d'où vous développez, sans avoir à regarder en permanence ce que cela donne sur votre mobile posé sur vos genoux (en plus, il va finir par tomber).</p>



<p>👉 <strong>N'oubliez </strong>surtout <strong>pas la <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Thumb Zone</mark> </strong>! </p>



<p>l'exemple de mon site montre que <img loading="lazy" decoding="async" width="19" height="18" class="wp-image-33542" style="width: 19px;" src="https://st9ph.fr/wp-content/uploads/2026/01/wp-ico.jpg" alt="">WordPress (mais la plupart des autres CMS font comme lui) place le menu dans <strong>la zone d'effort</strong>, voire de déséquilibre.</p>



<p class="has-base-2-background-color has-background">📳 C'est pourquoi, aussi travaillé sera-t-il, <strong>votre site frendly ne vaudra jamais une appli mobile</strong> faite spécifiquement pour les smartphones</p>
</div>
</div>



<p class="has-text-align-center">Et pourquoi ne pas prévoir un menu flottant comme celui à droite de cet écran ? 👉</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">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>Les couts de la mobilité</h2>
</div>
<ul class="chapter-points"><li>Coûts obligatoires de publication (stores)</li><li>Coûts de développement (one-shot)</li><li>Hébergement & backend (annuel)</li><li>Marketing & visibilité (optionnel mais clé)</li><li>Maintenance & mises à jour (annuel)</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p>➡️ Qu'il s'agisse des <strong>outils</strong> (applis), des <strong>méthodes </strong>(notifications, localisation ...) ou de la <strong>visibilité</strong>, la mobilité obéit à <strong>des codes spécifiques</strong>.</p>



<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-7232d6923989c42d4e3726506dc60b89">D'abord, faut-il investir dans la mobilité ?</p>



<p><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Tout dépend de votre audience !</mark></strong> <strong>Google Analytics</strong>, dans son <strong>analyse de la technologie</strong> utilisée par vos visiteurs, vous le dira :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="956" height="408" src="https://st9ph.fr/wp-content/uploads/2026/01/image-368.png" alt="" class="wp-image-33733" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-368.png 956w, https://st9ph.fr/wp-content/uploads/2026/01/image-368-300x128.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-368-768x328.png 768w" sizes="auto, (max-width: 956px) 100vw, 956px" /></figure>



<p class="has-base-2-background-color has-background">📈 Ci-dessus, l'analyse de ce blog montre que <strong>mon cœur de cible est sur Desktop</strong> : <strong>9/10</strong>. Et pour cause, ce site est fait d'abord pour mes étudiants qui l'utilisent en cours, parmi d'autres logiciels difficilement manœuvrables sur smartphones.</p>



<p>➡️ Mais si ce n'est pas le cas pour vous, <strong>il faudra songer à une appli mobile </strong>:</p>



<p>Il existe <strong>des constructeurs d'appli en ligne</strong> (SaaS) comme<strong> AppMachine </strong>(ci-dessous) qui ne demandent pas de compétences spéciales en programmation. C'est un WYSIWYG</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-369-1024x580.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 -->



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary><strong>WYSIWYG</strong>, c'est quoi comme langue ?</summary>
<p>De l'anglais ! Et c'est un acronyme : <strong>What You See Is What You get</strong> : c'est çà dire que le constructeur consiste à <strong>alimenter des formulaires ou à jouer au drag-And-Drop</strong> avec des éléments à incorporer avec <strong>un aperçu permanent</strong>. Vous voyez en conception ce que l'utilisateur verra aussi.</p>
</details>



<p>➡️ C'est juste <strong>un essai pour vous monter</strong> mais je n'irai pas plus loin, puisqu'à la fin, <strong>il faudra payer</strong>. Certes, ce sera <strong>moins d'une centaine d'euros </strong>quand des développeurs vous en demanderont des milliers (mais c'est vous qui aurez fait tout le boulot, en fait).</p>



<p>Voici une e<strong>stimation que j'ai demandée à Chat GPT </strong>:</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Type d’application</th><th>Budget estimé (France)</th></tr></thead><tbody><tr><td>App simple (contenu, vitrine, formulaire)</td><td><strong>3 000 – 8 000 €</strong></td></tr><tr><td>App intermédiaire (compte utilisateur, API, back-office)</td><td><strong>8 000 – 20 000 €</strong></td></tr><tr><td>App complexe (paiement, géoloc, temps réel, marketplace)</td><td><strong>20 000 – 60 000 €+</strong></td></tr></tbody></table></figure>



<p>Il se base sur <strong>des sites pros</strong> : Malt, Codeur.com, Webedia, App Mobile Normandie (sans doute pour me faire plaisir le dernier) et je le crois volontiers.</p>



<p>Mais ce n'est pas terminé ! Si vous voulez qu'elle soit utilisée, il faudra <strong>la faire héberger sur les "stores" </strong>d'Apple (Pour IOS) et de Google (pour Androïd) parce que ce sera pratiquement <strong>le seul moyen de la la télécharger.</strong></p>



<p>Voici ci-dessous <strong>un tableau comparatif</strong> (c'est à peu près le même que sur ma fiche ressource du drive car les tarifs n'ont pas trop évolué depuis 2022, date de ma dernière enquête) :</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><td></td><td class="has-text-align-center" data-align="center"><img loading="lazy" decoding="async" width="99" height="27" class="wp-image-33735" style="width: 99px;" src="https://st9ph.fr/wp-content/uploads/2026/01/gPlay.png" alt=""></td><td class="has-text-align-center" data-align="center"><img loading="lazy" decoding="async" width="99" height="27" class="wp-image-33736" style="width: 99px;" src="https://st9ph.fr/wp-content/uploads/2026/01/Appstore.png" alt=""></td></tr><tr><td>abonnement</td><td class="has-text-align-center" data-align="center">25 € à l’inscription</td><td class="has-text-align-center" data-align="center">99 € /an</td></tr><tr><td>Commissions Sur les achats in-app</td><td class="has-text-align-center" data-align="center">15 % si CA &lt; 1 M$ (30 % au delà)</td><td class="has-text-align-center" data-align="center">15 à 30 % selon le CA</td></tr><tr><td>Revenus issus des abonnements</td><td class="has-text-align-center" data-align="center">15 % sans plafond</td><td class="has-text-align-center" data-align="center">Au cas par cas (dispense pour les «&nbsp;petits développeurs&nbsp;»)</td></tr><tr><td>avantage</td><td class="has-text-align-center" data-align="center">Part du marché majeure (75 %)</td><td class="has-text-align-center" data-align="center">Taux de conversion plus élevé</td></tr></tbody></table></figure>



<p>👉 Mais ces couts sont à englober dans un budget plus large de maintenance, de visibilité et d'hébergement qui oscillent entre 5000 et 10000 € l'année de lancement et au moins 50% de ce budget chaque année ensuite.</p>


<div class="wp-block-ub-content-toggle wp-block-ub-content-toggle-block" id="ub-content-toggle-block-c0d1fa86-0992-4889-8a3e-93709a073f98" data-mobilecollapse="true" data-desktopcollapse="true" data-preventcollapse="false" data-showonlyone="false">
<div class="wp-block-ub-content-toggle-accordion" style="border-color: var(--contrast-3); " id="ub-content-toggle-panel-block-">
			<div class="wp-block-ub-content-toggle-accordion-title-wrap" style="background-color: var(--contrast-3);" aria-controls="ub-content-toggle-panel-0-c0d1fa86-0992-4889-8a3e-93709a073f98" tabindex="0">
			<p class="wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-c0d1fa86-0992-4889-8a3e-93709a073f98" style="color: #000000; ">les couts détaillés de l'enquête (dev, maintenance, mises à jours) pour les plus curieux</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-c0d1fa86-0992-4889-8a3e-93709a073f98">

<p>💶 Budget global pour une application mobile (France – ordre de grandeur)</p>



<h3 class="wp-block-heading" id="2-1-co%C3%BBts-obligatoires-de-publication-stores">🧾 1. Coûts obligatoires de publication (stores)</h3>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Poste</th><th>Google Play</th><th>Apple App Store</th></tr></thead><tbody><tr><td>Compte développeur</td><td><strong>25 € (une fois)</strong></td><td><strong>99 € / an</strong></td></tr><tr><td>Publication / mises à jour</td><td>0 €</td><td>0 €</td></tr><tr><td><strong>Sous-total annuel min.</strong></td><td><strong>25 €</strong></td><td><strong>99 €</strong></td></tr></tbody></table></figure>



<p><strong>Sources</strong> :<br>Google Play Console – Developer Account<br>Apple Developer Program</p>



<hr class="wp-block-separator has-alpha-channel-opacity">



<h3 class="wp-block-heading" id="3-%EF%B8%8F-2-co%C3%BBts-de-d%C3%A9veloppement-one-shot">🛠️ 2. Coûts de développement (one-shot)</h3>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Type d’application</th><th>Budget estimé (France)</th></tr></thead><tbody><tr><td>App simple (contenu, vitrine, formulaire)</td><td><strong>3 000 – 8 000 €</strong></td></tr><tr><td>App intermédiaire (compte utilisateur, API, back-office)</td><td><strong>8 000 – 20 000 €</strong></td></tr><tr><td>App complexe (paiement, géoloc, temps réel, marketplace)</td><td><strong>20 000 – 60 000 €+</strong></td></tr></tbody></table></figure>



<p><strong>Sources</strong> : agences digitales françaises (moyennes observées)<br>→ Malt, Codeur.com, Webedia, AppMobileNormandie</p>



<hr class="wp-block-separator has-alpha-channel-opacity">



<h3 class="wp-block-heading" id="4-%E2%98%81%EF%B8%8F-3-h%C3%A9bergement-amp-backend-annuel">☁️ 3. Hébergement &amp; backend (annuel)</h3>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Poste</th><th>Coût annuel</th></tr></thead><tbody><tr><td>Hébergement serveur / cloud</td><td><strong>100 – 1 000 €</strong></td></tr><tr><td>Base de données / API</td><td><strong>0 – 500 €</strong></td></tr><tr><td>Stockage (images, vidéos)</td><td><strong>0 – 300 €</strong></td></tr><tr><td>Notifications / emails</td><td><strong>0 – 200 €</strong></td></tr><tr><td><strong>Sous-total annuel</strong></td><td><strong>200 – 2 000 €</strong></td></tr></tbody></table></figure>



<p><strong>Sources</strong> : AWS, Firebase, OVHcloud (offres standards)</p>



<hr class="wp-block-separator has-alpha-channel-opacity">



<h3 class="wp-block-heading" id="5-4-marketing-amp-visibilit%C3%A9-optionnel-mais-cl%C3%A9">📣 4. Marketing &amp; visibilité (optionnel mais clé)</h3>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Poste</th><th>Budget conseillé</th></tr></thead><tbody><tr><td>ASO (App Store Optimization)</td><td><strong>300 – 1 000 €</strong></td></tr><tr><td>Visuels, screenshots, vidéo</td><td><strong>200 – 800 €</strong></td></tr><tr><td>Publicité de lancement</td><td><strong>500 – 3 000 €</strong></td></tr><tr><td><strong>Sous-total lancement</strong></td><td><strong>1 000 – 5 000 €</strong></td></tr></tbody></table></figure>



<p><strong>Sources</strong> : App Radar, StoreMaven, agences ASO européennes</p>



<hr class="wp-block-separator has-alpha-channel-opacity">



<h3 class="wp-block-heading" id="6-5-maintenance-amp-mises-%C3%A0-jour-annuel">🔄 5. Maintenance &amp; mises à jour (annuel)</h3>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Poste</th><th>Coût annuel</th></tr></thead><tbody><tr><td>Corrections bugs</td><td><strong>500 – 2 000 €</strong></td></tr><tr><td>Mises à jour OS (iOS / Android)</td><td><strong>500 – 1 500 €</strong></td></tr><tr><td>Évolutions fonctionnelles</td><td><strong>1 000 – 5 000 €</strong></td></tr><tr><td><strong>Sous-total annuel</strong></td><td><strong>2 000 – 8 000 €</strong></td></tr></tbody></table></figure>



<p><strong>Source</strong> : pratiques agences &amp; freelances France</p>



<hr class="wp-block-separator has-alpha-channel-opacity">



<h2 class="wp-block-heading" id="7-budget-total-%E2%80%93-vision-synth%C3%A8se">🧮 Budget total – vision synthèse</h2>



<h3 class="wp-block-heading" id="8-application-simple-cas-%C3%A9tudiant-pme">📱 Application simple (cas étudiant / PME)</h3>



<ul class="wp-block-list">
<li>Année 1 : <strong>4 500 – 10 000 €</strong></li>



<li>Années suivantes : <strong>2 500 – 4 000 € / an</strong></li>
</ul>



<h3 class="wp-block-heading" id="9-application-professionnelle-business">🚀 Application professionnelle / business</h3>



<p>Années suivantes : <strong>4 000 – 10 000 € / an</strong></p>



<p>Année 1 : <strong>15 000 – 30 000 €</strong></p>

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


<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">4</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>Les codes spécifiques de la mobilité</h2>
</div>
<ul class="chapter-points"><li>Notifier via l'appli</li><li>Optimiser l'UX pour le mobile</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p>➡️ Qu'il s'agisse des <strong>outils</strong> (applis), des <strong>méthodes </strong>(notifications, localisation ...) ou de la <strong>visibilité</strong>, la mobilité obéit à <strong>des codes spécifiques</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="361" height="471" src="https://st9ph.fr/wp-content/uploads/2026/01/image-370.png" alt="" class="wp-image-33738" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-370.png 361w, https://st9ph.fr/wp-content/uploads/2026/01/image-370-230x300.png 230w" sizes="auto, (max-width: 361px) 100vw, 361px" /></figure>



<p></p>



<p></p>



<p class="has-small-font-size">Je ne sais pas si vous "avez la ref" pour l'illustration de droite 👉</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>📳 Les <strong>smartphones</strong> sont des ordinateurs dépourvus de périphériques externes mais dotés de <strong>3 atouts </strong>qui les distinguent :</p>



<ul class="wp-block-list">
<li>ils disposent d’une <strong>carte SIM </strong>(Suscriber Indentity Module) qui permet de les raccorder (borner) au <strong>réseau mobile GSM (</strong>Global System Mobile) et avec les<strong>dernières générations (</strong>4<sup>ème</sup> et 5<sup>ème</sup> dites <strong>4G et 5G</strong>) proposent <strong>un débit nomade </strong>aussi intéressant pour la navigation sur l’internet qu’avec les réseaux sédentaires (ADSL et fibre).</li>



<li>Ils intègrent pratiquement tous <strong>une puce GPS</strong> (global positioning System) qui permet, par triangulation d’un signal sur trois satellites en orbite autour de la planète <strong>de définir au mètre près la position de la puce sur la surface du globe</strong> !</li>



<li>Ils disposent d'<strong>un appareil photo</strong> qui vos permettra de les faire scanner vos code barres et QR codes</li>
</ul>



<p class="has-accent-color has-text-color has-link-color wp-elements-d05082b7cffff2769f3750dcaf2f098d"><em>Ce sont des spécificités à exploiter car <strong>vous pouvez désormais suivre vos clients partout </strong>!</em></p>



<figure class="wp-block-image size-full"><a href="https://youtu.be/hGI2d31M7Ns" target="_blank" rel=" noreferrer noopener"><img loading="lazy" decoding="async" width="554" height="216" src="https://st9ph.fr/wp-content/uploads/2026/01/image-379.png" alt="" class="wp-image-33764" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-379.png 554w, https://st9ph.fr/wp-content/uploads/2026/01/image-379-300x117.png 300w" sizes="auto, (max-width: 554px) 100vw, 554px" /></a></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">4.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>Notifier via l'appli</strong></h3>



<p><strong>Votre appli mobile </strong>que votre client a téléchargé <strong>est une aubaine</strong> <strong>pour le conduire jusqu'à votre boutique</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>Sur le schéma ci-contre, prenons l’exemple de 3 clients du magasin au centre de la carte qui ont l’appli mobile du magasin :</p>



<ul class="wp-block-list">
<li>Grace au guidage satellite de son GPS, le commerçant peut <strong>guider le <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">client A </mark></strong>qui demande <strong>un itinéraire vers le parking gratuit </strong>disponible le plus proche.</li>
</ul>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="266" height="139" src="https://st9ph.fr/wp-content/uploads/2026/01/image-372.png" alt="" class="wp-image-33742"/></figure>
</div>


<ul class="wp-block-list">
<li>Le <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">client B</mark></strong> venant de <strong>changer de borne</strong>, car il se rapproche, <strong>est détecté sur la même antenne GSM que le magasin</strong> ; Il reçoit une <strong>notification de push </strong>lui indiquant une promo en cours</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-371.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>Le <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">client C</mark></strong> <strong>s’éloigne du magasin</strong> et change de borne. L’appli détecte son départ et lui <strong>demande son avis </strong>sur sa visite (il l’a détecté au préalable car son appli <strong>a capté le wifi de la SVP</strong> de manière durable ou bien encore parce qu’il <strong>a scanné sa carte de fidélité)</strong>.</li>
</ul>
</div>
</div>



<p class="has-medium-font-size">➡️ Impressions :</p>



<ul class="wp-block-list">
<li>En moyenne, <strong>~60 % des utilisateurs d’app activent les notifications push</strong> quand on leur demande.</li>



<li>Sur Android le taux d’opt-in peut atteindre <strong>≈91 %</strong>, sur iOS plutôt <strong>≈44 %</strong>, à cause des réglages de consentement différents.</li>



<li><strong>~48 % ouvrent une notification dans les 15 minutes</strong> suivant sa réception.</li>



<li>Jusqu’à <strong>90 % des notifications transactionnelles sont délivrées et ouvertes rapidement</strong>.</li>



<li>sont jugées <strong>pertinentes </strong>(pour eux) <strong>par ~70 % des utilisateurs</strong>.</li>
</ul>


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


<p class="has-base-2-background-color has-background">ℹ️ On parle <strong>d'Opt-In </strong>(comme pour le RGPD) pour <strong>l'acceptation des notifications</strong>.</p>



<p>Selon l'enquête de Gitnux, l'opt-in se mesure ainsi :</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Fréquence d’envoi</th><th>Réaction utilisateur</th><th>Effet observé</th></tr></thead><tbody><tr><td><strong>0–1 / semaine</strong></td><td>Peu perçues</td><td>❌ Sous-utilisation</td></tr><tr><td><strong>1–2 / semaine</strong></td><td>Bien acceptées</td><td>✅ Engagement optimal</td></tr><tr><td><strong>3–5 / semaine</strong></td><td>Tolérance variable</td><td>⚠️ Risque de lassitude</td></tr><tr><td><strong>6–10 / semaine</strong></td><td>Désactivation fréquente</td><td>❌ Baisse d’opt-in</td></tr><tr><td><strong>+10 / semaine</strong></td><td>Rejet / désinstallation</td><td>🚨 Effet spam</td></tr></tbody></table></figure>



<p class="has-medium-font-size">➡️ Engagement</p>



<ul class="wp-block-list">
<li>Le <strong>taux de clic (CTR)</strong> moyen se situe autour de <strong>3–8 %</strong> selon le secteur et la plateforme.</li>



<li>Dans certains segments <em>e-commerce ou media</em>, ce taux peut être encore plus élevé (≈10 %+).</li>



<li>Notifications bien ciblées / personnalisées peuvent <strong>multiplier l’engagement jusqu’à +300 % ou +400 %</strong>.</li>



<li><strong>~65 % des utilisateurs reviennent dans l’application dans les 30 jours s’ils ont activé les push.</strong></li>
</ul>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="546" height="208" src="https://st9ph.fr/wp-content/uploads/2026/01/image-375.png" alt="" class="wp-image-33746" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-375.png 546w, https://st9ph.fr/wp-content/uploads/2026/01/image-375-300x114.png 300w" sizes="auto, (max-width: 546px) 100vw, 546px" /></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-text-align-center has-medium-font-size">Ce qui fonctionne :</p>



<p>a) <strong>Personnalisation</strong></p>



<p>Les messages personnalisés (nom, intérêts, historique) <strong>boostent l’ouverture et les conversions</strong>.<br>➡️ La personnalisation comportementale peut augmenter l’engagement de <strong>×4 ou plus</strong>.</p>



<p>b) <strong>Segmentation</strong></p>



<p>Envoyer <em>le bon message au bon segment</em> (ex : nouveaux utilisateurs, utilisateurs inactifs, gros acheteurs) augmente énormément les résultats — <strong>jusqu’à +300 % d’engagement</strong>.</p>



<p> c) <strong>Timing optimal</strong></p>



<ul class="wp-block-list">
<li>Envoyer au bon moment (+40 % d’engagement si bien synchronisé avec l’usage).</li>



<li>Certaines études montrent <strong>mardi comme jour optimal</strong> pour l’engagement.</li>
</ul>



<p> d) <strong>Rich media</strong></p>



<p>Utiliser <strong>images, boutons d’action, emojis, contenus dynamiques</strong> augmente le taux d’ouverture et de réaction.<br>Les notifications avec médias performants peuvent avoir jusqu’à <strong>+50 % d’engagement en plus</strong>.</p>



<p>e) <strong>Notifications de valeur</strong></p>



<p>Les messages qui alertent d’un <strong>événement utile immédiat</strong> (statut de commande, rappel de rendez-vous, offre limitée) fonctionnent mieux que les messages génériques.<br>➡️<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"> 70–80 % des utilisateurs les trouvent utiles si elles sont pertinentes.</mark></p>
</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">Ce qui ne fonctionne pas :</p>



<p>a) <strong>Envoyer trop souvent</strong></p>



<ul class="wp-block-list">
<li>46 % des utilisateurs désactivent les notifications si on en envoie <strong>2–5 par semaine</strong>.</li>



<li>32 % désactivent si on passe <strong>6 ou plus par semaine</strong>.</li>
</ul>



<p>➡️ <em>Trop de notifications = spam = désactivation = désinstallation.</em></p>



<p> b) <strong>Messages non pertinents</strong></p>



<p>Si le contenu n’apporte <strong>aucune valeur réelle</strong>, les utilisateurs l’ignorent ou désactivent les alertes.<br>➡️ ~49 % trouvent les notifications intrusives si elles ne sont pas pertinentes.</p>


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


<p>c) <strong>Demander l’autorisation trop tôt</strong></p>



<p>Demander immédiatement l’autorisation la première fois que l’utilisateur ouvre l’app peut faire baisser les opt-in de <strong>≈50 %</strong>.<br>➡️ <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Attendre une interaction ou expliquer la valeur avant de demander augmente les opt-in importants.</mark></p>
</div>
</div>



<p class="has-medium-font-size">➡️ Conversions</p>



<ul class="wp-block-list">
<li> <strong>Jusqu’à +72 % de conversions</strong> (achat ou action) liées à une notification.</li>
</ul>



<p class="has-small-font-size">📚 Sources : <a href="https://www.businessofapps.com/marketplace/push-notifications/research/push-notifications-statistics/" target="_blank" rel="noreferrer noopener">Business Of Apps</a>, <a href="https://gitnux.org/push-notification-statistics/" target="_blank" rel="noreferrer noopener">Gitnux</a> - voir toutes les sources dans le menu flottant -&gt;</p>



<!-- 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="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>📚 Sources</h3>
<ul>
 <!--  ✅ contenus 📚 Sources -->
<li><strong>sourcing Chat GPT</strong> – tendances et stats vérifiées par @st9ph</li>
<li><strong>Nano Banana de Google Gemini</strong> – personnage d'illustration et image en avant</li>
<li><strong>ARCEP / ANCT / CGE</strong> – Baromètre du numérique</li>
<li><strong>INSEE</strong> – Équipements et usages numériques</li>
<li><strong>DataReportal</strong> – Digital & Mobile Reports France</li>
<li><strong>Business of Apps</strong> – Push notifications benchmarks</li>
<li><strong>Gitnux</strong> – Mobile engagement statistics</li>
<li><strong>Statista</strong> – Temps passé smartphone</li>
<li><strong>data.ai</strong> – Mobile app usage insights</li>
<li><strong>Airship / Localytics</strong> – Push performance</li>
<li><strong>Saas Screenfly</strong> – Outil en ligne de visualisation d'affichages mobiles</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="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>🧑‍🎓 NDRC</h3>
<!--  ✅ contenus 🧑‍🎓 NDRC -->
<p>Cet article est à visée de l'épreuve écrite E5A.</p>
<ul>
<li>savoir mettre en avant les avantages et les contraintes du développement d'une application mobile</li>
<li>savoir analyser la conception d'un écran mobile</li>
<li>Savoir valoriser la mobilité dans sa communication commerciale</li>
</ul>
<p>Quelques apports WordPress (affichage mobile, options de présentation des images ou autres blocs selon les supports desktop ou mobile)</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="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>📘 Glossaire</h3>
<!-- ✅ contenus 📘 Glossaire -->
<ul>
<li><strong>UX</strong> : expérience utilisateur globale</li>
<li><strong>Thumb Zone</strong> : zone de pouce de l'écran où le mobinaute reste agile</li>
<li><strong>Mobinaute</strong> : utilisateur sur smartphone</li>
<li><strong>WYSIWYG</strong> : aperçu du résultat en temps réel pendant le développement</li>
<li><strong>Frendly ou responsive</strong> : fait pour un confort sur smartphone</li>
<li><strong>Opt-in</strong> : consentement aux notifications</li>
<li><strong>"borner"</strong> : se connecter à une antenne GSM</li>
<li><strong>CTR</strong> : taux de clic</li>
<li><strong>Push</strong> : notification envoyée par une app</li>
<li><strong>Rétention</strong> : capacité à faire revenir</li>
<li><strong>GSM</strong> : Global System Mobile (4G, 5G...)</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>



<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">4.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>Optimiser l'UX pour la mobilité</strong></h3>



<p>👉 La conception de l'interface mobile devra donc respecter<strong> les thumb zones</strong>🤏, s'adapter <strong>aux usages en mobilité🚶‍➡️ </strong>(aller simplement à l'essentiel) tout en profitant des <strong>spécificités de l'outil </strong>📳(Géolocalisation, appareil photo / scan et notifications).</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="294" height="598" src="https://st9ph.fr/wp-content/uploads/2026/01/image-386.png" alt="" class="wp-image-33852" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-386.png 294w, https://st9ph.fr/wp-content/uploads/2026/01/image-386-147x300.png 147w" sizes="auto, (max-width: 294px) 100vw, 294px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Ici, l'appli mobile <strong>Leroy Merlin </strong>sur sa <strong>page d'acceuil :</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-0c380f72-b5dd-409f-9f8c-1dbca7ed1c60">
<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-562fc793-4ae1-4276-94f3-74336b4fc6e5">
			<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">la zone de déséquilibre <mark style="color:#e93333" class="has-inline-color">contient </mark><strong><mark style="color:#e93333" class="has-inline-color">une action</mark> </strong>est pas des moindres, celles d'<strong>activer le moteur de recherche</strong>, même si <strong>le clavier</strong><mark style="color:#eebf32" class="has-inline-color"> sera </mark><strong><mark style="color:#eebf32" class="has-inline-color">dans la zone d'effort</mark> </strong>(à une main) ou <mark style="color:#13b91b" class="has-inline-color"><strong>de confort</strong></mark> (à deux mains)</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="color: var(--contrast); --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 448 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 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 47L303 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-56a7d981-46bb-4b78-9d3e-ee41c771e5cd">
			<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 448 512"><path fill="#00d084" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 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 47L303 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">la <strong>navigation </strong>et les <strong>CTA </strong>sont correctement placés dans la zone de confort</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="color: var(--contrast); --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 448 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 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 47L303 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-a85581fa-c9ce-4b3b-9993-6891b997dcf1">
			<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 448 512"><path fill="#00d084" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 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 47L303 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">La recherche contient<strong> la possibilité de flasher les codes barres </strong>pour obtenir des infos produits</span>
			</div>
			
		</li>
</ul>


<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="286" height="597" src="https://st9ph.fr/wp-content/uploads/2026/01/image-382.png" alt="" class="wp-image-33844" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-382.png 286w, https://st9ph.fr/wp-content/uploads/2026/01/image-382-144x300.png 144w" sizes="auto, (max-width: 286px) 100vw, 286px" /></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%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="283" height="596" src="https://st9ph.fr/wp-content/uploads/2026/01/image-383.png" alt="" class="wp-image-33847" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-383.png 283w, https://st9ph.fr/wp-content/uploads/2026/01/image-383-142x300.png 142w" sizes="auto, (max-width: 283px) 100vw, 283px" /></figure>
</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 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="254" height="356" src="https://st9ph.fr/wp-content/uploads/2026/01/image-385.png" alt="" class="wp-image-33849" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-385.png 254w, https://st9ph.fr/wp-content/uploads/2026/01/image-385-214x300.png 214w" sizes="auto, (max-width: 254px) 100vw, 254px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>😐 L'écran mon compte amène également sur <strong>la zone d'effort </strong>son <strong>CTA de remise </strong>même si cela se défend aussi. o<strong>n sera plus statique  lors du passage en caisse </strong>et on tiendra surement le smartphone à deux mains.</p>



<p class="has-base-2-background-color has-background">Il faudra <strong>suivre les tableaux de bord </strong>📈pour <strong>vérifier le CTR </strong>de ces différentes pages</p>
</div>
</div>



<div class="wp-block-uagb-counter uagb-block-2f91ab07 wp-block-uagb-counter--bars"><div class="wp-block-uagb-counter-bars-container"><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="11" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div></div><div class="wp-block-uagb-counter__title"><strong>Remise "carte maison"</strong> (présentations / nb de passage en caisse) :</div></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:66.66%">
<p>💥 Vos <strong>notifications de Push</strong> mériteront elles-aussi d'être mesurées (impressions, opt-out / Stop, taux de clic, conversions liées)</p>



<p class="has-base-2-background-color has-background">Ci-contre, un essai de notification via<a href="https://www.spot-hit.fr/" target="_blank" rel="noreferrer noopener"> Spot-It</a> qui propose des forfaits à <strong>0,15€ le SMS</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">
<!-- 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-387.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">👈 une notification de Push de l'appli Boulanger qui m'avait segmenté gamer, dirait-on.</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>Autre avantage d'inciter à l'i<strong>nstallation de votre appli mobile</strong>, vous évitez que les filtres des opérateurs FAI vous cataloguent comme un <strong>indésirable</strong>. 👉</p>


<div class="wp-block-image">
<figure class="alignright size-full"><img loading="lazy" decoding="async" width="152" height="198" src="https://st9ph.fr/wp-content/uploads/2026/01/image-389.png" alt="" class="wp-image-33856"/></figure>
</div></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-388.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>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>📏<strong> KPI</strong> notables :</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/Screenshot_2021-12-04-10-08-44-665_com.google.android.apps_.messaging-461x1024.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 -->



<ul class="wp-block-list">
<li>taux de délivrabilité</li>



<li>taux d'ouverture</li>



<li>taux de clic</li>



<li>Taux de rebond à l'atterrissage</li>



<li>Ventes liées</li>
</ul>
</div>
</div>



<p>Cela ressemble beaucoup à vos campagnes d'<strong>Email Marketing</strong> sauf que <strong>le message est plus court </strong>et que <strong>le déclencheur </strong>n'est pas qu'un lancement de campagne sur un segment, mais <strong>l'opportunité liée aux déplacements à proximité</strong> de nos SVP.</p>



<p class="has-base-2-background-color has-background">Profitez du <strong>GPS</strong> et de <strong>l'appareil photo</strong> de vos clients pour leurs proposer <strong>des interactions spécifiques</strong> qui les rendront <strong>acteurs et uniques</strong> comme nulle part ailleurs sur vos autres canaux.</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 style="background-color: #f8f8f8; border-width: 2px; border-color: #ECECEC; " class="ub_call_to_action wp-block-ub-call-to-action-block" id="ub_call_to_action_832be52d-5bee-4651-8fb7-66d2529a7250">
			<div class="ub_call_to_action_headline">
				<p class="ub_call_to_action_headline_text" style="font-size: 30px; text-align: center; ">🍀</p>
			</div>
			<div class="ub_call_to_action_content">
				<p class="ub_cta_content_text" style="font-size: 15px; text-align: center; ">Un petit Quiz pour finir ?</p>
			</div>
			<div class="ub_call_to_action_button">
				<a href="https://forms.gle/rtAEmujFHkhPdGfZ7" target="_self" rel="noopener noreferrer" class="ub_cta_button" style="background-color: var(--accent); width: 250px; ">
					<p class="ub_cta_button_text" style="color: var(--base-3); font-size: 14px; ">Allez ! Soyons fous !</p>
				</a>
			</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-6005cf48bff9fae1ed7a3fbdac7d8ac9"><strong>Tu préfères sur ton smartphone ?</strong></p>



<p class="has-text-align-center"><strong>Libre à toi :</strong></p>


<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_docs.google.com-8.png" alt="" class="wp-image-33867" style="width:195px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-8.png 490w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-8-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-8-150x150.png 150w" sizes="auto, (max-width: 490px) 100vw, 490px" /></figure>
</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 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%2F%25e2%258f%25ba%25ef%25b8%258fomnicanal-ux-mobile%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 class="breadcrumb_last" aria-current="page">☝️ Concepts</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></p>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/">⏺️Omnicanal | UX Mobile</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/tbx-slide.mp4" length="378649" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_31-01-2026_at_22_46_54_on_January_31st_2026.mp3" length="241344" type="audio/mpeg" />

		<post-id xmlns="com-wordpress:feed-additions:1">33685</post-id>	</item>
		<item>
		<title>☝️L&#8217;épreuve E5 A (écrit) du BTS NDRC</title>
		<link>https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/</link>
					<comments>https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Sun, 11 Jan 2026 20:23:50 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[épreuve E5 du BTS NDRC]]></category>
		<category><![CDATA[RCCD st9ph]]></category>
		<category><![CDATA[réussir l'écrit de digit]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=32594</guid>

					<description><![CDATA[<p>⏱️ 3 heures &#124; ✅coef2 /40 pts 👍 A ce jour, tous mes étudiants ont survécu à l&#8217;épreuve ! 👉🏻 On parlera parfois de RCDD au lieu de E5 pour Relation Client à Distance et Digitalisation, voire de &#8220;bloc 2&#8221; (du pole professionnel). Tout cela est synonyme. Donc : l&#8217;épreuve E5A, l&#8217;écrit RCDD, l&#8217;écrit du ... <a title="☝️L&#8217;épreuve E5 A (écrit) du BTS NDRC" class="read-more" href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" aria-label="En savoir plus sur ☝️L&#8217;épreuve E5 A (écrit) du BTS NDRC">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/">☝️L&#8217;épreuve E5 A (écrit) du BTS NDRC</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<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="245" height="243" src="https://st9ph.fr/wp-content/uploads/2026/01/image-111.png" alt="" class="wp-image-32595" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-111.png 245w, https://st9ph.fr/wp-content/uploads/2026/01/image-111-150x150.png 150w" sizes="auto, (max-width: 245px) 100vw, 245px" /></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-large-font-size">⏱️ 3 heures | ✅coef2 /<strong>40</strong> pts</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-b5285db9-bd71-44fc-bd9e-0a452bf54e32">
<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;%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;'); " id="ub-styled-list-item-427b95d2-b3a1-4a66-90dc-9fe478af4897">
			<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="#000000" 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>2 dossiers</strong> (avec 3 ou 4 questions chacun) &#8211; 30 pts</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;%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;'); " id="ub-styled-list-item-384bd747-4976-4a22-a3bd-e826e4374ab6">
			<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="#000000" 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">une <strong>RCS</strong> (Réflexion Commerciale Structurée) &#8211; 10 pts</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;%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;'); " id="ub-styled-list-item-a5290ab5-3158-415f-867f-f097db861612">
			<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="#000000" 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">Les<strong> 3 compétences</strong> du menu &#8220;Concepts&#8221; de ce blog</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;%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;'); " id="ub-styled-list-item-18878440-1b70-4bb8-8d7e-25addd52d436">
			<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="#000000" 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">Un<strong> contexte d&#8217;entreprise</strong> avec des<strong> annexes</strong></span>
			</div>
			
		</li>
</ul>


<p class="has-base-2-background-color has-background">👍 A ce jour, <strong>tous mes étudiants</strong> ont survécu à l&#8217;épreuve !</p>
</div>
</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_36_50_on_January_17th_2026.mp3" autoplay></audio></figure>



<p>👉🏻 On parlera parfois de <strong>RCDD</strong> au lieu de E5 pour <strong>Relation Client à Distance et Digitalisation</strong>, voire de &#8220;<strong>bloc 2</strong>&#8221; (du pole professionnel). Tout cela est synonyme. Donc : <em><strong>l&#8217;épreuve E5A, l&#8217;écrit RCDD, l&#8217;écrit du bloc 2</strong></em>, si vous l&#8217;entendez dire comme cela, c&#8217;est cette épreuve.</p>



<p class="has-base-2-background-color has-background">🖥️ Elle est <strong>complétée par l&#8217;épreuve E5B</strong> (technique)<strong> coef 2 elle aussi</strong> (40 mn sur machine à manipuler WordPress ou Prestashop) qui <strong>fait l&#8217;ensemble de E5 (coef 4)</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-ba5a1b47-3617-46a2-8392-58179231e373">
			<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-ba5a1b47-3617-46a2-8392-58179231e373-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-ba5a1b47-3617-46a2-8392-58179231e373-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-ba5a1b47-3617-46a2-8392-58179231e373-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-ba5a1b47-3617-46a2-8392-58179231e373-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-ba5a1b47-3617-46a2-8392-58179231e373-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-ba5a1b47-3617-46a2-8392-58179231e373-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-ba5a1b47-3617-46a2-8392-58179231e373-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-ba5a1b47-3617-46a2-8392-58179231e373-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-ba5a1b47-3617-46a2-8392-58179231e373-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-ba5a1b47-3617-46a2-8392-58179231e373-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-ad504cf6-a2a4-4fa8-a60b-507b2d890481">
			<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-ad504cf6-a2a4-4fa8-a60b-507b2d890481-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-ad504cf6-a2a4-4fa8-a60b-507b2d890481-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-ad504cf6-a2a4-4fa8-a60b-507b2d890481-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-ad504cf6-a2a4-4fa8-a60b-507b2d890481-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-ad504cf6-a2a4-4fa8-a60b-507b2d890481-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-ad504cf6-a2a4-4fa8-a60b-507b2d890481-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-ad504cf6-a2a4-4fa8-a60b-507b2d890481-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-ad504cf6-a2a4-4fa8-a60b-507b2d890481-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-ad504cf6-a2a4-4fa8-a60b-507b2d890481-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-ad504cf6-a2a4-4fa8-a60b-507b2d890481-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-550e5fba-5c81-48a1-8c09-bae239092247">
			<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-550e5fba-5c81-48a1-8c09-bae239092247-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-550e5fba-5c81-48a1-8c09-bae239092247-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-550e5fba-5c81-48a1-8c09-bae239092247-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-550e5fba-5c81-48a1-8c09-bae239092247-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-550e5fba-5c81-48a1-8c09-bae239092247-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-550e5fba-5c81-48a1-8c09-bae239092247-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-550e5fba-5c81-48a1-8c09-bae239092247-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-550e5fba-5c81-48a1-8c09-bae239092247-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-550e5fba-5c81-48a1-8c09-bae239092247-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-550e5fba-5c81-48a1-8c09-bae239092247-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">6–9 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">1 488 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:18:19+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-b8e40e5b      "
					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="#le-matériel" class="uagb-toc-link__trigger">🛄| le matériel</a><li class="uagb-toc__list"><a href="#lorganisation" class="uagb-toc-link__trigger">🆎| l&#039;organisation</a><li class="uagb-toc__list"><a href="#la-rédaction" class="uagb-toc-link__trigger">🖊️| la rédaction</a><li class="uagb-toc__list"><a href="#le-contenu" class="uagb-toc-link__trigger">🗒️| le contenu</a><li class="uagb-toc__list"><a href="#ressources-du-blog-par-compétences" class="uagb-toc-link__trigger">📚| ressources du blog par compétences</a></ol>					</div>
									</div>
				</div>
			


<h2 class="wp-block-heading has-accent-color has-text-color has-link-color has-large-font-size wp-elements-bea7c012409911108dfac1620ddc9752">🛄| le matériel</h2>



<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 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-ce84ff91-5261-4c8d-82fd-10578f946b40">
<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-e01d40a8-709b-486f-a5d9-aea717a5b47f">
			<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">2 <strong>stylos <span style="text-decoration: underline">noirs </span></strong>(un de secours)</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-f6a761fb-6c76-4ffb-9229-bc8e54313bd2">
			<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>Crayon à papie</strong>r et gomme (ou crayon à bout gomme)</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-a66fc5c5-1269-4cae-83f6-7dc1e76eae50">
			<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>Une règle </strong>double ou triple décimètre</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-29dccb2c-a64c-444a-9ea6-8a8cde3a51b6">
			<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">Une <strong>calculette </strong>(ou calculatrice en mode examen)</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;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-ad2ec6e2-cceb-426b-b59b-4a4cc471148c">
			<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="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">Eventuellement <strong>des surligneurs </strong>(pour le sujet)</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-f1344896-c711-4b18-85c8-ad3bd23a8e9d">
			<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>Carte d&#8217;identité et convocation</strong></span>
			</div>
			
		</li>
</ul>


<p class="has-text-align-center has-base-2-background-color has-background"><strong>N&#8217;écrivez qu&#8217;en noir </strong>sur la copie, <strong>ne surlignez pas</strong> (votre copie). <strong>Elle est scannée</strong> à la fin et ça ne se verrait pas.</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="992" height="993" src="https://st9ph.fr/wp-content/uploads/2026/01/image-112.png" alt="" class="wp-image-32596" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-112.png 992w, https://st9ph.fr/wp-content/uploads/2026/01/image-112-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-112-150x150.png 150w, https://st9ph.fr/wp-content/uploads/2026/01/image-112-768x769.png 768w" sizes="auto, (max-width: 992px) 100vw, 992px" /></figure>



<p class="has-small-font-size">bouteille d&#8217;eau, barres énergétiques et autres porte-bonheur bienvenus</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="177" height="177" src="https://st9ph.fr/wp-content/uploads/2026/01/image-113.png" alt="" class="wp-image-32598" style="width:124px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-113.png 177w, https://st9ph.fr/wp-content/uploads/2026/01/image-113-150x150.png 150w" sizes="auto, (max-width: 177px) 100vw, 177px" /></figure>
</div></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>Smartphone éteint</strong> et rangé dans votre sac (stocké en fond de salle d&#8217;examen).</li>



<li><strong>Pas de montre </strong>(connectée ou autre) &#8211; Il y&#8217;a une horloge dans la salle et vous pouvez demander l&#8217;heure aux surveillants.</li>
</ul>
</div>
</div>



<h2 class="wp-block-heading">🆎| l&#8217;organisation</h2>



<p class="has-medium-font-size">⏱️ <strong>Répartissez votre temps de manière à capitaliser les points.</strong></p>



<ul class="wp-block-list">
<li>les 2 dossiers se répartissent <strong>30 pts / 40</strong> soit, en moyenne, <strong>15 pts chacun</strong> (07,5 / 20)</li>



<li><strong>la  RCS</strong> est forcément sur <strong>10 pts</strong> (05 /20)</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%">
<p class="has-base-2-background-color has-background">Pour l&#8217;avoir observé trop souvent, beaucoup de candidats passent pratiquement<strong> la moitié du temps sur le 1er dossier</strong>, tellement ils veulent bien faire, puis se rendent compte qu&#8217;il le reste <strong>seulement l&#8217;autre moitié</strong> pour le second <strong>en plus de la réflexion commerciale</strong>.</p>



<p class="has-text-align-center has-medium-font-size">😢 Ils ont investi <strong>50 % </strong>de leur temps pour <strong>37,5 %</strong> des points.</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="240" height="213" src="https://st9ph.fr/wp-content/uploads/2026/01/image-124.png" alt="" class="wp-image-32658"/></figure>
</div>
</div>



<p>Respectez ce conseil si vous voulez <strong>capitaliser mieux qu&#8217;eux</strong> :</p>



<ul class="wp-block-list">
<li>la <strong>1ere demi-heure</strong> est consacrée à <strong>s&#8217;imprégner du sujet</strong> (lire, repérer)</li>



<li><strong>l&#8217;heure qui suit</strong> est pour <strong>le dossier que vous aimez le plus</strong> (vous serez inspiré(e) et cela vous mettra en confiance). Peut-être même que <strong>cela vous donnera des idées</strong> pour le second dossier (ils sont liés).</li>
</ul>



<p class="has-base-2-background-color has-background">Vous êtes déjà <strong>à mi-parcours. </strong>🛑<strong><span style="text-decoration: underline;">Même si vous n&#8217;avez pas terminé, passez à la suite</span></strong>. Laissez le reste de la copie pour revenir sur ce dossier s&#8217;il vous reste du temps à la fin et <strong>demandez en une autre</strong> pour démarrer le dossier suivant.</p>



<ul class="wp-block-list">
<li><strong>l&#8217;heure suivante</strong> pour <strong>le second dossier</strong></li>



<li>l<strong>a dernière demi-heure</strong> pour la <strong>réflexion commerciale</strong></li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="893" height="282" src="https://st9ph.fr/wp-content/uploads/2026/01/image-123.png" alt="" class="wp-image-32657" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-123.png 893w, https://st9ph.fr/wp-content/uploads/2026/01/image-123-300x95.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-123-768x243.png 768w" sizes="auto, (max-width: 893px) 100vw, 893px" /></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 384 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M32 0C14.3 0 0 14.3 0 32S14.3 64 32 64V75c0 42.4 16.9 83.1 46.9 113.1L146.7 256 78.9 323.9C48.9 353.9 32 394.6 32 437v11c-17.7 0-32 14.3-32 32s14.3 32 32 32H64 320h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V437c0-42.4-16.9-83.1-46.9-113.1L237.3 256l67.9-67.9c30-30 46.9-70.7 46.9-113.1V64c17.7 0 32-14.3 32-32s-14.3-32-32-32H320 64 32zM96 75V64H288V75c0 19-5.6 37.4-16 53H112c-10.3-15.6-16-34-16-53zm16 309c3.5-5.3 7.6-10.3 12.1-14.9L192 301.3l67.9 67.9c4.6 4.6 8.6 9.6 12.2 14.9H112z&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-6a5456c0-46b5-467b-ac5e-670440f02a9a">
<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 384 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M32 0C14.3 0 0 14.3 0 32S14.3 64 32 64V75c0 42.4 16.9 83.1 46.9 113.1L146.7 256 78.9 323.9C48.9 353.9 32 394.6 32 437v11c-17.7 0-32 14.3-32 32s14.3 32 32 32H64 320h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V437c0-42.4-16.9-83.1-46.9-113.1L237.3 256l67.9-67.9c30-30 46.9-70.7 46.9-113.1V64c17.7 0 32-14.3 32-32s-14.3-32-32-32H320 64 32zM96 75V64H288V75c0 19-5.6 37.4-16 53H112c-10.3-15.6-16-34-16-53zm16 309c3.5-5.3 7.6-10.3 12.1-14.9L192 301.3l67.9 67.9c4.6 4.6 8.6 9.6 12.2 14.9H112z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-4675c185-1c1e-477f-af1b-0a2fd56104c7">
			<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 384 512"><path fill="#000000" d="M32 0C14.3 0 0 14.3 0 32S14.3 64 32 64V75c0 42.4 16.9 83.1 46.9 113.1L146.7 256 78.9 323.9C48.9 353.9 32 394.6 32 437v11c-17.7 0-32 14.3-32 32s14.3 32 32 32H64 320h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V437c0-42.4-16.9-83.1-46.9-113.1L237.3 256l67.9-67.9c30-30 46.9-70.7 46.9-113.1V64c17.7 0 32-14.3 32-32s-14.3-32-32-32H320 64 32zM96 75V64H288V75c0 19-5.6 37.4-16 53H112c-10.3-15.6-16-34-16-53zm16 309c3.5-5.3 7.6-10.3 12.1-14.9L192 301.3l67.9 67.9c4.6 4.6 8.6 9.6 12.2 14.9H112z"></path></svg>
				</span>
				<span class="ub_list_item_text">Si un dossier comprend<strong> 3 questions</strong>, ça veut dire que vous ne devez<strong> pas</strong> consacrer<strong> plus de 20 mn</strong> à chacune (et 15 mn s&#8217;il y&#8217;en a 4)</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 384 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M32 0C14.3 0 0 14.3 0 32S14.3 64 32 64V75c0 42.4 16.9 83.1 46.9 113.1L146.7 256 78.9 323.9C48.9 353.9 32 394.6 32 437v11c-17.7 0-32 14.3-32 32s14.3 32 32 32H64 320h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V437c0-42.4-16.9-83.1-46.9-113.1L237.3 256l67.9-67.9c30-30 46.9-70.7 46.9-113.1V64c17.7 0 32-14.3 32-32s-14.3-32-32-32H320 64 32zM96 75V64H288V75c0 19-5.6 37.4-16 53H112c-10.3-15.6-16-34-16-53zm16 309c3.5-5.3 7.6-10.3 12.1-14.9L192 301.3l67.9 67.9c4.6 4.6 8.6 9.6 12.2 14.9H112z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-924083db-8c42-4674-8c6d-d9d39fa5f66d">
			<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 384 512"><path fill="#000000" d="M32 0C14.3 0 0 14.3 0 32S14.3 64 32 64V75c0 42.4 16.9 83.1 46.9 113.1L146.7 256 78.9 323.9C48.9 353.9 32 394.6 32 437v11c-17.7 0-32 14.3-32 32s14.3 32 32 32H64 320h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V437c0-42.4-16.9-83.1-46.9-113.1L237.3 256l67.9-67.9c30-30 46.9-70.7 46.9-113.1V64c17.7 0 32-14.3 32-32s-14.3-32-32-32H320 64 32zM96 75V64H288V75c0 19-5.6 37.4-16 53H112c-10.3-15.6-16-34-16-53zm16 309c3.5-5.3 7.6-10.3 12.1-14.9L192 301.3l67.9 67.9c4.6 4.6 8.6 9.6 12.2 14.9H112z"></path></svg>
				</span>
				<span class="ub_list_item_text">le temps de <strong>découverte initiale </strong>n&#8217;est <strong>pas une simple lecture</strong> : <strong>prenez des notes</strong>, <strong>marquez le sujet,</strong> <strong>soulignez les mots clés </strong>(l&#8217;idéal est de se souvenir des questions quand on lit les annexes pour <strong>commencer à cibler</strong> ce qu&#8217;elles contiennent d&#8217;intéressant). </span>
			</div>
			
		</li>
</ul>


<p class="has-base-2-background-color has-background">Sinon, <strong>vous aurez fait cette lecture pour (presque) rien</strong> et serez <strong>obligé(e) de recommencer </strong>comme la 1er fois pour retrouver les informations. Alors qu&#8217;avec <strong>des repères et des annotations</strong>, le terrain est déjà balisé ! ⛳</p>



<p>👉🏻 Il est de votre intérêt de <strong>répondre à toutes les questions,</strong> même celles où vous vous dites que vous n&#8217;êtes pas certain(e) d&#8217;avoir compris le sens ou d&#8217;avoir quelque chose de pertinent à proposer. Le correcteur ira rarement coller un &#8220;TI&#8221; (très insuffisant, 0 pts) à <strong>un candidat qui s&#8217;est battu pour proposer quelque chose</strong>. Il vaut mieux engranger un ou deux &#8220;I&#8221; (insuffisant, <strong>25 à 33 % des points</strong>) qu&#8217;un zéro.</p>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color has-large-font-size wp-elements-7869f3c820404c3dd0cb662dcf4934a3">🖊️| la rédaction</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="290" src="https://st9ph.fr/wp-content/uploads/2026/01/cartouche-exam-1024x290.png" alt="" class="wp-image-32666" srcset="https://st9ph.fr/wp-content/uploads/2026/01/cartouche-exam-1024x290.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/cartouche-exam-300x85.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/cartouche-exam-768x217.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/cartouche-exam-1536x435.png 1536w, https://st9ph.fr/wp-content/uploads/2026/01/cartouche-exam-2048x580.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Préparez votre copie <strong>en écrivant lisiblement</strong> :<strong>une lettre par case</strong>, <strong>en majuscule</strong> (y compris vos prénoms dans l&#8217;ordre de l&#8217;Etat Civil) et pensez à <strong>reproduire l&#8217;opération sur les autres copies</strong> que vous allez demander durant l&#8217;épreuve.</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>⚠️<strong>Numérotez vos pages </strong>et, <strong>en fin d&#8217;épreuve, comptez le nombre total</strong> )pour<strong> l&#8217;inscrire sur chacune</strong>. Page X / Y.  Ne comptez que <strong>celles écrites</strong> (même s&#8217;il y&#8217;a seulement 3 mots dessus en tout, ça compte),</p>



<p class="has-small-font-size">x étant le numéro de la page, y le nombre total</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="199" height="90" src="https://st9ph.fr/wp-content/uploads/2026/01/image-115.png" alt="" class="wp-image-32602"/></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%">
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>A la fin de l&#8217;épreuve, <strong>les surveillants ouvrent les copies au format A3 </strong>et les empilent <strong>pour qu&#8217;elles soient scannées en masse</strong>. Le logiciel <strong>regroupe les scans par numéro de candidat </strong>et <strong>assemble le PDF</strong> qui sera envoyé au correcteur <strong>par ordre des numéros de page indiqués</strong>. C&#8217;est pourquoi toutes les consignes que je viens de vous donner sont fondamentales.</p>
</blockquote>
</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="206" height="211" src="https://st9ph.fr/wp-content/uploads/2026/01/image-118.png" alt="" class="wp-image-32608"/></figure>
</div>
</div>



<p>⚠️ Il m&#8217;est arrivé de recevoir <strong>des copies incomplètes</strong> parce que le / la candidat(e) n&#8217;avait <strong>pas renseigné correctement sa numérotation</strong>.</p>



<p class="has-medium-font-size">🪧A quoi répondez-vous ?</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="538" height="264" src="https://st9ph.fr/wp-content/uploads/2026/01/image-117.png" alt="" class="wp-image-32606" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-117.png 538w, https://st9ph.fr/wp-content/uploads/2026/01/image-117-300x147.png 300w" sizes="auto, (max-width: 538px) 100vw, 538px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p><strong>Redonnez le numéro de la question à laquelle vous répondez.</strong> En revanche, <strong>ne réécrivez pas la question</strong>.</p>



<p class="has-text-align-center has-base-2-background-color has-background">Répondez aux questions d<strong>ans l&#8217;ordre que vous souhaitez </strong>mais <strong>ne mélangez pas les deux dossiers</strong>.</p>
</div>
</div>



<p class="has-medium-font-size">❌ Pas de &#8220;<strong>souris</strong>&#8220;,<strong> évitez les ratures</strong> !</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="159" src="https://st9ph.fr/wp-content/uploads/2026/01/image-116-1024x159.png" alt="" class="wp-image-32603" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-116-1024x159.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-116-300x46.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-116-768x119.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-116.png 1291w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-text-align-center">Il existe des <strong>stylos effaçables</strong> qui font très bien le job. </p>



<p class="has-base-2-background-color has-background"><strong>Les</strong> &#8220;souris&#8221;; &#8220;Blanco&#8221; et <strong>effaceurs liquides sont interdits</strong> parce qu&#8217;ils ont tendance à coller les copies entre elles et à salir les vitres des scanners.</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="183" height="194" src="https://st9ph.fr/wp-content/uploads/2026/01/image-119.png" alt="" class="wp-image-32610"/></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-medium-font-size">🩹 Soin de la copie</p>



<p>Bon, c<strong>e n&#8217;est pas un concours d&#8217;orthographe ou de français </strong>mais à force de voir vos fautes, <strong>votre correcteur va engranger un doute inconscient</strong> sur votre rigueur et votre sérieux.</p>



<p class="has-base-2-background-color has-background">👀 <strong>Relisez-vous !</strong> Vous verrez les <strong>fautes d&#8217;accords </strong>et sentirez <strong>les phrases trop longues.</strong></p>
</div>
</div>



<p>💡Ne cherchez pas <strong>des tournures de phrases trop compliquées </strong>et si vous avez <strong>un doute sur l&#8217;orthographe d&#8217;un mot</strong>, remplacez le par <strong>un synonyme que vous savez écrire.</strong></p>



<p class="has-medium-font-size">📂 pour les 2 dossiers :</p>



<ul class="wp-block-list">
<li>la forme de la réponse est libre ! </li>
</ul>



<p class="has-base-2-background-color has-background">Privilégiez<strong> les tableaux, les schémas, les énumérations à tirets </strong>ou mieux : a), b) &#8230;. Votre correcteur appréciera de <strong>repérer facilement la structure</strong>. <strong>Evitez au maximum la rédaction en paragraphes</strong> et si vous le faites, <strong>aérez en passant des lignes</strong>.</p>



<p class="has-medium-font-size">✒️ Pour la RCS</p>



<ul class="wp-block-list">
<li>Il s&#8217;agit <strong>obligatoirement d&#8217;une rédaction</strong></li>
</ul>



<p class="has-base-2-background-color has-background"><strong>Aérez votre copie </strong>pour qu&#8217;on <strong>se repère bien dans votre développement</strong>.<strong> Utlisez des mots de liaisons </strong>: &#8220;premièrement&#8221; / &#8220;ensuite&#8221;, &#8220;dans un premier temps&#8221; / &#8220;en second point&#8221;, &#8220;pour commencer&#8221; / &#8220;en conclusion&#8221;, &#8220;voyons les 3 étapes&#8221; / &#8220;c&#8217;est un parcours qui s&#8217;établit ainsi&#8221; &#8230;<strong> passez à la ligne </strong>entre chaque point et<strong> passez des lignes </strong>entre vos parties.</p>



<p>👉🏻 <strong>Au brouillon</strong>, <strong>n&#8217;écrivez que l&#8217;intro</strong> mais <strong>c&#8217;est valable pour l&#8217;ensemble de l&#8217;épreuve</strong> : au brouillon ne figurent que <strong>des mots clés</strong>, <strong>des listes d&#8217;éléments à écrire</strong> pour ne pas les oublier et <strong>des calculs</strong>.</p>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color has-large-font-size wp-elements-5e072055876f0126390bad5f2adb1a43"> 🗒️| le contenu</h2>



<p class="has-text-align-center has-text-color has-link-color has-large-font-size wp-elements-90ae8e3236d661969b1d1c28b5707f3b" style="color:#a95050">Soyez force de proposition !</p>



<p><strong>On ne vous demande pas de réciter un cours</strong> mais de <strong>donner des solutions à l&#8217;entreprise </strong>dans votre sujet, de nous convaincre que vous avez compris<strong> les enjeux et les méthodes</strong> ainsi que de <strong>choisir les bons outils digitaux </strong>et <strong>mesurer les bons KPI</strong>.</p>



<p class="has-base-2-background-color has-background"><strong>Les annexes vous aident </strong>à cela mais <strong>si vous réussissez à aller au delà </strong>de ce qui vous est fourni, en apportant <strong>votre savoir faire</strong> acquis par <strong>votre expérience professionnelle </strong>et <strong>votre formation</strong>, vous impressionnerez votre correcteur.</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="185" height="187" src="https://st9ph.fr/wp-content/uploads/2026/01/image-121.png" alt="" class="wp-image-32615"/></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>👉 Pour <strong>la réflexion commerciale</strong>, ce sera même <strong>l&#8217;objet principal </strong>de l&#8217;évaluation :</p>



<ul class="wp-block-list">
<li>proposer <strong>deux parties </strong>contenant au moins <strong>chacune 3 idées différentes</strong></li>



<li>chaque idée sera<strong> justifiée </strong>(expliquée, démontrée)</li>



<li>Chaque idée sera <strong>exemplarisée </strong>(un cas d&#8217;entreprise, un outil, un sujet d&#8217;actualité &#8230;)</li>
</ul>



<p>Et tout cela &#8220;<em><strong>en une trentaine de lignes</strong></em>&#8221; </p>
</div>
</div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="814" height="415" src="https://st9ph.fr/wp-content/uploads/2026/01/image-120.png" alt="" class="wp-image-32614" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-120.png 814w, https://st9ph.fr/wp-content/uploads/2026/01/image-120-300x153.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-120-768x392.png 768w" sizes="auto, (max-width: 814px) 100vw, 814px" /></figure>



<p>La <strong>grille d&#8217;évaluation officielle </strong>(ci-dessus) demande au correcteur de <strong>se positionner par paliers : TI, I, S, TS</strong> sur <strong>l&#8217;organisation</strong> des idées, leur <strong>nombre</strong>, leur <strong>pertinence</strong>, les <strong>savoirs </strong>et <strong>savoir-faire,</strong> la capacité à ne pas <strong>se sourcer </strong>que sur les annexes, la <strong>clarté</strong>, la <strong>justification </strong>et <strong>l&#8217;illustration</strong>.</p>



<p class="has-medium-font-size">♨️ Le <strong>référenciel de l&#8217;épreuve</strong></p>



<p> Il figure à l<strong>&#8216;annexe VI-I </strong>de la circulaire Education Nationale ©️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-2025.pdf" type="application/pdf" style="width:100%;height:280px" aria-label="Contenu embarqué annexe7-1-2025."></object><a id="wp-block-file--media-984ef4f5-018c-41eb-ac25-73af1a7b3293" href="https://st9ph.fr/wp-content/uploads/2026/01/annexe7-1-2025.pdf">annexe7-1-2025</a><a href="https://st9ph.fr/wp-content/uploads/2026/01/annexe7-1-2025.pdf" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-984ef4f5-018c-41eb-ac25-73af1a7b3293">Télécharger</a></div>



<p>Pour résumer :</p>



<ul class="wp-block-list">
<li>3 compétences évaluées : <strong>RC omnicanale</strong>, <strong>Animation RC</strong> et <strong>E-Commerce</strong> (section <a href="https://st9ph.fr/category/concepts/" target="_blank" rel="noreferrer noopener">concepts </a>de ce blog)</li>



<li><strong>Savoirs associés</strong> : Négo, gestion co&#8217;, management, CEJM, Culture Gé&#8217; (bref, <strong>toutes les autres matières</strong>)</li>



<li>un contexte d&#8217;<strong>entreprise réelle</strong>, récent, documenté</li>



<li>Une <strong>analyse quantitative et qualitative</strong></li>



<li>Faire des<strong> choix argumentés</strong></li>
</ul>



<p class="has-base-2-background-color has-background">👉 Le <strong>tableau de synthèse de compétences </strong>final vise à permettre de retrouver facilement les ressources de révisions sur ce blog et le drive.</p>



<p class="has-text-align-center"><a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/5814" target="_blank" rel="noreferrer noopener">Les sujets des BTS de 2020 à aujourd&#8217;hui</a> &#8211; <a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/5815" target="_blank" rel="noreferrer noopener">Quelques BTS Blancs et corrigés</a></p>



<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>



<h2 class="wp-block-heading has-text-align-center has-text-color has-link-color has-large-font-size wp-elements-fd26f77e1b503ee78beecdab9299e1a2" style="color:#6e5b41">📚| ressources du blog par compétences</h2>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-right" data-align="right">Compétence</th><th class="has-text-align-center" data-align="center">où sur le site ?</th><th>sujets</th></tr></thead><tbody><tr><td class="has-text-align-right" data-align="right">C1 | ⏺️Omnicanal</td><td class="has-text-align-center" data-align="center"> <a href="https://st9ph.fr/category/concepts/omnicanal/" target="_blank" rel="noreferrer noopener">Articles</a> | <a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2959" target="_blank" rel="noreferrer noopener"> Drive</a></td><td>les canaux, les KPI, mapping des hot points, le RGPD, Data Mining, UX Mobile, SEO &amp; SEA</td></tr><tr><td class="has-text-align-right" data-align="right">C2 | 🏷️Animation RC</td><td class="has-text-align-center" data-align="center"><a href="https://st9ph.fr/category/concepts/animation-RC/" target="_blank" rel="noreferrer noopener">Articles</a> | <a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2960" target="_blank" rel="noreferrer noopener">Drive</a></td><td>Buyer Persona, Satisfaction clients, Social Selling, Reverse Marketing, Selfcare, Lead Nurturing, Engager ses Lead</td></tr><tr><td class="has-text-align-right" data-align="right">C3 | 🛒 E-Commerce</td><td class="has-text-align-center" data-align="center"><a href="https://st9ph.fr/category/concepts/ecommerce/" target="_blank" rel="noreferrer noopener">Articles</a> | <a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2960" target="_blank" rel="noreferrer noopener">D</a><a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2961" target="_blank" rel="noreferrer noopener">rive</a></td><td>Op Com, Légalité de la EShop, Mail Automation, Live Shopping, voir aussi <a href="https://st9ph.fr/category/creation-de-sites/prestashop/" target="_blank" rel="noreferrer noopener">les ressources Prestashop</a> qui contiennent une bonne partie des concepts</td></tr></tbody></table></figure>



<!-- 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</li>
<li><strong>Education Nationale</strong> – Référenciel d&#8217;évaluation</li>
</ul>
</div>

<div class="uxPopup" id="methodo" data-title="🧑‍🎓 NDRC">
<p>Cet article est à visée de l&#8217;épreuve écrite E5A du BTS NDRC.</p>
<ul>
<li>Conseils pour l&#8217;épreuve</li>
<li>Guide des ressources d&#8217;aide du site </li>
</div>

<div class="uxPopup" id="glossary" data-title="📘 Glossaire UX mobile">
<ul>
<li><strong>RC</strong> : Relation Client</li>
<li><strong>Omnicanal</strong> : au travers de tous les canaux digitaux interconnectés</li>
<li><strong>RCDD</strong> : Relation Client à Distance et Digitalisation</li>
<li><strong>RCS</strong> : Réflexion Commerciale Structurée</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="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%2F%25e2%2598%259d%25ef%25b8%258flepreuve-e5-a-ecrit-du-bts-ndrc%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 class="breadcrumb_last" aria-current="page">☝️ Concepts</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-6434d9a7     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/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="280" src="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg 916w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-300x93.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-768x239.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Donner des sens au digital</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-05-04T14:12:54+02:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					4 mai 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>🎧 Ecouter l&#8217;introduction audio Ce n&#8217;est pas pour rien que même les pure players finissent&#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/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" 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/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="643" height="165" src="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg 643w, https://st9ph.fr/wp-content/uploads/2026/02/celi-avant-300x77.jpg 300w" sizes="auto, (max-width: 643px) 100vw, 643px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | La communication en service client &amp; son management</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-09T15:14:06+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					9 février 2026				</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>L&#8217;importance de communiquer A toutes les étapes de son parcours client, votre interlocuteur recevra des&#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/com-en-service-client-et-son-management/" 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/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="381" src="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-300x127.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-768x326.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1536x652.png 1536w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s.png 1584w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | UX Mobile</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-30T13:51:57+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					30 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>C&#8217;est quoi &#8220;l&#8217;UX Mobile&#8221; ? UX pour User eXperience. L’expérience utilisateur en mobilité, c’est la&#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/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" 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/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="758" height="158" src="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg 758w, https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande-300x63.jpg 300w" sizes="auto, (max-width: 758px) 100vw, 758px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | la Satisfaction Client</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-10T14:12:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					10 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>C&#8217;est quoi la satisfaction client ? On parle aussi de &#8220;Customer Care&#8221;. C&#8217;est le fait&#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/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" 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/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="798" height="185" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg 798w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-300x70.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-768x178.jpg 768w" sizes="auto, (max-width: 798px) 100vw, 798px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Search Engine Marketing</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-08T21:56:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					8 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>C&#8217;est quoi le &#8220;Search Engine Marketing&#8221; ? Le Search Engine Marketing (SEM) est l&#8217;addition 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/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" 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/%f0%9f%8f%b7%ef%b8%8fanimation-rc-social-selling-reverse-marketing/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="726" height="79" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-05-151311.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-05-151311.jpg 726w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-05-151311-300x33.jpg 300w" sizes="auto, (max-width: 726px) 100vw, 726px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-social-selling-reverse-marketing/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | Social Selling &amp; Reverse Marketing</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-05T15:08:08+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					5 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>C&#8217;est quoi tout ça ? Le Social Selling est l&#8217;art de vendre depuis les réseaux&#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/%f0%9f%8f%b7%ef%b8%8fanimation-rc-social-selling-reverse-marketing/" 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"><span class="uagb-team__title">St9ph</span><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/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/">☝️L&#8217;épreuve E5 A (écrit) du BTS NDRC</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_17-01-2026_at_10_36_50_on_January_17th_2026.mp3" length="381312" type="audio/mpeg" />

		<post-id xmlns="com-wordpress:feed-additions:1">32594</post-id>	</item>
		<item>
		<title>🏷️Animation RC &#124; la Satisfaction Client</title>
		<link>https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/</link>
					<comments>https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Sat, 10 Jan 2026 13:12:41 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[🏷️ Animation RC]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[CSAT NPS FRC]]></category>
		<category><![CDATA[satisfaction client]]></category>
		<category><![CDATA[SERVQUAL]]></category>
		<category><![CDATA[star ranking]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=32500</guid>

					<description><![CDATA[<p>📖 Lecture : 0 % ☰ 📚 Sources 🧑‍🎓NDRC 📘 Glossaire 📚 Sources Super Office, Plivo, Mc Kinsey – étude sur les enjeux Praxis, TCS, KPMG, CX Adivsor – étude d&#8217;impact satisfaction Income Diary et Echos des Entrepreneurs – interviews de Jeff Bezos et Olivier Duha Ipsos – Palmarès des services clients 2025 🔊 Voicertool ... <a title="🏷️Animation RC &#124; la Satisfaction Client" class="read-more" href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" aria-label="En savoir plus sur 🏷️Animation RC &#124; la Satisfaction Client">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/">🏷️Animation RC | la Satisfaction Client</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-60e92510"><button class="uagb-notice-close-button" type="button" aria-label="Close"></button><h5 class="uagb-notice-title"><strong>C&#8217;est quoi  la satisfaction client ?</strong></h5><div class="uagb-notice-text">
<p class="has-medium-font-size">On parle aussi de &#8220;<em>Customer Care</em>&#8220;. C&#8217;est le fait de s<strong>e conformer à leurs attentes pour les fidéliser</strong>. Ca passe par des <strong>mesures de sondage</strong> (de leurs sentiments autant que de l&#8217;efficacité nos touch points) et par <strong>des actions à valeur ajoutée dans le service client avec une démarche constante d&#8217;améliorations.</strong> C&#8217;est dur parce que <strong>nos clients sont humains.</strong> C&#8217;est donc plus <strong>leur ressenti</strong> que <strong>nos actions factuelles</strong> qui sont dont la balance mais c&#8217;est ce qui fait toute la beauté de notre métier de commercial.</p>
</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_12-01-2026_at_19_23_50_on_January_12th_2026.mp3" autoplay></audio></figure>



<!-- 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>Super Office, Plivo, Mc Kinsey</strong> – étude sur les enjeux</li>
<li><strong>Praxis, TCS, KPMG, CX Adivsor</strong> – étude d&#8217;impact satisfaction</li>
<li><strong>Income Diary et Echos des Entrepreneurs</strong> – interviews de Jeff Bezos et Olivier Duha</li>
<li><strong>Ipsos</strong> – Palmarès des services clients 2025</li>
<li><strong>🔊 Voicertool</strong> &#8211; introduction parlée </li>
<li><strong>🔊 Voicertool, 🖥️ Audacity, 🖥️ VLC</strong> &#8211; SVI St9ph</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 écrite E5A.</p>
<ul>
<li>connaitre les KPI de la mesure de la SatCli/li>
<li>savoir proposer des stratégies et méthodes d&#8217;amélioration de la Stacli/li>
<li>savoir proposer des outils de mesure de la SatCli dans tous les canaux</li>
</ul>
<p>👉 la mesure de ces indicateurs revient souvent à l&#8217;examen </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>CSAT ou SatCli</strong> : indice de satisfaction client </li>
<li><strong>CX</strong> : Customer eXperience (expérience client) </li>
<li><strong>NPS</strong> : Net promoter Score (note de 0 à 10) </li>
<li><strong>ACD</strong> : Automatic Call Distribution (call center)</li>
<li><strong>CLV ou CLTV</strong> : Customer Lifetime VValue (calcul de la durée de fidélité moyenne)</li>
<li><strong>FCR</strong> : First Contact Résolution (résoudre du 1er coup)</li>
<li><strong>LMOT</strong> : Dernier Moment de Vérité (client dormant)</li>
<li><strong>QS</strong> : Qualité de service (demandes traitées / demandes présentées)</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>



<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-uagb-counter uagb-block-5f6b80a0 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 576 512"><path d="M463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7zM288 376.4L288.1 376.3L399.7 435.9L378.4 309.6L469.2 219.8L343.8 201.4L288.1 86.85L288 87.14V376.4z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="83" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div><div class="wp-block-uagb-counter__title"><strong>plus loyal</strong><br>si le service client<br>est top</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>



<p class="has-text-align-center has-small-font-size">Source : <a href="https://www.helpscout.com/75-customer-service-facts-quotes-statistics" target="_blank" rel="noreferrer noopener">Help Scout</a></p>



<p class="has-text-align-center">Sur cet exemple de <strong>notifications Speedy</strong>, un rappel de rendez-vous (<strong>informatif</strong>) et une promo qui récompense la fidélité (<strong>engageant</strong>), <strong>l'impact client est forcément positif</strong> mais ce n'est pas toujours le cas !</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 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="203" height="296" src="https://st9ph.fr/wp-content/uploads/2026/01/image-93.png" alt="" class="wp-image-32505"/></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="180" height="249" src="https://st9ph.fr/wp-content/uploads/2026/01/image-95.png" alt="" class="wp-image-32507"/></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="603" height="461" src="https://st9ph.fr/wp-content/uploads/2026/01/image-92.png" alt="" class="wp-image-32504" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-92.png 603w, https://st9ph.fr/wp-content/uploads/2026/01/image-92-300x229.png 300w" sizes="auto, (max-width: 603px) 100vw, 603px" /></figure>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="380" height="250" src="https://st9ph.fr/wp-content/uploads/2026/01/image-94.png" alt="" class="wp-image-32506" style="aspect-ratio:1.520066889632107;width:314px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-94.png 380w, https://st9ph.fr/wp-content/uploads/2026/01/image-94-300x197.png 300w" sizes="auto, (max-width: 380px) 100vw, 380px" /></figure>
</div>
</div>



<p class="has-medium-font-size">Toutes les études convergent pour dire que :</p>
</div>
</div>



<p class="has-text-align-center has-base-3-color has-text-color has-background has-link-color has-medium-font-size wp-elements-6df7773a15e8b1c28ab188871ba68849" style="background-color:#887b5b">🤝 Conquérir un nouveau client coute (au moins) <strong>5 fois plus</strong> cher que de fidéliser celui qu'on a déjà !</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'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-1771cc46-7598-47c7-a700-c0e557fe7a05">
			<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-1771cc46-7598-47c7-a700-c0e557fe7a05-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-1771cc46-7598-47c7-a700-c0e557fe7a05-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-1771cc46-7598-47c7-a700-c0e557fe7a05-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-1771cc46-7598-47c7-a700-c0e557fe7a05-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-1771cc46-7598-47c7-a700-c0e557fe7a05-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-1771cc46-7598-47c7-a700-c0e557fe7a05-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-1771cc46-7598-47c7-a700-c0e557fe7a05-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-1771cc46-7598-47c7-a700-c0e557fe7a05-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-1771cc46-7598-47c7-a700-c0e557fe7a05-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-1771cc46-7598-47c7-a700-c0e557fe7a05-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-de3b7952-b41e-47cb-ac69-bfbd96edd6f2">
			<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-de3b7952-b41e-47cb-ac69-bfbd96edd6f2-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-de3b7952-b41e-47cb-ac69-bfbd96edd6f2-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-de3b7952-b41e-47cb-ac69-bfbd96edd6f2-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-de3b7952-b41e-47cb-ac69-bfbd96edd6f2-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-de3b7952-b41e-47cb-ac69-bfbd96edd6f2-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-de3b7952-b41e-47cb-ac69-bfbd96edd6f2-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-de3b7952-b41e-47cb-ac69-bfbd96edd6f2-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-de3b7952-b41e-47cb-ac69-bfbd96edd6f2-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-de3b7952-b41e-47cb-ac69-bfbd96edd6f2-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-de3b7952-b41e-47cb-ac69-bfbd96edd6f2-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-4ab07d48-6f87-4d6d-8f4f-feb59b493c3f">
			<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-4ab07d48-6f87-4d6d-8f4f-feb59b493c3f-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-4ab07d48-6f87-4d6d-8f4f-feb59b493c3f-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-4ab07d48-6f87-4d6d-8f4f-feb59b493c3f-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-4ab07d48-6f87-4d6d-8f4f-feb59b493c3f-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-4ab07d48-6f87-4d6d-8f4f-feb59b493c3f-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-4ab07d48-6f87-4d6d-8f4f-feb59b493c3f-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-4ab07d48-6f87-4d6d-8f4f-feb59b493c3f-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-4ab07d48-6f87-4d6d-8f4f-feb59b493c3f-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-4ab07d48-6f87-4d6d-8f4f-feb59b493c3f-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-4ab07d48-6f87-4d6d-8f4f-feb59b493c3f-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">12–17 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">2 747 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-08T22:11:58+01:00">8 mars  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-31c0b420      "
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							Table des matières						</div>
																						<div class="uagb-toc__list-wrap ">
						<ol class="uagb-toc__list"><li class="uagb-toc__list"><a href="#1-les-enjeux-de-la-satisfaction-clients-satcli" class="uagb-toc-link__trigger">1️⃣| les enjeux de la satisfaction clients (satcli)</a><li class="uagb-toc__list"><a href="#2-mesure-de-la-satisfaction-client" class="uagb-toc-link__trigger">2️⃣| Mesure de la satisfaction client</a><ul class="uagb-toc__list"><li class="uagb-toc__list"><a href="#le-csat-customer-satisfaction-score-le-ressenti" class="uagb-toc-link__trigger">⭐ Le CSAT (Customer Satisfaction Score) - le ressenti</a><li class="uagb-toc__list"><li class="uagb-toc__list"><a href="#le-nps-net-promoter-score-lévaluation" class="uagb-toc-link__trigger">📏 Le NPS (Net Promoter Score) - l&#039;évaluation</a><li class="uagb-toc__list"><li class="uagb-toc__list"><a href="#le-ces-customer-effort-score-la-réalité" class="uagb-toc-link__trigger">🏃‍♂️‍➡️ Le CES (Customer Effort Score) - la réalité</a><li class="uagb-toc__list"><li class="uagb-toc__list"><a href="#le-servqual-le-diagnostic" class="uagb-toc-link__trigger">📊 Le SERVQUAL - le diagnostic</a></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="flex-basis:100%"></div>
</div>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-ef42b8818818240fd1d359a6aef4bd1d" id="0-1%EF%B8%8F%E2%83%A3-les-enjeux-de-la-satisfaction-clients-satcli">1️⃣| les enjeux de la satisfaction clients (satcli)</h2>



<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>Les entreprises qui excellent en expérience client <strong>croissent 80 % plus vite</strong> que leurs concurrents. 📌<a href="https://www.superoffice.com/blog/customer-experience-statistics/" target="_blank" rel="noreferrer noopener">super office</a> (<em>en anglais</em>)</li>



<li>Améliorer l’expérience client peut <strong>augmenter les revenus et les bénéfices</strong> (+41 % de croissance, +49 % de croissance des profits pour les organisations centrées sur le client). 📌<a href="https://www.plivo.com/blog/top-customer-satisfaction-metrics/" target="_blank" rel="noreferrer noopener">Plivo</a></li>



<li>Une <strong>hausse de la satisfaction</strong>  augmente <strong>la valeur vie client (CLV)</strong> et réduit le taux d’abandon (churn). 📌<a href="https://www.mckinsey.com/capabilities/growth-marketing-and-sales/our-insights/experience-led-growth-a-new-way-to-create-value" target="_blank" rel="noreferrer noopener">Mc Kinsey</a></li>
</ul>
</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="173" height="255" src="https://st9ph.fr/wp-content/uploads/2026/01/image-96.png" alt="" class="wp-image-32514"/></figure>
</div>
</div>



<p class="has-base-2-background-color has-background">Ci-dessous,<strong> un tableau d'impact </strong>(c'est du déclaratif mais je les crois)<strong> du bénéfice d'une relation cliente réussie </strong>(même si on aurait aimé connaitre le ROI).</p>



<figure class="wp-block-table"><table><thead><tr><th><strong>Entreprise / Cas</strong></th><th><strong>Budget / investissement CX déclaré</strong></th><th><strong>Indicateur de satisfaction ou fidélité</strong></th><th><strong>Impact constaté</strong></th><th><strong>Sources</strong></th></tr></thead><tbody><tr><td><strong>Decathlon</strong> (retail)</td><td>Investissements réguliers dans la collecte de feedback et automatisation du traitement pour améliorer l’expérience client¹</td><td>NPS moyen ~ <strong>58</strong> ; utilisation continue de feedback client¹</td><td>Clients satisfaits reviennent plus souvent ; amélioration continue via analyse des verbatims</td><td>📌<a href="https://praxis.fr/satisfaction-et-performance-economique/" target="_blank" rel="noreferrer noopener">Praxis</a></td></tr><tr><td><strong>TCS France</strong><br>(consulting)</td><td>Investissements dans centres de services en France pour renforcer support client local</td><td><strong>Satisfaction client 84 %</strong> dans étude Whitelane Research</td><td>Meilleur positionnement et fidélisation clients B2B ; leadership sur la qualité de service</td><td>📌<a href="https://www.tcs.com/fr-fr/qui-sommes-nous/newsroom/whitelane-2023-en" target="_blank" rel="noreferrer noopener">tcs.com</a></td></tr><tr><td><strong>MAIF</strong><br>(assurances)</td><td>Programme d’expérience client amélioré sur plusieurs années (services clients, remboursement, nouvelles offres)</td><td>Classement très haut en fidélité en France (expérience positive selon KPMG)</td><td>Fidélité clients renforcée par service et engagement</td><td>📌<a href="https://kpmg.com/sg/en/insights/strategy-and-growth/global-cee-2023.html?" target="_blank" rel="noreferrer noopener">KPMG</a></td></tr><tr><td>conclusions<br><strong>CX Advisor </strong>(source des données)</td><td>55 % des entreprises mesurent le NPS ; nombreuses augmentent les budgets CX²</td><td>89 % clients plus susceptibles de réachat après bon service ; 76 % des Français prêts à être plus fidèles si bon service²</td><td>L’investissement CX se traduit par <strong>taux de réachat élevé</strong> et fidélité renforcée</td><td>📌<a href="https://cxadvisor.fr/statistiques-experience-client/" target="_blank" rel="noreferrer noopener">CX Advisor</a></td></tr><tr><td><strong>Études générales (France)</strong></td><td>Pas de budget précis déclaré, mais les entreprises augmentent leur budget marketing/engagement client</td><td>Clients fidèles perçoivent expérience personnalisée</td><td>70 % des consommateurs plus fidèles aux etp offrant un bon service et récompenses</td><td>📌<a href="https://ecommercefastlane.com/customer-loyalty-index-2022-a-review-of-french-consumer-attributes-impacting-loyalty-to-retailers-brands-and-stores/" target="_blank" rel="noreferrer noopener">eCommerce Fastlane</a></td></tr></tbody></table></figure>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary><strong>CX</strong>, c'est une vieille Citroën, ça, nan ?</summary>
<p>Aussi, mais là, c'est pour <strong>Customer eXperience </strong>(la satcli en anglais)</p>
</details>



<p class="has-medium-font-size">➡️ Un exemple concret :<strong> le Call Center</strong> (mais la stacli passera essentiellement par le CRC)</p>



<p>La mesure de l'<strong>abandon</strong> (churn) dès l'attente <strong>sur le SVI</strong> est édifiante :</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="741" height="159" src="https://st9ph.fr/wp-content/uploads/2026/01/image-97.png" alt="" class="wp-image-32527" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-97.png 741w, https://st9ph.fr/wp-content/uploads/2026/01/image-97-300x64.png 300w" sizes="auto, (max-width: 741px) 100vw, 741px" /></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="669" height="455" src="https://st9ph.fr/wp-content/uploads/2026/01/image-98.png" alt="" class="wp-image-32531" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-98.png 669w, https://st9ph.fr/wp-content/uploads/2026/01/image-98-300x204.png 300w" sizes="auto, (max-width: 669px) 100vw, 669px" /></figure>



<p class="has-small-font-size">📌<a href="https://www.plivo.com/blog/contact-center-statistics-benchmarks-2025/" target="_blank" rel="noreferrer noopener">Plivo</a></p>
</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"><thead><tr><th class="has-text-align-center" data-align="center">temps d'attente</th><th class="has-text-align-center" data-align="center">Churn</th><th class="has-text-align-center" data-align="center">Ressenti client</th></tr></thead><tbody><tr><td class="has-text-align-center" data-align="center">&gt; 1 mn</td><td class="has-text-align-center" data-align="center">5 à 10 %</td><td class="has-text-align-center" data-align="center">acceptable</td></tr><tr><td class="has-text-align-center" data-align="center">de 1 à 2 mn</td><td class="has-text-align-center" data-align="center">20 %</td><td class="has-text-align-center" data-align="center">frustration</td></tr><tr><td class="has-text-align-center" data-align="center">de 2 à 3 mn</td><td class="has-text-align-center" data-align="center">33 %</td><td class="has-text-align-center" data-align="center">perte de confiance</td></tr><tr><td class="has-text-align-center" data-align="center">au delà</td><td class="has-text-align-center" data-align="center">40 à 60 %</td><td class="has-text-align-center" data-align="center">image impactée</td></tr></tbody></table></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%">
<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2026/01/SVI-St9ph-leadP.mp3"></audio></figure>



<p>↗️ Sur la simulation de SVI ci-dessus,  on observe, qu'en plus, entre <strong>les informations légales</strong> et <strong>le dispatching réel</strong>, il s'écoule<strong> 1'25</strong>. Le <strong>SVI secondaire</strong> (celui du plateau affecté au choix effectué) n'informe le client du temps d'attente qu<strong>'au bout de 2'55</strong> (sans doute parce que c'est le temps qu'il a fallu à l'ACD pour le définir).</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="190" height="238" src="https://st9ph.fr/wp-content/uploads/2026/01/image-109.png" alt="" class="wp-image-32573"/></figure>
</div>
</div>



<p class="has-base-2-background-color has-background">Certes, le client<strong> a raté la première demande </strong>de choix mais, tout de même, <strong>on lui annonce 1'55 d'attente</strong> (ce qui sera l<strong>a seule info du plateau</strong>, temps qui sera jugé raisonnable) alors que <strong>le client aura attendu en fait 4'50</strong> sur le SVI (si les téléopérateurs respectent la DMT que l'ACD a  calculé, sinon, ce sera plus).</p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>🙄ACD, DMT ... je me rappelle plus !</summary>
<p>Ca va pour cette fois ! 😉ACD = Automatic Call Distribution (l'outil qui distribue les appels sur le plateau) et DMT = Durée Moyenne de Traitement (temps d'appel &amp; d'historisation calculé par l'ACD pour définir un temps d'attente -&gt; si les téléopérateurs sont plus longs, le temps calculé sera sous estimé)</p>
</details>



<p></p>



<p class="has-medium-font-size">➡️ Citons 2 entrepreneurs qui n'ont pas trop mal réussi :</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>"S’il y a une raison pour laquelle nous avons fait mieux que nos concurrents dans le secteur d’Internet au cours des six dernières années, c’est que nous <strong>nous sommes concentrés</strong> avec une précision chirurgicale <strong>sur l’expérience client</strong>." [..]</p>



<p>"L'expérience client <strong>n'a jamais été aussi cruciale qu'en ligne</strong>. <strong>Le bouche-à-oreill</strong>e se propage à une vitesse fulgurante<strong> sur les réseaux sociaux </strong>et <strong>vos concurrents sont toujours à portée de clic.</strong> Si vous souhaitez que votre marque prospère en ligne, <strong>concentrez-vous sans relâche sur la satisfaction client.</strong>"</p>
<cite>Jeff Bezos, PDG Amazon Int. - <a href="https://www.incomediary.com/15-business-lessons-from-amazons-jeff-bezos/" target="_blank" rel="noreferrer noopener">Income Diary</a> (en anglais)</cite></blockquote>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>"Générer des&nbsp;<strong>shoots d'émotions positives</strong>&nbsp;est une notion tout aussi faussement simple que vitale dans la <strong>fidélisation du client</strong>. Chaque moment où <strong>le client est confronté à la marque</strong> [<em>ndla : les touch points</em>] doit être pensé pour <strong>susciter des émotions</strong>. Lorsqu'on décortique la façon dont notre cerveau fonctionne, le&nbsp;<strong>'wahou effect'</strong>&nbsp;va créer <strong>un sentiment de bien-être, de plaisir</strong>."</p>



<p> "La recherche de&nbsp;<strong>surprise</strong>&nbsp;est ainsi <strong>un facteur important de fidélisation,</strong> tout comme le caractère 'effortless'. Dans différentes études, nous avons constaté que le critère 'customer effort score', à savoir la facilité à laquelle le client a trouvé, acheté le produit, la disponibilité, la rapidité d'une réponse, est primordial. Le parcours client doit être le plus simple, le plus évident possible."</p>
<cite>Olivier Duha, co-PDG de Webhelp -  <a href="https://entrepreneurs.lesechos.fr/developpement-entreprise/commercial-marketing/olivier-duha-pour-fideliser-le-client-il-faut-generer-des-emotions-positives-2037332" target="_blank" rel="noreferrer noopener">Les échos des entrepreneurs</a></cite></blockquote>



<p>L'observatoire du service clients de📌 l'Ipsos établit <strong>un palmarès de services clients</strong> qui "assurent" en 2025, synthétisant points forts et causes principales .</p>




<div class="wp-block-ub-content-toggle wp-block-ub-content-toggle-block" id="ub-content-toggle-block-0bcc11bb-cb79-440b-bc69-62a968cfa15e" data-mobilecollapse="false" data-desktopcollapse="true" data-preventcollapse="false" data-showonlyone="false">
<div class="wp-block-ub-content-toggle-accordion" style="border-color: var(--contrast-3); " id="ub-content-toggle-panel-block-">
			<div class="wp-block-ub-content-toggle-accordion-title-wrap" style="background-color: var(--contrast-3);" aria-controls="ub-content-toggle-panel-0-0bcc11bb-cb79-440b-bc69-62a968cfa15e" tabindex="0">
			<p class="wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-0bcc11bb-cb79-440b-bc69-62a968cfa15e" style="color: #000000; ">🏅 voir le palmarès</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-0bcc11bb-cb79-440b-bc69-62a968cfa15e">

<p></p>



<figure class="wp-block-table"><table><thead><tr><th>Entreprise</th><th>Forces du service téléphonique</th><th>Raisons du succès</th></tr></thead><tbody><tr><td>🥇<strong>Boulanger</strong></td><td>Attente maîtrisée, conseillers experts, résolution au 1er contact</td><td>Formation continue, pilotage strict des temps d’attente, culture client forte</td></tr><tr><td>🥈<strong>Auchan VAD</strong></td><td>Accessibilité téléphonique, gestion des pics, empathie</td><td>Organisation dédiée aux volumes, scripts orientés solution</td></tr><tr><td>🥉<strong>Vente-Unique.com</strong></td><td>Suivi de commande clair, SAV efficace, écoute client</td><td>Spécialisation des conseillers, processus simples</td></tr><tr><td><strong>Audika</strong></td><td>Qualité d’écoute, pédagogie, temps accordé</td><td>Relation humaine prioritaire, personnalisation</td></tr><tr><td><strong>Alain Afflelou</strong></td><td>Conseil téléphonique expert, proximité</td><td>Expertise métier, accompagnement client long terme</td></tr><tr><td><strong>Eurofil (MAIF)</strong></td><td>Résolution rapide, discours rassurant</td><td>Autonomie des conseillers, orientation fidélisation</td></tr><tr><td><strong>MACIF</strong></td><td>Fiabilité, continuité de service</td><td>Processus robustes, cohérence multicanale</td></tr><tr><td><strong>LCL</strong></td><td>Disponibilité, gestion des demandes complexes</td><td>Formation réglementaire, pilotage qualité</td></tr><tr><td><strong>Monabanq / Shine</strong></td><td>Réactivité téléphonique, simplicité</td><td>Organisation agile, relation client différenciante</td></tr><tr><td><strong>TotalEnergies</strong></td><td>Gestion de volumes élevés, stabilité</td><td>Industrialisation + qualité relationnelle</td></tr></tbody></table></figure>



<p></p>

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


<p class="has-base-2-background-color has-background"><strong>La satisfaction clien</strong>t, d'un avis unanimement partagé par  les entrepreneurs, e<strong>st l'un des deux piliers de la réussite </strong>d'une entreprise commerciale (<strong>l'autre étant l'innovation</strong>).</p>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-09073c00e5aaff44dd2cb0aa20c790b6" id="1-2%EF%B8%8F%E2%83%A3-mesure-de-la-satisfaction-client">2️⃣| Mesure de la satisfaction client</h2>


<div class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-3d91ba9a-cdb8-4ff5-b5d1-eaf17958ecd7" 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/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/#2-%E2%AD%90-le-csat-customer-satisfaction-score-le-ressenti" style="">⭐ Le CSAT (Customer Satisfaction Score) - le ressenti</a></li><li style=""><a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/#3-le-nps-net-promoter-score-l%C3%A9valuation" style="">📏 Le NPS (Net Promoter Score) - l'évaluation</a></li><li style=""><a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/#4-%E2%80%8D%E2%99%82%EF%B8%8F%E2%80%8D%E2%9E%A1%EF%B8%8F-le-ces-customer-effort-score-la-r%C3%A9alit%C3%A9" style="">🏃‍♂️‍➡️ Le CES (Customer Effort Score) - la réalité</a></li><li style=""><a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/#5-le-servqual-le-diagnostic" style="">📊 Le SERVQUAL - le diagnostic</a></li></ul>
			</div>
		</div></div>


<p><strong>Les outils sont nombreux</strong> pour recueillir la satisfaction client et<strong> les moments sont importants</strong> aussi. Ils permettront vous donner un état de satisfaction <strong>mesurable par des KPI,</strong> de <strong>faire s'exprimer vos clients </strong>et d'<strong>établir des actions correctives ciblées</strong>.</p>



<h3 class="wp-block-heading" id="2-%E2%AD%90-le-csat-customer-satisfaction-score-le-ressenti">⭐ Le <strong>CSAT (Customer Satisfaction Score</strong>) - le ressenti</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-video"><video height="1080" style="aspect-ratio: 808 / 1080;" width="808" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/01/starRank.mp4" playsinline></video></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>Le fameux score à 5 étoiles, <strong>rapide et intuitif</strong>, est le moyen<strong> le moins intrusif</strong> (impactant) de réaccueillir la satcli.</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-919daa20-6c13-4a08-bca6-f558ecb5320e">
<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-f7e1426f-bf9d-427d-8508-728e5afbd550">
			<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">il ne prend <strong>qu'un instant</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-0a2b2841-aa8a-4a6b-bb8d-c86dd2d1687c">
			<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">il <strong>attire le regard </strong>(sur vos fiches produits)</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-1c0ee304-0a2a-4d24-afd0-284ac250d817">
			<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">on a <strong>l'habitude de le rencontrer</strong> (pas besoin d'explication)</span>
			</div>
			
		</li>
</ul>

<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="380" height="205" src="https://st9ph.fr/wp-content/uploads/2026/01/image-99.png" alt="" class="wp-image-32540" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-99.png 380w, https://st9ph.fr/wp-content/uploads/2026/01/image-99-300x162.png 300w" sizes="auto, (max-width: 380px) 100vw, 380px" /></figure>
</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>Sur l'image ci-contre, le "<strong>star ranking</strong>" que vous trouvez sur les articles de ce blog me permet de mesurer votre <strong>degré d'adhésion</strong> aux contenus que je vous propose. 👉🏻</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-video"><video height="58" style="aspect-ratio: 316 / 58;" width="316" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/02/ranking-anim-1.mp4" playsinline></video></figure>
</div>
</div>



<p>Ce serait bien de voter de temps en temps, d'ailleurs. 😉</p>



<p class="has-base-2-background-color has-background">🖥️ <strong>Sous WordPress</strong>, il existe <strong>de nombreux outils de CSAT</strong>. Tapez "<strong><em>star ranking</em></strong>" en recherche dans le menu "<strong>ajouter des extensions</strong>" et vous n'aurez que l'embarras du choix !</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>Celui que j'utilise sur ce blog est <strong><a href="https://wordpress.org/plugins/yet-another-stars-rating/" target="_blank" rel="noreferrer noopener">YASR</a></strong>. Il propose pas mal de personnalisations et d'option et permet surtout<strong> le suivi du CSAT</strong>.</p>



<p class="has-text-align-center has-base-2-background-color has-background">C'est important de pouvoir <strong>mesurer l'évolution dans le temps</strong> pour suivre l'impact de vos améliorations</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="661" height="370" src="https://st9ph.fr/wp-content/uploads/2026/01/image-100.png" alt="" class="wp-image-32541" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-100.png 661w, https://st9ph.fr/wp-content/uploads/2026/01/image-100-300x168.png 300w" sizes="auto, (max-width: 661px) 100vw, 661px" /></figure>
</div>
</div>



<p>Dans <strong>Prestashop</strong>, c'est le module "<strong>avis clients</strong>" qui permettra de sticker vos fiches produits d'un CSAT.</p>



<p class="has-text-align-center has-small-font-size"><a href="https://st9ph.fr/avis-clients-dans-votre-eshop-prestashop/" target="_blank" rel="noreferrer noopener">voir l'article à ce sujet</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" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="650" height="507" src="https://st9ph.fr/wp-content/uploads/2026/01/image-101.png" alt="" class="wp-image-32544" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-101.png 650w, https://st9ph.fr/wp-content/uploads/2026/01/image-101-300x234.png 300w" sizes="auto, (max-width: 650px) 100vw, 650px" /></figure>
</div>



<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">l'<strong>impact visuel d'un CSAT</strong> sur le catalogue de vos fiches produits est <strong>déterminant comme CTA</strong>.</p>



<p class="has-text-align-center has-base-background-color has-background">👈 ci-contre, <strong>on hésitera à cliquer </strong>sur le pull marin même si <strong>le visuel nous tentait </strong>alors que <strong>la curiosité sera accrue </strong>pour le cadre Panda qui <strong>plait aux clients</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">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="544" height="499" src="https://st9ph.fr/wp-content/uploads/2025/12/image-55.png" alt="" class="wp-image-31570" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-55.png 544w, https://st9ph.fr/wp-content/uploads/2025/12/image-55-300x275.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">
<p>➡️ En complément de votre CSAT, utilisez aussi des <strong>nuages de mots </strong>pour <strong>synthétiser les commentaires </strong>dans vos avis.</p>



<p class="has-text-align-center has-small-font-size"><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-data-mining-et-rgpd/" target="_blank" rel="noreferrer noopener">Voir cet article</a> où je traite ce sujet <strong>section 1-1</strong></p>



<p class="has-base-2-background-color has-background">💡 L'<strong>analyse rapide</strong> par nuage vous<strong> évite la lecture </strong>(chronophage) de tous les commentaires en mettant en évidence (il grossit)<strong> les expressions clés récurrentes</strong>.</p>
</div>
</div>



<h3 class="wp-block-heading" id="3-le-nps-net-promoter-score-l%C3%A9valuation">📏 Le <strong>NPS (Net Promoter Score</strong>) - l'évaluation</h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="917" height="245" src="https://st9ph.fr/wp-content/uploads/2026/01/image-102.png" alt="" class="wp-image-32548" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-102.png 917w, https://st9ph.fr/wp-content/uploads/2026/01/image-102-300x80.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-102-768x205.png 768w" sizes="auto, (max-width: 917px) 100vw, 917px" /></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="550" height="550" src="https://st9ph.fr/wp-content/uploads/2026/01/image-103.png" alt="" class="wp-image-32550" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-103.png 550w, https://st9ph.fr/wp-content/uploads/2026/01/image-103-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-103-150x150.png 150w" sizes="auto, (max-width: 550px) 100vw, 550px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p><strong>Plus fin </strong>que le CSAT (10 degrés au lieu de 5), le NPS demande aussi <strong>plus d'effort à l'évaluateur</strong> et c'est important d'y penser lors du choix.</p>



<p class="has-text-align-center has-base-2-background-color has-background">Ce sont <strong>vos 😡 détracteurs et vos 💚promoteurs </strong>qui s'exprimeront le plus. <strong>Les neutres</strong> donnent <strong>rarement </strong>leur avis, n'ayant<strong> aucune surprise positive ou négative </strong>de leur expérience : il la trouvent normale et <strong>ne ressentent pas le besoin de s'exprimer </strong>à ce sujet.</p>



<p>📏 Votre NPS sera donc<strong> alimenté</strong> essentiellement <strong>par les extrêmes</strong>.</p>
</div>
</div>



<h3 class="wp-block-heading" id="4-%E2%80%8D%E2%99%82%EF%B8%8F%E2%80%8D%E2%9E%A1%EF%B8%8F-le-ces-customer-effort-score-la-r%C3%A9alit%C3%A9">🏃‍♂️‍➡️ Le CES (Customer Effort Score) - la réalité</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 class="has-base-2-background-color has-background">Plus fin encore, <strong>le CES passe par plusieurs KPI</strong> et demande<strong> une analyse des comportements</strong>.</p>



<p class="has-medium-font-size">➡️ l'effort de fidélité par <strong>la CLV</strong></p>



<p>La <strong>CLV</strong> (ou<strong>CLTV</strong>), <strong>Customer Lifetime Value</strong> (valeur à vie du client) est <strong>un calcul de son temps de fidélité</strong>, le moment où il deviendra dormant, en fait (LMOT).</p>



<p class="has-base-2-background-color has-background">Pour connaitre la CLV (la valeur à vie) d'un client, on va calculer en fait <strong>son taux de rétention</strong>, cad l<strong>a réalité d'achat de son segment dans la période donnée</strong>.</p>



<p>Imaginons que le <strong>cycle </strong>soit <strong>de 1 an</strong> (un abonnement à un magazine par exemple) et que sur la période,<strong> 48 clients sur 100</strong> ont renouvelé, soit <strong>48%</strong>.</p>



<p class="has-text-align-center">🧮 la <strong>CLV</strong> sera égale à <strong>la période que divise le taux de rétention</strong> :</p>



<p class="has-text-align-center has-medium-font-size">🟦 <strong>CLV = 1 / 0,48</strong> soit<strong> 2,08 ans</strong> de fidélité client</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="317" height="718" src="https://st9ph.fr/wp-content/uploads/2026/01/image-104.png" alt="" class="wp-image-32551" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-104.png 317w, https://st9ph.fr/wp-content/uploads/2026/01/image-104-132x300.png 132w" sizes="auto, (max-width: 317px) 100vw, 317px" /></figure>
</div>
</div>



<p class="has-base-2-background-color has-background">⚠️ Cela veut dire que <strong>pour ce produit et pour ce segment</strong> de clientèle, <strong>si aucune action de prospection</strong> (pour renouveler) <strong>ou de rétention</strong> (pour fidéliser)<strong> n'est entreprise, on ne le vendra plus dans 2 ans</strong> qu'a <strong>3 clients</strong> sur les 48 restants ! </p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary><strong>calcul pour les 3 clients</strong> (pour ceux que cela intéresse)</summary>
<ul class="wp-block-list">
<li>on part des <strong>0,08</strong> au delà des deux ans (fin du second renouvellement), ce qui fait <strong>29 jours</strong> sur le calendrier (0,08 x 365 = 29,2).</li>



<li> Ensuite en multiplie par <strong>le nombre de clients réabonnés</strong> (48) soit <strong>1392</strong></li>



<li> on divise par 365 pour savoir<strong> combien cela fait d'années</strong> (donc, d'abonnements individuels puisque c'est la durée de référence) soit <strong>3.81</strong> </li>



<li>(on ne garde que<strong> la partie entière</strong> de ce résultat (à moins que quelqu'un veuille s'abonner pour 9 mois 😉) soit <strong>3 en tout</strong>.</li>
</ul>
</details>



<p></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" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="263" height="392" src="https://st9ph.fr/wp-content/uploads/2026/01/image-105.png" alt="" class="wp-image-32557" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-105.png 263w, https://st9ph.fr/wp-content/uploads/2026/01/image-105-201x300.png 201w" sizes="auto, (max-width: 263px) 100vw, 263px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="has-medium-font-size">➡️le FCR (First Contact résolution)</p>



<p>Le <strong>FCR </strong>mesure la <strong>capacité </strong>d’un service client <strong>à résoudre la demande </strong>du client<strong> dès le premier contact</strong>, <strong>sans rappel</strong>, <strong>sans relance</strong>, <strong>sans transfert</strong>.</p>



<p class="has-base-2-background-color has-background">C'est pour cela que j'insiste lourdement dans mes cours sur <strong>la phase "next step" </strong>de vos communications, surtout quand<strong> le client ne peut pas vous interroger "à chaud</strong>" (mails, réponses en SAV).</p>



<p>C'est l<strong>e taux de demandes résolus au premier contact</strong> sur <strong>le nombre de demandes traitées.</strong> Un<strong> FCR de 92 %</strong> signifie que <strong>8 clients sur 100 doivent vous recontacter t</strong>ôt ou tard.</p>



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



<p>👉 Cet indicateur KPI permet de mesurer <strong>l'efficacité de vos services commerciaux </strong>(et techniques),<strong> de cibler les sujets </strong>qu'ils maitrisent moins <strong>ou les moments </strong>où leurs réponses sont moins pertinentes.</p>



<p>A propos de moment,<strong> côté client aussi</strong>, le CSAT, le NPS, le CES et le FCR peuvent varier <strong>en fonction de l'heure ou du jour</strong> du contact (ou <strong>du temps de relance</strong>). Il faut penser à :</p>



<ul class="wp-block-list">
<li><strong>adapter le planning </strong>en fonction des <strong>disponibilités de votre cible</strong></li>



<li><strong>mesurer avec précision les échéances de relance propices </strong>dans le LMOT (grâce à la CLV)</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%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="585" height="248" src="https://st9ph.fr/wp-content/uploads/2026/01/image-106.png" alt="" class="wp-image-32559" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-106.png 585w, https://st9ph.fr/wp-content/uploads/2026/01/image-106-300x127.png 300w" sizes="auto, (max-width: 585px) 100vw, 585px" /></figure>
</div>



<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">👈 Cette cliente vous fera sans doute<strong> un meilleur accueil </strong>si elle est détendue chez elle que dans le métro aux heures de pointe.</p>
</div>
</div>



<h3 class="wp-block-heading" id="5-le-servqual-le-diagnostic">📊 Le SERVQUAL - le diagnostic</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>Le <strong>SERVQUAL</strong> est un modèle d’évaluation de<strong> </strong>la<strong> QS (qualité de service) perçue</strong> basé sur l’écart entre :</p>



<ul class="wp-block-list">
<li>les <strong>attentes</strong> du client</li>



<li>la <strong>perception</strong> du service réellement vécu.</li>
</ul>



<p></p>



<p>C'est un <strong>analyse de fond</strong>, routinière et sur<strong> le long terme</strong>.</p>



<p class="has-base-2-background-color has-background">Elle est souvent confiée au <strong>Service Qualité</strong> dans <strong>une démarche </strong><a href="https://www.iso.org/fr/home.html" target="_blank" rel="noreferrer noopener"><strong>ISO</strong> </a>(pour les grands groupes).</p>



<p>On distinguera <strong>5 familles</strong> d'analyse :</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="493" height="719" src="https://st9ph.fr/wp-content/uploads/2026/01/image-107.png" alt="" class="wp-image-32561" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-107.png 493w, https://st9ph.fr/wp-content/uploads/2026/01/image-107-206x300.png 206w" sizes="auto, (max-width: 493px) 100vw, 493px" /></figure>
</div>
</div>



<figure class="wp-block-table"><table><thead><tr><th>Dimension SERVQUAL</th><th>Ce que cela mesure</th><th>Question clé côté client</th><th>Exemple concret</th></tr></thead><tbody><tr><td><strong>Tangibilité</strong></td><td>Les éléments visibles du service</td><td><em>Le service paraît-il professionnel ?</em></td><td>Site web clair, boutique propre, documents lisibles</td></tr><tr><td><strong>Fiabilité</strong></td><td>Capacité à tenir les promesses</td><td><em>Puis-je faire confiance à l’entreprise ?</em></td><td>Livraison* à la date annoncée</td></tr><tr><td><strong>Réactivité</strong></td><td>Rapidité et disponibilité</td><td><em>L’entreprise me répond-elle rapidement ?</em></td><td>Temps d’attente faible au SAV</td></tr><tr><td><strong>Assurance</strong></td><td>Compétence et crédibilité</td><td><em>La personne en face maîtrise-t-elle le sujet ?</em></td><td>Conseiller capable de résoudre le problème</td></tr><tr><td><strong>Empathie</strong></td><td>Attention personnalisée</td><td><em>Suis-je écouté et compris ?</em></td><td>Solution adaptée à ma situation</td></tr></tbody></table></figure>



<p class="has-small-font-size">(*) La livraison peut revêtir une signification plus abstraite :  ce que je veux mettre en place, et ce que je "délivre" vraiment.</p>



<p>Sur le tableau suivant, on compare les dimensions du SERVQUAL avec celles du FCR et du CAT :</p>



<figure class="wp-block-table"><table><thead><tr><th>Critère</th><th><strong>SERVQUAL</strong></th><th><strong>FCR</strong></th><th><strong>CSAT</strong></th></tr></thead><tbody><tr><td>Type d’indicateur</td><td>Qualitatif</td><td>Opérationnel</td><td>Quantitatif</td></tr><tr><td>Ce qui est mesuré</td><td>Qualité perçue du service</td><td>Résolution au 1er contact</td><td>Satisfaction déclarée</td></tr><tr><td>Moment de mesure</td><td>Après expérience globale</td><td>Pendant / après interaction</td><td>Juste après contact</td></tr><tr><td>Objectif</td><td>Diagnostic</td><td>Performance</td><td>Ressenti</td></tr><tr><td>Niveau d’analyse</td><td>Détail par dimension</td><td>Process (comment ça se passe)</td><td>Résultat final</td></tr></tbody></table></figure>



<p class="has-base-2-background-color has-background">La satisfaction client, c'est donc <strong>un ensemble de perceptions et de mesures </strong>afin d'<strong>améliorer l'image de l'enseigne</strong> et <strong>la fidélité du client</strong>. C'est un <strong>enjeu majeur</strong>, parfois le seul qui vous permettra de <strong>faire la différence</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"><img loading="lazy" decoding="async" width="170" height="240" src="https://st9ph.fr/wp-content/uploads/2026/01/image-108.png" alt="" class="wp-image-32563"/></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-text-align-center has-text-color has-link-color has-medium-font-size wp-elements-827db55c6082dd5115778f06557bb682" style="color:#727c72">Il faut investir pour ne pas perdre, mais aussi pour gagner !</p>



<p class="has-base-2-background-color has-background">La satisfaction client permet aussi de conquérir. Jeff Bezos parlait de "bouche-à-oreille" tout à l'heure mais <strong>vos promoteurs</strong> seront aussi <strong>les meilleurs ambassadeurs </strong>pour vous ouvrir des marché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"><div style="background-color: #f8f8f8; border-width: 2px; border-color: #ECECEC; " class="ub_call_to_action wp-block-ub-call-to-action-block" id="ub_call_to_action_333fc530-6c4f-40bf-963a-0997f13937a9">
			<div class="ub_call_to_action_headline">
				<p class="ub_call_to_action_headline_text" style="font-size: 30px; text-align: center; ">🍀</p>
			</div>
			<div class="ub_call_to_action_content">
				<p class="ub_cta_content_text" style="font-size: 15px; text-align: center; ">Un petit Quiz pour finir ?</p>
			</div>
			<div class="ub_call_to_action_button">
				<a href="https://forms.gle/mjDbuiZpDbRrtjNm7" target="_self" rel="noopener noreferrer" class="ub_cta_button" style="background-color: var(--accent); width: 250px; ">
					<p class="ub_cta_button_text" style="color: var(--base-3); font-size: 14px; ">Allez ! Soyons fous !</p>
				</a>
			</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-6005cf48bff9fae1ed7a3fbdac7d8ac9"><strong>Tu préfères sur ton smartphone ?</strong></p>



<p class="has-text-align-center"><strong>Libre à toi :</strong></p>


<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/image-110.png" alt="" class="wp-image-32582" style="width:195px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-110.png 490w, https://st9ph.fr/wp-content/uploads/2026/01/image-110-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-110-150x150.png 150w" sizes="auto, (max-width: 490px) 100vw, 490px" /></figure>
</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 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%2F%25f0%259f%258f%25b7%25ef%25b8%258fanimation-rc-la-satisfaction-client%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 class="breadcrumb_last" aria-current="page">☝️ Concepts</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-bb165077     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/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="280" src="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg 916w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-300x93.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-768x239.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Donner des sens au digital</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-05-04T14:12:54+02:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					4 mai 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>🎧 Ecouter l&#8217;introduction audio Ce n&#8217;est pas pour rien que même les pure players finissent...				</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/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" 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/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="643" height="165" src="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg 643w, https://st9ph.fr/wp-content/uploads/2026/02/celi-avant-300x77.jpg 300w" sizes="auto, (max-width: 643px) 100vw, 643px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | La communication en service client &amp; son management</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-09T15:14:06+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					9 février 2026				</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>L&#8217;importance de communiquer A toutes les étapes de son parcours client, votre interlocuteur recevra des...				</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/com-en-service-client-et-son-management/" 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/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="381" src="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-300x127.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-768x326.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1536x652.png 1536w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s.png 1584w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | UX Mobile</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-30T13:51:57+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					30 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>C&#8217;est quoi &#8220;l&#8217;UX Mobile&#8221; ? UX pour User eXperience. L’expérience utilisateur en mobilité, c’est la...				</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/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" 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/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="720" height="211" src="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg 720w, https://st9ph.fr/wp-content/uploads/2026/01/e5a-img-300x88.jpg 300w" sizes="auto, (max-width: 720px) 100vw, 720px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">☝️L&#8217;épreuve E5 A (écrit) du BTS NDRC</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-11T21:23:50+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					11 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>⏱️ 3 heures | ✅coef2 /40 pts 👍 A ce jour, tous mes étudiants ont...				</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/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" 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/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="798" height="185" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg 798w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-300x70.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-768x178.jpg 768w" sizes="auto, (max-width: 798px) 100vw, 798px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Search Engine Marketing</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-08T21:56:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					8 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>C&#8217;est quoi le &#8220;Search Engine Marketing&#8221; ? Le Search Engine Marketing (SEM) est l&#8217;addition de...				</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/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" 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/%f0%9f%8f%b7%ef%b8%8fanimation-rc-social-selling-reverse-marketing/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="726" height="79" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-05-151311.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-05-151311.jpg 726w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-05-151311-300x33.jpg 300w" sizes="auto, (max-width: 726px) 100vw, 726px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-social-selling-reverse-marketing/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | Social Selling &amp; Reverse Marketing</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-05T15:08:08+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					5 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>C&#8217;est quoi tout ça ? Le Social Selling est l&#8217;art de vendre depuis les réseaux...				</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%8f%b7%ef%b8%8fanimation-rc-social-selling-reverse-marketing/" 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/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/">🏷️Animation RC | la Satisfaction Client</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/starRank.mp4" length="5738929" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/SVI-St9ph-leadP.mp3" length="4931478" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_12-01-2026_at_19_23_50_on_January_12th_2026.mp3" length="407232" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/02/ranking-anim-1.mp4" length="211898" type="video/mp4" />

		<post-id xmlns="com-wordpress:feed-additions:1">32500</post-id>	</item>
		<item>
		<title>⏺️Omnicanal &#124; Search Engine Marketing</title>
		<link>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/</link>
					<comments>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Thu, 08 Jan 2026 20:56:41 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[⏺️ Omnicanal]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[comprendre le SEO]]></category>
		<category><![CDATA[les piliers du SEO]]></category>
		<category><![CDATA[optimiser son site]]></category>
		<category><![CDATA[outils de SEA]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=32397</guid>

					<description><![CDATA[<p>📖 Lecture : 0 % ☰ 📚 Sources 🧑‍🎓NDRC 📘 Glossaire Sociallyin et Twinstrata &#8211; enquête sur les internautes SatsCounter &#8211; Données usages d&#8217;Internet Google Search Central &#8211; video expliquant le crawling Google Analytics et Jetpack WordPress &#8211; illustrations des stats st9ph.fr Google Trends, Yoast Semrush et Ubersuggest &#8211; analyse des mots clés Nano Banana ... <a title="⏺️Omnicanal &#124; Search Engine Marketing" class="read-more" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" aria-label="En savoir plus sur ⏺️Omnicanal &#124; Search Engine Marketing">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/">⏺️Omnicanal | Search Engine Marketing</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p></p>



<div class="wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-60e92510"><button class="uagb-notice-close-button" type="button" aria-label="Close"></button><h5 class="uagb-notice-title"><strong>C&#8217;est quoi  le &#8220;Search Engine Marketing&#8221; ?</strong></h5><div class="uagb-notice-text">
<p class="has-medium-font-size">Le Search Engine Marketing (SEM) est l&#8217;addition de la Search Engine Optimization (SEO), le référencement naturel (ou organique) et du Search Engine Advertising (SEA), le référencement sponsorisé. Bref, c&#8217;est l&#8217;ensemble des méthodes de visibilité sur les moteurs de recherche.</p>
</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>



<!-- 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>Sociallyin et Twinstrata</strong> &#8211; enquête sur les internautes</li>
<li><strong>SatsCounter</strong> &#8211; Données usages d&#8217;Internet</li>
<li><strong>Google Search Central</strong> &#8211;  video expliquant le crawling</li>
<li><strong>Google Analytics et Jetpack WordPress</strong> &#8211; illustrations des stats st9ph.fr</li>
<li><strong>Google Trends, Yoast Semrush et Ubersuggest</strong> &#8211; analyse des mots clés</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">
<p> 🟦 Cet article est à visée de l&#8217;épreuve écrite E5A</p>
<ul>
<li>savoir identifier les enjeux, les éléments clés et les méthodes de SEO </li>
<li>savoir identifier les enjeux, les éléments clés et les méthodes de SEA </li>
</ul>
<p>👉 ces éléments sont incontournables dans les dossiers </p>
</div>

<div class="uxPopup" id="glossary" data-title="📘 Glossaire UX mobile">
<ul>
<li><strong>SERP</strong> : Search Engine Page Result </li>
<li><strong>Crawlable</strong> : que les Google Bots peuvent analyser </li>
<li><strong>LCP</strong> : Largest Contentful Paint (Chargement)</li>
<li><strong>INP</strong> : Interaction to Next Paint (temps de réaction) </li>
<li><strong>CLS</strong> : Cumulative Layout Shift (charge cumulée du navigateur) </li>
<li><strong>Navigateur</strong> : Logiciel qui permet de visualiser les pages d&#8217;internet </li>
<li><strong>Moteur de recherche</strong> : Base de donnée et éditeur de SERP (dans le navigateur) </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>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_12-01-2026_at_19_31_54_on_January_12th_2026.mp3"></audio><figcaption class="wp-element-caption">🎧 écouter l'intro audio</figcaption></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%">
<div class="wp-block-uagb-counter uagb-block-00c02f68 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 320 512"><path d="M318.4 304.5c-3.531 9.344-12.47 15.52-22.45 15.52h-105l45.15 94.82c9.496 19.94 1.031 43.8-18.91 53.31c-19.95 9.504-43.82 1.035-53.32-18.91L117.3 351.3l-75 88.25c-4.641 5.469-11.37 8.453-18.28 8.453c-2.781 0-5.578-.4844-8.281-1.469C6.281 443.1 0 434.1 0 423.1V56.02c0-9.438 5.531-18.03 14.12-21.91C22.75 30.26 32.83 31.77 39.87 37.99l271.1 240C319.4 284.6 321.1 295.1 318.4 304.5z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="10" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div><div class="wp-block-uagb-counter__title">des internautes<br>cliquent en <strong>page 2</strong><br>d'une SERP</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>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>🙄c'est quoi une SERP ?</summary>
<p>Search Engine Page Result (ou Response) : la page de résultat d'une recherche quand vous validez vos mots clés</p>
</details>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>🚩Selon <a href="https://sociallyin.com/google-statistics/" target="_blank" rel="noreferrer noopener">Sociallyin</a>, <strong>90 % des internautes cliquent sur </strong>un lien de SERP sur <strong>la 1ere page </strong>!</p>



<p class="has-base-2-background-color has-background">Quant on sait que si on enlève <strong>les liens sponsorisés </strong>de haut et de bas de page, <strong>le carrousel</strong> éventuel <strong>de produits</strong>, la loupe <strong>d'échantillons d'images </strong>ou autre, <strong>il vous reste 4 ou 5 lignes</strong> pour être dans tout ce bazar !</p>



<p class="has-text-align-center">🌍 Ce sont <strong>les 2/3 des nouveaux atterrissages </strong>sur vos eshops qui seront de <strong>source organique</strong> selon <a href="https://www.twinstrata.com/seo-statistics/" target="_blank" rel="noreferrer noopener">twinstrata</a> !</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">
<p class="has-large-font-size">100 000 </p>



<p>C'est <strong>le nombre de SERP  demandées chaque seconde</strong> aux moteurs de recherche !</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%"><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'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-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf">
			<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-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-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-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-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-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-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-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-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-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-2"><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="star2" mask="url(#ub_star_rating_filter-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-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-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-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-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-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-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-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-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-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-c4908510-d237-4520-8475-b938427319c4">
			<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-c4908510-d237-4520-8475-b938427319c4-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-c4908510-d237-4520-8475-b938427319c4-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-c4908510-d237-4520-8475-b938427319c4-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-c4908510-d237-4520-8475-b938427319c4-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-c4908510-d237-4520-8475-b938427319c4-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-c4908510-d237-4520-8475-b938427319c4-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-c4908510-d237-4520-8475-b938427319c4-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-c4908510-d237-4520-8475-b938427319c4-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-c4908510-d237-4520-8475-b938427319c4-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-c4908510-d237-4520-8475-b938427319c4-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-c2bbe883-faf6-4ce1-bd21-50a975f5d771">
			<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-c2bbe883-faf6-4ce1-bd21-50a975f5d771-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-c2bbe883-faf6-4ce1-bd21-50a975f5d771-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-c2bbe883-faf6-4ce1-bd21-50a975f5d771-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-c2bbe883-faf6-4ce1-bd21-50a975f5d771-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-c2bbe883-faf6-4ce1-bd21-50a975f5d771-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-c2bbe883-faf6-4ce1-bd21-50a975f5d771-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-c2bbe883-faf6-4ce1-bd21-50a975f5d771-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-c2bbe883-faf6-4ce1-bd21-50a975f5d771-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-c2bbe883-faf6-4ce1-bd21-50a975f5d771-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-c2bbe883-faf6-4ce1-bd21-50a975f5d771-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 445 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-02T10:32:31+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-a32f2ab0      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							plan de l'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="#0-moteurs-et-enjeux" class="uagb-toc-link__trigger">0️⃣| Moteurs et enjeux ?</a><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#le-référencement-naturel-seo" class="uagb-toc-link__trigger">Le référencement naturel (SEO)</a><ul 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="#11-le-maillage-linking" class="uagb-toc-link__trigger">🔹1.1 | ⚙️ Le maillage (linking)</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#maillage-interne-et-externe-referal-vos-autres-sites" class="uagb-toc-link__trigger">➡️ Maillage interne et externe Referal (vos autres sites)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#liens-externes-purs-afiliate" class="uagb-toc-link__trigger">➡️ Liens externes purs (Afiliate)</a></li></ul><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#12-pertinence-du-contenu-et-des-mots-clés" class="uagb-toc-link__trigger">🔹1.2 | ⚙️ pertinence du contenu et des mots clés</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#balises-choix-de-mots-clés-et-longues-traines" class="uagb-toc-link__trigger">➡️Balises, choix de mots clés et longues traines</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#pertinence-des-contenus" class="uagb-toc-link__trigger">➡️ Pertinence des contenus</a></li></ul><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#13-règles-de-conception-et-traçage" class="uagb-toc-link__trigger">🔹1.3 | ⚙️ règles de conception et traçage</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#développer-light" class="uagb-toc-link__trigger">➡️ Développer &quot;light&quot;</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#laissez-google-entrer-dans-votre-backoffice" class="uagb-toc-link__trigger">➡️ laissez Google entrer dans votre backoffice</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="#le-référencement-sponsorisé-sea" class="uagb-toc-link__trigger">le référencement sponsorisé (SEA)</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#st9ph" class="uagb-toc-link__trigger">St9ph</a></ul></ul></ul></ol>					</div>
									</div>
				</div>
			


<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-eae912ddd198ecec5b20ff91449c86dd" id="0-0%EF%B8%8F%E2%83%A3-moteurs-et-enjeux-">0️⃣| Moteurs et enjeux ?</h2>



<p>Voici un graphique qui <strong>se met à jour automatiquement </strong>depuis le <a href="https://gs.statcounter.com/search-engine-market-share/all/france" target="_blank" rel="noreferrer noopener">statcounter</a>. A l'heure où j'écris cet article (janvier 2026) <strong>Google </strong>(Google.fr + google.com)<strong> est ultra dominant avec 93 % des recherches</strong> effectuées <strong>en France</strong> sur 12 mois glissants (soit <strong>pour 2025</strong>). <em>Mais, je serais très surpris que cela change</em> ! 😯</p>



<!-- DÉBUT STATCOUNTER MOTEURS DE RECHERCHE (V2 - ID CORRIGÉ) -->
<div id="statcounter-search-placeholder" style="width:100%; max-width:600px; height:400px; margin: 0 auto; text-align:center;">
    <p style="color:#777; font-style:italic;">Chargement des statistiques en cours...</p>
</div>
<p style="text-align:center; font-size:0.9em; color:#555;">
    Source: <a href="https://gs.statcounter.com/search-engine-host-market-share/all/france" target="_blank" rel="noopener">StatCounter - Moteurs de recherche France</a>
</p>

<script>
(function() {
    // 1. Calcul des dates dynamiques
    const now = new Date();
    const currentYear = now.getFullYear();
    const currentMonth = now.getMonth() + 1; 
    
    // Mois dernier (M-1)
    let endYear = currentYear;
    let endMonth = currentMonth - 1;
    
    if (endMonth === 0) { 
        endMonth = 12;
        endYear = currentYear - 1;
    }
    
    // Début : 1 an avant
    let startYear = endYear - 1;
    let startMonth = endMonth;
    
    // Formatage AAAAMM
    const format = (y, m) => y.toString() + (m < 10 ? '0' : '') + m.toString();
    
    const startStr = format(startYear, startMonth);
    const endStr = format(endYear, endMonth);
    
    // 2. Construction de l'ID unique (CORRIGÉ)
    // Basé sur ton ID original : all-search_engine_host-FR-monthly-AAAAAA-BBBBBB
    const baseId = "all-search_engine_host-FR-monthly";
    const chartId = `${baseId}-${startStr}-${endStr}`;
    
    // 3. Mise à jour de la DIV
    const container = document.getElementById('statcounter-search-placeholder');
    container.id = chartId; 
    container.style.width = "600px";
    container.style.height = "400px";
    
    // 4. Injection des scripts
    // Vérification pour éviter de charger fusioncharts.js deux fois sur la même page
    if (!document.querySelector('script[src="https://www.statcounter.com/js/fusioncharts.js"]')) {
        const script1 = document.createElement('script');
        script1.type = 'text/javascript';
        script1.src = 'https://www.statcounter.com/js/fusioncharts.js';
        document.body.appendChild(script1);
    }
    
    const script2 = document.createElement('script');
    script2.type = 'text/javascript';
    // URL reconstruite avec le bon ID
    script2.src = `https://gs.statcounter.com/chart.php?${chartId}&#038;chartWidth=600`;
    
    document.body.appendChild(script2);
    
    console.log(`StatCounter Moteurs chargé pour : ${startStr} à ${endStr}`);
    console.log(`ID utilisé : ${chartId}`);
})();
</script>
<!-- FIN STATCOUNTER MOTEURS DE RECHERCHE -->



<p>Si on dissocie la part <strong>mobilité </strong>de la part <strong>sédentaire</strong>, les données sont assez différentes (2025) :</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-right" data-align="right"><strong>Moteur de recherche</strong></th><th class="has-text-align-center" data-align="center"><strong>Mobile </strong></th><th class="has-text-align-center" data-align="center"><strong>Desktop </strong></th><th class="has-text-align-center" data-align="center"><strong>Global </strong></th></tr></thead><tbody><tr><td class="has-text-align-right" data-align="right">🥇<strong>Google</strong> (.fr + . com)</td><td class="has-text-align-center" data-align="center"><em>93,5</em>7 % </td><td class="has-text-align-center" data-align="center">78,66 % </td><td class="has-text-align-center" data-align="center">≈ 88,58 % </td></tr><tr><td class="has-text-align-right" data-align="right">🥈 <strong>Bing</strong></td><td class="has-text-align-center" data-align="center">00,60 % </td><td class="has-text-align-center" data-align="center">12,56 % </td><td class="has-text-align-center" data-align="center">≈ 05,35 % </td></tr><tr><td class="has-text-align-right" data-align="right">🥉 <strong>Yahoo!</strong></td><td class="has-text-align-center" data-align="center">NC</td><td class="has-text-align-center" data-align="center">04,06 % </td><td class="has-text-align-center" data-align="center">≈ 01,85 %</td></tr><tr><td class="has-text-align-right" data-align="right"><strong>Ecosia</strong></td><td class="has-text-align-center" data-align="center">01,05 % </td><td class="has-text-align-center" data-align="center">01,11 %</td><td class="has-text-align-center" data-align="center">≈ 01,27 %</td></tr><tr><td class="has-text-align-right" data-align="right"><strong>Qwant</strong></td><td class="has-text-align-center" data-align="center">00,70 % </td><td class="has-text-align-center" data-align="center">01,38 %</td><td class="has-text-align-center" data-align="center">≈ 00,93 % </td></tr><tr><td class="has-text-align-right" data-align="right"><strong>DuckDuckGo</strong></td><td class="has-text-align-center" data-align="center">00,55 %</td><td class="has-text-align-center" data-align="center">01,07 % </td><td class="has-text-align-center" data-align="center">≈ 00,72 %</td></tr><tr><td class="has-text-align-right" data-align="right"><strong>part Mobile  / Desktop</strong></td><td class="has-text-align-center" data-align="center"><strong>54,83 %</strong></td><td class="has-text-align-center" data-align="center"><strong>45,17 %</strong></td><td class="has-text-align-center" data-align="center"><strong>100 %</strong></td></tr></tbody></table></figure>



<p class="has-small-font-size">On observe, notamment, <strong>la niche Bing sur Desktop </strong>correspondant à une audience sédentaire, plutôt génération X.</p>



<p class="has-base-2-background-color has-background">Même s'ils demeurent <strong>20 fois moins imposants que Google</strong>, <strong>Bing et Yahoo</strong> occupent les deux autres places du podium.</p>



<p>➡️ Il faut <strong>pondérer ces résultats </strong>car ces deux éditeurs (Microsoft pour Bing) pratiquent <strong>le dumping marketing </strong>:</p>



<ul class="wp-block-list">
<li><strong>Bing est le moteur par défaut </strong>installé sur le navigateur <strong>Edge de Microsoft Windows.</strong> On est jamais mieux servi que par soi-même. Même si l'UE oblige désormais la firme américaine à <strong>donner le choix lors de l'installation</strong>, une partie conséquente des utilisateurs valident toujours les choix par défaut.</li>



<li><strong>Yahoo est partenaire de McAfee</strong>, un célèbre antivirus leader du marché, qui vous propose de <strong>sécuriser votre connexion internet</strong> (un clic suffit) sans vous prévenir que vous allez c<strong>hanger de moteur de recherche.</strong> Hé oui ! <strong>Yahoo remplace Google</strong>, même sous Chrome.</li>
</ul>



<p class="callout rouge has-base-2-background-color has-background">😒 <strong>C'est juste minable </strong>tellement c'est sournois (excusez moi, je ne trouve pas d'autres mots) mais ces deux firmes nous ont habitués à pire encore.</p>



<p>Heureusement, d'autres pensent différemment. On citera <a href="https://www.ecosia.org/" target="_blank" rel="noreferrer noopener">Ecosia </a>qui s'engage à investir la plus grande part de ses bénéfices dans <strong>l'action écologique</strong>, ou <a href="https://duckduckgo.com/" target="_blank" rel="noreferrer noopener">Duck-Duck-Go</a> qui empêche <strong>le traçage de vos données</strong> et le hameçonnage.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="595" src="https://st9ph.fr/wp-content/uploads/2026/01/image-51-1024x595.png" alt="" class="wp-image-32402" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-51-1024x595.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-51-300x174.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-51-768x446.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-51.png 1195w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">le bilan financier d'Ecosia, mois par mois,  sur son blog.</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="986" height="319" src="https://st9ph.fr/wp-content/uploads/2026/01/image-52.png" alt="" class="wp-image-32403" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-52.png 986w, https://st9ph.fr/wp-content/uploads/2026/01/image-52-300x97.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-52-768x248.png 768w" sizes="auto, (max-width: 986px) 100vw, 986px" /><figcaption class="wp-element-caption">La Promesse de Doc-Doc-Go dans le footer de sa page d'accueil</figcaption></figure>



<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-a59757c4a7955e2ee3f4bdbe36b0ab85">Mais, voilà, <strong>Google reste le géant qui écrase tous les autres</strong>, et dans <strong>nos stratégies marketing</strong>, c'est à lui qu'on va s'intéresser <strong>en premier pour notre référencement</strong>.</p>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>Le contexte international tendu entre l'Europe et les Etats-Unis </strong>(administration Trump) cumulée au danger d'<strong>hégémonie des GAFAM</strong> contre laquelle tente de lutter l'UE font que les entreprises essaient de plus en plus de<strong> trouver des alternatives à la dépendance aux outils américains</strong>. Fin mars 2026, <strong>la part Google tombe à 87 %</strong> (-6 pts), la plus basse constatée durant la décennie ! </p>



<p class="has-small-font-size">Ajout du 2 avril 2026</p>
</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">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>Le référencement naturel (SEO)</h2>
</div>
<ul class="chapter-points"><li>Maillage (Linking)</li><li>Contenu & mots clés</li><li>Règles de conception et traçage</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->


<div style="max-width: -moz-fit-content; " class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-710fa3b5-2a4b-46ed-88b3-a7c2c0a6e6c7" 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 class="ub_table-of-contents-header-toggle">
			<div class="ub_table-of-contents-toggle" style="">
			 [<a class="ub_table-of-contents-toggle-link" href="#" style="">hide</a>]
			</div>
		</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/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#1-11-%E2%9A%99%EF%B8%8F-le-maillage-linking-" style="">🔹1.1 | ⚙️ Le maillage (linking)</a><ul><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#2-%E2%9E%A1%EF%B8%8F-maillage-interne-et-externe-referal-vos-autres-sites-" style="">➡️ Maillage interne et externe Referal (vos autres sites)</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#3-%E2%9E%A1%EF%B8%8F-liens-externes-purs-afiliate" style="">➡️ Liens externes purs (Afiliate)</a></li></ul></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#4-12-%E2%9A%99%EF%B8%8F-pertinence-du-contenu-et-des-mots-cl%C3%A9s-" style="">🔹1.2 | ⚙️ pertinence du contenu et des mots clés</a><ul><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#5-%E2%9E%A1%EF%B8%8Fbalises-choix-de-mots-cl%C3%A9s-et-longues-traines" style="">➡️Balises, choix de mots clés et longues traines</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#6-%E2%9E%A1%EF%B8%8F-pertinence-des-contenus" style="">➡️ Pertinence des contenus</a></li></ul></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#7-13-%E2%9A%99%EF%B8%8F-r%C3%A8gles-de-conception-et-tra%C3%A7age-" style="">🔹1.3 | ⚙️ règles de conception et traçage</a><ul><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#8-%E2%9E%A1%EF%B8%8F-d%C3%A9velopper-light" style="">➡️ Développer "light"</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#9-%E2%9E%A1%EF%B8%8F-laissez-google-entrer-dans-votre-backoffice" style="">➡️ laissez Google entrer dans votre backoffice</a></li></ul></li></ul>
			</div>
		</div></div>


<p>l'algorithme qui décide de votre classement<strong> </strong>(avant ou après vos concurrents) en SERP sur expression de mots clés est en<strong> fait un score</strong> ! Oui, c'est une note qui décide de votre <strong>Ranking</strong>, cad si vous serez devant ou derrière.</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-53.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"><strong>L'algorithme est tenu secret,</strong> mais c'est un secret de polichinelle. Il suffit de lancer<strong> le lighthouse </strong>(sous Chrome) en clic droit - inspecter - menu à chevrons &gt;&gt;- lancer l'analyse , <strong>pour obtenir le score </strong>de n'importe quelle page html.</p>



<p>Ci-dessous, le score de ce blog :</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%">
<p class="has-text-align-right has-base-2-background-color has-background">➡️ Si vous n'êtes pas <strong>en vert partout,</strong> est <strong>au dessus de 95</strong>, renoncez à l'espoir d'être en page 1 🥇en SEO</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="538" height="192" src="https://st9ph.fr/wp-content/uploads/2026/01/image-54.png" alt="" class="wp-image-32408" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-54.png 538w, https://st9ph.fr/wp-content/uploads/2026/01/image-54-300x107.png 300w" sizes="auto, (max-width: 538px) 100vw, 538px" /></figure>
</div>
</div>



<p>Bon, <strong>pour moi, "c'est mort" </strong>! Mais le pire, c'est que <strong>cela m'arrange bien </strong>! </p>



<p class="has-base-2-background-color has-background">Je n'ai pas envie d'être <strong>trop visible</strong> : <strong>si mon trafic augmente trop,</strong> je devrais <strong>passer à un abonnement plus cher </strong>auprès de mon provider <strong>pour continuer à espérer une bande passante suffisante </strong>pour "accueillir" tout le monde sans que cela ne rame (<strong>lenteurs de chargement</strong>)  !</p>



<p>Vous pouvez voir le détail de l'analyse (c'est en anglais) et <strong>concentrons nous sur la note de SEO </strong>(puisque c'est le 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" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="502" height="288" src="https://st9ph.fr/wp-content/uploads/2026/01/image-55.png" alt="" class="wp-image-32409" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-55.png 502w, https://st9ph.fr/wp-content/uploads/2026/01/image-55-300x172.png 300w" sizes="auto, (max-width: 502px) 100vw, 502px" /></figure>



<p class="has-text-align-center">😒 Cette seule "faute" me coute 8 pts / 100 !</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>Il s'agit d'une seule erreur, en fait, <strong>un lien qui n'est pas scannable</strong> (crawlable), cad que <strong>Google ne peut pas l'analyser</strong>.</p>



<p class="has-text-align-center has-base-2-background-color has-background">ℹ️ Sauf que c'est juste <strong>une balise (ancre) de positionnement </strong>(qui permet de <strong>conserver le header </strong>quand vous scrollez vers le bas), et que <strong>je n'y peux rien</strong> sauf à annuler cette fonctionnalité !</p>
</div>
</div>



<p>👉🏻 Mais voilà, <strong>il faut choisir</strong> ! Si vous voulez <strong>passez devant vos concurrents</strong> sans recourir au SEA (et payer), il vous faudra <strong>un meilleur score que lui</strong> et, donc, <strong>vous plier aux règles de Google</strong> !</p>



<p>Ci-dessous, <strong>une vidéo</strong> du <a href="https://developers.google.com/search/">Google Search Cent</a><a href="https://developers.google.com/search/" target="_blank" rel="noreferrer noopener">r</a><a href="https://developers.google.com/search/">al </a>(en anglais, sorry !) qui explique <strong>le crawling </strong>⏱️(6'49) :</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="How Google Search crawls pages" width="900" height="506" src="https://www.youtube.com/embed/JuK7NnfyEuc?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p class="has-base-2-background-color has-background">Idem <strong>en performances</strong>, ma nouvelle manie de <strong>carrousels d'articles</strong> sur la page d'accueil et dans le bandeau de droite quand vous cliquez sur un article ou une page, augmente <strong>la charge de travail du navigateur </strong>et nuit à la rapidité de chargement de l'ensemble.</p>



<p>➡️ Pour <strong>résumer les éléments de notation,</strong> on peut définir <strong>trois grandes familles de critères </strong>avec chacune deux divisions :</p>



<ul class="wp-block-list">
<li class="has-medium-font-size">🪢 Le <strong>Linking</strong> (maillage)</li>
</ul>



<p>Cela consiste à favoriser le rebond interne et externe afin de proposer une expérience à la fois bien pilotée et riche d'expériences</p>



<ul class="wp-block-list">
<li class="has-medium-font-size">📦 Le <strong>contenu</strong></li>
</ul>



<p>Il doit correspondre à une logique d'appel (mots clés) et proposer à la fois de la pertinence, de l'originalité, de l'authenticité, de la richesse informative ...</p>



<ul class="wp-block-list">
<li class="has-medium-font-size">🛠️ La <strong>technique</strong></li>
</ul>



<p>Votre contenu doit respecter <strong>des règles de conception</strong> et <strong>de fluidité</strong> qui permettront de le référencer et de le visiter <strong>sans difficultés</strong> ni <strong>pour le visiteur</strong>, ni <strong>pour son navigateur</strong>.</p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>Ne pas confondre 🖥️<strong> navigateur </strong>et 🔎 <strong>moteur de recherche</strong></summary>
<p>Le <strong>navigateur</strong>, c'est <strong>votre logiciel </strong>qui vous <strong>permet de faire des recherches </strong>(Chrome, Opera, Edge, Firefox ...) alors que <strong>le moteur,</strong> c'est <strong>l'outil à l'intérieur du navigateur</strong> qui <strong>fait la recherche</strong> (Google, Bing, Ecosia ...). Ex : Chrome peut très bien faire des recherches avec Bing si vous le reparamétrez et Edge des recherches sur Google ... tout est possible.</p>
</details>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="633" height="635" src="https://st9ph.fr/wp-content/uploads/2026/01/Scem-seo-small.jpg" alt="" class="wp-image-36603" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Scem-seo-small.jpg 633w, https://st9ph.fr/wp-content/uploads/2026/01/Scem-seo-small-300x300.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/Scem-seo-small-150x150.jpg 150w" sizes="auto, (max-width: 633px) 100vw, 633px" /></figure>
</div>


<h3 class="wp-block-heading" id="1-11-%E2%9A%99%EF%B8%8F-le-maillage-linking-" 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>Le maillage (linking)</strong></h3>



<h4 class="wp-block-heading has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-4e8414b40432b3d4c926cef2daf5f0fa" id="2-%E2%9E%A1%EF%B8%8F-maillage-interne-et-externe-referal-vos-autres-sites-">➡️ <strong>Maillage interne</strong> et externe Referal (vos autres sites) </h4>



<p>Ci-dessous, <strong>un focus sur les 13 liens de la page d'accueil</strong> de ce blog (avant le développement du menu) :</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/maillage-st9ph-1-1024x784.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 -->



<ol class="wp-block-list">
<li>le <strong>logo cliquable</strong>, toujours visible, qui <strong>permet un retour à l'accueil,</strong> où que l'on soit</li>



<li><strong>le menu</strong> qui permet de développer <strong>tous les contenus </strong>classés en <strong>thématiques </strong>et en <strong>rubriques </strong></li>



<li>Le <strong>moteur de recherche interne </strong>qui permet de trouver des contenus <strong>par saisie de mots clés</strong></li>



<li><strong>le nuage de mots</strong> qui a la même fonction que le moteur mais, cette fois,<strong> en suggérant des mots clés</strong>, plus ou moins gros selon qu'ils apparaissent souvent ou moins.</li>



<li>Un <strong>carrousel d'articles</strong> du plus récent au plus ancien qui <strong>permet de suggérer des lectures</strong> parmi les contenus</li>



<li>un <strong>CTA sur chaque vignette</strong> d'aperçu du carrousel pour<strong> lire la suite </strong>du résumé d'aperçu.</li>



<li><strong>Des sélecteurs pour piloter le carrousel </strong>en dehors de son mouvement récurent de gauche à droite. (Un survol le fige, mais c'est parfois trop tard pour une vignette disparue à gauche)</li>



<li><strong>un maillage</strong> dit "Referal" vers <strong>d'autres sites st9ph </strong>(mes pages sur <strong>les réseaux</strong>, ma f<strong>iche Google My Business </strong>et l'activation du<strong> flux RSS</strong> st9ph dans votre agrégateur.</li>



<li>la possibilité de <strong>s'abonner</strong>, de <strong>se connecter</strong>, de <strong>se déconnecter</strong> à ce blog</li>



<li>les liens vers <strong>les pages légales</strong></li>



<li>la possibilité d'<strong>atteindre les sites secondaires </strong>(boutique pédagogique principale et secondaire, le labo WordPress)</li>



<li>un bouton de "<strong>retour en haut</strong>" pour éviter de scroller longtemps quand on est descendu bas.</li>



<li>L'accès au <strong>consentement des cookie</strong>s</li>
</ol>



<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="835" height="645" src="https://st9ph.fr/wp-content/uploads/2026/01/liens-st9ph-1.png" alt="" class="wp-image-32424" srcset="https://st9ph.fr/wp-content/uploads/2026/01/liens-st9ph-1.png 835w, https://st9ph.fr/wp-content/uploads/2026/01/liens-st9ph-1-300x232.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/liens-st9ph-1-768x593.png 768w" sizes="auto, (max-width: 835px) 100vw, 835px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Sur le schéma ci-contre, <strong>le maillage Referal </strong>montre le rôle central (<strong>pivot</strong>) du blog sur l'ensemble des sites St9ph.</p>



<p class="has-base-2-background-color has-background">ℹ️ On peu<strong>t tagger les liens </strong>pour mieux repérer <strong>les sources de trafic</strong>. Si vous voyez des urls se terminant par "<strong>?utm_source=</strong>" <strong>+ le nom d'un site</strong>, c'est que <strong>votre lien va enrichir un tracker</strong>. Mais le mieux est tout de même de s'en remettre <strong>à Google analytics </strong>:</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:33.33%">
<p>Ici, dans la rubrique "<strong>acquisition de trafic</strong>", je peux observer sur la eshop <strong>les flux entrants</strong>, quels <strong>pages vues</strong>, combien de temps, distinguer les nouveaux des fidèles, les <strong>produits populaires,</strong> les scrolls, les paniers ... tout ce que je veux, en fait ! 😯Même des trucs auxquels je n'aurais pas pensé !</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-59.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">
<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-60.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>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>En observant les KPI du maillage, je peux :</p>



<ul class="wp-block-list">
<li> <strong>renforcer les liens</strong> qui ne jouent pas le rôle que j'escomptais (les rendre <strong>plus visibles</strong>, les mettre <strong>ailleurs</strong>)</li>



<li><strong>Adapter la navigation</strong> des mes sites (menus, disposition, outils d'accompagnement) ...</li>



<li>Mettre en place des <a href="https://blog.hubspot.fr/website/parametres-utm" target="_blank" rel="noreferrer noopener">trackers UTM</a> pour <strong>suivre mes campagnes </strong>et surveiller leurs incidences.</li>
</ul>



<p class="has-base-2-background-color has-background">Ci-contre, ce graphique me permet de <strong>suivre la fidélité de mon audience </strong>mais aussi <strong>les pics de fréquentations.</strong> Utilisez les pour mesurer<strong> l'efficacité de vos relances</strong> (promo mail, notif de push ...)</p>



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



<p>Le <strong>tableau par pages </strong>(ici, des fiches produits) donne une vue globale de la popularité des liens maillés :</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-61.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%">
<p>Ci-contre, <strong>le tableau de bord du JetPack</strong> du CMS WordPress de mon blog <strong>en back office </strong>me procure aussi <strong>des stats (moins riches qu'Analytics)</strong></p>



<p class="has-text-align-center has-base-2-background-color has-background">➡️ C'est un moyen aussi de <strong>contrôler mes flux</strong> et <strong>la popularité de mes contenus</strong></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-62.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: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-64.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>➡️ On voit ici que <strong>les rebonds </strong>d'aujourd'hui ce focalisent en interne sur <strong>des ressources complémentaires</strong> (un tableur et 3 images pour deux tutos, l'un sur Excel, l'autre sur 3D Builder)</p>



<p>➡️ on voit aussi l<strong>es liens de maillage externes </strong>mais on en reparlera plus tard</p>
</div>
</div>



<p>Pour résumer, votre <strong>score SEO</strong> en termes de <strong>maillage interne</strong> dépendra donc :</p>



<ul class="wp-block-list">
<li>⛔de l'absence d'impasses (pages sans rebond interne) ou de<strong> pages en erreur</strong> (en maintenance, supprimées)</li>



<li>🔗 du<strong> panel de canaux de rebond </strong>disponibles (si vous avez les 5, c'est top)</li>



<li>👥du <strong>trafic d'audience</strong>. La<strong> durée de sessions</strong> compte d'ailleurs plus que <strong>le nombre de visiteurs </strong>(et pour cause, si beaucoup de visiteurs atterrissent sur votre site mais repartent aussitôt, c'est qu'il y'a un problème).</li>



<li>📈 de la <strong>liaison </strong>ou non de votre backoffice<strong> avec Google Analytics </strong>(pour faciliter la tenue des statistiques)</li>
</ul>



<h4 class="wp-block-heading has-medium-font-size" id="3-%E2%9E%A1%EF%B8%8F-liens-externes-purs-afiliate">➡️ Liens externes purs (Afiliate)</h4>



<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="221" height="289" src="https://st9ph.fr/wp-content/uploads/2026/01/image-65.png" alt="" class="wp-image-32443"/></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>Proposer d'<strong>élargir le point de vue</strong>, notamment sur les blogs (vitrine) et les Réseaux, c'est une démarche qui doit aller de soi, pour<strong> proposer un autre regard </strong>que le sien sur un sujet, permettre de rebondir.</p>



<p class="has-base-2-background-color has-background">Google va observer <strong>votre maillage externe </strong>(cad les liens vers des sites étrangers au votre) et a<strong>méliorer votre score </strong>si votre maillage est <strong>riche et systématique</strong>. C'est en effet pour lui <strong>un gage </strong>que l'expérience des googlenautes qui auront choisi votre site dans ses résultats sera<strong> variée et multi-sourcée.</strong></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">
<p>De votre côté aussi, surveillez <strong>le trafic Afiliate entrant</strong> (quels sites vous envoient des visiteurs) afin, pourquoi pas, de les contacter et d<strong>'établir des partenariats (backlink).</strong> Chacun y gagnera à <strong>booster le trafic</strong> de l'autre.</p>



<p class="has-base-2-background-color has-background">Ici, le tableau de bord du Jet Pack de ce blog montr<strong>e les sources entrantes</strong> et l'écrasante<strong> majorité de l'organique</strong> (Qui est en tête, comme toujours ?)</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-66.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="has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-0cc9dc7ee5ab9b7c45e5f3254373ce62">👉 Pour les moteurs de recherche, un lien externe est assimilé à une <strong>recommandation</strong> ! </p>



<p>📚 <strong>Source</strong> :<br><a href="https://developers.google.com/search/docs/fundamentals/how-search-works?hl=fr">Google Search Central – <em>How Search Works</em></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">
<!-- 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-68.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>Vous pouvez également<strong> interroger Google sur l'indexation de vos pages </strong>dans les moteurs en tapant<strong> "site:" + votre nom de domaine</strong>.</p>



<p>Vous aurez alors<strong> un classement des pages en fonction de leur Ranking</strong> avec des résultats parfois surprenantS</p>



<p class="has-base-2-background-color has-background">😗Je me demande un peu ce que ce <strong>vieux sujet d'examen sur Prestashop</strong> fait sur la seconde marche du podium surtout qu'il n'est plus accessible mais c'est comme ça !</p>



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



<p>🗺️Un <strong>Sitmaps </strong>(carte ou plan du site) aussi, peut <strong>aider les Bots à bien référencer l'architecture de votre site</strong>. C'est un peu technique à faire mais <strong>il y'a des outils pour cela</strong>. Plus d'infos sur <a href="https://developers.google.com/search/docs/crawling-indexing/sitemaps/overview?hl=fr" target="_blank" rel="noreferrer noopener">le site développeur Google</a>.</p>



<h3 class="wp-block-heading" id="4-12-%E2%9A%99%EF%B8%8F-pertinence-du-contenu-et-des-mots-cl%C3%A9s-" 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>pertinence du contenu et des mots clés</strong></h3>



<h4 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-194249878febdade4d7a0e9744146946" id="5-%E2%9E%A1%EF%B8%8Fbalises-choix-de-mots-cl%C3%A9s-et-longues-traines">➡️Balises, choix de mots clés et longues traines</h4>



<p>Imaginons que vous soyez <strong>une vendeuse de porte-clés artisanaux </strong>et que vous vouliez faire <strong>la promo de votre boutique </strong>sur votre blog.</p>


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


<p class="has-text-align-center">Vous allez sans doute choisir "<strong>porte-clés artisanaux</strong>" comme mots clés, j'imagine ?</p>



<p>👉🏻 Déjà, évitez de les séparer "porte" "clés" et "artisanaux"</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="504" height="677" src="https://st9ph.fr/wp-content/uploads/2026/01/image-70.png" alt="" class="wp-image-32455" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-70.png 504w, https://st9ph.fr/wp-content/uploads/2026/01/image-70-223x300.png 223w" sizes="auto, (max-width: 504px) 100vw, 504px" /><figcaption class="wp-element-caption">vous risquez d'attirer des internautes qui veulent plutôt acheter des portes ....</figcaption></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="437" height="619" src="https://st9ph.fr/wp-content/uploads/2026/01/image-71.png" alt="" class="wp-image-32456" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-71.png 437w, https://st9ph.fr/wp-content/uploads/2026/01/image-71-212x300.png 212w" sizes="auto, (max-width: 437px) 100vw, 437px" /><figcaption class="wp-element-caption">... ou qui veulent faire refaire leurs clés ...</figcaption></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="538" height="655" src="https://st9ph.fr/wp-content/uploads/2026/01/image-72.png" alt="" class="wp-image-32457" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-72.png 538w, https://st9ph.fr/wp-content/uploads/2026/01/image-72-246x300.png 246w" sizes="auto, (max-width: 538px) 100vw, 538px" /><figcaption class="wp-element-caption">... ou qui cherchent des salons artisanaux !</figcaption></figure>
</div>
</div>



<p class="callout rouge">⚠️ Le risque, c'est <strong>le rebond,</strong> cad <strong>les internautes </strong>qui vont arriver sur son site en cherchant une porte à refaire, un serrurier ou le prochain salon de l'artisanat et <strong>qui vont repartir aussitôt,</strong> déçus de leur atterrissage sur ce blog qui parle de porte-clés. <strong>Google va l'observer </strong>et <strong>descendre </strong>(en flèche) <strong>le Ranking </strong>de votre site, déduisant que <strong>vos mots clés étaient très mal choisis.</strong></p>



<p>👉🏻 Premier reflexe : faites <strong>des chaines de mots </strong>clés qu'on appelle <strong>longues traines</strong> : "<strong>porte-clés artisanaux</strong>"</p>



<p class="has-text-align-center has-medium-font-size">🤔 Mais, tout cela, ça se vérifie ! Ne les inscrivez surtout <strong>pas à l'intuition</strong> !</p>



<p>🖥️ <strong><a href="https://trends.google.fr/" target="_blank" rel="noreferrer noopener">Google Trends</a></strong> est un outil qui permet de <strong>vérifier la popularité et la pertinence des mots clés</strong>. Ici, je croise en temps réel (sur douze mois) le nombre de recherches pour "<strong>porte-clés</strong>", "<strong>Artisanat</strong>" et "<strong>idée cadeau</strong>".</p>



<p class="has-text-align-center has-small-font-size"><a href="https://trends.google.fr/trends/explore?geo=FR&amp;q=%2Fm%2F03lnq3,Artisanat,id%C3%A9e%20cadeau&amp;hl=fr" target="_blank" rel="noreferrer noopener">Reconstituer la recherche</a></p>



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



<p>ℹ️ Ci-dessus, <strong>les résultats pour 2025</strong> (j'écris cette article en janvier 2026) mais cliquer sur "reconstituer la recherche" pour avoir <strong>les 12 derniers mois.</strong> On observe que :</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-36b45d04-9e30-43c9-a1eb-e65986fc6d65">
<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-6b1cc8f6-23e1-48ad-8022-604cbbf691b1">
			<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>porte-clés </strong>est un (relatif)<strong> bon choix</strong> (tapé au moins 40 fois par jour)</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-96cb9d8b-01d4-4ebb-9eeb-cc83718be06a">
			<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>Idée cadeau</strong> peut-être <strong>un booster ponctuellement</strong> (<strong>évènements marketing</strong> comme fête des pères / mères, mais surtout Noel)</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 384 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M64 390.3L153.5 256 64 121.7V390.3zM102.5 448H281.5L192 313.7 102.5 448zm128-192L320 390.3V121.7L230.5 256zM281.5 64H102.5L192 198.3 281.5 64zM0 48C0 21.5 21.5 0 48 0H336c26.5 0 48 21.5 48 48V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-569d451c-082a-4d9b-9abe-a5157d886daa">
			<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 384 512"><path fill="#cf2e2e" d="M64 390.3L153.5 256 64 121.7V390.3zM102.5 448H281.5L192 313.7 102.5 448zm128-192L320 390.3V121.7L230.5 256zM281.5 64H102.5L192 198.3 281.5 64zM0 48C0 21.5 21.5 0 48 0H336c26.5 0 48 21.5 48 48V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48z"></path></svg>
				</span>
				<span class="ub_list_item_text">On peut oublier "<strong>artisanat</strong>" dans notre traine car il est vraiment confidentiel.</span>
			</div>
			
		</li>
</ul>


<p>ℹ️ Pour info :</p>



<figure class="wp-block-table"><table><thead><tr><th>Oubliez ...</th><th>Si vous tapez ....</th><th>... seront englobés aussi :</th></tr></thead><tbody><tr><td>les accents, les majuscules</td><td> célèbre  </td><td>celebre, célebre, celèbre</td></tr><tr><td>le singulier / pluriel<br>Masculin / féminin</td><td>chevaux sauvages<br>compris</td><td>cheval sauvage<br>comprise</td></tr><tr><td>les liaisons, la polysémie</td><td>porte-clé</td><td>porte cle, porte-clefs, porte clef ...</td></tr><tr><td>les paronymes</td><td> +, @, auto</td><td>plus, arobase, automobile</td></tr><tr><td>les métonymes </td><td>Frigidaire, Frigo</td><td>réfrigérateur</td></tr></tbody></table></figure>



<p>🖥️ <a href="https://fr.semrush.com/analytics/keywordmagic/" target="_blank" rel="noreferrer noopener"><strong>Semrush</strong></a> <a href="https://fr.semrush.com/analytics/keywordmagic/"></a>(celui qui équipe Yoast SEO dans WordPress) est un <strong>autre outil de recherche</strong> de pertinence de mots clés :</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-73-1024x388.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><em>Il pourra nous servir aussi en SEA car il nous indique le Cout par Clic estimé (CPC), c'est à dire ce que l'on devra payer à chaque clic d'un googlenaute sur notre lien sponsorisé si on veut être devant tout le monde.</em></p>



<p class="has-medium-font-size">👉🏻 on sait donc :</p>



<ul class="wp-block-list">
<li> l'<strong>association de requête liée</strong> (souvent une marque, une action comme "acheter" ou un lieu)</li>



<li>la <strong>nature de la recherche</strong> (I pour <strong>informationnelle</strong>, C pour <strong>commerciale </strong>et T pour <strong>transactionnelle</strong>)</li>



<li>Le <strong>volume </strong>de recherche</li>



<li>le <strong>Keyword Diagnostic</strong> (s'il est facile ou pas, dans quel contexte et registre l'utiliser)</li>



<li>sa <strong>valeur sponsorisée</strong> au CPC (plus il sera courant, plus il sera cher)</li>
</ul>



<p>On peut aussi accéder à <strong>la SERP de résultats </strong>(pour voir où sont les concurrents).</p>



<p>👉 <strong><mark style="background-color:rgba(0, 0, 0, 0);color:#e69049" class="has-inline-color">Ubersuggest</mark></strong> est un excellent outil aussi <strong>pour le choix des bons mots clé</strong>. <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">On le verra dans la section SEA</mark> car c'est surtout un logiciel (😒 payant) qui permet d'évaluer <strong>le Cout par Clic</strong> (CPC) mais ci-dessous, il analyse non seulement <strong>mon Ranking</strong> (la position en SERP des mots clés que j'ai choisis) mais <strong>en suggère d'autres</strong> plus demandés :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="340" src="https://st9ph.fr/wp-content/uploads/2026/01/image-342-1024x340.png" alt="" class="wp-image-33585" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-342-1024x340.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-342-300x100.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-342-768x255.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-342.png 1105w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-base-2-background-color has-background">Ici, j'évalue comment faire évoluer <strong>ma stratégie de mots-clés </strong>sur un tuto sur <a href="https://st9ph.fr/formulaires-wordpress/">contact form 7,</a> un plug-in de formulaires pour <img loading="lazy" decoding="async" width="19" height="18" class="wp-image-33543" style="width: 19px;" src="https://st9ph.fr/wp-content/uploads/2026/01/image-336.png" alt="">WordPress. <strong>Il toile un faisceau</strong> en se basant sur le CQQCOCP pour proposer des <strong>traines plus performantes</strong>.</p>



<p>Il propose aussi <strong>un récapitulatif</strong> (si on aime pas les toiles 🕸️) basé sur un <strong>croisement de mon contenu et sur des recherches populaires</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-343-1024x245.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>👉 L'outil<strong> IA Writer</strong> d' <strong><mark style="background-color:rgba(0, 0, 0, 0);color:#e69049" class="has-inline-color">Ubersuggest</mark></strong> permet même de<strong> réécrire ou redéfinir un contenu</strong> pour l'<strong>optimisation SEO</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-344-1024x258.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">🔗<strong> Pensez</strong> aussi <strong>aux autres balises</strong> que vos mots clés (keywords) :</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-74.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>la <strong>zone Meta du code html,</strong> un <strong>ensemble de capsules ou balises</strong> contenant des<strong> "méta" informations </strong>(supérieures), sont l<strong>es seules lues par les Bots</strong> et contribuent grandement à votre référencement en plus des keywords sur lesquels je ne reviens pas (voir plus haut). Elles sont <strong>les seules </strong>aussi <strong>à apparaitre sur les SERP</strong> :</p>



<ul class="wp-block-list">
<li>la <strong>balise titre</strong> (Header) qui contient votre <strong>H1,</strong> parfois appelé aussi <strong>titre SEO</strong></li>



<li>La <strong>méta description,</strong> <strong>résumé et CTA </strong>de votre contenu sur la SERP</li>



<li>le <strong>permalien </strong>ou <strong>Slug </strong>(la terminaison de votre URL) qui doit être descriptive, elle aussi, du contenu (ne regardez pas là-haut, dans la barre d'url, mes slugs sont rarement SEO)</li>



<li>La <strong>balise Alt </strong>du<strong> texte alternatif </strong>de vos illustrations (pour Google images et vidéos)</li>



<li>vos <strong>tags</strong>, notamment pour raccorder <strong>avec les réseaux sociaux.</strong></li>
</ul>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>😗hum ? <strong>Un tag et un hashtag</strong>, c'est pareil ?</summary>
<p>Presque :<strong> un tag </strong>en @ vise<strong> une marque ou une personne</strong> @st9ph par exemple. <strong>Un hashtag </strong>en # vise<strong> un thème, un sujet</strong> #MakeMeBuy par exemple</p>
</details>



<p class="has-base-2-background-color has-background">Je vous renvoie sur <strong>les articles WordPress et Prestashop relatifs au </strong><a href="https://st9ph.fr/?s=SEO" target="_blank" rel="noreferrer noopener"><strong>SEO </strong>sur le blog</a> pour en savoir plus sur <strong>la manière de les alimenter correctement</strong>.</p>



<h4 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-9b95f984c1005aa9411d71dec4b6d4dd" id="6-%E2%9E%A1%EF%B8%8F-pertinence-des-contenus">➡️ Pertinence des contenus</h4>



<p>On ne va pas refaire ici <strong>toute une approche </strong>sur ce qui marche en <strong>marketing </strong>et je vous renvoie comme tout à l'heure sur les articles qui en parlent sur le blog. Non, dans cette partie, <strong>voyons juste ce qu'il faut faire et éviter de faire pour être bien référencé</strong> :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="951" height="363" src="https://st9ph.fr/wp-content/uploads/2026/01/image-75.png" alt="" class="wp-image-32465" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-75.png 951w, https://st9ph.fr/wp-content/uploads/2026/01/image-75-300x115.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-75-768x293.png 768w" sizes="auto, (max-width: 951px) 100vw, 951px" /></figure>


<div class="ub-styled-box ub-number-box wp-block-ub-styled-box" id="ub-styled-box-5f7769ca-c8c8-475d-96c4-aff048eebed4">
<div class="ub-number-panel" style="border-color: #000000; " id="ub-styled-box-numbered-box-column-864adfdf-bd0e-43b3-95bb-67580cd6b86a">
			<div class="ub-number-container" style="background-color: #ddc79a; ">
				<p class="ub-number-display" style="color: #000000; ">1</p>
			</div>
			<p class="ub-number-box-title" style="text-align: center; ">de l'humain <br>pour l'humain</p>
			<div class="ub-number-box-body" style="text-align: left; ">

<p class="has-text-align-center">Insérer du <strong>Chat GPT en guise  de contenu</strong>, ce n'est pas du jeu ! Google a horreur (à juste titre) de <strong>ce qui n'est pas authentique</strong>. Si c'est pour <strong>dupliquer ce qui existe déjà</strong>, à quoi bon augmenter votre Ranking ?</p>

</div>
		</div>

<div class="ub-number-panel" style="border-color: #000000; " id="ub-styled-box-numbered-box-column-ac065fbc-3d52-49b0-80e8-3d05762f80ed">
			<div class="ub-number-container" style="background-color: #ddc79a; ">
				<p class="ub-number-display" style="color: #000000; ">2</p>
			</div>
			<p class="ub-number-box-title" style="text-align: center; ">de l'original et du meilleur</p>
			<div class="ub-number-box-body" style="text-align: left; ">

<p class="has-text-align-center">Mettez <strong>votre touche</strong> à votre contenu, ayez <strong>votre style</strong>. Citez et backlinkez les autres si vous voulez mais apportez <strong>votre contribution réelle</strong>, votre <strong>valeur ajoutée</strong>, <strong>votre spécificité</strong>.</p>

</div>
		</div>

<div class="ub-number-panel" style="border-color: #000000; " id="ub-styled-box-numbered-box-column-1d32746f-81e5-4011-9003-e62a815cd2dd">
			<div class="ub-number-container" style="background-color: #ddc79a; ">
				<p class="ub-number-display" style="color: #000000; ">3</p>
			</div>
			<p class="ub-number-box-title" style="text-align: center; ">Ne cherchez pas le Ranking à tout prix</p>
			<div class="ub-number-box-body" style="text-align: left; ">

<p class="has-text-align-center"><strong>Ne cannibalisez pas</strong> vos mots-clé, <strong>ne radotez pas</strong> vos expressions clés, <strong>ne surchargez pas vos balises </strong>pour donner une indigestion aux bots, ça produira l'effet inverse !</p>

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


<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>😗 euh ... ? Cannibaliser ? J'ai un doute !</summary>
<p>Cannibaliser, c'est employer tellement souvent vos keywords que cela entraine une sur indexation de vos pages sur certains mots-clés. Google vous déréférence (pour vous punir) et à vouloir "dévorer" les autres, c'est vous-mêmes que vous avez mangé à la fin !</p>
</details>



<p>La <strong>chek list </strong>du <a href="https://developers.google.com/search/docs/fundamentals/creating-helpful-content?hl=fr" target="_blank" rel="noreferrer noopener">Google Search Central</a> (<em>Creating helpful, reliable, people-first content</em>)<strong> des questions à vous poser </strong>quand vous rédigez un contenu à référencer :</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>☐ Le contenu répond clairement à <strong>un besoin ou une question</strong> de l’internaute (qui a tapé les mots clés que vous avez choisis)<br>☐ Il apporte une <strong>valeur ajoutée réelle</strong> (méthode, conseil ... )<br>☐ Il est <strong>plus utile ou plus clair</strong> que les contenus concurrents<br>☐ Il est écrit pour un <strong>humain</strong>, pas pour un moteur</p>



<p>☐ Le texte est <strong>clair, fluide et compréhensible</strong><br>☐ Le niveau de langage est <strong>adapté à la cible</strong><br>☐ Les phrases sont <strong>plutôt courtes</strong> et lisibles<br>☐ Le contenu donne envie de <strong>continuer la lecture</strong></p>



<p>☐ Le contenu est bien <strong>structuré avec des titres et sous-titres</strong><br>☐ Les paragraphes sont <strong>courts et aérés</strong><br>☐ Des listes à puces sont utilisées si nécessaire<br>☐ La hiérarchie du contenu est logique<br>☐ La lecture est confortable sur <strong>mobile</strong></p>



<p>☐ Le sujet est traité de manière <strong>complète</strong><br>☐ Les questions principales et secondaires sont <strong>couvertes</strong><br>☐ Le contenu n’est<strong> pas trop court ou superficiel</strong><br>☐ Les informations sont <strong>fiables et vérifiables</strong> (sourcées)</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="369" height="727" src="https://st9ph.fr/wp-content/uploads/2026/01/image-77.png" alt="" class="wp-image-32467" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-77.png 369w, https://st9ph.fr/wp-content/uploads/2026/01/image-77-152x300.png 152w" sizes="auto, (max-width: 369px) 100vw, 369px" /></figure>
</div>
</div>



<p class="has-base-2-background-color has-background">C'est fondamental, <strong>surtout en Vitrine et en Blog</strong>, de proposer quelque chose de différent des autres. Sans quoi, <strong>le premier à vous ignorer </strong>ne sera même pas parmi vos lecteurs, mais ce <strong>sera Google lui-même</strong> !</p>



<h3 class="wp-block-heading" id="7-13-%E2%9A%99%EF%B8%8F-r%C3%A8gles-de-conception-et-tra%C3%A7age-" 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>règles de conception et traçage</strong></h3>



<h4 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-240d8702d3ed41112858787c732d6547" id="8-%E2%9E%A1%EF%B8%8F-d%C3%A9velopper-light">➡️ Développer "light"</h4>



<p>le schéma ci-dessous, de <a href="https://web.dev/" target="_blank" rel="noreferrer noopener">Web Vitals</a> (cliquez sur l'image pour voir l'article), montre les 3 KPI à retenir pour votre Ranking technique :</p>



<ul class="wp-block-list">
<li>le <strong>LCP</strong> (<strong>chargement</strong>) que l'internaute va espérer <strong>en moins de 2.5 s </strong>pour être satisfait</li>



<li>l'<strong>INP</strong> (la<strong> réactivité des liens</strong> une fois entré) en mois de 0.2 s (oui, c'est court)</li>



<li>LE <strong>CLS</strong> (<strong>la charge mémoire</strong>) qui doit pouvoir "éponger" en moins d'<strong>un dixième de secondes</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-57.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 <strong>mon blog</strong> (inspecter - menu chevons &gt;&gt; - performances), ça donne ç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" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="525" height="176" src="https://st9ph.fr/wp-content/uploads/2026/01/image-78.png" alt="" class="wp-image-32471" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-78.png 525w, https://st9ph.fr/wp-content/uploads/2026/01/image-78-300x101.png 300w" sizes="auto, (max-width: 525px) 100vw, 525px" /></figure>



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



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="516" height="150" src="https://st9ph.fr/wp-content/uploads/2026/01/image-79.png" alt="" class="wp-image-32472" style="width:524px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-79.png 516w, https://st9ph.fr/wp-content/uploads/2026/01/image-79-300x87.png 300w" sizes="auto, (max-width: 516px) 100vw, 516px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>👑 <strong>Je suis royal en LCP,</strong> même si le lighthouse me donne un score de <strong>75/100 en global</strong> !</p>



<p class="has-base-2-background-color has-background has-small-font-size">Le javascript, la vidéo 4K en bannière de homepage et autres pop-up peuvent être préjudiciables !</p>



<p><strong>Qui c'est le patron </strong>de l'INP ? On navigue à la vitesse de l'éclair sur st9ph.fr !</p>



<p class="has-base-2-background-color has-background has-small-font-size">Evitez le boutons d'action trop sophistiqués (hoover)</p>



<p>Oh ! <strong>Ce CLS de dingo</strong> ! C'est <strong>les vacances pour les navigateurs </strong>quand on se promène sur mon site !</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%">
<p class="has-base-2-background-color has-background">ℹ️ Vous pouvez bien entendu garder le panneau d'inspection ouvert pour mesurer en temps réel les KPI pendant que vous surfez sur le site comme dans la vidéo ci-contre.</p>



<p>Ca peut vous aider à trouver les pages qui <strong>répondent moins bien que les autres</strong> ou qui provoquent <strong>une surcharge</strong></p>



<p></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-video"><video height="338" style="aspect-ratio: 526 / 338;" width="526" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/01/Enregistrement-2026-01-08-184314.mp4" playsinline></video></figure>
</div>
</div>



<h4 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-f8d5400bec37113dcd18d05490108980" id="9-%E2%9E%A1%EF%B8%8F-laissez-google-entrer-dans-votre-backoffice">➡️ laissez Google entrer dans votre backoffice</h4>



<p>Pour le traçage, vous n'aurez pas trop le choix d'<strong>inviter Google Analytics à résider sur votre site.</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="582" height="703" src="https://st9ph.fr/wp-content/uploads/2026/01/image-82.png" alt="" class="wp-image-32477" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-82.png 582w, https://st9ph.fr/wp-content/uploads/2026/01/image-82-248x300.png 248w" sizes="auto, (max-width: 582px) 100vw, 582px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>C'est du donnant - donnant, en fait :</p>



<ul class="wp-block-list">
<li>vous <strong>donnez accès à vos données</strong> pour aider Google à <strong>collecter les infos</strong> et à<strong>mieux vous référencer</strong></li>



<li>il vous procure <strong>un tableau de bord sensas</strong> avec <strong>tous les outils de suivi dont vous rêviez</strong>. (voir l'image ci- dessous).</li>
</ul>



<p class="has-text-align-center has-base-2-background-color has-background">😮‍💨 Reste à savoir ce qu'il va en faire !</p>



<p>📈 <strong>61 025 boutiques Françaises e-commerce</strong> utilisent <strong>Google Analytics (toutes versions)</strong>. <a href="https://storeleads.app/reports/technology/Google%20Analytics/country/FR?" target="_blank" rel="noreferrer noopener">Store Leads</a></p>



<p>📊 Sur celles équipées de la nouvelle version <strong>Google Analytics 4</strong>, on recense <strong>40 672 installations</strong>.</p>
</div>
</div>



<!-- 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-83-1024x776.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>Voilà pour ce "petit" tour du SEO qui, je l'espère, aura répondu à toutes les questions que vous ne vous posiez pas sur le référencement. 😉</p>



<p class="has-base-2-background-color has-background">Maintenant qu'on a vu <strong>comment exister "gratuitement"</strong>, parfois, <strong>la concurrence est rude</strong> et un <strong>petit dopage de votre Ranking </strong>contre <strong>une modeste rétribution</strong> de Google, ça peut vous aider à <strong>remonter sur la SERP n° 1</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">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">
     le référencement sponsorisé (SEA)
    </h2>
    <p class="chapter-subtitle">Booster sa visibilité pour pallier à un ranking SEO insuffisant</p>
  </div>
</div>



<p>Le principe est simple. Vous <strong>enchérissez au montant que vous souhaitez</strong> au clic (<strong>CPC</strong>). Si aucun de vos concurrents n'a enchéri plus cher que vous sur les mêmes mots clés ou traines que vous, v<strong>ous êtes premier en SERP</strong> !</p>



<p>Ici, ce sont Darty et Boulanger qui se disputent la traine "ampli hifi" :</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-84-1024x395.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 faudra <strong>surveiller votre taux de conversion </strong>car <strong>le CPC va avoir un impact sur votre marge</strong> : si <strong>100 lead cliquent sur le lien sponsorisé </strong>de votre produit enchéri à<strong>1,00 € de CPC</strong> et que seuls<strong>2% d'entre eux achètent</strong>, cela fait <strong>un poids de 50 € sur chaque article vendu</strong> !</p>



<p>👉🏻 selon <a href="https://www.coutsite.fr/calculateur-budget-google-ads-2026" target="_blank" rel="noreferrer noopener">cette étude</a>, le budget moyen estimé de SEA se repartit ainsi par secteurs :</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th><strong>Secteur d’activité</strong></th><th><strong>CPC moyen observé</strong></th><th><strong>Budget recommandé mensuel</strong></th><th><strong>Objectif typique</strong></th></tr></thead><tbody><tr><td>Artisan &amp; BTP</td><td>1,80 € – 3,50 €</td><td>600 € – 1 200 €</td><td>Générer des leads locaux</td></tr><tr><td>Immobilier</td><td>2,80 € – 4,50 €</td><td>1 500 € – 3 000 €</td><td>Prospection &amp; rendez-vous</td></tr><tr><td>Avocats &amp; juridique</td><td>4,00 € – 12,00 €</td><td>2 000 € – 5 000 €</td><td>Leads qualifiés</td></tr><tr><td>E-commerce (mode, déco, etc.)</td><td>0,40 € – 1,50 €</td><td>1 000 € – 10 000 €+</td><td>Ventes directes</td></tr><tr><td>Santé &amp; bien-être</td><td>1,50 € – 2,50 €</td><td>500 € – 1 000 €</td><td>Prise de RDV</td></tr><tr><td>Services B2B / consulting</td><td>3,50 € – 8,00 €</td><td>1 500 € – 4 000 €</td><td>Leads B2B</td></tr><tr><td><strong>Exemples complémentaires</strong></td><td></td><td></td><td></td></tr><tr><td>Services locaux (plombier, électricien)</td><td>3 € – 6 €</td><td>≈ <strong>1 000 €/mois</strong> minimum</td><td>Conversion rapide locale</td></tr><tr><td>Retail / shopping (annonces search)</td><td>~0,40 € – 2 €</td><td>≈ <strong>1 500 €/mois</strong></td><td>Acquisition de clients online</td></tr></tbody></table></figure>



<p>👉🏻 C'est sur <a href="https://support.google.com/google-ads/answer/6146252?hl=fr&amp;ref_topic=10286612&amp;sjid=10516294162411121566-EU&amp;visit_id=639034984993850249-3783776766" target="_blank" rel="noreferrer noopener">Google Ads </a>que cela se passe.</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%">
<!-- 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-85.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 -->



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



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>Vous définissez<strong> un budget quotidien </strong>qu'Ads ne dépassera jamais, même si le nombre de clics sur <strong>vos annonces est plus grand</strong></p>



<p class="has-base-2-background-color has-background">Selon votre domaine d'activité, Ads vous suggérera <strong>un niveau en comparaison </strong>avec vos concurrents.</p>



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



<p class="has-text-align-center"><em>ci-dessus, un avertissement si je choisis moins que le budget investi par mes concurrents.</em></p>



<p class="has-base-2-background-color has-background">Je n'irai pas plus loin car, même si je vous aime bien, je ne vais pas dépenser <strong>1000 € par mois </strong>pour passer devant ECommerce Mag et le Hubspot. Ils se demanderaient un peu qui je suis et pourquoi je fais ça !</p>



<p class="has-medium-font-size">👉🏻 <strong>Ubersuggest</strong> est un autre outil d'aide au SEA (payant lui aussi) :</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-87.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>Il permet de suivre aussi <strong>le Ranking et la difficulté SEO</strong> (pour savoir où miser) :</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-339-1024x613.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">Classé 🏅<strong>17ème en moyenne </strong>en visibilité pour le web francophone (😏 ben quoi ? ce n'est pas si mal !) en m'étant annoncé <strong>freelance dans le marketing digital</strong>, j'aurais tout intérêt à <strong>sortir de l'ombre en boostant ma visibilité <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">par le biais du SEA</mark></strong> !</p>



<p>👉 Je peux <strong>analyser les mots clés </strong>que j'ai retenus et <strong>auditer leur poids </strong>ainsi que <strong>l'intentionnalité des googlenautes </strong>qui les ont recherchés :</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-340-1024x476.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">Ici, "Contact Form 7", <strong>un plug-in</strong> <img loading="lazy" decoding="async" width="19" height="18" class="wp-image-33543" style="width: 19px;" src="https://st9ph.fr/wp-content/uploads/2026/01/image-336.png" alt=""><strong>WordPress</strong> pour lequel j'ai fait un tuto est d'une<strong> difficulté moyenne </strong>( c'est sur 100 -&gt; pas trop cher au CPC mais pas donné non plus) et clairement sur<strong> la file "informationnelle" </strong>et pas "transactionnelle". Donc, <strong>ça ne rapporterait rien de miser</strong>.</p>



<p>👉 Je sais auss<strong>i combien je dois miser </strong>pour être numéro 1 en lien sponsorisé :</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-341.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"><strong>2,74 €</strong> pour un volume d'<strong>engagement de 590</strong> atterrissages, <strong>c'est 1617 € de budget SEA</strong>. Admettons que je vende mes tutos et que j'ai <strong>un taux de conversion de 5%</strong> (au grand maximum), cela me fait <strong>29 acheteurs.</strong> Il a intérêt à être drôlement bien mon tuto pour<strong> le vendre au minimum 80 €</strong> pour <strong>marger de 0,50 €</strong> ! Je vais faire la fête avec <strong>15 € dans ma poche </strong>! 🍾 </p>



<p>⛔ Donc, <strong>non merci,</strong> même en terme d<strong>'investissement de trafic</strong> (mes visiteurs vont se promener dans ma boutique et peut-être remplir leur panier plus abondamment), <strong>ce n'est pas une OP à tente</strong>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">
<p>👉 Vous pouvez aussi <strong>"booster" votre audience </strong>en <strong><em>Referal</em></strong> depuis <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"><strong>les pages de vos réseaux sociaux</strong>.</mark></p>



<p class="has-base-2-background-color has-background"><img loading="lazy" decoding="async" width="30" height="28" class="wp-image-33570" style="width: 30px;" src="https://st9ph.fr/wp-content/uploads/2026/01/linked-in-small.jpg" alt=""> Ici, <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"><strong>Linked In Ads</strong></mark> me propose <strong>260k impressions</strong> en sponsorisé au lieu des <strong>70 </strong>que m'avaient apporté<strong> les followers </strong> (on ne se moque pas) soit un <strong>x 37K</strong> pour une <strong>cinquantaine d'euros</strong>. (CPV 0,002 €)</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><a href="https://business.linkedin.com/fr/fr/advertise/ads/campaign-manager" target="_blank" rel=" noreferrer noopener"><img loading="lazy" decoding="async" width="305" height="37" src="https://st9ph.fr/wp-content/uploads/2026/01/image-338.png" alt="" class="wp-image-33571" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-338.png 305w, https://st9ph.fr/wp-content/uploads/2026/01/image-338-300x36.png 300w" sizes="auto, (max-width: 305px) 100vw, 305px" /></a></figure>
</div></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-337.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="has-small-font-size">↗️ Vous pouvez <strong>en savoir plus sur le Campaign manage</strong>r en cliquant sur le logo.</p>



<p>✅ Là, effectivement, <strong>ça se tente</strong> pour <strong>doper </strong>de façon générale <strong>l'audience du site</strong> et espérer <strong>des rebonds internes</strong>. L'effet "boule de neige" peut être payant. On mise sur un flux d'entrée (<strong>Aspirateur</strong>) et l'attrait du site doit pouvoir faire le reste si on l'a bien conçu.</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 style="background-color: #f8f8f8; border-width: 2px; border-color: #ECECEC; " class="ub_call_to_action wp-block-ub-call-to-action-block" id="ub_call_to_action_114cadf2-2234-4f91-9ed0-7ea0ee422423">
			<div class="ub_call_to_action_headline">
				<p class="ub_call_to_action_headline_text" style="font-size: 30px; text-align: center; ">🍀</p>
			</div>
			<div class="ub_call_to_action_content">
				<p class="ub_cta_content_text" style="font-size: 15px; text-align: center; ">Un petit Quiz pour finir ?</p>
			</div>
			<div class="ub_call_to_action_button">
				<a href="https://forms.gle/sNy8cNDUobjVBdYv5" target="_self" rel="noopener noreferrer" class="ub_cta_button" style="background-color: var(--accent); width: 250px; ">
					<p class="ub_cta_button_text" style="color: var(--base-3); font-size: 14px; ">Allez ! Soyons fous !</p>
				</a>
			</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-6005cf48bff9fae1ed7a3fbdac7d8ac9"><strong>Tu préfères sur ton smartphone ?</strong></p>



<p class="has-text-align-center"><strong>Libre à toi :</strong></p>


<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_docs.google.com-2.png" alt="" class="wp-image-32590" style="width:195px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-2.png 490w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-2-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-2-150x150.png 150w" sizes="auto, (max-width: 490px) 100vw, 490px" /></figure>
</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 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%2F%25e2%258f%25ba%25ef%25b8%258fomnicanal-search-engine-marketing%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 class="breadcrumb_last" aria-current="page">☝️ Concepts</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></p>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-6b4c3d01     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/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="280" src="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg 916w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-300x93.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-768x239.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Donner des sens au digital</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-05-04T14:12:54+02:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					4 mai 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>🎧 Ecouter l&#8217;introduction audio Ce n&#8217;est pas pour rien que même les pure players finissent...				</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/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" 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/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="643" height="165" src="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg 643w, https://st9ph.fr/wp-content/uploads/2026/02/celi-avant-300x77.jpg 300w" sizes="auto, (max-width: 643px) 100vw, 643px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | La communication en service client &amp; son management</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-09T15:14:06+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					9 février 2026				</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>L&#8217;importance de communiquer A toutes les étapes de son parcours client, votre interlocuteur recevra des...				</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/com-en-service-client-et-son-management/" 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/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="381" src="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-300x127.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-768x326.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1536x652.png 1536w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s.png 1584w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | UX Mobile</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-30T13:51:57+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					30 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>C&#8217;est quoi &#8220;l&#8217;UX Mobile&#8221; ? UX pour User eXperience. L’expérience utilisateur en mobilité, c’est la...				</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/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" 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/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="720" height="211" src="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg 720w, https://st9ph.fr/wp-content/uploads/2026/01/e5a-img-300x88.jpg 300w" sizes="auto, (max-width: 720px) 100vw, 720px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">☝️L&#8217;épreuve E5 A (écrit) du BTS NDRC</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-11T21:23:50+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					11 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>⏱️ 3 heures | ✅coef2 /40 pts 👍 A ce jour, tous mes étudiants ont...				</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/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" 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/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="758" height="158" src="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg 758w, https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande-300x63.jpg 300w" sizes="auto, (max-width: 758px) 100vw, 758px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | la Satisfaction Client</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-10T14:12:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					10 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>C&#8217;est quoi la satisfaction client ? On parle aussi de &#8220;Customer Care&#8221;. C&#8217;est le fait...				</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%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" 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/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="798" height="185" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg 798w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-300x70.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-768x178.jpg 768w" sizes="auto, (max-width: 798px) 100vw, 798px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Search Engine Marketing</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-08T21:56:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					8 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>C&#8217;est quoi le &#8220;Search Engine Marketing&#8221; ? Le Search Engine Marketing (SEM) est l&#8217;addition de...				</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/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" 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/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/">⏺️Omnicanal | Search Engine Marketing</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/Enregistrement-2026-01-08-184314.mp4" length="939993" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_12-01-2026_at_19_31_54_on_January_12th_2026.mp3" length="273024" type="audio/mpeg" />

		<post-id xmlns="com-wordpress:feed-additions:1">32397</post-id>	</item>
		<item>
		<title>🏷️Animation RC &#124; Social Selling &#038; Reverse Marketing</title>
		<link>https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-social-selling-reverse-marketing/</link>
					<comments>https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-social-selling-reverse-marketing/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Mon, 05 Jan 2026 14:08:08 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[🏷️ Animation RC]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[ce qui marche en social selling]]></category>
		<category><![CDATA[comprendre le social commerce]]></category>
		<category><![CDATA[Social selling exemple]]></category>
		<category><![CDATA[vendre depuis les réseaux]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=32190</guid>

					<description><![CDATA[<p>☰ 📚 Sources 🧑‍🎓NDRC 📘 Glossaire 📚 Sources Médiametrie, FEVAD &#038; INSEE – étude sur les RS par classe d&#8217;âges Statcounter – Social Media Console TikTok, Instagram &#038; BeReal – illustrations de contenus populaires Défi, Blogging Wizzard – étude sur les parts de marché REview TRackers, Avis vérifiés, Zenreviews – influence des avis sur les ... <a title="🏷️Animation RC &#124; Social Selling &#38; Reverse Marketing" class="read-more" href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-social-selling-reverse-marketing/" aria-label="En savoir plus sur 🏷️Animation RC &#124; Social Selling &#38; Reverse Marketing">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-social-selling-reverse-marketing/">🏷️Animation RC | Social Selling &amp; Reverse Marketing</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-60e92510"><button class="uagb-notice-close-button" type="button" aria-label="Close"></button><h5 class="uagb-notice-title"><strong>C&#8217;est quoi  tout ça ?</strong></h5><div class="uagb-notice-text">
<p class="has-medium-font-size">Le Social Selling est l&#8217;art de vendre depuis les réseaux sociaux et le Reverse Marketing, celui de faire valoriser nos offres par le consommateur lui-même. Ces deux stratégies transfèrent donc la charge de l&#8217;argumentaire et le Call To action à des ambassadeurs (influenceurs ou clients promoteurs).</p>
</div></div>





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



<!-- 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="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h4>📚 Sources</h4>
<ul>
 <!--  ✅ contenus 📚 Sources -->
<li><strong>Médiametrie, FEVAD &#038; INSEE</strong> – étude sur les RS par classe d&#8217;âges</li>
<li><strong>Statcounter</strong> – Social Media Console</li>
<li><strong>TikTok, Instagram &#038; BeReal</strong> – illustrations de contenus populaires</li>
<li><strong>Défi, Blogging Wizzard</strong> – étude sur les parts de marché</li>
<li><strong>REview TRackers, Avis vérifiés, Zenreviews</strong> – influence des avis sur les achats</li>
<li><strong>IGC construction</strong> – témoignage client</li>
<li><strong>Milka</strong> – Animation Aires d&#8217;autoroute</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="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 écrite E5A.</p>
<ul>
<li>savoir distinguer les RS par contenus et par audiences</li>
<li>connaitre les méthodes de CTA sur les réseaux</li>

</ul>
<p>👉 les opportunités liées au canal RS sont évaluées systématiquement </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="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h4>📘 Glossaire</h4>
<!-- ✅ contenus 📘 Glossaire -->
<ul>
<li><strong>Social Selling</strong> : vendre à partir des RS </li>
<li><strong>Kilo followers</strong> : 1000 suiveurs (d&#8217;une personnalité ou d&#8217;une marque sur les RS) </li>
<li><strong>Avatar IA</strong> :influenceur virtuel </li>
<li><strong>Reverse Marketing</strong> : Valorisation faite par les clients eux-mêmes </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>Il n'y a pas photo ! Le canal <strong>Réseaux Sociaux </strong>est celui sur lequel <strong>vos futurs acheteurs passent le plus de temps </strong>et de loin, comme le montre le tableau ci dessous :</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><td class="has-text-align-center" data-align="center"><strong>Classe d'âge</strong></td><td class="has-text-align-center" data-align="center"><strong>Temps connecté</strong><br>🕒 (par jour)</td><td class="has-text-align-center" data-align="center">👁️‍🗨️ <strong>RS</strong></td><td class="has-text-align-center" data-align="center">🛒 <strong>ESHOP</strong></td><td class="has-text-align-center" data-align="center">🏪 <strong>SVP</strong><br>(moy. / jour)</td></tr></thead><tbody><tr><td class="has-text-align-center" data-align="center"><strong>15 - 24 ans</strong></td><td class="has-text-align-center" data-align="center">5h10</td><td class="has-text-align-center" data-align="center"><strong>3h15</strong></td><td class="has-text-align-center" data-align="center">46 min</td><td class="has-text-align-center" data-align="center">~22 min</td></tr><tr><td class="has-text-align-center" data-align="center"><strong>25 - 34 ans</strong></td><td class="has-text-align-center" data-align="center">4h45</td><td class="has-text-align-center" data-align="center"><strong>2h35</strong></td><td class="has-text-align-center" data-align="center">51 min</td><td class="has-text-align-center" data-align="center">~28 min</td></tr><tr><td class="has-text-align-center" data-align="center"><strong>35 - 44 ans</strong></td><td class="has-text-align-center" data-align="center">3h50</td><td class="has-text-align-center" data-align="center"><strong>1h55</strong></td><td class="has-text-align-center" data-align="center">32 min</td><td class="has-text-align-center" data-align="center">~35 min</td></tr><tr><td class="has-text-align-center" data-align="center"><strong>45 - 59 ans</strong></td><td class="has-text-align-center" data-align="center">2h40</td><td class="has-text-align-center" data-align="center"><strong>1h25</strong></td><td class="has-text-align-center" data-align="center">16 min</td><td class="has-text-align-center" data-align="center">~42 min</td></tr><tr><td class="has-text-align-center" data-align="center"><strong>60 - 74 ans</strong></td><td class="has-text-align-center" data-align="center">2h10</td><td class="has-text-align-center" data-align="center"><strong>55 min</strong></td><td class="has-text-align-center" data-align="center">9 min</td><td class="has-text-align-center" data-align="center">~55 min</td></tr><tr><td class="has-text-align-center" data-align="center"><strong>75 ans +</strong></td><td class="has-text-align-center" data-align="center">1h20</td><td class="has-text-align-center" data-align="center"><strong>45 min</strong></td><td class="has-text-align-center" data-align="center">2 min</td><td class="has-text-align-center" data-align="center">~58 min</td></tr></tbody></table></figure>



<p class="has-small-font-size">sources et méthodes de calcul :</p>



<ul class="wp-block-list has-small-font-size">
<li class="has-small-font-size"><strong>Temps Internet Global &amp; Réseaux :</strong> Données basées sur l'Observatoire des usages Internet de <strong>Médiamétrie (2024/2025)</strong>.</li>



<li><strong>Calcul Shopping :</strong> Le calcul est une pondération basée sur le volume de sessions e-commerce rapporté par la <strong>FEVAD</strong> croisé avec le temps de navigation par catégorie.</li>



<li><strong>Magasin :</strong> Estimation de la répartition de la consommation finale (Insee/Consommation des ménages).</li>
</ul>



<p>Ci-dessous, <strong>en temps réel,</strong> sur les <strong>douze derniers mois</strong>, la répartition sur les différents réseaux (liaison permanente avec le statcounter pour un graphique toujours à jour) :</p>


<div id="all-social_media-FR-monthly-202412-202512" width="600" height="400" style="width:600px; height: 400px;"></div>
<p><!-- You may change the values of width and height above to resize the chart --></p>
<p>Source: <a href="https://gs.statcounter.com/social-media-stats/all/france">StatCounter Global Stats - Social Media Market Share</a></p>
<p><script type="text/javascript" src="https://www.statcounter.com/js/fusioncharts.js"></script><script type="text/javascript" src="https://gs.statcounter.com/chart.php?all-social_media-FR-monthly-202412-202512&#038;chartWidth=600"></script></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'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-e7f8d73c-da4a-446a-bf70-1017c19f80bc">
			<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-e7f8d73c-da4a-446a-bf70-1017c19f80bc-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-e7f8d73c-da4a-446a-bf70-1017c19f80bc-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-e7f8d73c-da4a-446a-bf70-1017c19f80bc-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-e7f8d73c-da4a-446a-bf70-1017c19f80bc-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-e7f8d73c-da4a-446a-bf70-1017c19f80bc-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-e7f8d73c-da4a-446a-bf70-1017c19f80bc-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-e7f8d73c-da4a-446a-bf70-1017c19f80bc-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-e7f8d73c-da4a-446a-bf70-1017c19f80bc-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-e7f8d73c-da4a-446a-bf70-1017c19f80bc-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-e7f8d73c-da4a-446a-bf70-1017c19f80bc-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-935c175b-a160-407d-853e-c5cc7b85ebcd">
			<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-935c175b-a160-407d-853e-c5cc7b85ebcd-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-935c175b-a160-407d-853e-c5cc7b85ebcd-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-935c175b-a160-407d-853e-c5cc7b85ebcd-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-935c175b-a160-407d-853e-c5cc7b85ebcd-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-935c175b-a160-407d-853e-c5cc7b85ebcd-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-935c175b-a160-407d-853e-c5cc7b85ebcd-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-935c175b-a160-407d-853e-c5cc7b85ebcd-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-935c175b-a160-407d-853e-c5cc7b85ebcd-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-935c175b-a160-407d-853e-c5cc7b85ebcd-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-935c175b-a160-407d-853e-c5cc7b85ebcd-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-c4008ae3-a5cb-42b0-a5ba-d088f9f651f0">
			<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-c4008ae3-a5cb-42b0-a5ba-d088f9f651f0-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-c4008ae3-a5cb-42b0-a5ba-d088f9f651f0-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-c4008ae3-a5cb-42b0-a5ba-d088f9f651f0-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-c4008ae3-a5cb-42b0-a5ba-d088f9f651f0-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-c4008ae3-a5cb-42b0-a5ba-d088f9f651f0-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-c4008ae3-a5cb-42b0-a5ba-d088f9f651f0-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-c4008ae3-a5cb-42b0-a5ba-d088f9f651f0-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-c4008ae3-a5cb-42b0-a5ba-d088f9f651f0-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-c4008ae3-a5cb-42b0-a5ba-d088f9f651f0-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-c4008ae3-a5cb-42b0-a5ba-d088f9f651f0-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>🔎 Voir aussi <a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-le-buyer-persona-et-approches-en-prospection/#1-4-les-donn%C3%A9es-de-navigation-et-dinteraction" target="_blank" rel="noreferrer noopener">cet autre article</a> pour les données statistiques sur les RS (<strong>section 1-4</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">11–17 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">2 687 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-31T19:41:34+02:00">31 mars  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-ba5423ce      "
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							plan de l'article :						</div>
																						<div class="uagb-toc__list-wrap ">
						<ol class="uagb-toc__list"><li class="uagb-toc__list"><a href="#social-selling" class="uagb-toc-link__trigger">Social Selling</a><ul class="uagb-toc__list"><li class="uagb-toc__list"><a href="#11-authenticité-contenu-spontané" class="uagb-toc-link__trigger">🔹1.1 |Authenticité &amp; contenu spontané</a><li class="uagb-toc__list"><li class="uagb-toc__list"><a href="#12-micro-influenceurs-engagement-profond" class="uagb-toc-link__trigger">🔹1.2 |Micro-influenceurs &amp; engagement profond</a><li class="uagb-toc__list"><li class="uagb-toc__list"><a href="#13-ia-intégrée-personnalisation" class="uagb-toc-link__trigger">🔹1.3 |IA intégrée &amp; personnalisation</a></li></ul></li><li class="uagb-toc__list"><a href="#reverse-marketing" class="uagb-toc-link__trigger">Reverse Marketing</a><ul class="uagb-toc__list"><li class="uagb-toc__list"><a href="#21-partage-davis-et-dexpériences-tmot" class="uagb-toc-link__trigger">🔹2.1 |🍕 partage d&#039;avis et d&#039;expériences (TMOT)</a><li class="uagb-toc__list"><li class="uagb-toc__list"><a href="#22-ateliers-essais" class="uagb-toc-link__trigger">🔹2.2 |🛠️Ateliers &amp; Essais</a><li class="uagb-toc__list"><li class="uagb-toc__list"><a href="#23-mobilisation-de-sa-communauté" class="uagb-toc-link__trigger">🔹2.3 |🤼‍♀️mobilisation de sa communauté</a></ul></ul></ol>					</div>
									</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">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>Social Selling</h2>
</div>
<ul class="chapter-points"><li>Authenticité & contenu spontané</li><li>Micro-influenceurs & engagement profond</li><li>IA intégrée & personnalisation</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->



<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><strong>Vendre sur les réseaux sociaux</strong>, c’est utiliser <strong>Instagram, TikTok, Snapchat, YouTube, etc.</strong> pour :</p>



<ul class="wp-block-list">
<li><strong>attirer </strong>des prospects,</li>



<li><strong>créer de la confiance</strong>,</li>



<li>puis <strong>leur donner envie d’acheter</strong> un produit ou un service.</li>
</ul>



<p></p>



<p class="has-base-2-background-color has-background">On parlera toujours d'acheter "<strong>depuis</strong>" et non pas "<strong>sur</strong>" les RS, <strong>car l'achat se fait toujours sur la eshop</strong>, même si le socionaute ne s'en rend pas  forcément compte.</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="1024" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/image-147.png" alt="" class="wp-image-31934" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-147.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-147-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-147-150x150.png 150w, https://st9ph.fr/wp-content/uploads/2025/12/image-147-768x768.png 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<p></p>



<p class="has-base-2-background-color has-background"> Certains distingueront le <strong>Social commerce</strong> ➡️ transactions <em>effectuées directement</em> via les réseaux sociaux (achat in-app, boutiques intégrées, live shopping etc.)  <a href="https://www.grandviewresearch.com/horizon/outlook/social-commerce-market/france?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">Grand View Research</a> du <strong>Social selling</strong> ➡️ utilisation des réseaux sociaux pour <strong>créer une relation, influencer une décision d’achat</strong>, souvent avant même que l’achat n’ait lieu. <a href="https://www.frenchweb.fr/numbers-social-selling-55-des-professionnels-deja-in%EF%AC%82uences-par-un-post-publie-sur-les-reseaux-sociaux-lors-dun-acte-dachat/328651?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">FW.MEDIA</a> estimant que ces deux phénomènes <strong>sont liés mais pas identiques</strong> ➡️ le social selling contribuant à la croissance du social commerce. </p>



<p class="has-text-align-center has-medium-font-size">Pour simplifier, nous partirons du principe que <strong>c'est la même chose</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>
<h3 class="wp-block-heading" id="0-11-authenticit%C3%A9-amp-contenu-spontan%C3%A9-" 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>Authenticité &amp; contenu spontané</strong></h3>



<p id="block-f94fddee-54a5-4737-b967-4b88c03e128d">les internautes ont montré une préférence pour le <strong>contenu non-polissé</strong> et “réel” :</p>



<ul id="block-730d8611-1907-4381-b4fb-ea149aea8c3a" class="wp-block-list">
<li>sur BeReal, ce qui est spontané et “sans filtre” a gagné en popularité.</li>



<li>les campagnes et posts moins “corporate” et plus authentiques ont mieux performé. <a href="https://lareclame.fr/wearesocial-think-forward-2025-tendances-reseaux-306784?" target="_blank" rel="noreferrer noopener">la Réclame+1</a></li>
</ul>



<p></p>



<p class="callout jaune" id="block-b8564a84-8ce2-4969-800a-810901993be8">👉 <em>Ce que cela signifie</em><br>Les utilisateurs se lassent des vidéos trop travaillées ou formatées — ils veulent du contenu <strong>humain, spontané et identifiable</strong>.</p>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-video"><video height="1024" style="aspect-ratio: 576 / 1024;" width="576" controls src="https://st9ph.fr/wp-content/uploads/2026/01/Download-3.mp4"></video></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-video"><video height="774" style="aspect-ratio: 484 / 774;" width="484" controls src="https://st9ph.fr/wp-content/uploads/2026/01/sephora.mp4"></video></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Micro-influenceurs &amp; engagement profond</p>



<h3 class="wp-block-heading" id="1-12-micro-influenceurs-amp-engagement-profond-" 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>Micro-influenceurs &amp; engagement profond</strong></h3>



<p id="block-72a93073-1812-4b07-9d43-01121d88d151">Plutôt que les mégastars, ce sont <strong>les micro-influenceurs</strong> — avec des communautés plus petites mais très actives — qui ont généré le plus d’engagement et de conversions pour les marques. <a href="https://communitymanagermonaco.com/2025/08/27/le-marche-des-reseaux-sociaux-en-france-en-2025-enjeux-tendances-et-opportunites-pour-les-entreprises/?" target="_blank" rel="noreferrer noopener">communitymanagermonaco.com</a></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="860" height="756" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-04-231138.jpg" alt="" class="wp-image-32203" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-04-231138.jpg 860w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-04-231138-300x264.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-04-231138-768x675.jpg 768w" sizes="auto, (max-width: 860px) 100vw, 860px" /></figure>
</div>
</div>



<p class="has-text-align-center has-medium-font-size">Cela ne veut pas dire que les stars ne vendent plus !</p>



<p class="has-base-2-background-color has-background">Ci-dessous, par exemple, <strong>Bebe Stockwell</strong> (282 Kilo followers) reste <strong>une ambassadrice </strong>créatrice de fort trafic pour <strong><a href="https://www.sezane.com/fr-fr" target="_blank" rel="noreferrer noopener">Sezane</a> </strong>outre-Atlantique.</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_.tiktok_bebe_stoockwell.png" alt="" class="wp-image-32206" style="width:184px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/qrcode_.tiktok_bebe_stoockwell.png 450w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_.tiktok_bebe_stoockwell-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_.tiktok_bebe_stoockwell-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%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="662" height="238" src="https://st9ph.fr/wp-content/uploads/2026/01/image-37.png" alt="" class="wp-image-32208" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-37.png 662w, https://st9ph.fr/wp-content/uploads/2026/01/image-37-300x108.png 300w" sizes="auto, (max-width: 662px) 100vw, 662px" /></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%">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="658" src="https://st9ph.fr/wp-content/uploads/2026/01/image-38-1024x658.png" alt="" class="wp-image-32210" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-38-1024x658.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-38-300x193.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-38-768x494.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-38.png 1395w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-base-2-background-color has-background">Dans les commentaires, on voit que <strong>tout est sujet à rebond commercial.</strong> Ici, ce sont les vêtements qu'elle porte.</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-video"><video height="1024" style="aspect-ratio: 576 / 1024;" width="576" controls src="https://st9ph.fr/wp-content/uploads/2026/01/Download-5.mp4"></video></figure>
</div>
</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>
</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%">
<h3 class="wp-block-heading" id="2-13-ia-int%C3%A9gr%C3%A9e-amp-personnalisation-" 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>IA intégrée &amp; personnalisation</strong></h3>



<p id="block-044521cf-24c7-42ba-890e-ffd08982ac34">Meta et d’autres plateformes ont <strong>déployé des outils d’IA</strong> pour :</p>



<ul id="block-aa5d5072-194a-4893-ba33-f602b572d0fa" class="wp-block-list">
<li>proposer des recommandations plus personnalisées,</li>



<li>générer du contenu (réponses, textes),</li>



<li>enrichir les interactions dans les chats. 🌐 <a href="https://www.lemonde.fr/pixels/article/2025/03/20/meta-deploie-son-outil-d-intelligence-artificielle-conversationnel-en-france-qui-sera-disponible-sur-whatsapp-instagram-et-facebook_6583800_4408996.html?" target="_blank" rel="noreferrer noopener">Le Monde.fr</a></li>
</ul>



<p></p>



<p class="has-medium-font-size" id="block-c976bb55-5719-4975-bf2a-e27fb64b2a07">Certaines tendances émergentes très discutées incluent aussi :</p>



<ul class="wp-block-list">
<li>🌐 des <strong>influenceurs virtuels (avatars IA)</strong> et expériences AR/VR immersives. <a href="https://www.reddit.com//r/growthguide/comments/1nniysj?" target="_blank" rel="noreferrer noopener">Reddit</a></li>



<li>🌐 l’<strong>IA générative</strong> pour créer vidéos/images directement à partir de texte. <a href="https://www.reddit.com//r/growthguide/comments/1nniysj?" target="_blank" rel="noreferrer noopener">Reddit</a></li>
</ul>



<p></p>



<p class="callout bleu">Sur l'exemple ci-contre, <strong>Aitana (@fitaitana)</strong>, une influenceuse 100% virtuelle sur <a href="https://www.tiktok.com/@fitaitana" target="_blank" rel="noreferrer noopener">TikTok</a> 👉🏻</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-video"><video height="1024" style="aspect-ratio: 576 / 1024;" width="576" controls src="https://st9ph.fr/wp-content/uploads/2026/01/Download-6.mp4"></video></figure>



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



<p class="has-medium-font-size">📈 La répartition par secteurs dans <strong>le retail </strong>provenant du social selling :</p>



<figure class="wp-block-table"><table><thead><tr><th><strong>Secteur</strong></th><th><strong>Part estimée du CA généré via social selling / social commerce</strong></th><th><strong>Source / Année</strong></th></tr></thead><tbody><tr><td>🥇<strong>Mode / Habillement</strong></td><td>~18 % des ventes sociales globales</td><td>Étude Accenture (prévision social commerce) (<a href="https://www.defimode.org/social-commerce-accenture/?utm_source=chatgpt.com">Défi</a>)</td></tr><tr><td>🥈<strong>Électronique grand public</strong></td><td>~13 %</td><td>Étude Accenture (2025 estim.) (<a href="https://www.defimode.org/social-commerce-accenture/?utm_source=chatgpt.com">Défi</a>)</td></tr><tr><td>🥉 <strong>Décoration intérieure / maison</strong></td><td>~7 %</td><td>Étude Accenture (2025 estim.) (<a href="https://www.defimode.org/social-commerce-accenture/?utm_source=chatgpt.com">Défi</a>)</td></tr><tr><td><strong>Social commerce global (toutes catégories)</strong></td><td><strong>~18 % du e-commerce mondial</strong></td><td>Statista (Global 2025) (<a href="https://bloggingwizard.com/social-commerce-statistics/?utm_source=chatgpt.com">Blogging Wizard</a>)</td></tr><tr><td><strong>Social commerce (France)</strong></td><td><strong>USD 13 669 M (CA total social–commerce)</strong></td><td>Marché France 2024 (<a href="https://www.grandviewresearch.com/horizon/outlook/social-commerce-market/france?utm_source=chatgpt.com">Grand View Research</a>)</td></tr><tr><td><strong>Global social commerce (toutes catégories)</strong></td><td><strong>~USD 700 milliards CA 2024</strong></td><td>Statistiques globales (<a href="https://whop.com/blog/social-commerce-statistics/?utm_source=chatgpt.com">Whop</a>)</td></tr></tbody></table></figure>



<p class="callout rouge">➡️ Ce mode de commerce, même s'il ne représente que <strong>le 5ème du E-Commerce</strong> (lui même le quart des ventes totales en B2C), <strong>est en forte progression </strong>(<strong>+ 30 % chaque année</strong>, en volume) et <strong>ne peut plus être ignoré </strong>par les enseignes</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>Reverse Marketing</h2>
</div>
<ul class="chapter-points"><li>🍕 partage d'avis et d'expériences (TMOT)</li><li>🛠️ Ateliers & Essais</li><li>🤼‍♀️mobilisation de sa communauté</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p>Le Reverse Marketing (ou marketing inversé) est une stratégie qui consiste à <strong>promouvoir vos produits ou services par le biais des consommateurs eux-mêmes</strong>. Il peut s’agir de <strong>clients promoteurs</strong>, de leads partageant leur <strong>expérience sur un atelier</strong> ou autres …</p>



<p class="callout bleu">➡️ L’impact <strong>est décuplé</strong> car l<strong>e prospect s’identifie</strong> <strong>à</strong> cette promotion venant de <strong>ceux qui lui ressemblent.</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>🍕 partage d'avis et d'expériences (TMOT)</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">
<!-- 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-39.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">Les avis de votre <strong>eshop</strong>, ou, encore mieux, de <strong>sites certifiés </strong>(indépendants et vecteurs de visibilité) permettent <strong>la levée de doute </strong>de consommateurs qui se méfient de l<strong>’argumentaire commercial du site vendeur</strong>.</p>
</div>
</div>



<p class="callout jaune">👉 Une très large majorité des acheteurs <strong>lisent des avis</strong> avant d’acheter — que ce soit en ligne ou avant une visite en magasin, et les décisions d’achat en sont <strong>fortement influencées</strong>. <a href="https://www.amraandelma.com/product-review-impact-statistics/?" target="_blank" rel="noreferrer noopener">Amra and Elma LLC</a></p>



<p class="has-medium-font-size" id="3-2-les-avis-augmentent-les-ventes-">1) <strong>Les avis augmentent les ventes</strong></p>



<ul class="wp-block-list">
<li>Avoir plusieurs avis (ex. 5+) augmente <strong>considérablement la probabilité d’achat (+270 %)</strong> par rapport à un produit sans avis. <a href="https://www.reviewtrackers.com/reports/customer-reviews-stats/?" target="_blank" rel="noreferrer noopener">ReviewTrackers</a></li>



<li>Une <strong>bonne note moyenne</strong> ou une étoile en plus peut <strong>faire gagner plusieurs points de croissance de CA</strong>. <a href="https://www.reviewtrackers.com/reports/customer-reviews-stats/" target="_blank" rel="noreferrer noopener">ReviewTrackers</a></li>



<li>L’affichage d’avis peut <strong>augmenter le taux de conversion jusqu’à ~70 %</strong>, car ils rassurent le consommateur et réduisent l’hésitation d’achat. <a href="https://fr.avis-verifies.com/solutions-conversion-avis-client/" target="_blank" rel="noreferrer noopener">Avis vérifiés</a></li>
</ul>



<p class="has-medium-font-size" id="3-4-effet-sur-la-perception-"> 2) <strong>Effet sur la perception</strong></p>



<ul class="wp-block-list">
<li>Les consommateurs <strong>font plus confiance</strong> à des avis sincères qu’à de la publicité ou offre promo. <a href="https://ecommerce-platforms.com/iw/articles/online-review-statistics" target="_blank" rel="noreferrer noopener">Ecommerce-Platforms.com</a></li>



<li>Les avis valent presque autant que <strong>des recommandations de proches</strong>. <a href="https://zenreviews.io/article/3-important-statistics-that-show-how-reviews-influence-consumers/" target="_blank" rel="noreferrer noopener">Zenreviews</a></li>



<li>Un mauvais avis fait fuir jusqu’à <strong>94 % des consommateurs</strong> d’une entreprise ou produit. <a href="https://www.reviewtrackers.com/reports/customer-reviews-stats/?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">ReviewTrackers</a></li>



<li>Des avis positifs permettent à beaucoup de consommateurs de <strong>payer plus pour un produit</strong> perçu comme meilleur. <a href="https://reviewsonmywebsite.com/blog/online-review-statistics?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">reviewsonmywebsite.com</a></li>
</ul>



<p class="has-base-2-background-color has-background">Ci-dessous, l'interview d'<strong>une cliente</strong> d'un bâtisseur BTP, <a href="https://www.igc-construction.fr/" target="_blank" rel="noreferrer noopener">IGC Constructions</a> qui <strong>partage son expérience </strong>d'accompagnement sur le chantier.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Avis Client - IGC Construction" width="900" height="506" src="https://www.youtube.com/embed/qOJtYEMTlps?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></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.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>🛠️Ateliers &amp; Essais</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><strong>Mettez en situation </strong>vos produits auprès de consommateurs sur des stands et <strong>relayez l’évènement sur votre blog</strong>. <strong>Informez les webzines </strong>appropriés pour qu’ils publient un article sur le sujet (trafic Afiliate pour le SEO)</p>



<p class="has-text-align-center has-base-background-color has-background">Ci-contre, <strong>un atelier culinaire</strong> pour mettre en avant <strong>vos recettes</strong> (si vous vendez de la nourriture), <strong>vos casseroles</strong> ou <strong>votre électroménager</strong> si vous êtes détaillant de produits ménagers.</p>



<p>➡️ Cela peut se faire en <strong>animation commerciale </strong>dans votre <strong>SVP</strong>, lors d'<strong>un salon</strong> avec <strong>un live</strong> sur vos RS avec replay</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="443" height="426" src="https://st9ph.fr/wp-content/uploads/2026/01/image-40.png" alt="" class="wp-image-32218" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-40.png 443w, https://st9ph.fr/wp-content/uploads/2026/01/image-40-300x288.png 300w" sizes="auto, (max-width: 443px) 100vw, 443px" /></figure>
</div>
</div>



<p>Ci dessous <strong>Milka </strong>qui propose une "<strong>pause tendresse</strong>" sur la route des vacances (dire que j'ai raté ça  ! ) :</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Opération de Street Marketing Milka : Journées Classées Mauves Dans le Sens des Départs" width="900" height="506" src="https://www.youtube.com/embed/TR5T7y1drqQ?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></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>🤼‍♀️mobilisation de sa communauté</strong></h3>



<p class="has-medium-font-size">Prenons trois exemples : le <strong>forum</strong>, le <strong>jeu concours</strong>, et l'<strong>évènement</strong> ponctuel :</p>



<p class="has-medium-font-size">💬Le Forum</p>



<p>Donner à ses clients <strong>un lieu d'échange et d'entraide</strong>, de surcroit, si vous y faites passer de temps à autre <strong>un de vos experts pour corriger et débloquer,</strong> c'est le meilleur moyen de <strong>faire vivre votre enseigne par</strong> le seul carburant de <strong>vos consommateurs </strong>!</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="413" src="https://st9ph.fr/wp-content/uploads/2026/01/image-41-1024x413.png" alt="" class="wp-image-32220" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-41-1024x413.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-41-300x121.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-41-768x310.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-41.png 1034w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Ci-dessus, l'exemple de <a href="https://communaute.leroymerlin.fr/app/629/channel/evenements-2930" target="_blank" rel="noreferrer noopener">Leroy Merlin</a> qui propose <strong>des topics</strong> pour le conseil, l'installation et l'entretien, en plus de <strong>ses tutos</strong> qu'on peut <strong>commenter </strong>et de <strong>ses live</strong> sur lesquels on peut <strong>réagir</strong>.</p>



<p class="has-medium-font-size">🥇 le jeu concours</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>La marque <a href="https://www.vans.com/fr-fr/" target="_blank" rel="noreferrer noopener">VANS</a> eut cette idée géniale de proposer à ses clients<strong> de transformer les boites en carton des chaussures</strong> qu’ils avaient acheté <strong>en objets artistiques </strong>(plutôt que les jeter) puis de les exposer sur Instagram ou Facebook (lots à gagner à la clé).</p>



<p class="has-base-2-background-color has-background">L’opération fut <strong>l’une des plus virales qu’un jeu concours ait généré aux Etats-Unis </strong>et permit de <strong>propulser la marque </strong>californienne temporairement <strong>au dessus de Nike</strong> en score de trafic <em>Sharedmedia </em>avec un investissement financier presque nul.</p>



<p class="has-text-align-center">💡C’est en effet <strong>en mettant</strong> au maximum <strong>en situation </strong>les abonnés et <strong>en leurs proposant des activités</strong> et <strong>des gains</strong> que vous allez <strong>donner envie </strong>à votre audience <strong>de partager et de venir vers vos landing pages</strong> (connaitre le règlement d’un jeu concours, voir ses résultats, suivre un évènement en live ou un podcast…)</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-42.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="has-medium-font-size">🗓️ l'évènement ponctuel</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-43.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>Organisez des <strong>évènements</strong> autour de votre marque afin de proposer des <strong>moments ludiques </strong>ou <strong>sportifs</strong> qui provoqueront naturellement d<strong>es commentaires et des partages </strong>de la part des internautes qui auront passé <strong>un agréable moment grâce à vous</strong>.</p>



<p class="has-base-2-background-color has-background">Ci-contre, quelques commentaires d’internautes venus <strong>aux concerts nocturnes </strong>du parc <a href="https://bayeux-aventure.fr/">Bayeux Aventures</a>.</p>
</div>
</div>



<p>tous ses stratégies ne sont pas <strong>des magnets à fédérer</strong>, ils sont aussi <strong>d'excellents outils pour booster votre SEO c</strong>ar ils démultiplient <strong>vos liens Afiliate et Referal</strong> en <strong>martelant votre marque</strong> dans les registres de référencements des moteurs de recherche !</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 style="background-color: #f8f8f8; border-width: 2px; border-color: var(--base-2); " class="ub_call_to_action wp-block-ub-call-to-action-block" id="ub_call_to_action_abd5be46-0170-47c7-807e-2c66b2fc5d11">
			<div class="ub_call_to_action_headline">
				<p class="ub_call_to_action_headline_text" style="font-size: 30px; text-align: center; ">🍀</p>
			</div>
			<div class="ub_call_to_action_content">
				<p class="ub_cta_content_text" style="font-size: 15px; text-align: center; ">Un petit Quizz pour terminer ?</p>
			</div>
			<div class="ub_call_to_action_button">
				<a href="https://forms.gle/aa2ZbgHkp3HpjbEo6" target="_blank" rel="noopener noreferrer" class="ub_cta_button" style="background-color: var(--accent); width: 250px; ">
					<p class="ub_cta_button_text" style="color: var(--base-3); font-size: 14px; "><strong>Allez ! Soyons fous !</strong></p>
				</a>
			</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center">Si tu préfères sur smartphone :</p>


<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_docs.google.com-3.png" alt="" class="wp-image-32627" style="width:161px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-3.png 490w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-3-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-3-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">
<p class="has-text-align-center has-medium-font-size">👀autre regard :</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><a href="https://business.linkedin.com/fr-fr/sales-solutions/social-selling" target="_blank" rel=" noreferrer noopener"><img loading="lazy" decoding="async" width="177" height="61" src="https://st9ph.fr/wp-content/uploads/2026/01/image-48.png" alt="" class="wp-image-32353"/></a></figure>
</div>

<div class="wp-block-image">
<figure class="aligncenter size-full"><a href="https://www.agorapulse.com/fr/blog/instagram-social-selling-5-choses-a-savoir-pour-faire-decoller-vos-ventes/" target="_blank" rel=" noreferrer noopener"><img loading="lazy" decoding="async" width="166" height="58" src="https://st9ph.fr/wp-content/uploads/2026/01/image-49.png" alt="" class="wp-image-32355"/></a></figure>
</div>

<div class="wp-block-image">
<figure class="aligncenter size-full"><a href="https://www.plezi.co/fr/social-selling/" target="_blank" rel=" noreferrer noopener"><img loading="lazy" decoding="async" width="157" height="89" src="https://st9ph.fr/wp-content/uploads/2026/01/image-50.png" alt="" class="wp-image-32358"/></a></figure>
</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 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%2F%25f0%259f%258f%25b7%25ef%25b8%258fanimation-rc-social-selling-reverse-marketing%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 class="breadcrumb_last" aria-current="page">☝️ Concepts</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-d34e4425     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/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="280" src="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg 916w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-300x93.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-768x239.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Donner des sens au digital</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-05-04T14:12:54+02:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					4 mai 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>🎧 Ecouter l&#8217;introduction audio Ce n&#8217;est pas pour rien que même les pure players finissent...				</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/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" 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/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="643" height="165" src="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg 643w, https://st9ph.fr/wp-content/uploads/2026/02/celi-avant-300x77.jpg 300w" sizes="auto, (max-width: 643px) 100vw, 643px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | La communication en service client &amp; son management</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-09T15:14:06+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					9 février 2026				</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>L&#8217;importance de communiquer A toutes les étapes de son parcours client, votre interlocuteur recevra des...				</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/com-en-service-client-et-son-management/" 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/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="381" src="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-300x127.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-768x326.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1536x652.png 1536w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s.png 1584w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | UX Mobile</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-30T13:51:57+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					30 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>C&#8217;est quoi &#8220;l&#8217;UX Mobile&#8221; ? UX pour User eXperience. L’expérience utilisateur en mobilité, c’est la...				</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/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" 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/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="720" height="211" src="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg 720w, https://st9ph.fr/wp-content/uploads/2026/01/e5a-img-300x88.jpg 300w" sizes="auto, (max-width: 720px) 100vw, 720px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">☝️L&#8217;épreuve E5 A (écrit) du BTS NDRC</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-11T21:23:50+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					11 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>⏱️ 3 heures | ✅coef2 /40 pts 👍 A ce jour, tous mes étudiants ont...				</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/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" 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/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="758" height="158" src="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg 758w, https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande-300x63.jpg 300w" sizes="auto, (max-width: 758px) 100vw, 758px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | la Satisfaction Client</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-10T14:12:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					10 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>C&#8217;est quoi la satisfaction client ? On parle aussi de &#8220;Customer Care&#8221;. C&#8217;est le fait...				</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%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" 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/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="798" height="185" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg 798w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-300x70.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-768x178.jpg 768w" sizes="auto, (max-width: 798px) 100vw, 798px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Search Engine Marketing</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-08T21:56:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					8 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>C&#8217;est quoi le &#8220;Search Engine Marketing&#8221; ? Le Search Engine Marketing (SEM) est l&#8217;addition de...				</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/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" 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/%f0%9f%8f%b7%ef%b8%8fanimation-rc-social-selling-reverse-marketing/">🏷️Animation RC | Social Selling &amp; Reverse Marketing</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-social-selling-reverse-marketing/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/Download-3.mp4" length="2407823" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/sephora.mp4" length="6052400" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/Download-5.mp4" length="4967608" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/Download-6.mp4" length="1318513" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_12-01-2026_at_19_39_38_on_January_12th_2026.mp3" length="297216" type="audio/mpeg" />

		<post-id xmlns="com-wordpress:feed-additions:1">32190</post-id>	</item>
		<item>
		<title>🛒E-Commerce &#124; Opérations commerciales en digital</title>
		<link>https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/</link>
					<comments>https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Sun, 04 Jan 2026 17:45:48 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[🛒 E-Commerce]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[campagnes digitales]]></category>
		<category><![CDATA[le digital dans les opérations com]]></category>
		<category><![CDATA[toutes les opérations commerciales]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=32105</guid>

					<description><![CDATA[<p>📖 Lecture : 0 % ☰ 📚 Sources 🧑‍🎓NDRC 📘 Glossaire 📚 Sources Institut CSA, CCI, Le Progrès – Etudes chiffrées sur les OP COM Ministère de l&#8217;Economie &#038; des Finances – périodes soldes &#038; réglementation Microsoft – Illustration Power BI Nano Banana Pro de Google Gemini – personnages et produits d&#8217;illustration et image en ... <a title="🛒E-Commerce &#124; Opérations commerciales en digital" class="read-more" href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/" aria-label="En savoir plus sur 🛒E-Commerce &#124; Opérations commerciales en digital">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/">🛒E-Commerce | Opérations commerciales en digital</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-15f580ae"><button class="uagb-notice-close-button" type="button" aria-label="Close"></button><h5 class="uagb-notice-title">C&#8217;est quoi une opération commerciale ?</h5><div class="uagb-notice-text">
<p>Aussi appelée &#8220;<strong>campagne</strong>&#8220;, une O-P-COM, c&#8217;est <strong>une opération spécifique</strong> de <strong>mise en avant </strong>d&#8217;un service, d&#8217;un produit, d&#8217;une gamme, d&#8217;une marque, d&#8217;un savoir faire &#8230; afin, selon l&#8217;objectif, de <strong>conquérir un marché</strong>, d&#8217;<strong>écouler un stock </strong>ou de <strong>rehausser le CA</strong> dans des périodes creuses ou sur des segments où les ventes sont pauvres.</p>
</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>



<!-- 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="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>📚 Sources</h3>
<ul>
 <!--  ✅ contenus 📚 Sources -->
<li><strong>Institut CSA, CCI, Le Progrès</strong> – Etudes chiffrées sur les OP COM</li>
<li><strong>Ministère de l&#8217;Economie &#038; des Finances</strong> – périodes soldes &#038; réglementation</li>
<li><strong>Microsoft</strong> – Illustration Power BI</li>
<li><strong>Nano Banana Pro de Google Gemini</strong> – personnages et produits d&#8217;illustration et image en avant</li>
<li><strong>Zeoobs</strong> – publication Instagram</li>
<li><strong>juju&#8217;s activation</strong> – image d&#8217;illustration Salon</li>
<li><strong>Decathlon</strong> – Vidéo Live Shopping</li>
<li><strong>Similar Web</strong> – aperçu du tableau de bord</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="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>🧑‍🎓 NDRC</h3>
<!--  ✅ contenus 🧑‍🎓 NDRC -->
<p> 🟦 Cet article est à visée de l&#8217;épreuve écrite E5A</p>
<ul>
<li>savoir dynamiser les ventes en E-Commerce</li>
<li>Connaitre les conditions à respecter pour ses promos et soldes</li>
<li>savoir organiser une opération commerciale</li>
<li>savoir proposer des outils, des méthodes et des étapes pour la réalisation d&#8217;une OP Com</li>
</ul>
<p>👉 c&#8217;est évalué systématiquement ! </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="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>📘 Glossaire</h3>
<!-- ✅ contenus 📘 Glossaire -->
<ul>
<li><strong>SMART</strong> : spécifique, Mesurable, atteignable, réaliste, temporel </li>
<li><strong>CPV</strong> : Cout par vue </li>
<li><strong>Phygital</strong> : physique dans le digital </li>
<li><strong>Backlink</strong> : lien (retour) gagné (ou échangé) par sa stratégie SEO</li>
<li><strong>Teasing / Teaser</strong> : annonce de l&#8217;OP à venir</li>
<li><strong>Backlink</strong> : lien (retour) gagné (ou échangé) par sa stratégie SEO</li>
<li><strong>Data Miner</strong> : opérateur des données</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>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_12-01-2026_at_19_49_17_on_January_12th_2026.mp3" autoplay></audio></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>Augmenter le chiffre d’affaires</strong></li>



<li>🎯 <strong>Acquérir de nouveaux clients</strong></li>



<li>🔁 <strong>Fidéliser</strong> (réachat, abonnement)</li>



<li>📦 <strong>Écouler des stocks</strong></li>



<li>🚀 <strong>Lancer un produit/service</strong></li>



<li>💡 <strong>Améliorer la notoriété</strong></li>
</ul>


<div style="border: 3px solid #9fbe9a; border-radius: 0%; background-color: inherit; " class="ub-styled-box ub-bordered-box wp-block-ub-styled-box" id="ub-styled-box-4faa3cba-6808-4d19-a131-4565b8d8dffb">
<div class="wp-block-uagb-counter uagb-block-06a3e619 wp-block-uagb-counter--number" id="ub-styled-box-bordered-content-"><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-prefix">+</span><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">de ventes <strong>en BLACK FRIDAY</strong><br>(sur certains produits)<br><em>source CCI</em></div></div>


</div></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="800" height="533" src="https://st9ph.fr/wp-content/uploads/2026/01/ChatGPT-Image-3-janv.-2026-13_43_11.jpg" alt="" class="wp-image-32108" srcset="https://st9ph.fr/wp-content/uploads/2026/01/ChatGPT-Image-3-janv.-2026-13_43_11.jpg 800w, https://st9ph.fr/wp-content/uploads/2026/01/ChatGPT-Image-3-janv.-2026-13_43_11-300x200.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/ChatGPT-Image-3-janv.-2026-13_43_11-768x512.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p class="has-text-align-center"><strong>71 % </strong>des consommateurs estiment que<strong> les promotions toute l’année</strong> sont <strong>plus intéressantes que les</strong> seules périodes de <strong>soldes</strong>. <a href="https://csa.eu/csa-content/uploads/2021/06/opi20160420-les-soldes-supplantes-par-les-promotions-pours-70-pour-cent-des-francais.pdf?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">Institut CSA</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'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-743cad01-3674-458e-99d6-9852051e8a23">
			<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-743cad01-3674-458e-99d6-9852051e8a23-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-743cad01-3674-458e-99d6-9852051e8a23-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-743cad01-3674-458e-99d6-9852051e8a23-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-743cad01-3674-458e-99d6-9852051e8a23-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-743cad01-3674-458e-99d6-9852051e8a23-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-743cad01-3674-458e-99d6-9852051e8a23-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-743cad01-3674-458e-99d6-9852051e8a23-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-743cad01-3674-458e-99d6-9852051e8a23-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-743cad01-3674-458e-99d6-9852051e8a23-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-743cad01-3674-458e-99d6-9852051e8a23-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-3691a4be-503b-4366-939a-dee82d33e834">
			<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-3691a4be-503b-4366-939a-dee82d33e834-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-3691a4be-503b-4366-939a-dee82d33e834-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-3691a4be-503b-4366-939a-dee82d33e834-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-3691a4be-503b-4366-939a-dee82d33e834-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-3691a4be-503b-4366-939a-dee82d33e834-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-3691a4be-503b-4366-939a-dee82d33e834-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-3691a4be-503b-4366-939a-dee82d33e834-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-3691a4be-503b-4366-939a-dee82d33e834-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-3691a4be-503b-4366-939a-dee82d33e834-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-3691a4be-503b-4366-939a-dee82d33e834-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-e7b7b936-3d3b-46b3-a45a-bf21f81d8be4">
			<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-e7b7b936-3d3b-46b3-a45a-bf21f81d8be4-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-e7b7b936-3d3b-46b3-a45a-bf21f81d8be4-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-e7b7b936-3d3b-46b3-a45a-bf21f81d8be4-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-e7b7b936-3d3b-46b3-a45a-bf21f81d8be4-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-e7b7b936-3d3b-46b3-a45a-bf21f81d8be4-2"><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="star2" mask="url(#ub_star_rating_filter-e7b7b936-3d3b-46b3-a45a-bf21f81d8be4-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-e7b7b936-3d3b-46b3-a45a-bf21f81d8be4-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-e7b7b936-3d3b-46b3-a45a-bf21f81d8be4-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-e7b7b936-3d3b-46b3-a45a-bf21f81d8be4-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-e7b7b936-3d3b-46b3-a45a-bf21f81d8be4-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">15–23 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">3 568 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:19:18+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-a9683ad2      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							plan de l'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="#sources" class="uagb-toc-link__trigger">📚 Sources</a><li class="uagb-toc__list "><a href="#ndrc" class="uagb-toc-link__trigger">🧑‍🎓 NDRC</a><li class="uagb-toc__list "><a href="#glossaire" class="uagb-toc-link__trigger">📘 Glossaire</a><li class="uagb-toc__list "><a href="#1-1-les-soldes-réglementées" class="uagb-toc-link__trigger">1-1 | les soldes réglementées</a><li class="uagb-toc__list "><a href="#1-2-les-promotions" class="uagb-toc-link__trigger">1-2 | les promotions</a><li class="uagb-toc__list "><a href="#1-3-les-ventes-privées" class="uagb-toc-link__trigger">1-3 | les Ventes privées</a><li class="uagb-toc__list "><a href="#1-4-salons-foires" class="uagb-toc-link__trigger">1-4 | Salons &amp; foires</a><li class="uagb-toc__list "><a href="#1-5-les-animations-commerciales" class="uagb-toc-link__trigger">1-5 | Les animations commerciales</a><li class="uagb-toc__list "><a href="#1-6-evènements-annuels-récurrents" class="uagb-toc-link__trigger">1-6 | Evènements annuels récurrents</a><li class="uagb-toc__list "><a href="#2-1-analyse-du-marché" class="uagb-toc-link__trigger">2-1 | 📈 Analyse du marché</a><li class="uagb-toc__list "><a href="#2-2-objectifs-smart" class="uagb-toc-link__trigger">2-2 | 🎯objectifs SMART</a><li class="uagb-toc__list "><a href="#2-3-choisir-le-type-dop" class="uagb-toc-link__trigger">2-3 | 🛒 Choisir le type d&#039;OP</a><li class="uagb-toc__list "><a href="#2-4-planifier-lop" class="uagb-toc-link__trigger">2-4 | 🗓️ Planifier l&#039;OP</a><li class="uagb-toc__list "><a href="#2-5-suivre-lop" class="uagb-toc-link__trigger">2-5 | 👀 suivre l&#039;OP</a></ol>					</div>
									</div>
				</div>
			


<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-b393ec5f929af9ebcd809feb393e9503" id="0-1%EF%B8%8F%E2%83%A3-les-types-dop-com-en-d%C3%A9tail">1️⃣| les types d'op-com en détail</h2>


<div class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-dba77641-0bf0-4437-a76c-7c820f76ad71" 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/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/#0-1%EF%B8%8F%E2%83%A3-les-types-dop-com-en-d%C3%A9tail" style="">1️⃣| les types d'op-com en détail</a><ul><li style=""><a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/#1-1-1-les-soldes-r%C3%A9glement%C3%A9es" style="">1-1 | les soldes réglementées</a><ul><li style=""><a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/#2-a-nombre-de-p%C3%A9riodes-et-dur%C3%A9e" style="">📌a) Nombre de périodes et durée</a></li><li style=""><a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/#3-b-conditions-pour-solder-des-produits" style="">📌 b) Conditions pour solder des produits</a></li><li style=""><a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/#4-c-interdictions-et-obligations" style="">📌 c) Interdictions et obligations</a></li></ul></li><li style=""><a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/#5-1-2-les-promotions" style="">1-2 | les promotions</a></li><li style=""><a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/#6-1-3-les-ventes-priv%C3%A9es" style="">1-3 | les Ventes privées</a></li><li style=""><a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/#7-1-4-salons-amp-foires" style="">1-4 | Salons &amp; foires</a></li><li style=""><a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/#8-1-5-les-animations-commerciales" style="">1-5 | Les animations commerciales</a></li><li style=""><a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/#9-1-6-ev%C3%A8nements-annuels-r%C3%A9currents" style="">1-6 | Evènements annuels récurrents</a></li></ul></li></ul>
			</div>
		</div></div>


<p>Le tableau ci-dessous synthétise <strong>les types d'op</strong> et leur apport.</p>



<figure class="wp-block-table"><table><thead><tr><th>Type d’opération</th><th>Objectif principal</th><th>Effet moyen sur les ventes</th><th>Avantages</th><th>Limites</th></tr></thead><tbody><tr><td><strong>Soldes réglementés</strong></td><td>Écouler les stocks</td><td><strong>+5 à +10 % de CA</strong> sur la période</td><td>Forte visibilité, cadre légal clair</td><td>Effet en baisse, concurrence élevée</td></tr><tr><td><strong>Promotions ponctuelles</strong></td><td>Booster les ventes rapidement</td><td><strong>+10 à +30 %</strong> sur les produits concernés</td><td>Très efficace à court terme</td><td>Impact sur la marge</td></tr><tr><td><strong>Ventes privées</strong></td><td>Fidélisation clients</td><td><strong>+15 à +25 %</strong> auprès des clients ciblés</td><td>Client valorisé, bon taux de transformation</td><td>Audience limitée</td></tr><tr><td><strong>Salons / foires</strong></td><td>Prospection &amp; notoriété</td><td><strong>+20 à +40 % de leads</strong>, ventes variables</td><td>Contact direct, image de marque</td><td>Coût élevé</td></tr><tr><td><strong>Black Friday / événements</strong></td><td>Pic de ventes massif</td><td><strong>+30 à +70 %</strong> sur certains produits</td><td>Urgence d’achat, volumes élevés</td><td>Guerre des prix</td></tr><tr><td><strong>Codes promo VAD (email/SMS)</strong></td><td>Réactivation clients</td><td><strong>x2 à x4 du taux de conversion</strong></td><td>Coût faible, ciblage précis</td><td>Risque de banalisation</td></tr></tbody></table></figure>



<p class="has-small-font-size">Sources</p>



<ul class="wp-block-list has-small-font-size">
<li>Baisse des ventes observée dans les soldes récentes en France. <a href="https://www.leprogres.fr/economie/2025/07/22/cette-periode-n-est-plus-ce-qu-elle-etait-les-soldes-s-achevent-avec-des-ventes-en-baisse?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">Le Progrès</a></li>



<li>Études sur l’importance croissante des promotions toute l’année. <a href="https://csa.eu/csa-content/uploads/2021/06/opi20160420-les-soldes-supplantes-par-les-promotions-pours-70-pour-cent-des-francais.pdf?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">Institut CSA</a></li>



<li>Données CCI montrant large usage chez les commerçants et satisfaction. <a href="https://www.cci-paris-idf.fr/fr/prospective/crocis/enquetes/soldes-ete-2023?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">CCI Paris Île-de-France</a></li>



<li>Forte intention d’achat des Français lors de Black Friday. <a href="https://www.pwc.fr/fr/espace-presse/communiques-de-presse/2025/novembre/black-friday-2025.html?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">PwC France</a></li>
</ul>



<p>Voyons <strong>en détail</strong> chacune d'entre elles :</p>



<h3 class="wp-block-heading" id="1-1-1-les-soldes-r%C3%A9glement%C3%A9es">1-1 | les soldes réglementées</h3>



<p>👉 Selon plusieurs sources presse, les <strong>ventes lors des soldes récentes ont parfois baissé</strong> (-5 % en magasin, -3 % en ligne pour certaines périodes). <a href="https://www.leprogres.fr/economie/2025/07/22/cette-periode-n-est-plus-ce-qu-elle-etait-les-soldes-s-achevent-avec-des-ventes-en-baisse?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">Le Progrès</a></p>



<p class="has-base-2-background-color has-background">➡ Cela illustre que <strong>l’effet boost </strong>traditionnel <strong>des soldes n’est plus garanti</strong>.</p>



<p>Il y'a <strong>des périodes</strong> (fixés par l'Etat) et des <strong>conditions à respecter</strong> :</p>



<h4 class="wp-block-heading" id="2-a-nombre-de-p%C3%A9riodes-et-dur%C3%A9e">📌a) Nombre de périodes et durée</h4>



<ul class="wp-block-list">
<li>Il y a <strong>2 périodes de soldes par an</strong> :<br>➝ <em>Soldes d’hiver</em> et <em>soldes d’été</em> (réglementées).</li>



<li>Chaque période dure <strong>4 semaines</strong> depuis la réforme de 2020 (au lieu de 6 auparavant). <a href="https://www.toulouse.cci.fr/sites/g/files/mwbcuj1576/files/2025-10/Les%20soldes%20d%27hiver%20%202026.pdf?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">CCI Toulouse</a></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%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="1200" src="https://st9ph.fr/wp-content/uploads/2026/01/ChatGPT-Image-3-janv.-2026-14_55_08.jpg" alt="" class="wp-image-32116" srcset="https://st9ph.fr/wp-content/uploads/2026/01/ChatGPT-Image-3-janv.-2026-14_55_08.jpg 800w, https://st9ph.fr/wp-content/uploads/2026/01/ChatGPT-Image-3-janv.-2026-14_55_08-200x300.jpg 200w, https://st9ph.fr/wp-content/uploads/2026/01/ChatGPT-Image-3-janv.-2026-14_55_08-683x1024.jpg 683w, https://st9ph.fr/wp-content/uploads/2026/01/ChatGPT-Image-3-janv.-2026-14_55_08-768x1152.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<p>🔹 <strong>Soldes en outre-mer</strong></p>



<ul class="wp-block-list">
<li>Guadeloupe : 3 janv. – 30 janv. <a href="https://www.info.gouv.fr/actualite/soldes-d-hiver-2026-calendrier-et-dates?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">info.gouv.fr</a></li>



<li>La Réunion : 5 sept. – 2 oct. <a href="https://www.info.gouv.fr/actualite/soldes-d-hiver-2026-calendrier-et-dates?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">info.gouv.fr</a></li>



<li>Saint-Pierre-et-Miquelon : 21 janv. – 17 févr. <a href="https://www.info.gouv.fr/actualite/soldes-d-hiver-2026-calendrier-et-dates?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">info.gouv.fr</a></li>



<li>Saint-Barthélemy et Saint-Martin : 2 mai – 29 mai <a href="https://www.info.gouv.fr/actualite/soldes-d-hiver-2026-calendrier-et-dates?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">info.gouv.fr</a></li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p class="has-medium-font-size"><strong>Périodes des soldes en 2026</strong></p>



<p>🧥 <strong>Soldes d’hiver 2026</strong></p>



<p>📍 <strong>France métropolitaine et DOM standards</strong><br>→ <em>Du</em> <strong>mercredi 7 janvier 2026 à 8 h</strong><br>→ <em>Au</em> <strong>mardi 3 février 2026 inclus</strong><br>✔ Durée : <strong>4 semaines</strong> (réglementée) <a href="https://www.economie.gouv.fr/particuliers/mes-droits-conso/bien-consommer/les-dates-des-soldes-dhiver-en-2026?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">Economie et Finances+1</a></p>



<p>🔹 <strong>Dates spécifiques dans certains départements</strong></p>



<ul class="wp-block-list">
<li>Meurthe-et-Moselle : 2 janv. – 29 janv. <a href="https://www.economie.gouv.fr/particuliers/mes-droits-conso/bien-consommer/les-dates-des-soldes-dhiver-en-2026?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">Economie et Finances</a></li>



<li>Meuse : 2 janv. – 29 janv. <a href="https://www.economie.gouv.fr/particuliers/mes-droits-conso/bien-consommer/les-dates-des-soldes-dhiver-en-2026?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">Economie et Finances</a></li>



<li>Moselle : 2 janv. – 29 janv. <a href="https://www.economie.gouv.fr/particuliers/mes-droits-conso/bien-consommer/les-dates-des-soldes-dhiver-en-2026?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">Economie et Finances</a></li>



<li>Vosges : 2 janv. – 29 janv. <a href="https://www.economie.gouv.fr/particuliers/mes-droits-conso/bien-consommer/les-dates-des-soldes-dhiver-en-2026?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">Economie et Finances</a></li>
</ul>


<div style="--ub-icon-rotation:rotate(0deg);--ub-icon-size:40px;--ub-icon-justification:center;--ub-icon-border-top:  undefined;--ub-icon-border-right:  undefined;--ub-icon-border-bottom:  undefined;--ub-icon-border-left:  undefined" class="wp-block-ub-icon" id="ub-icon-"><div class="ub_icon"><div class="ub_icon_wrapper"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512"><path d="M537.6 226.6c4.1-10.7 6.4-22.4 6.4-34.6 0-53-43-96-96-96-19.7 0-38.1 6-53.3 16.2C367 64.2 315.3 32 256 32c-88.4 0-160 71.6-160 160 0 2.7.1 5.4.2 8.1C40.2 219.8 0 273.2 0 336c0 79.5 64.5 144 144 144h368c70.7 0 128-57.3 128-128 0-61.9-44-113.6-102.4-125.4zm-132.9 88.7L299.3 420.7c-6.2 6.2-16.4 6.2-22.6 0L171.3 315.3c-10.1-10.1-2.9-27.3 11.3-27.3H248V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v112h65.4c14.2 0 21.4 17.2 11.3 27.3z"></path></svg></div></div></div>



<div class="wp-block-file"><a id="wp-block-file--media-71d96b51-3511-4c6f-94e4-c8b95600a9eb" href="https://st9ph.fr/wp-content/uploads/2026/01/ChatGPT-Image-3-janv.-2026-14_55_08.jpg">synthèse</a><a href="https://st9ph.fr/wp-content/uploads/2026/01/ChatGPT-Image-3-janv.-2026-14_55_08.jpg" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-71d96b51-3511-4c6f-94e4-c8b95600a9eb">Télécharger l'infographie</a></div>
</div>
</div>



<p class="has-base-2-background-color has-background">ℹ️ La <strong>Eshop</strong>, même si elle a <strong>son siège social</strong> en Moselle ou dans les DOM, <strong>se calque sur les dates génériques</strong> de la métropole. </p>



<h4 class="wp-block-heading" id="3-b-conditions-pour-solder-des-produits">📌 b) Conditions pour solder des produits</h4>



<p>Pour qu’un commerçant puisse solder un produit :<br>✅ Le produit doit avoir été <strong>mis en vente depuis au moins 1 mois</strong> avant les soldes.<br>❌ Il est <strong>interdit de se réapprovisionner</strong> spécifiquement pour les soldes.<br>✔ Les soldes doivent être <strong>annoncés ou précédés d’une publicité</strong> indiquant la date de début et la nature des produits soldés.</p>


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


<h4 class="wp-block-heading" id="4-c-interdictions-et-obligations">📌 c) Interdictions et obligations</h4>



<ul class="wp-block-list">
<li>📍 Il est <strong>interdit d’organiser des soldes en dehors des périodes légales</strong> si l’on veut utiliser le terme <em>soldes</em>. <a href="https://www.economie.gouv.fr/entreprises/gerer-son-entreprise-au-quotidien/gerer-un-commerce/commercants-quelle-reglementation-durant-les-soldes?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">Economie et Finances</a></li>



<li>L’emploi des mots <em>soldes</em> ou dérivés en dehors de ces périodes est <strong>sanctionné</strong> et considéré comme publicité mensongère. <a href="https://www.service-public.gouv.fr/particuliers/vosdroits/F24037?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">Service Public</a></li>



<li>La <strong>revente à perte</strong> pendant les soldes est <strong>autorisé</strong> pour écouler les stocks. <a href="https://www.service-public.gouv.fr/particuliers/vosdroits/F24037?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">Service Public</a></li>
</ul>



<p>👉 Voir aussi cet article du blog sur <a href="https://st9ph.fr/prestashop-cest-parti-pour-les-soldes/" target="_blank" rel="noreferrer noopener">les soldes dans votre boutique Prestashop</a></p>



<h3 class="wp-block-heading" id="5-1-2-les-promotions">1-2 | les promotions</h3>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="743" height="135" src="https://st9ph.fr/wp-content/uploads/2026/01/image-19.png" alt="" class="wp-image-32119" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-19.png 743w, https://st9ph.fr/wp-content/uploads/2026/01/image-19-300x55.png 300w" sizes="auto, (max-width: 743px) 100vw, 743px" /></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>Les promotions servent à :</p>



<ul class="wp-block-list">
<li>📈 Augmenter le chiffre d’affaires</li>



<li>🚀 Accélérer les ventes sur une courte période</li>



<li>📦 Écouler un stock</li>



<li>👥 Attirer de nouveaux clients</li>



<li>🔁 Fidéliser la clientèle existante</li>



<li>🆕 Accompagner le lancement d’un produit</li>
</ul>


<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-e8d3b85d-4817-4403-be74-54e97ab6d579">
<p id="ub-styled-box-bordered-content-">⚠️ Pour les <strong>produits alimentaires vendus en grande distribution</strong>, il existe un encadrement spécifique :</p>



<p>🛑 <strong>L’offre “1 acheté, 1 offert” est interdite</strong>, car elle revient à accorder <strong>une réduction supérieure à 34 % </strong>du prix (ce qui n’est plus autorisé pour ces produits).<br>✔ En revanche, <strong>l’offre “2 achetés, 1 offert” (soit 3 pour 2)</strong> reste <strong>possible légalement</strong> dans ce cadre particulier. <a href="https://entreprendre.service-public.gouv.fr/vosdroits/F34344?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">Service Public Entreprendre</a></p>


</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="ub-styled-box ub-number-box wp-block-ub-styled-box" id="ub-styled-box-83650d17-a9c1-4e44-b117-e7da58aca955">
<div class="ub-number-panel" style="border-color: #3c763d; " id="ub-styled-box-numbered-box-column-cc45fc11-4899-4f5e-9468-53ebab9d6e57">
			<div class="ub-number-container" style="background-color: #dff0d8; ">
				<p class="ub-number-display" style="color: #3c763d; ">1</p>
			</div>
			<p class="ub-number-box-title" style="text-align: center; ">🏷️</p>
			<div class="ub-number-box-body" style="text-align: left; ">

<p class="has-text-align-center">Réduction sur<strong> le prix en % ou en numéraire</strong> selon le meilleur impact psychologique</p>

</div>
		</div>

<div class="ub-number-panel" style="border-color: #3c763d; " id="ub-styled-box-numbered-box-column-eb68b846-df51-4d26-855f-36b23565b00a">
			<div class="ub-number-container" style="background-color: #dff0d8; ">
				<p class="ub-number-display" style="color: #3c763d; ">2</p>
			</div>
			<p class="ub-number-box-title" style="text-align: center; ">🧴+🧴</p>
			<div class="ub-number-box-body" style="text-align: left; ">

<p><strong>produit ou option offerts </strong>(selon conditions)</p>

</div>
		</div>

<div class="ub-number-panel" style="border-color: #3c763d; " id="ub-styled-box-numbered-box-column-0be3e234-c8bf-40bb-b979-f083c3e04c98">
			<div class="ub-number-container" style="background-color: #dff0d8; ">
				<p class="ub-number-display" style="color: #3c763d; ">3</p>
			</div>
			<p class="ub-number-box-title" style="text-align: center; ">🗝️</p>
			<div class="ub-number-box-body" style="text-align: left; ">

<p>Service offert (livraison gratuite, garantie prolongée ...)</p>

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

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



<p>👉 Ne pas confondre avec <a href="https://st9ph.fr/la-reassurance-dans-prestashop/" target="_blank" rel="noreferrer noopener">la réassurance,</a> qui, elle, est une opération pérenne.</p>



<h3 class="wp-block-heading" id="6-1-3-les-ventes-priv%C3%A9es">1-3 | les Ventes privées</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="283" height="548" src="https://st9ph.fr/wp-content/uploads/2026/01/image-22.png" alt="" class="wp-image-32124" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-22.png 283w, https://st9ph.fr/wp-content/uploads/2026/01/image-22-155x300.png 155w" sizes="auto, (max-width: 283px) 100vw, 283px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>Ce sont des promotions, en fait, avec <strong>deux spécificités</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-b429c894-4c58-4749-bc0d-8136ac65c215">
<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-4b46c8d5-1c0c-4776-be54-52e9d65407a9">
			<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">Durée limitée : Actions très courtes (souvent 2 à 5 jours) pour créer un <strong>effet d’urgence</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-5bf07c98-3cbb-4b47-b63a-9d4ce3593ba9">
			<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">Exclusivité : Réservées à une base de membres / inscrits =&gt; <strong>effet fidélisation</strong>.</span>
			</div>
			
		</li>
</ul>


<p>En France, des<strong> leaders historiques </strong>organisent des plateformes de ventes privées permanentes. le podium s'établit ainsi :</p>



<ol class="wp-block-list">
<li>🥇<strong>Veepee</strong> (Anciennement <strong>Vente-Privée.com</strong>), leader du secteur. CA <strong>≈ 1,8 milliards d’euros en 2024</strong></li>



<li>🥈<strong>The Bradery</strong>, Spécialisé dans les ventes privées de marques premium. CA <strong>≈ 62,9 millions € en 2024</strong>.</li>



<li>🥉<strong>BazarChic</strong>, Spécialisé dans les ventes privées de marques premium. CA <strong>≈ 62,9 millions € en 2024</strong></li>
</ol>



<p></p>



<p class="has-base-2-background-color has-background">On peut citer aussi, plus spécifiquement en France, <strong>BazarChic</strong> (44,8 millions) pour la mode ou <strong>VeryChic </strong>(91,5) pour le tourisme.</p>



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



<h3 class="wp-block-heading" id="7-1-4-salons-amp-foires">1-4 | Salons &amp; foires</h3>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="724" height="186" src="https://st9ph.fr/wp-content/uploads/2026/01/image-23.png" alt="" class="wp-image-32126" 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="auto, (max-width: 724px) 100vw, 724px" /></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>📈 Générer du chiffre d’affaires</li>



<li>🤝 Trouver de nouveaux clients ou partenaires</li>



<li>🆕 Lancer un nouveau produit</li>



<li>🏷️ Renforcer la notoriété de la marque</li>



<li>🧪 Tester un produit ou un concept</li>



<li>👥 Développer le réseau professionnel (B2B)</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-base-2-background-color has-background">ℹ️ Les<strong> salons</strong> sont en général <strong>spécialisés </strong>(Salon de l’Agriculture, Salon de l’Auto ...) alors que<strong> les foires </strong>sont plus des rendez-vous <strong>régionaux</strong> (grand public et festifs) <strong>sans thématique produit </strong>exclusive.</p>



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



<p>Vous allez me dire : "<em>mais, les salons", ce n'est pas du digital</em> !"  et ce n'est pas faux ! Charge à vous de <strong>créer de la data </strong>(phygital) en  :</p>



<ul class="wp-block-list">
<li>prévoyant <strong>vos tablettes</strong> pour les formulaires de rendez-vous</li>



<li>votre <em>smartphone </em>pour enrichir<strong> vos contacts</strong> Linked In</li>



<li>des <strong>QR codes</strong> sur vos présentoirs pour créer <strong>de l'atterrissage </strong>sur vos eshops et vos vitrines</li>



<li>un <strong>écran tactile</strong> qui servira de showroom pour qu'on puisse patienter en consultant <strong>votre catalogue </strong>quand vous êtes pris(e) par d'autres prospects.</li>
</ul>



<p>"C'est pas" du digital, tout ça ? 😉</p>



<h3 class="wp-block-heading" id="8-1-5-les-animations-commerciales">1-5 | Les animations commerciales</h3>



<p>Elles ont pour but à la fois de booster l'audience et de mettre en avant des produits (nouveautés, invendus ...)</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 la photo de droite, le traditionnel stand qu'on rencontre parfois dans les galeries marchandes.</p>



<p class="has-base-2-background-color has-background">Là encore, <strong>ça devient du digital </strong>si et seulement si vous invitez vos spectateurs à <strong>se connecter sur la boutique en ligne </strong>via un<strong> QR Code de promo</strong> (par exemple)</p>



<p>Si dessus, la version 100% digitale du Live Shopping <a href="https://www.decathlon.fr/Live-shopping_lp-PHKY8Q" target="_blank" rel="noreferrer noopener">version Decathlon</a>. (Extrait)</p>



<p class="has-base-2-background-color has-background">Cet outil est un <strong>formidable booster de trafic</strong> en ligne et un multiplicateur de ventes sans comparaison.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="471" height="442" src="https://st9ph.fr/wp-content/uploads/2026/01/image-125.png" alt="" class="wp-image-32686" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-125.png 471w, https://st9ph.fr/wp-content/uploads/2026/01/image-125-300x282.png 300w" sizes="auto, (max-width: 471px) 100vw, 471px" /><figcaption class="wp-element-caption">image du site <a href="https://activations.jujus-animations.com/" target="_blank" rel="noreferrer noopener">juju's activation</a></figcaption></figure>
</div></div>
</div>



<figure class="wp-block-video"><video height="598" style="aspect-ratio: 1072 / 598;" width="1072" controls src="https://st9ph.fr/wp-content/uploads/2026/01/Enregistrement-2026-01-12-144403.mp4"></video></figure>



<h3 class="wp-block-heading" id="9-1-6-ev%C3%A8nements-annuels-r%C3%A9currents">1-6 | Evènements annuels récurrents</h3>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="994" height="172" src="https://st9ph.fr/wp-content/uploads/2026/01/image-25.png" alt="" class="wp-image-32135" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-25.png 994w, https://st9ph.fr/wp-content/uploads/2026/01/image-25-300x52.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-25-768x133.png 768w" sizes="auto, (max-width: 994px) 100vw, 994px" /></figure>
</div>


<p>Le calendrier marketing fournit aussi <strong>des rendez-vous</strong> commerciaux <strong>à ne pas rater</strong>  :</p>



<figure class="wp-block-table"><table><thead><tr><th>Mois</th><th>Événements commerciaux clés</th><th>Secteurs concernés</th><th>Types d’actions commerciales possibles</th></tr></thead><tbody><tr><td><strong>Janvier</strong></td><td>🎉 Jour de l’An • 👑 Épiphanie • 🏷️ <strong>Soldes d’hiver (début)</strong></td><td>Habillement, équipement</td><td>Soldes, remises importantes, déstockage</td></tr><tr><td><strong>Février</strong></td><td>🏷️ <strong>Soldes d’hiver (fin)</strong> • ❤️ Saint-Valentin</td><td>Cadeaux, bijouterie</td><td>Promotions ciblées, offres duo</td></tr><tr><td><strong>Mars</strong></td><td>👵 Fête des Grands-Mères • ♀️ Journée des droits des femmes</td><td>Fleurs, beauté</td><td>Promotions ponctuelles, communication événementielle</td></tr><tr><td><strong>Avril</strong></td><td>🐣 Pâques • 🌸 Vacances de printemps • ⚡ French Days</td><td>Alimentaire, e-commerce</td><td>Codes promo, ventes flash</td></tr><tr><td><strong>Mai</strong></td><td>🛠️ Fête du Travail • 💐 Fête des Mères</td><td>Maison, décoration</td><td>Offres spéciales, coffrets cadeaux</td></tr><tr><td><strong>Juin</strong></td><td>👔 Fête des Pères • 🏷️ <strong>Soldes d’été (début)</strong> • 🎤 Salons pro</td><td>High-tech, mode</td><td>Soldes, démonstrations, offres de lancement</td></tr><tr><td><strong>Juillet</strong></td><td>🏷️ <strong>Soldes d’été (suite)</strong> • 🇫🇷 14 juillet</td><td>Prêt-à-porter, tourisme</td><td>Remises progressives</td></tr><tr><td><strong>Août</strong></td><td>☀️ Période estivale</td><td>Tourisme, loisirs</td><td>Offres saisonnières</td></tr><tr><td><strong>Septembre</strong></td><td>🎒 Rentrée scolaire • 🏢 Salons professionnels</td><td>Fournitures, B2B</td><td>Promotions rentrée, prospection</td></tr><tr><td><strong>Octobre</strong></td><td>🎀 Octobre Rose • 🎃 Halloween</td><td>Confiserie, déco</td><td>Promotions thématiques, opérations RSE</td></tr><tr><td><strong>Novembre</strong></td><td>🛍️ Singles’ Day (11.11) • 🔥 Black Friday • 💻 Cyber Monday</td><td>E-commerce, high-tech</td><td>Promotions massives, ventes flash</td></tr><tr><td><strong>Décembre</strong></td><td>🎄 Noël • 🎁 Achats cadeaux</td><td>Jouets, alimentaire</td><td>Offres festives, cartes cadeaux</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-base-2-background-color has-background">Certains secteurs réalisent <strong>l'essentiel de leur CA </strong>pendant ces rendez-vous (Pâques pour les chocolatiers, Noël pour les fabricants de jouets ...).</p>



<p>👉 Pensez aussi aux <strong>anniversaires </strong>et aux <strong>fêtes </strong>de vos clients. C'est un moyen de <strong>"réveiller" les dormants</strong> et une occasion de créer <strong>un touch point qui ne sera pas ignoré.</strong></p>



<p>👉 Idem pour tous les engagements de votre audience: <strong>inscriptions </strong>à la newsletter,<strong> liste d'envies</strong> enrichie, <strong>comparatifs</strong> demandés dans votre boutique ...). Saisissez ce point de contact pour <strong>réagir et proposer</strong>.</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="954" height="976" src="https://st9ph.fr/wp-content/uploads/2026/01/image-26.png" alt="" class="wp-image-32136" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-26.png 954w, https://st9ph.fr/wp-content/uploads/2026/01/image-26-293x300.png 293w, https://st9ph.fr/wp-content/uploads/2026/01/image-26-768x786.png 768w" sizes="auto, (max-width: 954px) 100vw, 954px" /></figure>
</div>
</div>



<p>Dans  l'illustration ci-dessus (Darty), c'est <strong>un code promo exclusif </strong>qui est proposé. Ci-dessous (Boulanger), <strong>une création de compte </strong>et une <strong>réaction à une visite </strong>sur le le site. Ce sont<strong> des évènements aussi</strong>, même s'ils sont liés à une <strong>calendrier personnel</strong>.</p>


<div class="ub-styled-box ub-feature-box wp-block-ub-styled-box" id="ub-styled-box-40b04580-e24d-4f8e-89f8-51922d2ef048"><div class="ub-feature"><img decoding="async" class="ub-feature-img" src="https://st9ph.fr/wp-content/uploads/2026/01/image-29.png"><p class="ub-feature-title" style="text-align: center; ">☝️soyez proactifs</p><p class="ub-feature-body" style="text-align: left; ">Proposez votre sélection de produits qui correspondent aux gouts de votre segment (étudiez notamment son comportement dans votre eshop et profilez le en suivant ses commandes)</p></div><div class="ub-feature"><img decoding="async" class="ub-feature-img" src="https://st9ph.fr/wp-content/uploads/2026/01/image-28.png"><p class="ub-feature-title" style="text-align: center; ">👍Soyez réactifs</p><p class="ub-feature-body" style="text-align: left; ">abonnements, téléchargements des fiches produits ou de votre appli mobile, listes d'envies, comparateurs .... tous les engagements de vos clients sur vos outils méritent un encouragement., </p></div></div>

<div style="border: 3px solid #75b29f; border-radius: 0%; background-color: #f2f9ee; " class="ub-styled-box ub-bordered-box wp-block-ub-styled-box" id="ub-styled-box-72f70988-07a3-4516-b707-fee36d0fe38d">
<p id="ub-styled-box-bordered-content-">Les <strong>occasions et les formes</strong> d'op-com sont donc nombreuses et le digital permet de diffuser, de calibrer, de planifier, de choisir avec<strong> une multitude d'outils</strong>. Pensez aussi que :</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 384 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M64 390.3L153.5 256 64 121.7V390.3zM102.5 448H281.5L192 313.7 102.5 448zm128-192L320 390.3V121.7L230.5 256zM281.5 64H102.5L192 198.3 281.5 64zM0 48C0 21.5 21.5 0 48 0H336c26.5 0 48 21.5 48 48V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48z&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-7a5d25ff-2e43-4882-b4f9-cf0196026109">
<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 384 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M64 390.3L153.5 256 64 121.7V390.3zM102.5 448H281.5L192 313.7 102.5 448zm128-192L320 390.3V121.7L230.5 256zM281.5 64H102.5L192 198.3 281.5 64zM0 48C0 21.5 21.5 0 48 0H336c26.5 0 48 21.5 48 48V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-2b8a6d27-36cf-4080-87c4-ccb80680b824">
			<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 384 512"><path fill="#cf2e2e" d="M64 390.3L153.5 256 64 121.7V390.3zM102.5 448H281.5L192 313.7 102.5 448zm128-192L320 390.3V121.7L230.5 256zM281.5 64H102.5L192 198.3 281.5 64zM0 48C0 21.5 21.5 0 48 0H336c26.5 0 48 21.5 48 48V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>trop de propositions</strong> vont lasser et produire <strong>l'effet inverse </strong>(ignorées ou bannies)</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-b536d41f-0c59-4c11-bbe2-fc5ea6f805c5">
			<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">Vos <strong>concurrents</strong> auront<strong> les mêmes réacteurs et le même calendrier</strong> que vous, soyez originale(e)</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-64a371fc-50fe-4d2b-be67-7a1556497a65">
			<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>la fidélisation se joue sur le long terme</strong>. Proposez de <strong>réels avantages</strong> à rester client</span>
			</div>
			
		</li>
</ul>

</div>


<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-75cbd8bd6fd777331bc067fc92cfc022" id="10-2%EF%B8%8F%E2%83%A3-organisation-d%C3%A9roulement-et-suivi-dune-op-com">2️⃣| organisation, déroulement et suivi d'une op-com</h2>


<div class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-4bce7bc5-d5c1-43af-86f7-09de192e8570" 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/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/#8-1-5-les-animations-commerciales" style="">1-5 | Les animations commerciales</a></li><li style=""><a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/#11-2-1-analyse-du-march%C3%A9" style="">2-1 | 📈 Analyse du marché</a></li><li style=""><a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/#12-2-2-objectifs-smart" style="">2-2 | 🎯objectifs SMART</a></li><li style=""><a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/#13-2-3-choisir-le-type-dop" style="">2-3 | 🛒 Choisir le type d'OP</a></li><li style=""><a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/#14-2-4-%EF%B8%8F-planifier-lop" style="">2-4 | 🗓️ Planifier l'OP</a></li><li style=""><a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/#15-2-5-suivre-lop" style="">2-5 | 👀 suivre l'OP</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>On résumera en <strong>5 étapes </strong>(mais il faudra rajouter le fait de <strong>budgéter </strong>pour être complet).</p>



<p class="has-base-2-background-color has-background">On reproche souvent aux candidats à l'examen de <strong>s'arrêter à la 4ème étape </strong>des panneaux qui suivent. <strong>Le suivi en cours de campagne et les corrections en temps réel sont pourtant cruciales </strong>si on ne veut pas se planter !</p>



<p>Nous nous concentrons surtout dans ce développement sur les <strong>outils et les possibilités liés au digital</strong>.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%"><div class="ub-styled-box ub-number-box wp-block-ub-styled-box" id="ub-styled-box-a4b838f5-9a0f-4628-a09a-d48ba654b071">
<div class="ub-number-panel" style="border-color: #000000; " id="ub-styled-box-numbered-box-column-2507ee22-0071-422a-a5d9-6a22ed42c6a7">
			<div class="ub-number-container" style="background-color: #f2f9ee; ">
				<p class="ub-number-display" style="color: var(--contrast-3); ">1</p>
			</div>
			<p class="ub-number-box-title" style="text-align: center; ">📈</p>
			<div class="ub-number-box-body" style="text-align: left; ">

<p class="has-text-align-center"><strong>Analyser le marché</strong>, la concurrence, les <strong>performances </strong>passées pour identifier s'il y'a <strong>une réelle opportunité</strong></p>

</div>
		</div>

<div class="ub-number-panel" style="border-color: #000000; " id="ub-styled-box-numbered-box-column-176b0266-2a00-4aed-ba8e-87af352aff24">
			<div class="ub-number-container" style="background-color: #f2f9ee; ">
				<p class="ub-number-display" style="color: var(--contrast-3); ">2</p>
			</div>
			<p class="ub-number-box-title" style="text-align: center; ">🎯</p>
			<div class="ub-number-box-body" style="text-align: left; ">

<p>Définir les <strong>objectifs SMART</strong>, <strong>les outils</strong>, les <strong>RH</strong> mobilisées,<strong> la cible </strong>et les <strong>hot points </strong>(canaux)</p>

</div>
		</div>
</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:66.66%"><div class="ub-styled-box ub-number-box wp-block-ub-styled-box" id="ub-styled-box-e0b35877-e703-4e80-889b-01b73876e84e">
<div class="ub-number-panel" style="border-color: #000000; " id="ub-styled-box-numbered-box-column-2507ee22-0071-422a-a5d9-6a22ed42c6a7">
			<div class="ub-number-container" style="background-color: #f2f9ee; ">
				<p class="ub-number-display" style="color: var(--contrast-3); ">3</p>
			</div>
			<p class="ub-number-box-title" style="text-align: center; ">🛒</p>
			<div class="ub-number-box-body" style="text-align: left; ">

<p class="has-text-align-center">Choisir <strong>le type d'OP</strong>, la <strong>durée</strong>, calibrer <strong>la marge</strong> sur les prévisions de vente, <strong>l'alignement ou la pénétration</strong></p>

</div>
		</div>

<div class="ub-number-panel" style="border-color: #000000; " id="ub-styled-box-numbered-box-column-176b0266-2a00-4aed-ba8e-87af352aff24">
			<div class="ub-number-container" style="background-color: #f2f9ee; ">
				<p class="ub-number-display" style="color: var(--contrast-3); ">4</p>
			</div>
			<p class="ub-number-box-title" style="text-align: center; ">🗓️</p>
			<div class="ub-number-box-body" style="text-align: left; ">

<p>Planifier, <strong>dates </strong>stratégiques de suivi, des <strong>étapes</strong>, <strong>répartitions des taches</strong>, <strong>équipes </strong>mobilisées, <strong>matériel, réservations</strong></p>

</div>
		</div>

<div class="ub-number-panel" style="border-color: #000000; " id="ub-styled-box-numbered-box-column-3122be28-f16d-4318-a5ba-c639064a018b">
			<div class="ub-number-container" style="background-color: #f2f9ee; ">
				<p class="ub-number-display" style="color: var(--contrast-3); ">5</p>
			</div>
			<p class="ub-number-box-title" style="text-align: center; ">👀</p>
			<div class="ub-number-box-body" style="text-align: left; ">

<p><strong>Suivre </strong>et établir des <strong>points de contrôles</strong>, des <strong>tableaux de bord, les KPI,</strong> prévoir des <strong>actions correctives</strong> si besoin</p>

</div>
		</div>
</div></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="227" height="401" src="https://st9ph.fr/wp-content/uploads/2026/01/image-30.png" alt="" class="wp-image-32149" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-30.png 227w, https://st9ph.fr/wp-content/uploads/2026/01/image-30-170x300.png 170w" sizes="auto, (max-width: 227px) 100vw, 227px" /></figure>
</div>
</div>



<h3 class="wp-block-heading" id="11-2-1-analyse-du-march%C3%A9">2-1 | 📈 Analyse du marché</h3>



<p>Les <strong>outils digitaux</strong> ne manquent pas en la matière et cette liste (non exhaustive) est une<strong> base fiable</strong> pour tous les marketeurs :</p>


<div class="ub-styled-box ub-feature-box wp-block-ub-styled-box" id="ub-styled-box-874a958b-4581-494f-b2ae-5ff5a288d509"><div class="ub-feature"><img decoding="async" class="ub-feature-img" src="https://st9ph.fr/wp-content/uploads/2026/01/google-trends-e1591174296380.png"><p class="ub-feature-title" style="text-align: center; ">Trends</p><p class="ub-feature-body" style="text-align: left; ">📍 <strong>Type :</strong> Analyse de tendances<br>📈 <strong>Ce que ça mesure :</strong><br>Popularité des recherches sur un mot-clé dans le temps<br>Comparaison de tendances entre plusieurs mots<br>📌 <strong>Utilité :</strong><br>Voir <strong>l’intérêt des consommateurs pour un produit</strong><br>Détecter des<strong> saisons ou pics d’intérêt</strong></p></div><div class="ub-feature"><img decoding="async" class="ub-feature-img" src="https://st9ph.fr/wp-content/uploads/2026/01/Google-Analyics-4-AdSim-1.jpg"><p class="ub-feature-title" style="text-align: center; ">Analytics</p><p class="ub-feature-body" style="text-align: left; ">📍 <strong>Type :</strong> Analyse de trafic web<br>📈 <strong>Ce que ça mesure :</strong><br>Visites, pages vues, durée de session<br>Sources de trafic (organiques, réseaux, pub)<br>📌 <strong>Utilité :</strong><br>Comprendre le comportement des utilisateurs<br><strong>Identifier les pages ou produits performants</strong></p></div><div class="ub-feature"><img decoding="async" class="ub-feature-img" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-04-110223.jpg"><p class="ub-feature-title" style="text-align: center; ">SemRush</p><p class="ub-feature-body" style="text-align: left; ">📍 <strong>Type :</strong> Analyse SEO / concurrence<br>📈 <strong>Ce que ça mesure :</strong><br>Mots-clés organiques &amp; payants<br>Parts de marché des concurrents<br>Backlinks &amp; opportunités SEO<br>📌 <strong>Utilité :</strong><br>Évaluer la <strong>visibilité de son offre<br>Observer la stratégie de concurrents</strong></p></div></div>


<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="600" src="https://st9ph.fr/wp-content/uploads/2025/12/image-119-1024x600.png" alt="" class="wp-image-31818" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-119-1024x600.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-119-300x176.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-119-768x450.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-119.png 1284w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">tableau de bord Analytics (ici suivi d'acquisition par sources d'atterrissage)</figcaption></figure>


<div class="ub-styled-box ub-feature-box wp-block-ub-styled-box" id="ub-styled-box-5ea1043d-8739-4c9d-9f23-ba889477a2e4"><div class="ub-feature"><img decoding="async" class="ub-feature-img" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-04-110500.jpg"><p class="ub-feature-title" style="text-align: center; ">ahrefs</p><p class="ub-feature-body" style="text-align: left; ">📍 <strong>Type :</strong> SEO &amp; analyse concurrentielle<br>📈 <strong>Ce que ça mesure :</strong><br>Profil de backlinks<br>Performances des pages / mots-clés<br>📌 <strong>Utilité :</strong><br>Comprendre<strong> comment la concurrence génère du trafic</strong><br>Trouver des <strong>opportunités de contenu </strong>ou d’optimisation</p></div><div class="ub-feature"><img decoding="async" class="ub-feature-img" src="https://st9ph.fr/wp-content/uploads/2026/01/wp-content-uploads-2020-05-similarweb.jpg"><p class="ub-feature-title" style="text-align: center; ">SimilarWeb</p><p class="ub-feature-body" style="text-align: left; ">📍 <strong>Type :</strong> Analyse du trafic concurrentiel<br>📈 <strong>Ce que ça mesure :</strong><br>Estimation du trafic de sites concurrents<br>Sources de trafic (réseaux, recherche, direct)<br>📌 <strong>Utilité :</strong><br><strong>Benchmark de performance</strong> digitale<br><strong>Comparer sa présence en ligne à d’autres acteurs</strong></p></div><div class="ub-feature"><img decoding="async" class="ub-feature-img" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-04-110943.jpg"><p class="ub-feature-title" style="text-align: center; ">Meta Insights</p><p class="ub-feature-body" style="text-align: left; ">📍 <strong>Type :</strong> Analyse d’audience sociale<br>📈 <strong>Ce que ça mesure :</strong><br>Données démographiques (âge, sexe, localisation)<br>Interactions, portée des publications<br>📌 <strong>Utilité :</strong><br>Mieux <strong>connaître sa cible sociale</strong><br>Ajuster ses <strong>campagnes sur Facebook &amp; Instagram</strong></p></div></div>


<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="633" src="https://st9ph.fr/wp-content/uploads/2026/01/Keyword-Overview-Platform-Similarweb-1024x633.jpg" alt="" class="wp-image-32166" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Keyword-Overview-Platform-Similarweb-1024x633.jpg 1024w, https://st9ph.fr/wp-content/uploads/2026/01/Keyword-Overview-Platform-Similarweb-300x185.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/Keyword-Overview-Platform-Similarweb-768x475.jpg 768w, https://st9ph.fr/wp-content/uploads/2026/01/Keyword-Overview-Platform-Similarweb-1536x949.jpg 1536w, https://st9ph.fr/wp-content/uploads/2026/01/Keyword-Overview-Platform-Similarweb.jpg 1864w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">tableau de bord Similarweb (ici, analyse SEA sur mots clés)</figcaption></figure>


<div class="ub-styled-box ub-feature-box wp-block-ub-styled-box" id="ub-styled-box-4c643c49-3a94-499d-b11f-5ff9c90e572c"><div class="ub-feature"><img decoding="async" class="ub-feature-img" src="https://st9ph.fr/wp-content/uploads/2026/01/powerbi.png"><p class="ub-feature-title" style="text-align: center; ">Power BI</p><p class="ub-feature-body" style="text-align: left; ">📍 <strong>Type :</strong> Visualisation &amp; reporting<br>📈 <strong>Ce que ça mesure :</strong><br>Analyse des données de vente, d’audience, de clients<br>Reporting dynamique<br>📌 <strong>Utilité :</strong><br><strong>Regrouper</strong> plusieurs<strong> sources de données</strong><br>Générer des<strong> tableaux de bord visuels</strong></p></div><div class="ub-feature"><img decoding="async" class="ub-feature-img" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-04-111410.jpg"><p class="ub-feature-title" style="text-align: center; ">Ubersuggest</p><p class="ub-feature-body" style="text-align: left; ">📍 <strong>Type :</strong> Outil SEO &amp; suggestions<br>📈 <strong>Ce que ça mesure :</strong><br>Volume de recherche<br>Difficulté des mots-clés<br>📌 <strong>Utilité :</strong><br>Choisir <strong>les bons mots-clés </strong>pour une <strong>stratégie de contenu</strong></p></div><div class="ub-feature"><img decoding="async" class="ub-feature-img" src="https://st9ph.fr/wp-content/uploads/2026/01/logo-sistrix.jpg"><p class="ub-feature-title" style="text-align: center; ">Sistrix</p><p class="ub-feature-body" style="text-align: left; ">📍 <strong>Type :</strong> Analyse SEO / visibilité<br>📈 <strong>Ce que ça mesure :</strong><br>Visibilité sur Google<br>Analyse de concurrence<br>📌 <strong>Utilité :</strong><br>Suivre <strong>l’évolution d’un site sur des mots clés</strong></p></div></div>


<figure class="wp-block-image size-full"><a href="https://www.next-decision.fr/solutions/data-ai/restitution-dataviz/microsoft-power-bi" target="_blank" rel=" noreferrer noopener"><img loading="lazy" decoding="async" width="847" height="459" src="https://st9ph.fr/wp-content/uploads/2026/01/power-bi-schema-presentation.jpg" alt="" class="wp-image-32167" srcset="https://st9ph.fr/wp-content/uploads/2026/01/power-bi-schema-presentation.jpg 847w, https://st9ph.fr/wp-content/uploads/2026/01/power-bi-schema-presentation-300x163.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/power-bi-schema-presentation-768x416.jpg 768w" sizes="auto, (max-width: 847px) 100vw, 847px" /></a><figcaption class="wp-element-caption">Schéma de power BI (suivi des consommateurs) sur le site Next Décisions</figcaption></figure>


<div class="ub-styled-box ub-feature-box wp-block-ub-styled-box" id="ub-styled-box-203a9656-863d-4c9e-94ec-7f9d14f3564d"><div class="ub-feature"><img decoding="async" class="ub-feature-img" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-04-111925.jpg"><p class="ub-feature-title" style="text-align: center; ">Survey Monkey</p><p class="ub-feature-body" style="text-align: left; ">📍 <strong>Type :</strong> Enquêtes en ligne<br>📈 <strong>Ce que ça mesure :</strong><br>Perception des consommateurs<br>Attentes &amp; préférences<br>📌 <strong>Utilité :</strong><br>Recueillir des <strong>données qualitatives</strong> pour <strong>analyser le marché</strong></p></div><div class="ub-feature"><img decoding="async" class="ub-feature-img" src="https://st9ph.fr/wp-content/uploads/2026/01/statista-1.png"><p class="ub-feature-title" style="text-align: center; ">Statista</p><p class="ub-feature-body" style="text-align: left; ">📍 <strong>Type :</strong> Base de données statistiques<br>📈 <strong>Ce que ça mesure :</strong><br>Données de marché (consommation, secteurs, pays)<br>📌 <strong>Utilité :</strong><br>Obtenir des <strong>chiffres de marché fiables</strong><br>Préparer <strong>analyses macroéconomiques</strong></p></div><div class="ub-feature"><img decoding="async" class="ub-feature-img" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-04-112313.jpg"><p class="ub-feature-title" style="text-align: center; ">Brandwatch</p><p class="ub-feature-body" style="text-align: left; ">📍 <strong>Type :</strong> Analyse des réseaux sociaux<br>📈 <strong>Ce que ça mesure :</strong><br>Sentiment des messages<br>Mentions marque &amp; hashtags<br>📌 <strong>Utilité :</strong><br>Comprendre<strong> l’opinion publique</strong><br>Suivre les <strong>tendances de consommation</strong></p></div></div>

<div class="wp-block-ub-content-toggle wp-block-ub-content-toggle-block" id="ub-content-toggle-block-432f7be0-4198-4271-afb0-c245ccdecacb" 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-432f7be0-4198-4271-afb0-c245ccdecacb" tabindex="0">
			<p class="wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-432f7be0-4198-4271-afb0-c245ccdecacb" style="color: #000000; ">couts et limites de ses outils</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-432f7be0-4198-4271-afb0-c245ccdecacb">

<p></p>



<figure class="wp-block-table"><table><thead><tr><th><strong>Outil</strong></th><th><strong>Type d’analyse</strong></th><th><strong>Ce qu’il mesure / sert à faire</strong></th><th><strong>Points forts</strong></th><th><strong>Limites / Attention</strong></th></tr></thead><tbody><tr><td><strong>Google Trends</strong></td><td>Tendances de recherche</td><td>Intérêt des internautes pour des mots-clés dans le temps</td><td>Gratuit • rapide • utile pour repérer des tendances</td><td>Pas de données précises sur volumes réels</td></tr><tr><td><strong>Google Analytics</strong></td><td>Trafic site</td><td>Visites, sources de trafic, comportement des visiteurs</td><td>Gratuit • très détaillé • indispensable pour web</td><td>Besoin d’installation sur le site</td></tr><tr><td><strong>SEMrush</strong></td><td>SEO &amp; concurrence</td><td>Mots clés, visibilité, analyse concurrents</td><td>Très complet SEO • benchmarking</td><td>Abonnement coûteux</td></tr><tr><td><strong>Ahrefs</strong></td><td>SEO &amp; backlink</td><td>Backlinks, mots clés, exploration de sites</td><td>Excellente base backlinks</td><td>Cher • learning curve</td></tr><tr><td><strong>SimilarWeb</strong></td><td>Performance digitale</td><td>Estimations de trafic site et sources</td><td>Analyse comparative concurrents</td><td>Données estimées (pas exactes)</td></tr><tr><td><strong>Meta / Facebook Insights</strong></td><td>Analyse réseaux sociaux</td><td>Audience, interactions, performances posts</td><td>Données démographiques détaillées</td><td>Limité aux réseaux de Meta</td></tr><tr><td><strong>Tableau / Power BI</strong></td><td>Visualisation &amp; reporting</td><td>Tableaux de bord multi-sources</td><td>Très puissant pour analyse interne</td><td>Complexe • licence payante</td></tr><tr><td><strong>Ubersuggest</strong></td><td>SEO et suggestions</td><td>Volume de mots clés, idées contenu</td><td>Abordable • facile d’accès</td><td>Moins complet que SEMrush/Ahrefs</td></tr><tr><td><strong>Sistrix</strong></td><td>Visibilité SEO</td><td>Visibilité de mots clés, suivi concurrence</td><td>Interface claire • fiable</td><td>Payant • marché européen</td></tr><tr><td><strong>SurveyMonkey / Google Forms</strong></td><td>Études / enquêtes</td><td>Données clients (attentes, perceptions)</td><td>Flexible • direct consommateur</td><td>Nécessite collecte / traitement manuel</td></tr><tr><td><strong>Statista</strong></td><td>Données de marché</td><td>Statistiques sectorielles</td><td>Source fiable de chiffres macro</td><td>Accès complet payant</td></tr><tr><td><strong>Brandwatch / Talkwalker</strong></td><td>Social listening</td><td>Sentiment social, mentions, tendances</td><td>Analyse qualitative profonde</td><td>Coût élevé</td></tr></tbody></table></figure>

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


<h3 class="wp-block-heading" id="12-2-2-objectifs-smart">2-2 | 🎯objectifs SMART</h3>



<p>Je ne vous fais pas l'affront de redéfinir ce qu'est le SMART ? Pour ceux qui ont oublié, le tableau ci-dessous devrait leurs rafraichir la mémoire.</p>



<figure class="wp-block-table"><table><thead><tr><th><strong>Élément SMART</strong></th><th><strong>Outils digitaux mobilisables</strong></th><th><strong>En quoi l’outil permet de répondre à cet objectif ?</strong></th></tr></thead><tbody><tr><td><strong>S – Spécifique</strong></td><td>Google Trends • Google Analytics • CRM (HubSpot, Zoho)</td><td>Google Trends aide à identifier précisément un produit, un besoin ou une tendance. Google Analytics permet de cibler une page, un produit ou un segment précis. Le CRM identifie clairement la cible (clients, prospects).</td></tr><tr><td><strong>M – Mesurable</strong></td><td>Google Analytics • Power BI / Tableau • CRM</td><td>Ces outils fournissent des <strong>indicateurs chiffrés</strong> (CA, nombre de ventes, taux de conversion), indispensables pour mesurer les résultats d’un objectif.</td></tr><tr><td><strong>A – Atteignable</strong></td><td>Google Analytics • Données historiques CRM • Statista</td><td>L’analyse des performances passées (Analytics, CRM) permet de vérifier si l’objectif est réaliste. Statista aide à comparer avec les tendances du marché.</td></tr><tr><td><strong>R – Réaliste / Pertinent</strong></td><td>Google Trends • Statista • SimilarWeb</td><td>Google Trends valide l’intérêt réel des consommateurs. Statista confirme la cohérence avec le marché. SimilarWeb permet de comparer la performance avec celle des concurrents.</td></tr><tr><td><strong>T – Temporel</strong></td><td>Outils de gestion de projet (Trello, Asana) • Tableur • CRM</td><td>Ces outils permettent de fixer des <strong>échéances</strong>, de suivre l’avancement dans le temps et de comparer résultats et délais prévus.</td></tr></tbody></table></figure>



<h3 class="wp-block-heading" id="13-2-3-choisir-le-type-dop">2-3 | 🛒 Choisir le type d'OP</h3>



<p>Tout dépendra des canaux que vous pouvez mobiliser et du type d'OP. Les combinaisons sont infinies.</p>



<figure class="wp-block-table"><table><thead><tr><th><strong>Objectif commercial</strong></th><th><strong>Actions commerciales choisies</strong></th><th><strong>Canaux mobilisés</strong></th></tr></thead><tbody><tr><td>Augmenter le chiffre d’affaires</td><td>Promotion limitée • Offre pack</td><td>SVP • EShop • Email</td></tr><tr><td>Générer du trafic</td><td>Jeu-concours • Offre flash</td><td>Réseaux sociaux • CRC (SMS)</td></tr><tr><td>Lancer un nouveau produit</td><td>Démonstration • Offre de lancement</td><td>SVP • RS • Site Vitrine</td></tr><tr><td>Fidéliser la clientèle</td><td>Offre personnalisée • Avantage fidélité</td><td>CRC (Email, Appli mobile)</td></tr><tr><td>Prospection</td><td>Stand • Offre découverte</td><td>Vitrine (Salon) • CRC (Email) • Réseaux sociaux</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>Mais prenons un exemple :</p>



<p class="has-medium-font-size">👟 La marque N9WBIES lance une nouvelle série de baskets !</p>



<ul class="wp-block-list">
<li>🎯 Objectif : +12 % de CA en 1 mois</li>



<li>👥 Cible : jeunes 18-30 ans</li>



<li>💰 cout de revient : 79 €HT</li>



<li>🏪 Canaux disponibles : tous</li>
</ul>



<p></p>



<p>Commençons par étudier le marché des "sneakers" et Baskets en France :</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/image-31.png" alt="" class="wp-image-32168" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-31.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-31-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-31-150x150.png 150w, https://st9ph.fr/wp-content/uploads/2026/01/image-31-768x768.png 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<p>Selon  <a href="https://yougov.com/fr-fr/rapports/41006-les-francais-et-les-sneakers?utm_source=chatgpt.com" target="_blank" rel="noreferrer noopener">YouGov</a> :</p>



<ul class="wp-block-list">
<li>Les <strong>sneakers </strong>représentent <strong>une part très importante du marché de la chaussure</strong> en France : environ <strong>41 % des paires vendues</strong> appartiennent à ce segment, et ce segment croît plus vite que d’autres catégories comme la chaussure d’été.</li>



<li>Le marché continue de progresser, porté par l’intérêt pour les modèles urbains, confortables et sportifs. </li>



<li>Plus de <strong>60 % des 18-34 ans ont l’intention d’acheter au moins une nouvelle paire de sneakers dans l’année</strong> — ce qui est nettement supérieur à la moyenne nationale.</li>



<li>Une proportion importante de Français (environ <strong>31 % tous âges confondus</strong>) considère l’achat de sneakers comme <strong>souvent impulsif</strong>, ce qui est particulièrement vrai chez les jeunes.</li>



<li>Une part significative des jeunes (jusqu’à <strong>67 % des 18-24 ans dans des études de marché élargies</strong>) est prête à <strong>payer un peu plus pour des sneakers respectueux de l’environnement</strong>, ce qui est un indicateur fort d’une évolution des valeurs d’achat dans cette tranche d’âge.</li>



<li>Les segments <strong>prix moyens à élevés</strong> (100-200 €, 200 €+) ont connu une croissance rapide dans les années récentes, ce qui montre une appétence pour des modèles premium ou de marque. <a href="https://www.businesscoot.com/fr/etude/le-marche-des-sneakers-france?" target="_blank" rel="noreferrer noopener">Businesscoot</a></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="397" height="736" src="https://st9ph.fr/wp-content/uploads/2026/01/zeoob.com_3pj3s8g4ao_photo.png" alt="" class="wp-image-32170" srcset="https://st9ph.fr/wp-content/uploads/2026/01/zeoob.com_3pj3s8g4ao_photo.png 397w, https://st9ph.fr/wp-content/uploads/2026/01/zeoob.com_3pj3s8g4ao_photo-162x300.png 162w" sizes="auto, (max-width: 397px) 100vw, 397px" /></figure>



<p class="has-medium-font-size">🏪 La<strong> mise en valeur</strong> en boutique :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="462" height="547" src="https://st9ph.fr/wp-content/uploads/2026/01/image-33.png" alt="" class="wp-image-32172" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-33.png 462w, https://st9ph.fr/wp-content/uploads/2026/01/image-33-253x300.png 253w" sizes="auto, (max-width: 462px) 100vw, 462px" /></figure>



<p>👀 On surveillera :</p>



<ul class="wp-block-list">
<li>les <strong>atterrissages</strong> sur la page produit <strong>en Referal </strong>(mail)</li>



<li>Le tx d'ouverture, de clic</li>



<li>les<strong> pics de fréquentation</strong> de la boutique et de présentation du code promo</li>



<li>la<strong> fin des pics </strong>de fréquentation et d'atterrissages pour envoyer <strong>le SMS ou la notif</strong> de rappel</li>
</ul>


<div style="background-color: #ffdd80; color: #eaac00; border-left-color: #eaac00; " class="ub-styled-box ub-notification-box wp-block-ub-styled-box" id="ub-styled-box-481f815b-0da7-4529-9c11-f6d1c06bc2cb">
<p class="has-contrast-color has-text-color has-link-color wp-elements-64670b073555e673bc654233f143144e" id="ub-styled-box-notification-content-">⏰Plus que 24 heures pour profiter de 10% sur l'achat des 👟RUNNERS, <strong><span style="text-decoration: underline;">visite notre site N9WBIES</span></strong> pour ne pas rater <strong>LE bon plan</strong> du moment !</p>


</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-base-2-background-color has-background">C'est clairement <strong>une promo</strong> qu'il conviendra de faire avec <strong>un tête de gondole en SVP</strong> et u<strong>n Pop-Up sur la EShop.</strong> Un <strong>teaser </strong>sur les RS et <strong>un mail de promo </strong>aux clients en eshop draineront le trafic jusqu'au produit :</p>



<ul class="wp-block-list">
<li><strong>teasing</strong> sur réseaux sociaux (ci-contre)</li>



<li><strong>offre de lancement avec code promo</strong></li>



<li>mise en avant en magasin</li>



<li>relance SMS fin de promotion</li>
</ul>



<p></p>



<p class="has-medium-font-size">📨Le mail de promo :</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p>Bonjour <strong>Abel-Yves</strong>,</p>



<p>La nouvelle collection de <strong>sneakers est enfin disponible</strong> ! 👟<br><em>Des modèles pensés pour le <strong>style</strong>, le <strong>confort</strong> et le quotidien.</em></p>



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



<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-57b50e2f8e5804d5b3a5edf197764aaf">🎉 <strong>Offre de lancement exclusive</strong> :<br>Profite de <strong>-10 % sur toute la collection</strong> avec le code promo :</p>



<p class="has-text-align-center has-base-3-color has-accent-background-color has-text-color has-background has-link-color wp-elements-e1548bfba00d04d93426cc646a32fe31">👉 <strong>W9LCOME10</strong></p>



<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-49323d69"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-23e0ba5a wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="#" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">j'y vais !</div></a></div></div>
</div></div>



<p>⏳ Offre valable jusqu’au <strong>[date]</strong>, en ligne et <a href="#">en magasin</a>.<br>(non cumulable avec d’autres offres)</p>



<p>✨ <strong>Pourquoi tu vas les adorer </strong>?</p>



<ul class="wp-block-list">
<li>Design tendance</li>



<li>Confort optimal</li>



<li>Parfaites pour le sport et le lifestyle</li>
</ul>



<p>👉 Découvre la collection dès maintenant et trouve ta paire idéale !</p>



<p>À très vite !</p>



<p><br><strong>L’équipe N9WBIES</strong></p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>
</div>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="626" src="https://st9ph.fr/wp-content/uploads/2026/01/image-34-1024x626.png" alt="" class="wp-image-32175" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-34-1024x626.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-34-300x183.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-34-768x469.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-34.png 1149w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Le<strong> mapping</strong> montre le déroulé de la campagne et les rebonds, montrant grâce aux <strong>traceurs digitaux</strong> l'impact de chaque<strong> touch point</strong>.</p>



<p class="has-base-2-background-color has-background">On remarque que <strong>c'est plus difficile en boutique</strong> de savoir avec certitude quelle est la part de rebond liée au teaser et au mail de promo, <strong>tant que le 1er moment de vérité n'est pas passé</strong>.</p>



<p>Je renvoie ceux pour qui ce que je viens d'écrire est du chinois 🉑à <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/" target="_blank" rel="noreferrer noopener">cet article</a>.</p>



<h3 class="wp-block-heading" id="14-2-4-%EF%B8%8F-planifier-lop">2-4 | 🗓️ Planifier l'OP</h3>



<p>La <strong>méthode Gantt </strong>s'impose et il existe <strong>de très bons outils</strong> pour cela !</p>



<p class="has-base-2-background-color has-background"><strong>Le tableur</strong> est encore ce qu'on a fait de mieux en ce domaine et il existe <strong>de nombreux modèles</strong> pour <strong>Excel </strong>et pour <strong>Sheets</strong>. J'ai choisi le second et l'excellent site <a href="https://sheets-pratique.com/fr/telechargements/plannings/gestion-projets-gantt-google-sheets-no396" target="_blank" rel="noreferrer noopener">Sheets-Pratique</a> pour le modèle.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="531" src="https://st9ph.fr/wp-content/uploads/2026/01/image-35-1024x531.png" alt="" class="wp-image-32176" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-35-1024x531.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-35-300x156.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-35-768x398.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-35.png 1101w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Notre projet n'est pas très compliqué :</p>



<ul class="wp-block-list">
<li>un <strong>opérateur mail,</strong> le <strong>Community Manager</strong> et<strong> notre chef de rayon</strong> en SVP (affichage et mise en gondole)  pour le stimulus</li>



<li>un <strong>data miner</strong> pour <strong>suivre les tableaux de bord </strong>et <strong>alerter </strong>si nos projections sont en dessous de nos objectifs (parmi ses autres taches, il ne fera pas que cela de ses journées)</li>



<li>des vendeurs en SVP (mais, de toute manière, ils sont là pour vendre les autres produits aussi) et un <strong>webmaster</strong> sur la eshop, voir <strong>un opérateur de SAV </strong>pour informer ceux qui auraient des questions par ticket (mais, idem, c'est leur job au quotidien)</li>



<li>Un <strong>chef de projet</strong> pour coordonner le tout et contrôler de temps en temps</li>
</ul>



<h3 class="wp-block-heading" id="15-2-5-suivre-lop">2-5 | 👀 suivre l'OP</h3>



<p>Un <strong>tableau de bord</strong> Power BI ou autre, <strong>connecté à votre CRM</strong>, vous donnera <strong>les KPI </strong>et <strong>l'état de progression </strong>de votre OP-COM.</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-498ed91d wp-block-uagb-counter--bars"><div class="wp-block-uagb-counter-bars-container"><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="423" data-from-value="0" data-delimiter=","></span></div></div><div class="wp-block-uagb-counter__title">Ventes totales 👟</div></div>



<div class="wp-block-uagb-counter uagb-block-019642d9 wp-block-uagb-counter--bars"><div class="wp-block-uagb-counter-bars-container"><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="41" data-from-value="0" data-delimiter=","></span></div></div><div class="wp-block-uagb-counter__title">ESHOP 🛒</div></div>



<div class="wp-block-uagb-counter uagb-block-a78b983f wp-block-uagb-counter--bars"><div class="wp-block-uagb-counter-bars-container"><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="53" data-from-value="0" data-delimiter=","></span></div></div><div class="wp-block-uagb-counter__title">SVP 🏪</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-71a71b0d 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="M256 0C273.7 0 288 14.33 288 32V296.6C307.1 307.6 320 328.3 320 352C320 387.3 291.3 416 256 416C220.7 416 192 387.3 192 352C192 328.3 204.9 307.6 224 296.6V32C224 14.33 238.3 0 256 0zM160 128V352C160 405 202.1 448 256 448C309 448 352 405 352 352V128H464C490.5 128 512 149.5 512 176V464C512 490.5 490.5 512 464 512H48C21.49 512 0 490.5 0 464V176C0 149.5 21.49 128 48 128H160z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="22" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div><div class="wp-block-uagb-counter__title">part OP / ventes totales</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 style="border: 3px solid var(--accent); border-radius: 0%; background-color: inherit; " class="ub-styled-box ub-bordered-box wp-block-ub-styled-box" id="ub-styled-box-527235a7-ca8c-4083-a15a-e1fea070c5c1">
<p id="ub-styled-box-bordered-content-">CA Généré :</p>



<p class="has-text-align-center has-large-font-size"><strong>29610 €HT</strong></p>


</div>

<div style="border: 3px solid var(--accent); border-radius: 0%; background-color: inherit; " class="ub-styled-box ub-bordered-box wp-block-ub-styled-box" id="ub-styled-box-faa83c44-44e0-4ca5-b508-d90d14145059">
<p id="ub-styled-box-bordered-content-">Marge Com :</p>



<p class="has-text-align-center has-large-font-size"><strong>10575 €HT</strong></p>


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



<p class="has-base-2-background-color has-background"><strong>Un graphique </strong>pour appuyer votre OP sur le temps est le bienvenu. Il vous aide à <strong>voir les pics</strong> et à <strong>alerter</strong>, à vous faire <strong>observer</strong> quand<strong> vos flux</strong> ont besoin d'être boostés par un push.</p>



<ul class="wp-block-list">
<li>Même avec <strong>un CPV de 0,1 €</strong> (et, ça, c'est vraiment si vous avez ciblé très large), nos <strong>7000 vues</strong> du teaser nous auront couté <strong>700 €.</strong> </li>



<li>Le <strong>cout du mail</strong> (quelque soit le nombre), même si l'opérateur prend son temps à <strong>segmenter la base d'envoi</strong> et à <strong>le réaliser,</strong> que <strong>votre logiciel d'Emailing</strong> a toutes les options de luxe ne vous coutera guère plus que <strong>50 €</strong>.</li>



<li>La r<strong>elance par notification </strong>ne coutera rien en outil, <strong>quelques minutes de travail </strong>à un opérateur.</li>



<li>Les autres couts sont noyés dans le <strong>fonctionnement général </strong>et vos charges habituelles.</li>
</ul>



<p class="has-base-2-background-color has-background">Avec <strong>22% du réalisé </strong>sur nos objectifs et un gain de 10575 €, on a<strong>un cout de publicité de 0.2 %</strong>, une bagatelle !</p>



<p>Voilà encore un article assez long ! Et encore, <strong>j'ai simplifié au maximum</strong> en <strong>me concentrant sur les outils</strong> et en choisissant <strong>une OP des plus faciles</strong>.</p>



<p>Vous avez le droit de me détester mais je vous promets, rien de ce qui est écrit ici n'est superflu ! 😉</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 style="background-color: #f8f8f8; border-width: 2px; border-color: #ECECEC; " class="ub_call_to_action wp-block-ub-call-to-action-block" id="ub_call_to_action_052f0d5b-2c02-4821-b24d-94783122e997">
			<div class="ub_call_to_action_headline">
				<p class="ub_call_to_action_headline_text" style="font-size: 30px; text-align: center; ">🍀</p>
			</div>
			<div class="ub_call_to_action_content">
				<p class="ub_cta_content_text" style="font-size: 15px; text-align: center; ">Un petit Quiz pour finir ?</p>
			</div>
			<div class="ub_call_to_action_button">
				<a href="https://forms.gle/UxegTXgub5LU37Mw6" target="_self" rel="noopener noreferrer" class="ub_cta_button" style="background-color: var(--accent); width: 250px; ">
					<p class="ub_cta_button_text" style="color: var(--base-3); font-size: 14px; ">Allez ! Soyons fous !</p>
				</a>
			</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-6005cf48bff9fae1ed7a3fbdac7d8ac9"><strong>Tu préfères sur ton smartphone ?</strong></p>



<p class="has-text-align-center"><strong>Libre à toi :</strong></p>


<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_docs.google.com-4.png" alt="" class="wp-image-32683" style="width:195px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-4.png 490w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-4-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-4-150x150.png 150w" sizes="auto, (max-width: 490px) 100vw, 490px" /></figure>
</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 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%2F%25f0%259f%259b%2592e-commerce-operations-commerciales-en-digital%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 class="breadcrumb_last" aria-current="page">☝️ Concepts</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></p>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-33022b4b     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/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="280" src="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg 916w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-300x93.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-768x239.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Donner des sens au digital</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-05-04T14:12:54+02:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					4 mai 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>🎧 Ecouter l&#8217;introduction audio Ce n&#8217;est pas pour rien que même les pure players finissent...				</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/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" 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/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="643" height="165" src="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg 643w, https://st9ph.fr/wp-content/uploads/2026/02/celi-avant-300x77.jpg 300w" sizes="auto, (max-width: 643px) 100vw, 643px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | La communication en service client &amp; son management</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-09T15:14:06+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					9 février 2026				</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>L&#8217;importance de communiquer A toutes les étapes de son parcours client, votre interlocuteur recevra des...				</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/com-en-service-client-et-son-management/" 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/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="381" src="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-300x127.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-768x326.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1536x652.png 1536w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s.png 1584w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | UX Mobile</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-30T13:51:57+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					30 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>C&#8217;est quoi &#8220;l&#8217;UX Mobile&#8221; ? UX pour User eXperience. L’expérience utilisateur en mobilité, c’est la...				</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/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" 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/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="720" height="211" src="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg 720w, https://st9ph.fr/wp-content/uploads/2026/01/e5a-img-300x88.jpg 300w" sizes="auto, (max-width: 720px) 100vw, 720px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">☝️L&#8217;épreuve E5 A (écrit) du BTS NDRC</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-11T21:23:50+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					11 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>⏱️ 3 heures | ✅coef2 /40 pts 👍 A ce jour, tous mes étudiants ont...				</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/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" 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/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="758" height="158" src="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg 758w, https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande-300x63.jpg 300w" sizes="auto, (max-width: 758px) 100vw, 758px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | la Satisfaction Client</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-10T14:12:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					10 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>C&#8217;est quoi la satisfaction client ? On parle aussi de &#8220;Customer Care&#8221;. C&#8217;est le fait...				</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%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" 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/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="798" height="185" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg 798w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-300x70.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-768x178.jpg 768w" sizes="auto, (max-width: 798px) 100vw, 798px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Search Engine Marketing</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-08T21:56:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					8 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>C&#8217;est quoi le &#8220;Search Engine Marketing&#8221; ? Le Search Engine Marketing (SEM) est l&#8217;addition de...				</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/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" 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></p>
<p>L’article <a href="https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/">🛒E-Commerce | Opérations commerciales en digital</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/%f0%9f%9b%92e-commerce-operations-commerciales-en-digital/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/Enregistrement-2026-01-12-144403.mp4" length="69927036" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_12-01-2026_at_19_49_17_on_January_12th_2026.mp3" length="301248" type="audio/mpeg" />

		<post-id xmlns="com-wordpress:feed-additions:1">32105</post-id>	</item>
		<item>
		<title>🏷️ Animation RC &#124; le Selfcare</title>
		<link>https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8f-animation-rc-le-selfcare/</link>
					<comments>https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8f-animation-rc-le-selfcare/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Sat, 03 Jan 2026 09:43:00 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[🏷️ Animation RC]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[c'est quoi selfcare]]></category>
		<category><![CDATA[comprendre el selfcare]]></category>
		<category><![CDATA[la relation client automatisée]]></category>
		<category><![CDATA[outils digitaux de selfcare]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=31977</guid>

					<description><![CDATA[<p>📖 Lecture : 0 % Avant même l&#8217;ère du digital, le besoin d&#8217;aller au delà des possibilités d&#8217;accueil de l&#8217;équipe commerciale, des horaires d&#8217;ouverture et de l&#8217;absence de magasins de proximité s&#8217;était fait sentir. La boite-à-lettres, le premier outil de Selfcare déployé dans la relation clients (au XVIIe siècle à Paris), permit : Voilà un ... <a title="🏷️ Animation RC &#124; le Selfcare" class="read-more" href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8f-animation-rc-le-selfcare/" aria-label="En savoir plus sur 🏷️ Animation RC &#124; le Selfcare">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8f-animation-rc-le-selfcare/">🏷️ Animation RC | le Selfcare</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-60e92510"><button class="uagb-notice-close-button" type="button" aria-label="Close"></button><h5 class="uagb-notice-title"><strong>C&#8217;est quoi  le &#8220;Selfcare&#8221; ?</strong></h5><div class="uagb-notice-text">
<p class="has-medium-font-size">Littéralement &#8220;prendre soin de soi soi-même&#8221;(on parle aussi parfois &#8220;d&#8217;auto support&#8221;), le Selfcare est <strong>l&#8217;ensemble des outils automatisés </strong>qui prennent <strong>le relai des agents commerciaux </strong>en prospection et dans la relation client. C&#8217;est à la fois un moyen d&#8217;<strong>économiser les ressources humaines </strong>pour les <strong>processus récurrents</strong> et <strong>une demande forte des consommateurs</strong> qui plébiscitent ce mode dans leurs usages (faire tout seul, n&#8217;importe quand et sans attendre qu&#8217;un commercial soit disponible).</p>
</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_12-01-2026_at_19_54_14_on_January_12th_2026.mp3"></audio><figcaption class="wp-element-caption">🎧 Ecouter l&#8217;introduction audio</figcaption></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="496" height="540" src="https://st9ph.fr/wp-content/uploads/2026/01/image.png" alt="" class="wp-image-31980" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image.png 496w, https://st9ph.fr/wp-content/uploads/2026/01/image-276x300.png 276w" sizes="auto, (max-width: 496px) 100vw, 496px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-base-2-background-color has-background">Avant même l&#8217;ère du digital, <strong>le besoin d&#8217;aller au delà</strong> des <strong>possibilités d&#8217;accueil </strong>de l&#8217;équipe commerciale, des <strong>horaires d&#8217;ouverture </strong>et de l&#8217;absence de <strong>magasins de proximité </strong>s&#8217;était fait sentir.</p>



<p>La boite-à-lettres, le <strong>premier outil de Selfcare </strong>déployé dans la relation clients (au XVIIe siècle à Paris), permit :</p>



<ul class="wp-block-list">
<li>de trouver dans chaque quartier, <strong>près de chez soi,</strong>  un outil de <strong>dépôt automatique</strong> pour l&#8217;acheminement du courrier</li>



<li>de se dispenser de <strong>trouver un postier </strong>pour s&#8217;acquitter du prix de ce service grâce à un <strong>système de prépaiement</strong> : <strong>le timbre poste</strong></li>
</ul>
</div>
</div>


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


<p>Voilà un premier exemple de Selfcare utile : <strong>la gestion des files d&#8217;attente (Queue Busting).</strong> La gestion de l&#8217;<strong>expédition du courrier simple par la boite-aux-lettres</strong>, permettant aux commerciaux de <strong>se concentrer sur les colis et les lettres spéciales </strong>comme les recommandés <strong>et la gestion des livrets</strong> de compte bancaires, autre mission de l&#8217;entreprise, réduisant ainsi l&#8217;insatisfaction des usagers de la Poste en leur permettant une prise en charge plus rapide. Mais revenons au Digital.</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-a2bb00c3-57f3-4aa9-b96b-5e1634e2d4ab">
			<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-a2bb00c3-57f3-4aa9-b96b-5e1634e2d4ab-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-a2bb00c3-57f3-4aa9-b96b-5e1634e2d4ab-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-a2bb00c3-57f3-4aa9-b96b-5e1634e2d4ab-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-a2bb00c3-57f3-4aa9-b96b-5e1634e2d4ab-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-a2bb00c3-57f3-4aa9-b96b-5e1634e2d4ab-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-a2bb00c3-57f3-4aa9-b96b-5e1634e2d4ab-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-a2bb00c3-57f3-4aa9-b96b-5e1634e2d4ab-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-a2bb00c3-57f3-4aa9-b96b-5e1634e2d4ab-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-a2bb00c3-57f3-4aa9-b96b-5e1634e2d4ab-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-a2bb00c3-57f3-4aa9-b96b-5e1634e2d4ab-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-5f195959-68fc-42f0-af46-2641c1758262">
			<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-5f195959-68fc-42f0-af46-2641c1758262-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-5f195959-68fc-42f0-af46-2641c1758262-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-5f195959-68fc-42f0-af46-2641c1758262-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-5f195959-68fc-42f0-af46-2641c1758262-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-5f195959-68fc-42f0-af46-2641c1758262-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-5f195959-68fc-42f0-af46-2641c1758262-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-5f195959-68fc-42f0-af46-2641c1758262-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-5f195959-68fc-42f0-af46-2641c1758262-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-5f195959-68fc-42f0-af46-2641c1758262-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-5f195959-68fc-42f0-af46-2641c1758262-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-3add57a9-f130-4e65-ba08-5af768172e79">
			<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-3add57a9-f130-4e65-ba08-5af768172e79-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-3add57a9-f130-4e65-ba08-5af768172e79-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-3add57a9-f130-4e65-ba08-5af768172e79-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-3add57a9-f130-4e65-ba08-5af768172e79-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-3add57a9-f130-4e65-ba08-5af768172e79-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-3add57a9-f130-4e65-ba08-5af768172e79-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-3add57a9-f130-4e65-ba08-5af768172e79-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-3add57a9-f130-4e65-ba08-5af768172e79-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-3add57a9-f130-4e65-ba08-5af768172e79-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-3add57a9-f130-4e65-ba08-5af768172e79-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">20–30 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">4 654 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-02T23:49:34+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-56c2ac1a      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							Au menu						</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="#assurer-le-1er-niveau-de-contact-conduire" class="uagb-toc-link__trigger">Assurer le 1er niveau de contact (conduire)</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#11-outils-interactifs-informer-et-aider" class="uagb-toc-link__trigger">🔹1.1 |Outils interactifs (informer et aider)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#12-web-to-store-préparer-lachat" class="uagb-toc-link__trigger">🔹1.2 |Web-To-Store (préparer l&#039;achat)</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="#permettre-lensemble-du-processus-suppléer" class="uagb-toc-link__trigger">Permettre l&#039;ensemble du processus (suppléer)</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#21-les-distributeurs-automatiques" class="uagb-toc-link__trigger">🔹2.1 |les distributeurs automatiques</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#22-les-bornes-de-commande-et-dachat-en-svp-kiosks" class="uagb-toc-link__trigger">🔹2.2 |Les Bornes de Commande et d&#039;Achat en SVP (Kiosks)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#23-le-self-scanning-et-lencaissement-automatique" class="uagb-toc-link__trigger">🔹2.3 |Le Self-Scanning et l&#039;Encaissement Automatique</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#24-les-eshops" class="uagb-toc-link__trigger">🔹2.4 |les Eshops</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#sources" class="uagb-toc-link__trigger">📚 Sources</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#ndrc" class="uagb-toc-link__trigger">🧑‍🎓 NDRC</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#glossaire" class="uagb-toc-link__trigger">📘 Glossaire</a></ul></ul></ol>					</div>
									</div>
				</div>
			


<p class="has-text-align-center has-medium-font-size">Je parlerai dans cet article, pour chacun des exemples que je prendrais,  à la fois des bénéfices <strong>pour le client </strong>mais aussi, <em>pour le commerçant</em>.</p>



<p class="callout rouge">⚠️ Etudiants NDRC, pensez y sur <strong>votre copie E5A</strong> : faire preuve d&#8217;empathie pour vos clients, c&#8217;est super, mais <strong>on vous attend</strong> surtout sur les solutions commerciales, donc, <strong>côté vendeur</strong>. Défendez aussi (et avant tout) <strong>les avantages pour eux </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">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>Assurer le 1er niveau de contact (conduire)</h2>
    </div>
    <ul class="chapter-points"><li>Outils interactifs (informer et aider)</li><li>Web-To-Store (préparer l&#8217;achat)</li></ul>
  </div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p class="has-text-align-center callout vert has-medium-font-size">Le 1er contact sera d&#8217;ailleurs parfois le seul car il se suffira à lui-même !</p>



<h3 class="wp-block-heading" id="0-11-outils-interactifs-informer-et-aider-" 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>Outils interactifs (informer et aider)</strong></h3>



<h4 class="wp-block-heading" id="1-11a-outils-de-dialogue-informer-">1.1.A | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Outils de dialogue (informer)</mark></h4>



<p class="has-base-2-background-color has-background">Ils peuvent être <strong>vocaux</strong> (Serveurs Vocaux ou Voicebots) ou <strong>textuels</strong> (Foires Aux Questions ou Tchatbots) et permettront <strong>essentiellement d&#8217;informer</strong>.</p>



<p>🔷<strong>EX1</strong> : Ci dessous le schéma du SVI d&#8217;<strong>informations de la SNCF</strong> et un <strong>essai d&#8217;appel</strong>.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="791" height="362" src="https://st9ph.fr/wp-content/uploads/2026/01/schema-SNCF.jpg" alt="" class="wp-image-31989" srcset="https://st9ph.fr/wp-content/uploads/2026/01/schema-SNCF.jpg 791w, https://st9ph.fr/wp-content/uploads/2026/01/schema-SNCF-300x137.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/schema-SNCF-768x351.jpg 768w" sizes="auto, (max-width: 791px) 100vw, 791px" /></figure>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2026/01/SNCF-complete.mp3"></audio><figcaption class="wp-element-caption">mon test du 3665</figcaption></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">
<!-- 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-2.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-small-font-size">source : SNCF</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>La stratégie de la SNCF repose sur la <strong>déflection</strong> : r<strong>ediriger l&#8217;utilisateur vers des outils de selfcare </strong>(SVI, chatbot, application) pour éviter le coût élevé d&#8217;un traitement par <strong>un agent humain.</strong></p>



<ul class="wp-block-list">
<li><strong>Coût d&#8217;un appel avec agent :</strong> Dans le secteur du transport, un appel traité par un conseiller coûte entre <strong>4 € et 7 €</strong> (selon la durée et la complexité).</li>



<li><strong>Coût d&#8217;un appel SVI automatisé :</strong> Le traitement d&#8217;une requête simple par un SVI ou un bot coûte généralement <strong>moins de 0,50 €</strong>.</li>



<li><strong>Conséquence :</strong> Avec <strong>des millions d&#8217;appels au 3635</strong> chaque année, automatiser ne serait-ce que 20% des demandes (horaires, suivi de commande) génère des économies se comptant en <strong>millions d&#8217;euros</strong>. (voir l&#8217;infographie ci-contre)</li>
</ul>
</div>
</div>



<h4 class="wp-block-heading" id="2-11b-outils-daccompagnement-aider-">1.1.B | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Outils d&#8217;accompagnement (aider)</mark></h4>



<p class="has-base-2-background-color has-background">Les &#8220;<strong>How-To</strong>&#8221; <strong>contextuels</strong> bien visibles ou qui surgissent pour aider à <strong>naviguer</strong>, à <strong>choisir</strong>, à <strong>faire fonctionner;</strong> constituent une valeur ajoutée rassurante et qui assureront le <strong>succès dans l&#8217;accomplissement </strong>à l&#8217;intérieur des outils que vous mettez à disposition de votre audience.</p>



<p>🔷<strong>EX2</strong> : le <strong>chabot d&#8217;accompagnement</strong> de la <a href="https://shop.st9ph.fr/presta/fr/" target="_blank" rel="noreferrer noopener">boutique pédagogique</a> (que vous pouvez tester vous aussi)</p>



<ul class="wp-block-list">
<li>Un jeu de <strong>questions de contrôle</strong> permet de <strong>filtrer les problématiques récurrentes</strong> avant de générer un ticket (file : &#8220;commandes&#8221; &gt;&gt; &#8220;je n&#8217;ai pas reçu mon produit&#8221;)</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-3.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/01/image-4.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/01/image-5.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="has-base-2-background-color has-background">L&#8217;objectif est de <strong>ne pas encombrer nos opérateurs</strong> avec des tickets qui ne sont pas liés à <strong>un réel incident</strong> : les a<strong>dresses mail erronées </strong>et certaines des boites mail qui ont redirigé notre message vers les <strong>spams à cause du lien de téléchargement</strong> qu&#8217;il contient et qu&#8217;elles ont interprété comme une menace.</p>



<p class="has-medium-font-size">➡️ Une fois ces <strong>vérifications faites</strong>, le chabot propose :</p>



<ul class="wp-block-list">
<li>Des <strong><em>liens</em> </strong>qui permettent au client d&#8217;être <strong>positionné au bon endroit </strong>sans avoir à rechercher ni quitter le tchat.</li>



<li>une <strong>procédure</strong> de remplissage du ticket décrite <strong>pas à pas</strong></li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="861" height="466" src="https://st9ph.fr/wp-content/uploads/2026/01/image-6.png" alt="" class="wp-image-31999" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-6.png 861w, https://st9ph.fr/wp-content/uploads/2026/01/image-6-300x162.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-6-768x416.png 768w" sizes="auto, (max-width: 861px) 100vw, 861px" /></figure>



<p class="has-base-2-background-color has-background">l&#8217;avantage d&#8217;un <strong>message préformaté </strong>est qu&#8217;il pourra être lui aussi <strong>traité automatiquement</strong> par des <strong>déclencheurs autonomes </strong>du back office de votre boutique en ligne, <strong>générer une résolution automatisée</strong> (le renvoi du mail), <strong>un mail de réponse automatique </strong>contenant un message prédéfini et <strong>la clôture du ticket </strong>sans aucune intervention humaine.</p>



<p class="has-medium-font-size">🔷<strong>Ex3</strong> : <strong>Le forum </strong>(communauté d&#8217;entraide)</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>Aussi appelé  &#8220;<em>Peer-to-Peer support</em>&#8220;, le forum consiste  en fait à <strong>laisser les clients se débrouiller  entre eux</strong> !</p>



<p class="has-base-2-background-color has-background">Dans l&#8217;aperçu ci-contre, <strong>un expert Darty </strong>anime et alimente <strong>en réponses </strong>mais ce n&#8217;est pas obligé.</p>



<p>Il faudra tout au moins <strong>dédier un modérateur </strong>aux &#8220;<strong>topics</strong>&#8221; (sujets) ouverts pour éviter la foire d&#8217;empoigne entre vos clients.</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/darty-forum.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="has-medium-font-size">Ca vaut vraiment le coup sur <strong>la balance avantages / risques</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: 2; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-f4969178-cfdc-4bda-a981-0a3c3b1beac1">
<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-8fc1ef83-ecc5-4f45-a263-e302f025a2e1">
			<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>évite</strong> énormément de <strong>tickets de SAV</strong> (Du Queue Busting côté backoffice en quelque sorte)</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-1211d752-6efa-49ba-8f20-7f86daf5e72d">
			<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">permet d&#8217;<strong>observe</strong>r la manière dont les clients parlent entre eux de <strong>vos produits et de votre enseigne</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-0a5fd8aa-2929-4000-88fe-38bf231fe48b">
			<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">permet d&#8217;observer les <strong>problématiques récurrentes</strong> et d&#8217;<strong>adapter les FAQ</strong> et les <strong>notices </strong>produit</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-94d8c002-b042-47a9-8496-45d0bf90095a">
			<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">Crée <strong>une base de connaissance organique </strong>très riche et dans un <strong>vocabulaire profane</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-d60b1f9a-63fc-4e53-b19d-a6c7627e5570">
			<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>Excellent pour le SEO</strong> (Booste les flux Referal et Affiliate)</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-e04cf26e-7df2-46c5-aae4-4984494dc5b6">
			<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">peut <strong>donner le sentiment d&#8217;un manque de qualité</strong> ou de soin de votre enseigne (concentration des mécontentements)</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-de881591-058a-46f0-9e1a-09fe5e31951d">
			<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"><strong>vos experts </strong>(si vous faites comme Darty) peuvent y trouver leurs &#8220;maitres&#8221; (c<strong>lients plus qualifiés qu&#8217;eux-mêmes </strong>qui vont les contredire à juste titre).</span>
			</div>
			
		</li>
</ul>


<h3 class="wp-block-heading" id="3-12-web-to-store-pr%C3%A9parer-lachat-" 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>Web-To-Store (préparer l&#8217;achat)</strong></h3>



<p class="has-base-2-background-color has-background">Si vous voulez briller en société, vous pouvez aussi l&#8217;appeler <strong>le ROPO</strong> (<em>Research Online, Purchase Offline</em>) ou le <strong>Drive-To-Store</strong> (&#8220;conduire à la boutique&#8221;) et pas seulement en voiture).</p>



<p class="has-medium-font-size">ℹ️ C&#8217;est le fait de <strong>rechercher, s&#8217;informer, configurer, réserver &#8230; en ligne</strong> puis <strong>se rendre en magasin pour l&#8217;achat</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 style="background: accent; " class="ub_counter-container wp-elements-27a39b04a75534dbd6a5f30f85a9763c wp-block-ub-counter has-text-color has-base-3-color has-background has-accent-background-color" id="ub-counter-">
					<div class="ub_counter ub_text-center" data-start_num="0" data-end_num="91" data-animation_duration="2" style="">
						 
						 <div class="ub_counter-number-wrapper" style="font-size: 48px; ">
							  <span class="ub_counter-prefix"></span>
							  <span class="ub_counter-number">0</span>
							  <span class="ub_counter-suffix">%</span>
						 </div>
						 <div class="ub_counter-label-wrapper" style="font-size: 16px; "><span class="ub_counter-label"><strong>des consommateurs font une recherche en ligne</strong> avant d’acheter en magasin (produit, disponibilité, avis, horaires…) <a href="https://www.appvizer.fr/magazine/marketing/ecommerce/web-to-store?" target="_blank" rel="noreferrer noopener">source</a></span></div>
					</div>
			   </div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-ub-progress-bar ub_progress-bar is-style-ub-progress-bar-half-circle-wrapper rounded-circle ub-progress-bar-detail-align-center" id="ub-progress-bar-4ed5c980-195f-4df6-b30a-93834a563be8"><div class="ub_progress-bar-text" style=""><p>personnes cherchant un magasin en ligne et s&#8217;y rendant<br> <strong>dans les 24 h</strong></p></div><div class="ub_progress-bar-container" style="height: 183px; width: 183px; float: auto; margin: auto; ">
			<svg class="ub_progress-bar-circle" height="183" width="183" viewbox="0 0 100 100">
				<path class="ub_progress-bar-circle-trail" d="M 50,50 m -45.75,0 a 45.75,45.75 0 1 1 91.5,0" stroke="#d9d9d9" stroke-width="8.5" style="stroke-dasharray: 143.72786390173px,143.72786390173px; "></path>
				<path class="ub_progress-bar-circle-path" d="M 50,50 m -45.75,0 a 45.75,45.75 0 1 1 91.5,0" stroke="#2db7f5" stroke-width="8.5" stroke-linecap="butt" style="--ub-progress-bar-dasharray: 0px, 143.72786390173px; stroke-linecap: round; --ub-progress-bar-filled-dasharray: 107.7958979263px, 143.72786390173px; "></path>
			</svg>
			<div class="ub_progress-bar-label" style="width: 75%; ">
			<span class="ub-progress-number-prefix"></span>
			<span class="ub-progress-number-value">75</span>
			<span class="ub-progress-number-suffix">%</span>
		</div>
			</div></div>


<p class="has-text-align-center has-small-font-size">source HARMO</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-counter uagb-block-ca70f085 wp-block-uagb-counter--number"><span class="wp-block-uagb-counter__icon"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z"></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">des consommateurs<br><strong> lisent des avis en ligne</strong><br> avant de se rendre en magasin</div></div>
</div>
</div>



<p class="has-medium-font-size">On peut citer <strong>plusieurs techniques de web-to-store</strong> très courantes :</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-medium-font-size" id="5-%E2%9C%85-2-r%C3%A9servation-amp-disponibilit%C3%A9-en-magasin-">✅ 1. <em>Réservation &amp; disponibilité en magasin</em></p>



<p>Sur le site web ou l’app, l’internaute :</p>



<ul class="wp-block-list">
<li>vérifie <strong>si le produit est en stock </strong>dans <strong>sa boutique préférée</strong></li>



<li><strong>réserve</strong> un <strong>créneau </strong>(service) ou un <strong>produit</strong><br>➡︎ Puis il se déplace. <a href="https://go.cegid.com/rs/818-MJH-876/images/Cegid_Retail_Ebook_CDO_CommerceUnifie_FR.pdf?" target="_blank" rel="noreferrer noopener">Cegid Global</a></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="736" height="512" src="https://st9ph.fr/wp-content/uploads/2025/12/image-90.png" alt="" class="wp-image-31709" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-90.png 736w, https://st9ph.fr/wp-content/uploads/2025/12/image-90-300x209.png 300w" sizes="auto, (max-width: 736px) 100vw, 736px" /></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="928" height="1074" src="https://st9ph.fr/wp-content/uploads/2025/12/image-142.png" alt="" class="wp-image-31899" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-142.png 928w, https://st9ph.fr/wp-content/uploads/2025/12/image-142-259x300.png 259w, https://st9ph.fr/wp-content/uploads/2025/12/image-142-885x1024.png 885w, https://st9ph.fr/wp-content/uploads/2025/12/image-142-768x889.png 768w" sizes="auto, (max-width: 928px) 100vw, 928px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-medium-font-size" id="5-%E2%9C%85-3-campagnes-digitales-g%C3%A9olocalis%C3%A9es-">✅ 2. <em>Campagnes digitales géolocalisées</em></p>



<p>Annonces ciblées sur :</p>



<ul class="wp-block-list">
<li><strong>Google Local Ads</strong></li>



<li><strong>Réseaux sociaux</strong></li>



<li><strong>SMS/Email/Notification </strong>avec offre en magasin (<strong>push</strong>)</li>
</ul>



<p>Ces messages <strong>incitent au déplacement en boutique</strong> via des offres ou événements locaux. <a href="https://www.generixgroup.com/fr/glossaire/web-to-store-definition?" target="_blank" rel="noreferrer noopener">Generix</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:66.66%">
<figure class="wp-block-image size-full is-style-zoooom"><img loading="lazy" decoding="async" width="607" height="427" src="https://st9ph.fr/wp-content/uploads/2026/01/image-8.png" alt="" class="wp-image-32061" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-8.png 607w, https://st9ph.fr/wp-content/uploads/2026/01/image-8-300x211.png 300w" sizes="auto, (max-width: 607px) 100vw, 607px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p class="has-medium-font-size" id="5-%E2%9C%85-4-shopfully-plateformes-drive-to-store">✅ 3. les plateformes drive-to-store</p>



<p>Des plateformes comme <strong><a href="https://www.shopfully.fr/" target="_blank" rel="noreferrer noopener">ShopFully</a></strong> aident les consommateurs à trouver les offres de magasins locaux et génèrent du trafic en magasin grâce à des promotions locales. Elles regroupent plus de <strong>45 millions d’utilisateurs</strong> dans le monde. <a href="https://en.wikipedia.org/wiki/ShopFully?" target="_blank" rel="noreferrer noopener">Wikipédia</a></p>
</div>
</div>



<p class="has-medium-font-size"><strong>Et le click-and-collect ?</strong></p>



<p>Il y&#8217;a débat et je suis de ceux qui considèrent que <strong>le drive-to-store ne doit pas l&#8217;englober</strong> (puisque <strong>l&#8217;achat se fait en ligne </strong>et que la SVP n&#8217;est qu&#8217;<strong>un point relais </strong>de livraison).</p>



<p class="has-base-2-background-color has-background">D&#8217;autres vous diront que c&#8217;est un achat &#8220;<strong>qui conduit au magasin</strong>&#8221; et que c<strong>&#8216;est l&#8217;opportunité</strong> pour le client <strong>d&#8217;y faire un tour</strong> avant de reprendre son colis &#8230; ils ont peut-être raison. Si vous pensez comme eux, je ne serai pas vexé.</p>



<p class="has-medium-font-size">Allez, mettons qu&#8217;ils aient raison :</p>



<p class="has-medium-font-size" id="5-%E2%9C%85-4-shopfully-plateformes-drive-to-store">✅ 4. Casiers de retrait (smart lockers) pour le click-and-collect</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="316" src="https://st9ph.fr/wp-content/uploads/2026/01/image-9-1024x316.png" alt="" class="wp-image-32068" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-9-1024x316.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-9-300x93.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-9-768x237.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-9.png 1056w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Ils poussent <strong>à tous les coins de rue</strong> (avec la gène pour les riverains qui les accompagnent) et répondent à un besoin de plus en plus pressant :<strong>être livré sans délai</strong> malgré qu&#8217;on est <strong>commandé à distance</strong>, qu&#8217;on n&#8217;ait pas le temps d<strong>&#8216;aller en magasin</strong> et qu&#8217;<strong>on n&#8217;est jamais chez soi</strong> aux heures de livraison !</p>


<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-72865cf1-effd-42d1-b8e2-e071ccd9357a">
			<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-72865cf1-effd-42d1-b8e2-e071ccd9357a-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-72865cf1-effd-42d1-b8e2-e071ccd9357a-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-72865cf1-effd-42d1-b8e2-e071ccd9357a-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-72865cf1-effd-42d1-b8e2-e071ccd9357a-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-72865cf1-effd-42d1-b8e2-e071ccd9357a-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-72865cf1-effd-42d1-b8e2-e071ccd9357a-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-72865cf1-effd-42d1-b8e2-e071ccd9357a-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-72865cf1-effd-42d1-b8e2-e071ccd9357a-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-72865cf1-effd-42d1-b8e2-e071ccd9357a-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-72865cf1-effd-42d1-b8e2-e071ccd9357a-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; "><strong>impact satisfaction</strong> </div>
		</div>


<ul class="wp-block-list">
<li><strong>Points positifs :</strong> Zéro attente. Le client récupère son colis en moins de 30 secondes, souvent sur des plages horaires étendues (24h/24). Discrétion et sécurité.</li>



<li><strong>Point de vigilance :</strong> La localisation du casier (doit être sur le flux naturel du client).</li>



<li><strong>Indice de Queue Busting :</strong> Maximal. Supprime totalement l&#8217;interaction avec le comptoir de retrait/SAV.</li>
</ul>



<p class="has-base-2-background-color has-background">Vous remarquez que j&#8217;ai choisi le seul exemple où la SVP n&#8217;est pas en bout de chaine (et donc le pire). Ici, l&#8217;argument de <strong>la visite d&#8217;opportunité </strong>en venant chercher son colis tombe à plat à moins que le locker soit à côté de la boutique et que le client fasse son retrait pendant les heures d&#8217;ouverture.</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>Permettre l&#8217;ensemble du processus (suppléer)</h2>
    </div>
    <ul class="chapter-points"><li>les distributeurs automatiques</li><li>Les Bornes de Commande et d&#8217;Achat en SVP (Kiosks)</li><li>Le Self-Scanning et l&#8217;Encaissement Automatique</li><li>les Eshops</li></ul>
  </div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p>Le <strong>meilleur outil de Selfcare </strong>qu&#8217;on ait inventé pour suppléer les limites de la boutique physique (horaires, distance, stocks limités &#8230;) est <strong>la boutique en ligne </strong>mais ce n&#8217;est pas le seul. Voyons d&#8217;abord les autres :</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>les distributeurs automatiques</strong></h3>


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


<p>Ca a commencé par l<strong>es distributeurs d&#8217;argent (DAB),</strong> grâce à l&#8217;invention de <strong>la carte à puces </strong>(encore en France) et, aujourd&#8217;hui, o<strong>n en trouve de toute sorte</strong> : café, pizzas, vélos de location, carburants et même de croquettes pour chats.</p>



<p class="has-base-2-background-color has-background">L&#8217;évolution  rend peu à peu obsolète le DAB :  les<strong> terminaux de paiement électroniques</strong> (TPE), le <strong>sans contact</strong> (Near Field Communication) puis le paiement sans carte à puces directement depuis un smartphone, <strong>les boutiques en ligne</strong> &#8230; tout cela incite les banques à r<strong>éduire les couts d&#8217;exploitation </strong>en supprimant peu à peu les distributeurs et bientôt les cartes de paiement non virtuelles.</p>



<p>En revanche, ils se développent dans d&#8217;autres domaines réservés jusqu&#8217;ici à la 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">
<figure class="wp-block-image size-full is-style-zoooom"><img loading="lazy" decoding="async" width="277" height="341" src="https://st9ph.fr/wp-content/uploads/2026/01/image-11.png" alt="" class="wp-image-32077" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-11.png 277w, https://st9ph.fr/wp-content/uploads/2026/01/image-11-244x300.png 244w" sizes="auto, (max-width: 277px) 100vw, 277px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full is-style-zoooom"><img loading="lazy" decoding="async" width="369" height="451" src="https://st9ph.fr/wp-content/uploads/2026/01/image-12.png" alt="" class="wp-image-32078" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-12.png 369w, https://st9ph.fr/wp-content/uploads/2026/01/image-12-245x300.png 245w" sizes="auto, (max-width: 369px) 100vw, 369px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full is-style-zoooom"><img loading="lazy" decoding="async" width="318" height="425" src="https://st9ph.fr/wp-content/uploads/2026/01/image-13.png" alt="" class="wp-image-32079" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-13.png 318w, https://st9ph.fr/wp-content/uploads/2026/01/image-13-224x300.png 224w" sizes="auto, (max-width: 318px) 100vw, 318px" /></figure>
</div>
</div>



<p>la paupérisation de l&#8217;<strong>offre de petits commerces </strong>de proximité (en campagne et dans les centres ville) ne pouvant pas <strong>lutter contre les GSA et les commerces en ligne</strong>, conduit des<strong> producteurs et des petits commerçants</strong> à investir dans un système de <strong>distribution par automates</strong>.</p>



<p>Un reportage de <strong>France 🔵3</strong> qui aborde<strong> les atouts et les freins de ce type d&#8217;automates</strong> (6&#8217;34) :</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Le boom des distributeurs automatiques pour consommer à toute heure" width="900" height="506" src="https://www.youtube.com/embed/0UPm8VTuhE8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th><strong>Type de produit</strong></th><th><strong>Part de marché / ventes (2023-2024)</strong></th><th><strong>Tendance récente</strong></th><th><strong>Prévision croissance</strong></th></tr></thead><tbody><tr><td>🥤 <strong>Boissons (soft drinks, café, autres boissons)</strong></td><td>~42 – 45 % des ventes globales en 2024 &#8211; dominante du marché (<a href="https://www.grandviewresearch.com/industry-analysis/global-vending-machine-market?utm_source=chatgpt.com">Grand View Research</a>)</td><td>Toujours forte car consommation “on-the-go” très répandue (<a href="https://www.grandviewresearch.com/industry-analysis/global-vending-machine-market?utm_source=chatgpt.com">Grand View Research</a>)</td><td>Croissance continue avec boissons premium et santé</td></tr><tr><td>🍿 <strong>Snacks (chips, barres, sucreries)</strong></td><td>~38 – 40 % des ventes en 2024 (<a href="https://www.news.market.us/vending-machine-statistics/?utm_source=chatgpt.com">Market.us News</a>)</td><td>Demande stable, snack bars en forte progression (<a href="https://www.grandviewresearch.com/industry-analysis/europe-snacks-vending-machine-market-report?utm_source=chatgpt.com">Grand View Research</a>)</td><td>CAGR ~3,8 % jusqu’en 2030 (estimé) (<a href="https://www.grandviewresearch.com/horizon/statistics/retail-vending-machine-market/product/snacks-vending-machines/global?utm_source=chatgpt.com">Grand View Research</a>)</td></tr><tr><td>🍱 <strong>Aliments frais / repas légers</strong></td><td>~Montée des ventes “fresh &amp; healthy” (20 % des revenus micro market) (<a href="https://img.vendingmarketwatch.com/files/base/cygnus/vmw/document/2024/06/6662315dff097653e8d43947-2024_soi_vending_mm_report_final.pdf?dl=6662315dff097653e8d43947-2024_soi_vending_mm_report_final.pdf&amp;utm_source=chatgpt.com">img.vendingmarketwatch.com</a>)</td><td>Très forte croissance des produits frais et sains (<a href="https://img.vendingmarketwatch.com/files/base/cygnus/vmw/document/2025/03/67cb61fd414ba9f405d98d4c-autm_0722_digital.pdf?utm_source=chatgpt.com">img.vendingmarketwatch.com</a>)</td><td>Forte progression avec demande santé et nouveaux formats</td></tr><tr><td>🍬 <strong>Confiseries &amp; bonbons</strong></td><td>~12 %-16 % des ventes en 2023-2024 (<a href="https://www.news.market.us/vending-machine-statistics/?utm_source=chatgpt.com">Market.us News</a>)</td><td>Croissance plus modérée que boissons/snacks (<a href="https://img.vendingmarketwatch.com/files/base/cygnus/vmw/document/2024/06/6662315dff097653e8d43947-2024_soi_vending_mm_report_final.pdf?dl=6662315dff097653e8d43947-2024_soi_vending_mm_report_final.pdf&amp;utm_source=chatgpt.com">img.vendingmarketwatch.com</a>)</td><td>Stable mais moins dynamique que les snacks</td></tr><tr><td>❄️ <strong>Glaces / produits surgelés</strong></td><td>~10 %-17 % part des ventes 2023-2024 (<a href="https://img.vendingmarketwatch.com/files/base/cygnus/vmw/document/2024/06/6662315dff097653e8d43947-2024_soi_vending_mm_report_final.pdf?dl=6662315dff097653e8d43947-2024_soi_vending_mm_report_final.pdf&amp;utm_source=chatgpt.com">img.vendingmarketwatch.com</a>)</td><td>Offre en hausse avec machines réfrigérées (<a href="https://img.vendingmarketwatch.com/files/base/cygnus/vmw/document/2024/06/6662315dff097653e8d43947-2024_soi_vending_mm_report_final.pdf?dl=6662315dff097653e8d43947-2024_soi_vending_mm_report_final.pdf&amp;utm_source=chatgpt.com">img.vendingmarketwatch.com</a>)</td><td>Progression modérée</td></tr><tr><td>☕ <strong>Boissons chaudes (café, thé, etc.)</strong></td><td>~Hot drinks augmentent ~40 % en 2022-23 (<a href="https://img.vendingmarketwatch.com/files/base/cygnus/vmw/document/2025/03/67cb61fd414ba9f405d98d4c-autm_0722_digital.pdf?utm_source=chatgpt.com">img.vendingmarketwatch.com</a>)</td><td>Demande forte le matin &amp; au bureau (<a href="https://img.vendingmarketwatch.com/files/base/cygnus/vmw/document/2025/03/67cb61fd414ba9f405d98d4c-autm_0722_digital.pdf?utm_source=chatgpt.com">img.vendingmarketwatch.com</a>)</td><td>Segment stable / croissance régulière</td></tr><tr><td>📦 <strong>Autres produits (pharmacie, gadgets, etc.)</strong></td><td>~5 %-16 % selon études (<a href="https://market.us/report/retail-vending-machine-market/?utm_source=chatgpt.com">Market.us</a>)</td><td>Croissance plus lente mais niches émergent (<a href="https://market.us/report/retail-vending-machine-market/?utm_source=chatgpt.com">Market.us</a>)</td><td>Progression limitée mais opportunités spécifiques</td></tr></tbody></table></figure>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>😟CAGR ?</summary>
<p><strong>CAGR</strong> signifie <strong><em>Compound Annual Growth Rate</em></strong>, en français <strong>taux de croissance annuel composé</strong></p>
</details>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><strong>Note sur l&#8217;IA Générative :</strong> En 2026, la tendance majeure est l&#8217;abandon des arbres de décision rigides au profit d&#8217;agents autonomes capables de puiser dans vos documents PDF et vos pages web pour formuler une réponse unique et personnalisée.</p>
</blockquote>



<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>Les Bornes de Commande et d&#8217;Achat en SVP (Kiosks)</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="297" height="505" src="https://st9ph.fr/wp-content/uploads/2026/01/image-14.png" alt="" class="wp-image-32081" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-14.png 297w, https://st9ph.fr/wp-content/uploads/2026/01/image-14-176x300.png 176w" 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"><strong>Très répandues dans la restauration rapide</strong> (McDonald&#8217;s) et désormais dans le prêt-à-porter.</p>


<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-e46e94ec-f8c8-4c99-9ed7-c2badacebe51">
			<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-e46e94ec-f8c8-4c99-9ed7-c2badacebe51-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-e46e94ec-f8c8-4c99-9ed7-c2badacebe51-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-e46e94ec-f8c8-4c99-9ed7-c2badacebe51-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-e46e94ec-f8c8-4c99-9ed7-c2badacebe51-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-e46e94ec-f8c8-4c99-9ed7-c2badacebe51-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-e46e94ec-f8c8-4c99-9ed7-c2badacebe51-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-e46e94ec-f8c8-4c99-9ed7-c2badacebe51-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-e46e94ec-f8c8-4c99-9ed7-c2badacebe51-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-e46e94ec-f8c8-4c99-9ed7-c2badacebe51-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-e46e94ec-f8c8-4c99-9ed7-c2badacebe51-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; "><strong>indice de satisfaction</strong></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;%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-0c184d29-b45a-43bf-af1d-13578021987d">
<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-d2b30f9f-93c4-45a4-8e70-ab52166ac44a">
			<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>Points positifs :</strong> Sentiment de <strong>contrôle</strong>, personnalisation de la commande <strong>sans pression sociale</strong>, visualisation claire du catalogue.</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-6e8fa552-ade7-4c13-b88d-68674b9b43f8">
			<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"><strong>Point de vigilance :</strong> L&#8217;ergonomie de l&#8217;interface. Une borne <strong>lente ou complexe</strong> fait chuter radicalement la <strong>satisfaction</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 384 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M32 0C14.3 0 0 14.3 0 32S14.3 64 32 64V75c0 42.4 16.9 83.1 46.9 113.1L146.7 256 78.9 323.9C48.9 353.9 32 394.6 32 437v11c-17.7 0-32 14.3-32 32s14.3 32 32 32H64 320h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V437c0-42.4-16.9-83.1-46.9-113.1L237.3 256l67.9-67.9c30-30 46.9-70.7 46.9-113.1V64c17.7 0 32-14.3 32-32s-14.3-32-32-32H320 64 32zM96 75V64H288V75c0 19-5.6 37.4-16 53H112c-10.3-15.6-16-34-16-53zm16 309c3.5-5.3 7.6-10.3 12.1-14.9L192 301.3l67.9 67.9c4.6 4.6 8.6 9.6 12.2 14.9H112z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-1f54baee-8281-4b7d-a7d8-23cbf31451aa">
			<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 384 512"><path fill="#000000" d="M32 0C14.3 0 0 14.3 0 32S14.3 64 32 64V75c0 42.4 16.9 83.1 46.9 113.1L146.7 256 78.9 323.9C48.9 353.9 32 394.6 32 437v11c-17.7 0-32 14.3-32 32s14.3 32 32 32H64 320h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V437c0-42.4-16.9-83.1-46.9-113.1L237.3 256l67.9-67.9c30-30 46.9-70.7 46.9-113.1V64c17.7 0 32-14.3 32-32s-14.3-32-32-32H320 64 32zM96 75V64H288V75c0 19-5.6 37.4-16 53H112c-10.3-15.6-16-34-16-53zm16 309c3.5-5.3 7.6-10.3 12.1-14.9L192 301.3l67.9 67.9c4.6 4.6 8.6 9.6 12.2 14.9H112z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Indice de Queue Busting :</strong> Très élevé. Elles<strong> démultiplient les points de prise de commande</strong> sans augmenter le nombre de comptoirs.</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">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>Le Self-Scanning et l&#8217;Encaissement Automatique</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>Le client <strong>scanne ses produits</strong> (via une scanette ou son smartphone) ou utilise les caisses automatiques. Il peut même dans certaines SVP avec le système du Scan And Go (la Fnac par exemple), ne même plus avoir besoin de passer en caisse.</p>


<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-91456ac2-7f33-4a9f-9271-55925518fd49">
			<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-91456ac2-7f33-4a9f-9271-55925518fd49-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-91456ac2-7f33-4a9f-9271-55925518fd49-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-91456ac2-7f33-4a9f-9271-55925518fd49-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-91456ac2-7f33-4a9f-9271-55925518fd49-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-91456ac2-7f33-4a9f-9271-55925518fd49-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-91456ac2-7f33-4a9f-9271-55925518fd49-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-91456ac2-7f33-4a9f-9271-55925518fd49-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-91456ac2-7f33-4a9f-9271-55925518fd49-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-91456ac2-7f33-4a9f-9271-55925518fd49-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-91456ac2-7f33-4a9f-9271-55925518fd49-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; ">Indice de satisfaction</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;%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-59fcdb13-92cf-4c0e-9e65-fd320128ae8c">
<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-116b36b4-0c41-4ba3-b1c4-25c07c08a03b">
			<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>Points positifs :</strong> Gain de temps perçu (même si le temps réel est parfois identique à une caisse humaine), autonomie totale.</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-ac07bd22-dae3-4277-98a4-e215e17c42db">
			<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"><strong>Points négatifs :</strong> La frustration liée aux contrôles aléatoires (&#8220;re-scan&#8221;) et les erreurs de pesée qui nécessitent l&#8217;intervention d&#8217;un hôte.</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 384 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M32 0C14.3 0 0 14.3 0 32S14.3 64 32 64V75c0 42.4 16.9 83.1 46.9 113.1L146.7 256 78.9 323.9C48.9 353.9 32 394.6 32 437v11c-17.7 0-32 14.3-32 32s14.3 32 32 32H64 320h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V437c0-42.4-16.9-83.1-46.9-113.1L237.3 256l67.9-67.9c30-30 46.9-70.7 46.9-113.1V64c17.7 0 32-14.3 32-32s-14.3-32-32-32H320 64 32zM96 75V64H288V75c0 19-5.6 37.4-16 53H112c-10.3-15.6-16-34-16-53zm16 309c3.5-5.3 7.6-10.3 12.1-14.9L192 301.3l67.9 67.9c4.6 4.6 8.6 9.6 12.2 14.9H112z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-c6eb8ba2-e6c2-4f10-b498-97f09b79f634">
			<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 384 512"><path fill="#000000" d="M32 0C14.3 0 0 14.3 0 32S14.3 64 32 64V75c0 42.4 16.9 83.1 46.9 113.1L146.7 256 78.9 323.9C48.9 353.9 32 394.6 32 437v11c-17.7 0-32 14.3-32 32s14.3 32 32 32H64 320h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V437c0-42.4-16.9-83.1-46.9-113.1L237.3 256l67.9-67.9c30-30 46.9-70.7 46.9-113.1V64c17.7 0 32-14.3 32-32s-14.3-32-32-32H320 64 32zM96 75V64H288V75c0 19-5.6 37.4-16 53H112c-10.3-15.6-16-34-16-53zm16 309c3.5-5.3 7.6-10.3 12.1-14.9L192 301.3l67.9 67.9c4.6 4.6 8.6 9.6 12.2 14.9H112z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Indice de Queue Busting :</strong> Modéré à Élevé. Idéal pour les petits paniers, mais peut créer des &#8220;bouchons de surveillance&#8221; si la technologie est capricieuse.</span>
			</div>
			
		</li>
</ul></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-large"><img loading="lazy" decoding="async" width="767" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/scanettes-767x1024.png" alt="" class="wp-image-31500" srcset="https://st9ph.fr/wp-content/uploads/2025/12/scanettes-767x1024.png 767w, https://st9ph.fr/wp-content/uploads/2025/12/scanettes-225x300.png 225w, https://st9ph.fr/wp-content/uploads/2025/12/scanettes-768x1026.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/scanettes.png 1115w" sizes="auto, (max-width: 767px) 100vw, 767px" /></figure>
</div>
</div>



<p class="has-medium-font-size">🔎 Focus sur le &#8220;Queue Busting&#8221; : La mesure du succès</p>



<p>Pour mesurer si ces outils améliorent réellement la satisfaction, on utilise généralement deux indicateurs clés :</p>



<ol start="1" class="wp-block-list">
<li><strong>L&#8217;Attente Perçue vs Réelle :</strong> Le selfcare réduit <strong>l&#8217;attente <em>perçue</em> </strong>car <strong>le client est actif </strong>(il scanne, il tape sur l&#8217;écran) au lieu d&#8217;être passif dans une file.</li>



<li><strong>Le Taux de Détournement (Deflection Rate) :</strong> Quel pourcentage de clients a choisi l&#8217;automate plutôt que l&#8217;humain ? Un taux qui augmente sans baisse du NPS (Net Promoter Score) valide l&#8217;outil.</li>
</ol>



<p class="has-base-2-background-color has-background">La limite : Le &#8220;<strong>Paradoxe de l&#8217;Automate</strong>&#8221; :  La satisfaction chute brutalement si l&#8217;outil de selfcare tombe en <strong>panne </strong>ou si a<strong>ucun humain n&#8217;est disponible pour débloquer une situation</strong> (ex: un article qui ne scanne pas). Le selfcare réussi est toujours <strong>hybride</strong> : une <strong>machine performante </strong>avec un<strong> humain à proximité</strong> pour le support.</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-f8491a32 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="M152.1 38.16C161.9 47.03 162.7 62.2 153.8 72.06L81.84 152.1C77.43 156.9 71.21 159.8 64.63 159.1C58.05 160.2 51.69 157.6 47.03 152.1L7.029 112.1C-2.343 103.6-2.343 88.4 7.029 79.03C16.4 69.66 31.6 69.66 40.97 79.03L63.08 101.1L118.2 39.94C127 30.09 142.2 29.29 152.1 38.16V38.16zM152.1 198.2C161.9 207 162.7 222.2 153.8 232.1L81.84 312.1C77.43 316.9 71.21 319.8 64.63 319.1C58.05 320.2 51.69 317.6 47.03 312.1L7.029 272.1C-2.343 263.6-2.343 248.4 7.029 239C16.4 229.7 31.6 229.7 40.97 239L63.08 261.1L118.2 199.9C127 190.1 142.2 189.3 152.1 198.2V198.2zM224 96C224 78.33 238.3 64 256 64H480C497.7 64 512 78.33 512 96C512 113.7 497.7 128 480 128H256C238.3 128 224 113.7 224 96V96zM224 256C224 238.3 238.3 224 256 224H480C497.7 224 512 238.3 512 256C512 273.7 497.7 288 480 288H256C238.3 288 224 273.7 224 256zM160 416C160 398.3 174.3 384 192 384H480C497.7 384 512 398.3 512 416C512 433.7 497.7 448 480 448H192C174.3 448 160 433.7 160 416zM0 416C0 389.5 21.49 368 48 368C74.51 368 96 389.5 96 416C96 442.5 74.51 464 48 464C21.49 464 0 442.5 0 416z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="65" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div><div class="wp-block-uagb-counter__title">des clients favorisent <br>les restaurants<br>équipés de<br>bornes</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>



<p class="has-small-font-size"><strong>Source :</strong> <a href="https://www.tillster.com" target="_blank" rel="noreferrer noopener">Tillster 2024 Self-Service Kiosk Survey</a>.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>la <strong>Source d&#8217;efficacité </strong>du &#8220;Queue Busting&#8221; ne vient <strong>pas seulement</strong> de <strong>la vitesse</strong>, mais de la <strong>réduction de l&#8217;anxiété</strong> liée à la file d&#8217;attente.</p>



<p class="has-text-align-center has-small-font-size">(Étude <em>Harvard Business Review</em> sur la psychologie des files d&#8217;attente).</p>



<p class="has-text-align-center">Les bornes de commande ont transformé la restauration et le retail en agissant sur la <strong>psychologie du choix</strong>.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full is-style-zoooom"><img loading="lazy" decoding="async" width="367" height="427" src="https://st9ph.fr/wp-content/uploads/2026/01/image-15.png" alt="" class="wp-image-32083" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-15.png 367w, https://st9ph.fr/wp-content/uploads/2026/01/image-15-258x300.png 258w" sizes="auto, (max-width: 367px) 100vw, 367px" /></figure>
</div>
</div>



<p class="has-base-2-background-color has-background">les bornes, le &#8220;self scan&#8221; et les caisses automatiques visent donc à supprimer le<strong> point de friction</strong> ultime : <strong>le passage en caisse</strong>.</p>



<ul class="wp-block-list">
<li><strong>Impact Satisfaction :</strong> Le rapport de <em>Zebra Technologies</em> (2023) indique que <strong>77% des acheteurs</strong> apprécient de pouvoir entrer et sortir rapidement du magasin grâce au self-checkout.</li>



<li><strong>Le paradoxe de la friction :</strong> Cependant, <em>Capgemini Research Institute</em> souligne que la satisfaction chute de <strong>40%</strong> en cas d&#8217;erreur technique (problème de scan, alerte poids), car le client se sent &#8220;puni&#8221; alors qu&#8217;il fait le travail de l&#8217;employé.</li>



<li><strong>Sources :</strong> <a href="https://www.zebra.com" target="_blank" rel="noreferrer noopener">Zebra 15th Annual Global Shopper Study</a> ; <a href="https://www.capgemini.com" target="_blank" rel="noreferrer noopener">Capgemini : Smart Stores Report</a>.</li>
</ul>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><td><strong>Outil</strong></td><td><strong>Indice de Satisfaction (Moyenne)</strong></td><td><strong>Impact &#8220;Queue Busting&#8221;</strong></td><td><strong>Source Clé</strong></td></tr></thead><tbody><tr><td><strong>Bornes (Kiosks)</strong></td><td><strong>7.5/10</strong></td><td>Très Fort</td><td><em>Tillster</em></td></tr><tr><td><strong>Self-Scanning</strong></td><td><strong>6.5/10</strong></td><td>Modéré (selon erreurs)</td><td><em>Zebra Tech</em></td></tr><tr><td><strong>Casiers (Lockers)</strong></td><td><strong>9/10</strong></td><td>Maximal</td><td><em>FEVAD</em></td></tr></tbody></table></figure>



<p>L&#8217;adoption massive de ces outils repose sur la théorie de <strong>&#8220;l&#8217;économie de l&#8217;effort&#8221;</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-4422d41d-f26c-4749-8a28-ad000c523fb6">
<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-87999981-a2b4-497a-a5e5-64236810a4e5">
			<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>Gartner</strong> définit le <strong>Customer Effort Score (CES)</strong> comme le <strong>meilleur prédicteur de la fidélité</strong> : <strong>plus l&#8217;effort </strong>du client pour obtenir un service (comme retirer un colis ou commander un burger) <strong>est faible</strong>, <strong>plus sa satisfaction est pérenne</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 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-73554afb-da33-4d27-bded-b4e6c6076759">
			<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">Le succès ne dépend pas de la technologie seule, mais du <strong>ratio autonomie/support</strong>. Un self-service qui échoue<strong> sans assistance humaine immédiate</strong> génère un<strong> NPS</strong> (Net Promoter Score) <strong>négatif</strong>, annulant les bénéfices de la réduction de file d&#8217;attente.</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>les Eshops</strong></h3>



<!-- 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-16-1024x439.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/evolution_ecommerce_france_2019_2024.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-small-font-size">Source des données : <strong>FEVAD / Ecommerce Europe</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Entre 2019 et 2024, le e-commerce français a connu une croissance structurelle et continue, passant d’environ <strong>120 milliards d’euros</strong> à <strong>175,3 milliards d’euros</strong>, soit une hausse de près de <strong>+46 % en cinq ans</strong>. </p>



<p class="has-base-2-background-color has-background">Après une forte accélération durant <strong>la crise sanitaire</strong>, la dynamique <strong>ne s’est pas essoufflée</strong> : les années 2022 à 2024 affichent encore des <strong>croissances annuelles </strong>proches de <strong>+10 %</strong>.</p>
</div>
</div>



<p>👉🏻 Cette montée en puissance s’accompagne d’un volume croissant de <strong>transactions et d’interactions clients</strong>, rendant indispensables les <strong>outils de selfcare</strong> (FAQ intelligentes, chatbots, suivi de commande automatisé) pour maintenir l<strong>a qualité de l’expérience utilisateur </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-progress-bar ub_progress-bar ub-progress-bar-detail-align-center" id="ub-progress-bar-dc75023e-a196-4b59-ac06-2ffd9120f784"><div class="ub_progress-bar-container" id="dc75023e-a196-4b59-ac06-2ffd9120f784">
			<div class="ub_progress-detail-wrapper">
         <div class="ub_progress-bar-text" style="color: var(--accent); "><p><strong>part de selfcare</strong> dans<br>la relation client<br>en Eshop</p></div>
    </div>
			<svg class="ub_progress-bar-line" viewbox="0 0 100 13.9" style="" preserveaspectratio="none">
				<path class="ub_progress-bar-line-trail" d="M6.95,6.95 L93.05,6.95" stroke="#d9d9d9" stroke-width="13.9"></path>
				<path class="ub_progress-bar-line-path" d="M6.95,6.95 L93.05,6.95" stroke="var(--accent)" stroke-width="13.9" style="--ub-progress-bar-filled-dashoffset: 30px;; "></path>
				
				
			</svg>
			<div class="ub_progress-bar-label" style="width: 70%; color: var(--accent); "><p>
			<span class="ub-progress-number-prefix">jusqu&#8217;à </span>
			<span class="ub-progress-number-value">70</span>
			<span class="ub-progress-number-suffix">%</span>
		</p></div>
			</div></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="--ub-icon-rotation:rotate(0deg);--ub-icon-size:40px;--ub-icon-color:var(--accent);--ub-icon-justification:center;--ub-icon-border-top:  undefined;--ub-icon-border-right:  undefined;--ub-icon-border-bottom:  undefined;--ub-icon-border-left:  undefined" class="wp-block-ub-icon" id="ub-icon-"><div class="ub_icon"><div class="ub_icon_wrapper"><svg width="24" height="24" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M6.68822 10.625L6.24878 11.0649L5.5 11.8145L5.5 5.5L12.5 5.5V8L14 6.5V5C14 4.44772 13.5523 4 13 4H5C4.44772 4 4 4.44771 4 5V13.5247C4 13.8173 4.16123 14.086 4.41935 14.2237C4.72711 14.3878 5.10601 14.3313 5.35252 14.0845L7.31 12.125H8.375L9.875 10.625H7.31H6.68822ZM14.5605 10.4983L11.6701 13.75H16.9975C17.9963 13.75 18.7796 14.1104 19.3553 14.7048C19.9095 15.2771 20.2299 16.0224 20.4224 16.7443C20.7645 18.0276 20.7543 19.4618 20.7487 20.2544C20.7481 20.345 20.7475 20.4272 20.7475 20.4999L19.2475 20.5001C19.2475 20.4191 19.248 20.3319 19.2484 20.2394V20.2394C19.2526 19.4274 19.259 18.2035 18.973 17.1307C18.8156 16.5401 18.586 16.0666 18.2778 15.7483C17.9909 15.4521 17.5991 15.25 16.9975 15.25H11.8106L14.5303 17.9697L13.4696 19.0303L8.96956 14.5303L13.4394 9.50171L14.5605 10.4983Z"></path></svg></div></div></div>


<div style="background: accent; " class="ub_counter-container wp-elements-3b0ded7db67bb605977b606b27644f31 wp-block-ub-counter has-text-color has-base-3-color has-background has-accent-background-color" id="ub-counter-">
					<div class="ub_counter ub_text-center" data-start_num="0" data-end_num="40" data-animation_duration="2" style="">
						 
						 <div class="ub_counter-number-wrapper" style="font-size: 48px; ">
							  <span class="ub_counter-prefix"></span>
							  <span class="ub_counter-number">0</span>
							  <span class="ub_counter-suffix">%</span>
						 </div>
						 <div class="ub_counter-label-wrapper" style="font-size: 16px; "><span class="ub_counter-label">réduction du cout <br>grâce au <strong>SAV automatisé</strong></span></div>
					</div>
			   </div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-table"><table><thead><tr><th>Zone</th><th>Taux de selfcare</th></tr></thead><tbody><tr><td><strong>France</strong></td><td><strong>35–45 %</strong></td></tr><tr><td>Europe du Nord</td><td>50–60 %</td></tr><tr><td>États-Unis</td><td>55–65 %</td></tr><tr><td>Chine</td><td>70–80 %</td></tr></tbody></table></figure>
</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="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>📚 Sources</h3>
<ul>
 <!--  ✅ contenus 📚 Sources -->
<li><strong>SNCF</strong> – SVI et stats internes</li>
<li><strong>🖥️ Tidio</strong> – Outil de ChatBot de la boutique st9ph</li>
<li><strong>Harmo, CEGID, Generix</strong> – chiffres phase de curiosité</li>
<li><strong>Shopfully et Wikipedia</strong> – Drive-to-store</li>
<li><strong>France Televisions</strong> – Video Automates</li>
<li><strong>Grand View, Market Us, Vending MArket Watch </strong> – parts de marchés &#8220;on the go&#8221;</li>
<li><strong>Tilster</strong> – enquète serf-service Kiosk</li>
<li><strong>FEVAD</strong> – parts de selfcare</li>
<li><strong>Zebra, Cap Gemini</strong> – étude sur le deflection Rate</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="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>🧑‍🎓 NDRC</h3>
<!--  ✅ contenus 🧑‍🎓 NDRC -->
<p>Cet article est à visée de l&#8217;épreuve écrite E5A.</p>
<ul>
<li>savoir proposer des outils de selfcare dans le parcours client</li>
<li>savoir proposer des méthodes et des processus commerciaux autonomes</li>
<p>👉 Ce sujet était dans la réflexion commerciale de 2020 (Groupama)</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="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>📘 Glossaire</h3>
<!-- ✅ contenus 📘 Glossaire -->
<ul>
<li><strong>Selfcare</strong> : touch point autonome (sans commercial)</li>
<li><strong>SVI</strong> : serveur vocal interactif</li>
<li><strong>how-to</strong> : modes d&#8217;emploi</li>
<li><strong>chatbot</strong> : robot conversationnel (écrit)</li>
<li><strong>peer-to-peer</strong> : sans serveur (pour les ordinateurs) mais ici : sans professionnel &#8220;au dessus&#8221;</li>
<li><strong>topic</strong> : sujet dans un forum</li>
<li><strong>FAQ</strong> : Foire aux questions </li>
<li><strong>Drive (ou Web) -to-store</strong> : impulsion en ligne puis achat en SVP</li>
<li><strong>Smart lockers</strong> : casiers points relais autonomes</li>
<li><strong>DAB</strong> : Distributeur Automatique de Billets</li>
<li><strong>GSA</strong> : Grandes Surfaces Alimentaires</li>
<li><strong>Queue Busting</strong> : Gestion des files d&#8217;attente</li>
<li><strong>Deflexion Rate</strong> : taux de préférence du selfcare (quand le client peut choisir)</li>
<li><strong>CES</strong> : Customer Effort Score </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-base-2-background-color has-background">C'est donc <strong>une tendance durable et massive</strong> : le client veut le plus possible <strong>faire soi-même</strong>, <strong>sans attendre</strong>, mais avec une <strong>tolérance </strong>de panne proche de <strong>zéro</strong>, le besoin d'un <strong>support commercial</strong> quand cela devient compliqué ... bref, c'est un humain !</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 style="background-color: #f8f8f8; border-width: 2px; border-color: #ECECEC; " class="ub_call_to_action wp-block-ub-call-to-action-block" id="ub_call_to_action_a26b651c-5e4e-423e-add9-5aa5f6598bf0">
			<div class="ub_call_to_action_headline">
				<p class="ub_call_to_action_headline_text" style="font-size: 30px; text-align: center; ">🍀</p>
			</div>
			<div class="ub_call_to_action_content">
				<p class="ub_cta_content_text" style="font-size: 15px; text-align: center; ">Un petit Quiz pour finir ?</p>
			</div>
			<div class="ub_call_to_action_button">
				<a href="https://forms.gle/Vwk2AdAy4xMuigFX8" target="_self" rel="noopener noreferrer" class="ub_cta_button" style="background-color: var(--accent); width: 250px; ">
					<p class="ub_cta_button_text" style="color: var(--base-3); font-size: 14px; ">Allez ! Soyons fous !</p>
				</a>
			</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-6005cf48bff9fae1ed7a3fbdac7d8ac9"><strong>Tu préfères sur ton smartphone ?</strong></p>



<p class="has-text-align-center"><strong>Libre à toi :</strong></p>


<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_docs.google.com-5.png" alt="" class="wp-image-32702" style="width:195px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-5.png 490w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-5-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-5-150x150.png 150w" sizes="auto, (max-width: 490px) 100vw, 490px" /></figure>
</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 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%2F%25f0%259f%258f%25b7%25ef%25b8%258f-animation-rc-le-selfcare%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 class="breadcrumb_last" aria-current="page">☝️ Concepts</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></p>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-378ac619     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/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="280" src="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg 916w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-300x93.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-768x239.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Donner des sens au digital</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-05-04T14:12:54+02:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					4 mai 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>🎧 Ecouter l&#8217;introduction audio Ce n&#8217;est pas pour rien que même les pure players finissent...				</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/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" 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/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="643" height="165" src="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg 643w, https://st9ph.fr/wp-content/uploads/2026/02/celi-avant-300x77.jpg 300w" sizes="auto, (max-width: 643px) 100vw, 643px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | La communication en service client &amp; son management</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-09T15:14:06+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					9 février 2026				</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>L&#8217;importance de communiquer A toutes les étapes de son parcours client, votre interlocuteur recevra des...				</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/com-en-service-client-et-son-management/" 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/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="381" src="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-300x127.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-768x326.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1536x652.png 1536w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s.png 1584w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | UX Mobile</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-30T13:51:57+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					30 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>C&#8217;est quoi &#8220;l&#8217;UX Mobile&#8221; ? UX pour User eXperience. L’expérience utilisateur en mobilité, c’est la...				</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/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" 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/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="720" height="211" src="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg 720w, https://st9ph.fr/wp-content/uploads/2026/01/e5a-img-300x88.jpg 300w" sizes="auto, (max-width: 720px) 100vw, 720px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">☝️L&#8217;épreuve E5 A (écrit) du BTS NDRC</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-11T21:23:50+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					11 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>⏱️ 3 heures | ✅coef2 /40 pts 👍 A ce jour, tous mes étudiants ont...				</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/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" 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/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="758" height="158" src="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg 758w, https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande-300x63.jpg 300w" sizes="auto, (max-width: 758px) 100vw, 758px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | la Satisfaction Client</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-10T14:12:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					10 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>C&#8217;est quoi la satisfaction client ? On parle aussi de &#8220;Customer Care&#8221;. C&#8217;est le fait...				</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%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" 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/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="798" height="185" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg 798w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-300x70.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-768x178.jpg 768w" sizes="auto, (max-width: 798px) 100vw, 798px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Search Engine Marketing</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-08T21:56:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					8 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>C&#8217;est quoi le &#8220;Search Engine Marketing&#8221; ? Le Search Engine Marketing (SEM) est l&#8217;addition de...				</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/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" 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/%f0%9f%8f%b7%ef%b8%8f-animation-rc-le-selfcare/">🏷️ Animation RC | le Selfcare</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8f-animation-rc-le-selfcare/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/SNCF-complete.mp3" length="900864" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_12-01-2026_at_19_54_14_on_January_12th_2026.mp3" length="376416" type="audio/mpeg" />

		<post-id xmlns="com-wordpress:feed-additions:1">31977</post-id>	</item>
		<item>
		<title>⏺️Omnicanal &#124; Mesure KPI sur vos réseaux et en Vitrine</title>
		<link>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine/</link>
					<comments>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Tue, 30 Dec 2025 18:27:50 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[⏺️ Omnicanal]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[comprendre les KPI]]></category>
		<category><![CDATA[indicateurs clés en vitrine]]></category>
		<category><![CDATA[indicateurs clés sur les réseaux sociaux]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=31898</guid>

					<description><![CDATA[<p>📖 Lecture : 0 % ☰ 📚 Sources 🧑‍🎓NDRC 📘 Glossaire 📚 Sources Banana Pro de Google Gemini – personnage laura_Lor et illustrations d&#8217;elle 🖥️ zeoobs – publication Instagram Hubspot et Content Marketing Unstitute – données sur les vitrines Digital 2024 Global Overview Report –données d&#8217;engagemment sur les RS Thunderbit – Marché des RS Instagram ... <a title="⏺️Omnicanal &#124; Mesure KPI sur vos réseaux et en Vitrine" class="read-more" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine/" aria-label="En savoir plus sur ⏺️Omnicanal &#124; Mesure KPI sur vos réseaux et en Vitrine">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine/">⏺️Omnicanal | Mesure KPI sur vos réseaux et en Vitrine</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-60e92510"><button class="uagb-notice-close-button" type="button" aria-label="Close"></button><h5 class="uagb-notice-title"><strong>C&#8217;est quoi  les &#8220;KPI&#8221; ?</strong></h5><div class="uagb-notice-text">
<p class="has-medium-font-size">Les KPI, parfois nommés «&nbsp;métriques&nbsp;» sont <strong>des indicateurs clés de la performance </strong>de vos réalisations digitales. Ils ne faut pas les observer comme des données de bilan mais, tout au long de l’exécution de vos campagnes, comme <strong>des jauges de mesure</strong> permettant, s’ils sont en dessous de vos objectifs, d’établir <strong>des actions correctives</strong>.</p>
</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>



<!-- 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="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>📚 Sources</h3>
<ul>
 <!--  ✅ contenus 📚 Sources -->
<li><strong>Banana Pro de Google Gemini</strong> – personnage laura_Lor et illustrations d&#8217;elle</li>
<li><strong>🖥️ zeoobs</strong> – publication Instagram</li>
<li><strong>Hubspot et Content Marketing Unstitute</strong> – données sur les vitrines</li>
<li><strong>Digital 2024 Global Overview Report</strong> –données d&#8217;engagemment sur les RS</li>
<li><strong>Thunderbit</strong> – Marché des RS</li>
<li><strong>Instagram &#038; Tik-Tok </strong> – Rémunération des influenceurs </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="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>🧑‍🎓 NDRC</h3>
<!--  ✅ contenus 🧑‍🎓 NDRC -->
<p>Cet article est à visée de l&#8217;épreuve écrite E5A.</p>
<ul>
<li>savoir donner et analyser les KPI en vitrine et en RS</li>
<li>Connaitre le poids digital de ces canaux</li>
<p>👉 Ce sujet est au cœur de votre stratégie digitale</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="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>📘 Glossaire</h3>
<!-- ✅ contenus 📘 Glossaire -->
<ul>
<li><strong>Scroll Depth</strong> : étendue du parcours de la page</li>
<li><strong>Bounce Rate</strong> : Taux de rebond (départs sans action)</li>
<li><strong>Social proof</strong> : prendre à témoin les autres consommateurs</li>
<li><strong>FOMO</strong> : Fear Of Missing Out (la peur de manquer)</li>
<li><strong>Atterrissage</strong> : arrivé sur le site</li>
<li><strong>topic</strong> : sujet dans un forum</li>
<li><strong>Stack</strong> : trousse à outils </li>
<li><strong>CMS</strong> : Content Management System (un créateur de sites sans programmation)</li>
<li><strong>UGC</strong> : User Generated Content (media non travaillé pour fair plus authentique)</li>
<li><strong>Shoppable</strong> : disposant d&#8217;un lien pour acheter</li>
<li><strong>Reach</strong> Visiteurs uniques</li>
<li><strong>CTR</strong> : Click-Through Rate (engagement)</li>
<li><strong>CPV</strong> : Coup Par Vue (quand le client peut choisir)</li>
<li><strong>Conversion</strong> : vente à chaud (et à distance)</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>



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



<p>Les canaux, regroupés en <strong>5 grandes familles</strong>, sont <strong>l’ensemble des outils</strong> que l’on peut utiliser dans sa relation commerciale.</p>



<ul class="wp-block-list">
<li>🏪Les <strong>Surfaces de Vente Physiques</strong> (<strong>SVP)</strong></li>



<li>🛒 Les <strong>Boutiques en ligne</strong> et places de marché numériques  (<strong>EShop</strong>)</li>



<li>📞 Les <strong>Centres de Relation Client</strong> (<strong>CRC</strong>)</li>



<li>✒️ Les<strong> sites en ligne hors Eshop</strong> (<strong>Vitrines</strong>)</li>



<li>🛜 Les pages de vos<strong> Réseaux Sociaux </strong>(souvent abrégés <strong>RS</strong> sur ce blog)</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1005" height="205" src="https://st9ph.fr/wp-content/uploads/2025/12/image-97.png" alt="" class="wp-image-31777" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-97.png 1005w, https://st9ph.fr/wp-content/uploads/2025/12/image-97-300x61.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-97-768x157.png 768w" sizes="auto, (max-width: 1005px) 100vw, 1005px" /></figure>



<p> Ils permettent d’établir des <strong>points de rencontre (<em>Touch points</em></strong>) où peuvent se réaliser les différentes opérations commerciales nécessaires aux différents «<strong>&nbsp;<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/#les-moments-de-v%C3%A9rit%C3%A9">moments de vérité</a></strong>&nbsp;» dans le parcours client. </p>



<p class="has-base-2-background-color has-background">👉 Pour qu’ils soient digitaux, ils doivent <strong>collecter des données à exploiter</strong>. La <strong>mesure des KPI</strong> de ses canaux est donc cruciale pour <strong>optimiser votre performance commerciale</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'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-6cca354d-34b7-41e2-bfd0-970074966f98">
			<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-6cca354d-34b7-41e2-bfd0-970074966f98-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-6cca354d-34b7-41e2-bfd0-970074966f98-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-6cca354d-34b7-41e2-bfd0-970074966f98-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-6cca354d-34b7-41e2-bfd0-970074966f98-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-6cca354d-34b7-41e2-bfd0-970074966f98-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-6cca354d-34b7-41e2-bfd0-970074966f98-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-6cca354d-34b7-41e2-bfd0-970074966f98-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-6cca354d-34b7-41e2-bfd0-970074966f98-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-6cca354d-34b7-41e2-bfd0-970074966f98-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-6cca354d-34b7-41e2-bfd0-970074966f98-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-31d47700-9b07-406c-93a9-788b996c80e4">
			<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-31d47700-9b07-406c-93a9-788b996c80e4-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-31d47700-9b07-406c-93a9-788b996c80e4-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-31d47700-9b07-406c-93a9-788b996c80e4-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-31d47700-9b07-406c-93a9-788b996c80e4-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-31d47700-9b07-406c-93a9-788b996c80e4-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-31d47700-9b07-406c-93a9-788b996c80e4-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-31d47700-9b07-406c-93a9-788b996c80e4-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-31d47700-9b07-406c-93a9-788b996c80e4-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-31d47700-9b07-406c-93a9-788b996c80e4-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-31d47700-9b07-406c-93a9-788b996c80e4-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-6d09356c-3e54-4f83-93f0-231a020ac4c6">
			<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-6d09356c-3e54-4f83-93f0-231a020ac4c6-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-6d09356c-3e54-4f83-93f0-231a020ac4c6-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-6d09356c-3e54-4f83-93f0-231a020ac4c6-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-6d09356c-3e54-4f83-93f0-231a020ac4c6-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-6d09356c-3e54-4f83-93f0-231a020ac4c6-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-6d09356c-3e54-4f83-93f0-231a020ac4c6-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-6d09356c-3e54-4f83-93f0-231a020ac4c6-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-6d09356c-3e54-4f83-93f0-231a020ac4c6-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-6d09356c-3e54-4f83-93f0-231a020ac4c6-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-6d09356c-3e54-4f83-93f0-231a020ac4c6-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>En raison de la longueur de l'analyse, <strong>cet article est découpé en trois parties</strong>. Pour voir les autres, cliquez sur les boutons ci-dessous :</p>



<div class="wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-c69da32d"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-2c9a8ba6 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">SVP &amp; EShop</div></a></div></div>
</div></div>



<p class="has-text-align-center has-small-font-size">s'y rendre / y retourner</p>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-af52e98c"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-69277104 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-crc/" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">Centre Relation Client</div></a></div></div>
</div></div>



<p class="has-text-align-center has-small-font-size">s'y rendre / y retourner</p>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-188386b8"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-743fae12 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="#" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">Vitrines &amp; RS</div></a></div></div>
</div></div>



<p class="has-text-align-center has-small-font-size">c'est ici</p>
</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">14–21 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">3 381 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-30T14:51:36+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-33946c9b      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							Au menu :						</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="#sources" class="uagb-toc-link__trigger">📚 Sources</a><li class="uagb-toc__list "><a href="#ndrc" class="uagb-toc-link__trigger">🧑‍🎓 NDRC</a><li class="uagb-toc__list "><a href="#glossaire" class="uagb-toc-link__trigger">📘 Glossaire</a><li class="uagb-toc__list "><a href="#11-les-4-arguments-déclencheurs" class="uagb-toc-link__trigger">🔹1.1 |Les 4 arguments déclencheurs</a><li class="uagb-toc__list "><a href="#12-les-kpi-de-vos-vitrines" class="uagb-toc-link__trigger">🔹1.2 |les KPI de vos vitrines</a><li class="uagb-toc__list "><a href="#22-outils-commerciaux-enjeux" class="uagb-toc-link__trigger">🔹2.2 |Outils commerciaux &amp; enjeux</a><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#22-mesures-kpi-corrections" class="uagb-toc-link__trigger">🔹2.2 |Mesures KPI &amp; corrections</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#st9ph" class="uagb-toc-link__trigger">St9ph</a></ul></ol>					</div>
									</div>
				</div>
			


<p class="has-small-font-size"><strong>Laura Lorca (@Laura_lor)</strong>, présentée dans cet article,  est une <strong>influenceuse fictive</strong> inventée par l'IA. Toute ressemblance avec un personnage existant serait une pure coïncidence. Son image et les scènes la mettant en situation sont elles aussi génères par IA</p>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-1cf8b280e110430e7c8868ee6280efac" id="0-%E2%9C%92%EF%B8%8F-les-vitrines-composantes-outils-de-mesure-et-kpi">✒️ les Vitrines | Composantes, outils de mesure et KPI</h2>



<div class="chapter-title">
  <div class="chapter-number">🪶</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 Vitrines | Composantes, outils de mesure et KPI</h2>
    </div>
    <ol class="chapter-points">
  <li>Les 4 arguments déclencheurs</li>
  <li>les KPI de vos vitrines</li>
</ol>
  </div>
</div>



<p>👉🏻 On considère ici tous <strong>vos sites en ligne non marchands</strong> (Blogs, Forums, FAQ, Formulaires hors VPC ...) et <strong>hors réseaux sociaux</strong>.</p>



<p class="callout bleu">On parle de <strong>sites vitrines </strong>car se sont eux qui <strong>renseignent</strong>, mettent en avant vos <strong>valeurs</strong>, votre <strong>savoir-faire</strong>, vos <strong>actions</strong> et tout ce qui peut rassembler vos potentiels clients ailleurs que dans une situation de vente. <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Il ne faut pas négliger leur impact.</mark></strong></p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><strong>Un blog bien référencé</strong> continue de <strong>générer des clics</strong> vers une boutique <strong>pendant 2 ans</strong> après sa publication,<strong> contrairement à une story Instagram qui disparaît en 24h.</strong></p>
<cite><em>Content Marketing Institute</em> (2024-2025)</cite></blockquote>



<ul class="wp-block-list">
<li><strong>Taux de conversion supérieur :</strong> Un utilisateur qui arrive sur une boutique en ligne via <strong>un article de blog</strong> a un taux de conversion <strong>2,5 fois plus élevé</strong> qu'un utilisateur arrivant via une publicité classique (Display).</li>



<li><strong>Le pouvoir du SEO :</strong> <strong>70% des consommateurs</strong> préfèrent découvrir une marque via un article de blog plutôt qu'une publicité. C'est ce qu'on appelle<strong> l'acquisition organique</strong>.</li>



<li><strong>Atterrissage en magasin physique (Drive-to-Store) :</strong> <strong>45% des recherches locales</strong> sur un blog ou un site vitrine (ex: "Où trouver ce rouge à lèvres à Lyon ?") aboutissent à une visite en magasin dans les 24 heures.</li>



<li><strong>Crédibilité :</strong> Le blog est classé comme la <strong>5ème source d'information la plus fiable</strong> sur le web pour obtenir des conseils d'achat.</li>
</ul>



<p class="has-small-font-size">source Hubspot</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="393" height="715" src="https://st9ph.fr/wp-content/uploads/2025/12/image-145.png" alt="" class="wp-image-31930" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-145.png 393w, https://st9ph.fr/wp-content/uploads/2025/12/image-145-165x300.png 165w" sizes="auto, (max-width: 393px) 100vw, 393px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-color has-link-color has-medium-font-size wp-elements-ba6c867856b57ed2d370c81fe7cfa6e6" style="color:#5aa626">👍<strong>Avantages</strong></p>



<ul class="wp-block-list has-base-2-background-color has-background">
<li> <strong>Durable</strong> et cout très faible</li>



<li><strong>maillage efficace</strong> (si bien référencé)</li>



<li>Permet de capter <strong>une audience d'opportunité</strong> en créant l'envie</li>
</ul>



<p class="has-text-color has-link-color has-medium-font-size wp-elements-d914449678e2cba06ecb6afbeab76010" style="color:#a51414">👎 I<strong>nconvénients </strong></p>



<ul class="wp-block-list has-base-2-background-color has-background">
<li>Demande <strong>de l'actualité</strong> et un <strong>travail récurent</strong> (alimenter et faire vivre)</li>



<li><strong>moins facile de capter</strong> l'audience que sur les RS</li>



<li>On ne peut pas<strong> s'improviser expert</strong>, l'audience est plus critique.</li>
</ul>



<div class="wp-block-uagb-counter uagb-block-b4c819fe 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 576 512"><path d="M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-prefix">+</span><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="35" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div><div class="wp-block-uagb-counter__title">d'atterrissage en EShop<br>pour<strong> les articles de<br>blog comportant<br>des avis</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>



<h3 class="wp-block-heading" id="1-11-les-4-arguments-d%C3%A9clencheurs-" 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>Les 4 arguments déclencheurs</strong></h3>



<p>Pour qu'une lectrice de notre mannequin/influenceuse clique sur le lien marchand, quatre arguments prédominent :</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-video"><video height="464" style="aspect-ratio: 568 / 464;" width="568" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2025/12/tuto-levres.mp4" playsinline></video></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>🅰️. La preuve par l'usage (Le "Crash-Test")</p>



<p>Le site vitrine permet d'aller <strong>plus loin que l'image Instagram</strong>.</p>



<ul class="wp-block-list">
<li><strong>L'argument :</strong> "J'ai testé ce rouge à lèvres pendant 12h, voici les photos sans filtre à 8h, 14h et 20h."</li>



<li><strong>Impact :</strong> Cela lève le frein de la peur sur la qualité réelle du produit.</li>
</ul>



<p>🅱️. L'Exclusivité ou l'Avantage Immédiat</p>



<p>Le blog est souvent le lieu où l'<strong>on trouve le "Bonus"</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">
<ul class="wp-block-list">
<li><strong>L'argument :</strong> "En passant par mon lien, vous avez -15% et un échantillon offert." ou "Ce coloris est en édition limitée, disponible uniquement via ce lien."</li>



<li><strong>Impact :</strong> Création d'un sentiment d'urgence (<strong>FOMO</strong>).</li>
</ul>



<p>©️. L'expertise et le Conseil (Le "<strong>How-to</strong>")</p>



<p>L'influenceuse ne vend pas qu'un objet, <strong>elle vend un résultat.</strong></p>



<ul class="wp-block-list">
<li><strong>L'argument :</strong> "Je vous montre comment appliquer ce rouge à lèvres pour un effet repulpant immédiat."</li>



<li><strong>Impact :</strong> Le clic n'est plus perçu comme un achat, mais comme<strong> l'acquisition d'un outil </strong>pour reproduire le look admiré.</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" src="https://st9ph.fr/wp-content/uploads/2025/12/image-147.png" alt=""/></figure>
</div>
</div>



<p><strong>D</strong>. La "<strong>Social Proof</strong>" (Preuve sociale)</p>



<ul class="wp-block-list">
<li><strong>L'argument :</strong> Intégrer des avis d'autres lectrices ou montrer que le produit est en rupture de stock partout ailleurs.</li>



<li><strong>Impact :</strong> Rassure sur le fait que c'est<strong> le produit "tendance" du moment</strong>.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="808" height="102" src="https://st9ph.fr/wp-content/uploads/2025/12/image-148.png" alt="" class="wp-image-31935" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-148.png 808w, https://st9ph.fr/wp-content/uploads/2025/12/image-148-300x38.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-148-768x97.png 768w" sizes="auto, (max-width: 808px) 100vw, 808px" /></figure>



<p class="has-medium-font-size">Le parcours type (Tunnel de conversion) :</p>



<ol start="1" class="wp-block-list">
<li><strong>👀 </strong> La fille voit une photo <strong>stylée</strong> sur Instagram (<strong>Émotion</strong> -stimulus).</li>



<li>😮‍💨<strong>Considération :</strong> Elle clique sur le lien dans la bio pour lire l'article de blog (<strong>Éducation/Vérification</strong> - ZMOT).</li>



<li>✅ <strong>Décision :</strong> Elle voit les photos "avant/après" et le code promo sur le blog (<strong>Confiance</strong> - ZMOT).</li>



<li>↘️ <strong>Action :</strong> Clic sur le bouton "Shopper le look" vers la boutique en ligne ou consultation de la carte des points de vente (<strong>Achat</strong> - TMOT).</li>
</ol>



<h3 class="wp-block-heading" id="2-12-les-kpi-de-vos-vitrines-" 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 KPI de vos vitrines</strong></h3>



<p class="has-medium-font-size">👀 | <strong>Visbilité</strong> <strong>(les internautes touchés)</strong></p>



<p>On retrouvera des <strong>éléments communs à la EShop</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"><span style="text-decoration: underline;">Indicateur</span></p>



<ul class="wp-block-list">
<li><strong>Visiteurs</strong> et <strong>Visiteurs uniques</strong> (ceux qui viennent sur la boutique, et ceux qui y reviennent plusieurs fois)</li>



<li><strong>Vues</strong>, vues <strong>par visiteur</strong></li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">mesure</span></p>



<ol class="wp-block-list">
<li>permet de connaitre <strong>le taux d'atterrissage </strong>par <strong>sources</strong></li>



<li>Permet de connaitre le <strong>taux de fidélisation</strong></li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">corrections</span></p>



<ol class="wp-block-list">
<li>Renforcer <strong>sa stratégie de référencement </strong>sur les sources en souffrance</li>



<li>Alimenter davantage le blog en <strong>articles</strong>, le forum en <strong>topics</strong>, modérer plus vite les <strong>avis</strong>, y répondre rapidement</li>
</ol>
</div>
</div>



<ul class="wp-block-list">
<li>On cherchera aussi à connaitre <strong>les sources du trafic</strong>. Je vous renvoie aux sources Analytiques de la partie sur les Eshops. <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/#3-les-kpi-de-la-eshop" target="_blank" rel="noreferrer noopener">C'est ici</a>.</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/2025/12/image-156-1024x501.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">🖐️ | engagements sur vos vitrines</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>Nombre d'inscriptions à la Newsletter :</strong> et ne plus dépendre des algorithmes de TikTok ou Instagram</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>on peut calculer le taux d'adhésion par rapport au nombre de visiteurs uniques</li>



<li></li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>Proposer une <strong>expérience utilisateur </strong>plus plaisante (temps faible) et notamment <strong>la navigation</strong></li>



<li>renforcer <strong>sa communication</strong> sur les évènements à venir  (RS)</li>
</ol>
</div>
</div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="734" height="127" src="https://st9ph.fr/wp-content/uploads/2025/12/image-149.png" alt="" class="wp-image-31938" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-149.png 734w, https://st9ph.fr/wp-content/uploads/2025/12/image-149-300x52.png 300w" sizes="auto, (max-width: 734px) 100vw, 734px" /></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">
<p class="has-text-align-center"><span style="text-decoration: underline;">Indicateur</span></p>



<ul class="wp-block-list">
<li><strong>Temps moyen passé sur la page :</strong> </li>



<li><strong>Profondeur de défilement (Scroll Depth) :</strong> Est-ce que les lectrices descendent jusqu'en bas de l'article (là où se trouve généralement le lien vers la boutique) ?</li>



<li><strong>Taux de rebond (Bounce Rate) :</strong> Pourcentage de visiteurs qui quittent le site après n'avoir vu qu'une seule page.</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">mesure</span></p>



<ol class="wp-block-list">
<li>Pour un article de blog de <strong>500 mots</strong>, un temps inférieur à<strong> 30 secondes </strong>indique que le contenu n'est pas lu.</li>



<li>Est-ce que les lectrices descenden<strong>t jusqu'en bas de l'article</strong> (là où se trouve généralement le lien vers la boutique) ?</li>



<li>LE rebond est engagement (certes négatif)</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">corrections</span></p>



<ol class="wp-block-list">
<li>Changer le type de contenu, alterner, raccourcir ...</li>



<li>proposer plus d'interaction</li>



<li>proposer un rebond interne pour proposer d'autres contenus à l'intérieur de votre blog</li>
</ol>



<p class="has-text-align-center has-base-2-background-color has-background">Voir aussi <a href="https://st9ph.fr/wordpress-methode-habi-et-yoast-seo-synchronises/" target="_blank" rel="noreferrer noopener">cet article</a> (<strong>méthode HABI</strong>)</p>
</div>
</div>



<p>Ici, 📈 <strong>Google Analytics </strong>me permet de mesure <strong>le taux d'engagement</strong> sur st9ph.fr, <strong>article par article </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/2025/12/image-155-1024x409.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 -->



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-28a25da88b06a40bb70fbcf7b65d2797" id="3-les-r%C3%A9seaux-sociaux-composantes-outils-de-mesure-et-kpi">🛜 les Réseaux Sociaux | Composantes, outils de mesure et KPI</h2>



<div class="chapter-title">
  <div class="chapter-number">🛜</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 Réseaux Sociaux | Composantes, outils de mesure et KPI</h2>
    </div>
    <ul class="chapter-points">
  <li>outils commerciaux et enjeux</li>
  <li>Mesures KPI et corrections</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-large"><img loading="lazy" decoding="async" width="885" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/image-142-885x1024.png" alt="" class="wp-image-31899" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-142-885x1024.png 885w, https://st9ph.fr/wp-content/uploads/2025/12/image-142-259x300.png 259w, https://st9ph.fr/wp-content/uploads/2025/12/image-142-768x889.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-142.png 928w" sizes="auto, (max-width: 885px) 100vw, 885px" /></figure>



<p>Points clés à retenir :</p>



<ol start="1" class="wp-block-list">
<li><strong>L'ultra-dominance de TikTok :</strong> En France, un utilisateur moyen y  passe désormais plus de <strong>38 heures par mois</strong> !  Cela s'explique par l'algorithme de recommandation très addictif.</li>



<li><strong>L'engagement sur Instagram :</strong> très qualitatif pour les marques (achats, clics sur les liens).</li>



<li><strong>La fréquence d'ouverture :</strong> C'est sur <strong>Snapchat</strong> que les utilisateurs se connectent le plus souvent dans la journée (plus de 500 fois par mois en moyenne), même si les sessions sont très courtes.</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-color has-link-color has-medium-font-size wp-elements-ba6c867856b57ed2d370c81fe7cfa6e6" style="color:#5aa626">👍<strong>Avantages</strong></p>



<ul class="wp-block-list callout vert">
<li> <strong>ciblage publicitaire</strong> d'une précision chirurgicale</li>



<li><strong>communautés de niche</strong></li>



<li><strong>puissance de partage</strong> et <strong>démocratisation du digital </strong>(chacun peut en devenir un acteur majeur)</li>
</ul>



<p class="has-text-color has-link-color has-medium-font-size wp-elements-d914449678e2cba06ecb6afbeab76010" style="color:#a51414">👎 I<strong>nconvénients </strong></p>



<ul class="wp-block-list callout rouge">
<li><strong>Bulle de filtres et polarisation </strong>(Les algorithmes nous enferment dans nos propres opinions)</li>



<li><strong>addiction</strong> et <strong>santé mentale</strong> (image de soi dans la communauté exemplaire)</li>



<li><strong>Sans garantie</strong> (contre vérités, Fake news, produits ou comportements promus parfois nocifs ou illégaux)</li>
</ul>



<p class="has-text-align-center has-large-font-size">🕑 <strong>2 h 23</strong></p>



<p class="has-text-align-center"><strong>Temps moyen par jour </strong>passé sur les réseaux sociaux (toutes classes d'âges confondues)</p>



<p class="has-text-align-center has-small-font-size">Source : Digital 2024 Global Overview Report</p>
</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.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>Outils commerciaux &amp; enjeux</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 class="has-medium-font-size">➡️ Les Outils Techniques (La "<strong>Stack" logicielle</strong>)</p>



<p class="has-base-2-background-color has-background">Pour réussir, il faut <strong>connecter le catalogue</strong> produits de <strong>votre Eshop</strong> aux plateformes sociales !</p>



<p>1️⃣ <strong>Service Client &amp; Chatbots :</strong> <strong>ManyChat</strong> ou <strong>Zendesk</strong> automatisent les réponses aux DM (ex: "Quel est le prix ?") et peuvent envoyer des liens de paiement directement dans la messagerie.</p>



<p>2️⃣ <strong>Plateformes E-commerce (CMS) :</strong> <strong>Shopify</strong> reste le leader grâce à ses connecteurs natifs ultra-fluides avec TikTok Shop et Instagram Shopping. <strong>WooCommerce</strong> (Extension WordPress) est l'alternative privilégiée pour plus de personnalisation.</p>



<p>3️⃣ <strong>Gestionnaires de Flux :</strong> Des outils comme <strong>Commerce Manager (Meta)</strong> ou <strong>Base.com</strong> permettent de centraliser vos stocks, vos commandes et vos catalogues sur Instagram, Facebook et TikTok en une seule interface.</p>



<p>4️⃣ <strong>Pour le montage :</strong> <strong>CapCut / InShot</strong> sont leaders pour le montage de vidéos verticales dynamiques. + <strong>Canva </strong> pour les visuels de promotion et les annonces de lives.</p>
</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/zeoob.com_sm19wu0m9l_photo-453x1024.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="has-medium-font-size">➡️ Les méthodes de vente depuis les RS</p>



<p class="callout jaune">👉🏻 Je précise bien "<strong>depuis</strong>" puisque que <strong>le canal réel de vente</strong> reste <strong>la EShop</strong>, même si le socionaute ne s'en rend pas compte.</p>



<p class="has-medium-font-size">🔹 Pour vendre depuis un réseau social, il faut en effet :</p>



<ul class="wp-block-list">
<li><strong>Avoir un compte Professionnel :</strong> C’est gratuit, il suffit de changer le type de compte dans les réglages.</li>



<li><strong>Avoir un catalogue en ligne :</strong> Même si la vente se fait sur le réseau, <strong>vous devez avoir une base de données produits </strong>(souvent <strong>via un site comme Shopify, Prestashop</strong> ou même un simple fichier Excel importé).</li>



<li><strong>Respecter les règles commerciales :</strong> <strong>la vente de certains produits est interdite </strong>(médicaments, alcool, tabac, etc.) et vous devez<strong> fournir des CGV</strong></li>
</ul>



<figure class="wp-block-table"><table><thead><tr><td><strong>Méthode</strong></td><td><strong>Description</strong></td><td><strong>Pourquoi ça marche ?</strong></td></tr></thead><tbody><tr><td><strong>Live Shopping</strong></td><td>Vente en direct (comme le téléachat moderne).</td><td>Création d'un sentiment d'urgence et interaction en temps réel.</td></tr><tr><td><strong>UGC (User Generated Content)</strong></td><td>Utiliser les vidéos de vrais clients ou de petits créateurs.</td><td><strong>L'authenticité</strong> convertit mieux qu'une publicité de studio lisse.</td></tr><tr><td><strong>Tags Produits (Shoppable Posts)</strong></td><td>Intégrer des pastilles cliquables sur les photos/vidéos.</td><td>Réduit le nombre de clics avant l'achat (achat d'impulsion).</td></tr><tr><td><strong>Le "Drop" exclusif</strong></td><td>Annoncer un produit en édition limitée disponible via un lien en story.</td><td>Joue sur la "peur de manquer" (<strong>FOMO</strong>).</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">
<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="939" height="443" src="https://st9ph.fr/wp-content/uploads/2025/12/Image2.png" alt="" class="wp-image-31908" srcset="https://st9ph.fr/wp-content/uploads/2025/12/Image2.png 939w, https://st9ph.fr/wp-content/uploads/2025/12/Image2-300x142.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/Image2-768x362.png 768w" sizes="auto, (max-width: 939px) 100vw, 939px" /></figure>
</div>
</div>



<p class="has-small-font-size">Sources : Influencer Marketing Hub, Statista</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><strong>ROI :</strong> En moyenne, les entreprises génèrent <strong>5,78 $ pour chaque dollar investi</strong> dans l'influence (<em>Source : Influencer Marketing Hub</em>).</li>



<li><strong>Part du budget marketing :</strong> Près de <strong>25 % des entreprises</strong> consacrent désormais plus de <strong>40 %</strong> de leur budget marketing total à l'influence (<em>Source : Independant.io</em>).</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-counter uagb-block-818a95ab 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="M128 447.1V223.1c0-17.67-14.33-31.1-32-31.1H32c-17.67 0-32 14.33-32 31.1v223.1c0 17.67 14.33 31.1 32 31.1h64C113.7 479.1 128 465.6 128 447.1zM512 224.1c0-26.5-21.48-47.98-48-47.98h-146.5c22.77-37.91 34.52-80.88 34.52-96.02C352 56.52 333.5 32 302.5 32c-63.13 0-26.36 76.15-108.2 141.6L178 186.6C166.2 196.1 160.2 210 160.1 224c-.0234 .0234 0 0 0 0L160 384c0 15.1 7.113 29.33 19.2 38.39l34.14 25.59C241 468.8 274.7 480 309.3 480H368c26.52 0 48-21.47 48-47.98c0-3.635-.4805-7.143-1.246-10.55C434 415.2 448 397.4 448 376c0-9.148-2.697-17.61-7.139-24.88C463.1 347 480 327.5 480 304.1c0-12.5-4.893-23.78-12.72-32.32C492.2 270.1 512 249.5 512 224.1z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="69" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div><div class="wp-block-uagb-counter__title">des socionautes<br>font confiance<br> aux influenceurs</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>



<p class="has-small-font-size">Source : Thunderbit</p>
</div>
</div>



<p class="has-base-2-background-color has-background">Selon la FEVAD, même si la vente depuis les RS en France  représente <strong>moins de 2%</strong> de l'ensemble (contre environ 75 % pour la SVP),<strong> sa part augmente de 30% chaque année</strong> pour un volume d'<strong>environ 5 milliards d'Euros</strong> fin 2025.</p>



<p>Estimation du revenus des influenceurs par popularité :</p>



<figure class="wp-block-table"><table><thead><tr><td><strong>Catégorie d'influenceur</strong></td><td><strong>Nombre d'abonnés</strong></td><td><strong>Revenu estimé par post</strong></td></tr></thead><tbody><tr><td><strong>Nano-influenceur</strong></td><td>1 000 – 10 000</td><td>10 € – 100 €</td></tr><tr><td><strong>Micro-influenceur</strong></td><td>10 000 – 50 000</td><td>100 € – 500 €</td></tr><tr><td><strong>Mid-tier</strong></td><td>50 000 – 500 000</td><td>500 € – 5 000 €</td></tr><tr><td><strong>Macro-influenceur</strong></td><td>500 000 – 1M</td><td>5 000 € – 10 000 €</td></tr><tr><td><strong>Méga-influenceur</strong></td><td>+ 1 million</td><td>10 000 € – 100 000 €+</td></tr></tbody></table></figure>



<p class="has-small-font-size">souces instagram/TikTok</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>Mesures KPI &amp; corrections</strong></h3>



<p class="callout rouge has-medium-font-size">On se méfiera des <strong>Vanity Metrics </strong>(KPI qui ne rapportent rien, comme les like, par exemple).</p>



<p class="has-medium-font-size">👀 | <strong>Visbilité</strong> <strong>(les flux de socionautes touchés)</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"><span style="text-decoration: underline;">Indicateur</span></p>



<ul class="wp-block-list">
<li><strong>Impressions :</strong> Nombre d'affichages de vos publications</li>



<li><strong>Portée (Reach) :</strong> Nombre d'utilisateurs <strong>uniques</strong> ayant vu votre publication.</li>



<li><strong>Nombre d'abonnés (Followers) :</strong> Indique la croissance de la communauté</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">mesure</span></p>



<ul class="wp-block-list">
<li>fréquence et périodes</li>



<li>durée d'impression</li>



<li>Taux de complétion (*)</li>



<li>fidélité</li>



<li>Audience vivante / morte</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">corrections</span></p>



<ul class="wp-block-list">
<li>changez de formats (story, réels ...) pour créer l'envie de rester / revenir</li>



<li>ayez recours à des influenceurs pour générer du trafic</li>



<li>vendez "original" (méthodes, produits qu'on ne trouvera que chez vous)</li>
</ul>
</div>
</div>



<p>Ci-dessous, le choix <strong>statistiques</strong> de mon <strong>tableau de bord</strong> <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Linked In</mark></strong> me permet de <strong>surveiller les KPI </strong>de mes publications :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="738" src="https://st9ph.fr/wp-content/uploads/2025/12/image-154-1024x738.png" alt="" class="wp-image-34011" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-154-1024x738.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-154-300x216.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-154-768x554.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-154.png 1294w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="callout jaune">⚠️ Ne négligez pas la <strong>Rétention Vidéo</strong> (pour les Reels et TikTok) : si les gens s'arrêtent de regarder votre vidéo <strong>après 2 secondes</strong>, l'algorithme cessera de la diffuser. Visez <strong>un taux de complétion</strong> (ceux qui regardent jusqu'au bout) supérieur à <strong>30%</strong>.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="981" height="208" src="https://st9ph.fr/wp-content/uploads/2025/12/image-143.png" alt="" class="wp-image-31924" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-143.png 981w, https://st9ph.fr/wp-content/uploads/2025/12/image-143-300x64.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-143-768x163.png 768w" sizes="auto, (max-width: 981px) 100vw, 981px" /></figure>



<p class="has-medium-font-size">🖐️| engagements (interactions sur mes réseaux)</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"><span style="text-decoration: underline;">Indicateur</span></p>



<ul class="wp-block-list">
<li><strong>Taux d'engagement (TxE) :</strong> Le ratio entre les interactions et la portée (ou le nombre d'abonnés).</li>



<li><strong>Partages (Shares)</strong>  (visibilité gratuite et de la crédibilité)</li>



<li><strong>Enregistrements (Saves) :</strong>  valeur durable (tutos, conseils).</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">mesure</span></p>



<ul class="wp-block-list">
<li>(likes + commentaires + partage) / portée = (TxE)</li>



<li>Taux de clic (<strong>CTR</strong> - Click-Through Rate) : Pourcentage de personnes ayant cliqué sur le lien dans votre bio ou votre story.</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">corrections</span></p>



<ul class="wp-block-list">
<li>travaillez votre clickbait (putaclic) en jouant sur la curiosité ou le FOMO</li>



<li>récompensez les partages par des avantages </li>



<li>faites du contenu à plus forte valeur ajoutée</li>
</ul>
</div>
</div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="912" height="246" src="https://st9ph.fr/wp-content/uploads/2025/12/image-144.png" alt="" class="wp-image-31926" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-144.png 912w, https://st9ph.fr/wp-content/uploads/2025/12/image-144-300x81.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-144-768x207.png 768w" sizes="auto, (max-width: 912px) 100vw, 912px" /></figure>
</div>


<p class="has-medium-font-size">🛒| Conversions (ventes liées à vos CTA en RS)</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"><span style="text-decoration: underline;">Indicateur</span></p>



<ul class="wp-block-list">
<li><strong>Coût par Vue (CPV) :</strong> Si vous faites de la publicité, combien vous coûte chaque visiteur.</li>



<li><strong>Taux de conversion :</strong> Pourcentage de visiteurs provenant des réseaux sociaux qui finissent par acheter un produit.</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">mesure</span></p>



<ul class="wp-block-list">
<li>Taux de <strong>complétion </strong>(temps de vue de vos posts ou de lecture de vos vidéos)</li>



<li>Ventes / portée</li>



<li>CA, marge, panier moyen ... (comme pour toute boutique)</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">corrections</span></p>



<ul class="wp-block-list">
<li>faites des feedback sur les produits que vous proposez (qualité, livraison ...) pour savoir quoi améliorer</li>



<li>Votre audience est-elle bien  ciblée</li>



<li>comparez à votre eshop pour voir si le faible taux de conversion vient du format ou du message</li>
</ul>
</div>
</div>



<p></p>



<div class="wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-small-font-size">revenir à</p>



<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-ba0b9b60"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-3622ddc0 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">SVP &amp; EShop</div></a></div></div>
</div></div>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-small-font-size">revenir à</p>



<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-419758be"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-52ccf20b wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-crc/" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">CRC</div></a></div></div>
</div></div>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center">Cet article est la <strong>dernière</strong> partie d'un ensemble de 3</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"><div style="background-color: #f8f8f8; border-width: 2px; border-color: #ECECEC; " class="ub_call_to_action wp-block-ub-call-to-action-block" id="ub_call_to_action_59d0f4d0-881f-4724-8893-f5778bb516bd">
			<div class="ub_call_to_action_headline">
				<p class="ub_call_to_action_headline_text" style="font-size: 30px; text-align: center; ">🍀</p>
			</div>
			<div class="ub_call_to_action_content">
				<p class="ub_cta_content_text" style="font-size: 15px; text-align: center; ">Un petit Quiz pour finir ?</p>
			</div>
			<div class="ub_call_to_action_button">
				<a href="https://forms.gle/ZZaLCV5sz3eyH4wx5" target="_self" rel="noopener noreferrer" class="ub_cta_button" style="background-color: var(--accent); width: 250px; ">
					<p class="ub_cta_button_text" style="color: var(--base-3); font-size: 14px; ">Allez ! Soyons fous !</p>
				</a>
			</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-6005cf48bff9fae1ed7a3fbdac7d8ac9"><strong>Tu préfères sur ton smartphone ?</strong></p>



<p class="has-text-align-center"><strong>Libre à toi :</strong></p>


<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/2025/12/qrcode_docs.google.com-6.png" alt="" class="wp-image-32744" style="width:195px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2025/12/qrcode_docs.google.com-6.png 490w, https://st9ph.fr/wp-content/uploads/2025/12/qrcode_docs.google.com-6-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/qrcode_docs.google.com-6-150x150.png 150w" sizes="auto, (max-width: 490px) 100vw, 490px" /></figure>
</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 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%2F%25e2%258f%25ba%25ef%25b8%258fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine%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 class="breadcrumb_last" aria-current="page">☝️ Concepts</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-452a5084     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/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="280" src="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg 916w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-300x93.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-768x239.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Donner des sens au digital</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-05-04T14:12:54+02:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					4 mai 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>🎧 Ecouter l&#8217;introduction audio Ce n&#8217;est pas pour rien que même les pure players finissent...				</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/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" 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/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="643" height="165" src="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg 643w, https://st9ph.fr/wp-content/uploads/2026/02/celi-avant-300x77.jpg 300w" sizes="auto, (max-width: 643px) 100vw, 643px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | La communication en service client &amp; son management</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-09T15:14:06+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					9 février 2026				</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>L&#8217;importance de communiquer A toutes les étapes de son parcours client, votre interlocuteur recevra des...				</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/com-en-service-client-et-son-management/" 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/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="381" src="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-300x127.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-768x326.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1536x652.png 1536w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s.png 1584w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | UX Mobile</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-30T13:51:57+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					30 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>C&#8217;est quoi &#8220;l&#8217;UX Mobile&#8221; ? UX pour User eXperience. L’expérience utilisateur en mobilité, c’est la...				</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/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" 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/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="720" height="211" src="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg 720w, https://st9ph.fr/wp-content/uploads/2026/01/e5a-img-300x88.jpg 300w" sizes="auto, (max-width: 720px) 100vw, 720px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">☝️L&#8217;épreuve E5 A (écrit) du BTS NDRC</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-11T21:23:50+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					11 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>⏱️ 3 heures | ✅coef2 /40 pts 👍 A ce jour, tous mes étudiants ont...				</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/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" 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/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="758" height="158" src="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg 758w, https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande-300x63.jpg 300w" sizes="auto, (max-width: 758px) 100vw, 758px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | la Satisfaction Client</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-10T14:12:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					10 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>C&#8217;est quoi la satisfaction client ? On parle aussi de &#8220;Customer Care&#8221;. C&#8217;est le fait...				</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%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" 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/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="798" height="185" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg 798w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-300x70.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-768x178.jpg 768w" sizes="auto, (max-width: 798px) 100vw, 798px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Search Engine Marketing</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-08T21:56:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					8 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>C&#8217;est quoi le &#8220;Search Engine Marketing&#8221; ? Le Search Engine Marketing (SEM) est l&#8217;addition de...				</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/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" 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/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine/">⏺️Omnicanal | Mesure KPI sur vos réseaux et en Vitrine</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2025/12/voicertool_audio_Eloise_12-01-2026_at_19_59_24_on_January_12th_2026.mp3" length="335520" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2025/12/tuto-levres.mp4" length="1286866" type="video/mp4" />

		<post-id xmlns="com-wordpress:feed-additions:1">31898</post-id>	</item>
	</channel>
</rss>
