{"id":307,"date":"2015-01-20T09:42:26","date_gmt":"2015-01-20T09:42:26","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=307"},"modified":"2015-02-01T19:19:47","modified_gmt":"2015-02-01T19:19:47","slug":"laction-de-scroller-sur-un-site-e-commerce-permet-il-daugmenter-les-conversions","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/laction-de-scroller-sur-un-site-e-commerce-permet-il-daugmenter-les-conversions\/","title":{"rendered":"L&rsquo;action de scroller sur un site e-commerce permet-il d&rsquo;augmenter les conversions ?"},"content":{"rendered":"<p class=\"chapeau\"><span class=\"chapeau\">Les chiffres de cette infographie , r\u00e9alis\u00e9e par <a href=\"http:\/\/www.contentsquare.com\/\" target=\"_blank\">Content Square<\/a>,\u00a0 <\/span>ont \u00e9t\u00e9 obtenus en analysant pr\u00e8s de 50 millions de visites r\u00e9parties sur plus de 100 sites E-commerce, tous secteurs d\u2019activit\u00e9 confondus.<\/p>\n<p class=\"chapeau\"><strong>Pour rappel<\/strong> : scroller consiste \u00e0 faire d\u00e9filer les pages de votre site internet de haut en bas.<\/p>\n<h1>1) Evolution du comportement du scroll<\/h1>\n<p>En 2014, on peut noter une augmentation du taux de scroll aupr\u00e8s des internautes en particulier chez\u00a0 les mobinautes et amateurs de tablettes<\/p>\n<p><strong><span style=\"color: #800000;\">Entre 2013 et 2014 , le taux de scroll est de :<\/span><\/strong><br \/>\n&#8211;\u00a0\u00a0+5% sur les ordinateurs de bureau<br \/>\n&#8211;\u00a0 +18%\u00a0 pour les mobiles<br \/>\n&#8211; +42% pour les tablettes<\/p>\n<p><strong><span style=\"color: #800000;\">Le footer<\/span><\/strong> est devenu un \u00e9l\u00e9ment \u00e0 part enti\u00e8re dans un site internet puisque 15% des internautes l&rsquo;utilisent contre 5% en 2011. Il ne faut surtout pas le n\u00e9glicher.<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/infographie-taux-scroll2.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-309\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/infographie-taux-scroll2.jpg\" alt=\"infographie-taux-scroll2\" width=\"750\" height=\"1159\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/infographie-taux-scroll2.jpg 750w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/infographie-taux-scroll2-194x300.jpg 194w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/infographie-taux-scroll2-663x1024.jpg 663w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/infographie-taux-scroll2-624x964.jpg 624w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><\/p>\n<p><!--more--><\/p>\n<h1>2) Les diff\u00e9rences culturelles sont \u00e0 prendre en compte<\/h1>\n<p>Dans certains pays, la page atteint des records de taille notamment avec la Chine. Compar\u00e9s aux sites occidentaux, les pages des sites chinois sont 8 fois plus longues.<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/infographie-taux-scroll3.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-310\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/infographie-taux-scroll3.png\" alt=\"infographie-taux-scroll3\" width=\"750\" height=\"859\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/infographie-taux-scroll3.png 750w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/infographie-taux-scroll3-262x300.png 262w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/infographie-taux-scroll3-624x715.png 624w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><\/p>\n<h1>3) Impact du taux de scroll sur la conversion<\/h1>\n<p><span style=\"color: #800000;\"><strong>Plus les internautes scrollent sur les mobiles et les tablettes, plus ils ach\u00e8tent.<\/strong><\/span><\/p>\n<p>On note que les acheteurs ont <strong>un taux de scroll plus \u00e9lev\u00e9 que les non-acheteurs<\/strong>, quelque soit les plateformes utilis\u00e9es pour (hors ordinateurs de bureau :<\/p>\n<p>Par exemple :<br \/>\n&#8211; <span style=\"color: #800000;\"><strong>sur mobile :<\/strong> <\/span>le taux de scroll atteint 45% chez les acheteurs contre 36% chez les non-acheteurs<br \/>\n&#8211; <span style=\"color: #800000;\"><strong>sur tablette<\/strong><\/span> le taux de scroll atteint 60% chez les acheteurs contre 49% chez les non-acheteurs<\/p>\n<p>En revanche, sur les ordinateurs il n&rsquo;y a pas de corr\u00e9lation entre taux de scroll et conversion<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/infographie-taux-scroll4.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-311\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/infographie-taux-scroll4.jpg\" alt=\"infographie-taux-scroll4\" width=\"750\" height=\"1656\" srcset=\"https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/infographie-taux-scroll4.jpg 750w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/infographie-taux-scroll4-136x300.jpg 136w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/infographie-taux-scroll4-464x1024.jpg 464w, https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/infographie-taux-scroll4-624x1378.jpg 624w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><\/p>\n<!-- Begin Yuzo --><div class='yuzo_related_post style-2'  data-version='5.12.88'><!-- without result --><div class='yuzo_clearfixed yuzo__title yuzo__title'><h2>Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/desactiver-suivez-le-guide-decouvrez-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-desactiver-guide-prestashop-400x249.png') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/desactiver-suivez-le-guide-decouvrez-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> D\u00e9sactiver \u00ab\u00a0Suivez le guide : d\u00e9couvrez PrestaShop \u00ab\u00a0  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 542<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Vous en avait marre de voir la banni\u00e8re \"Suivez le guide : d\u00e9couvrez PrestaShop \", sur vos pages ?\r\n\r\n\r\n\r\nDans ce cas, suivez ce tuto\r\n\r\n\r\nComment d\u00e9sactiver \"Suivez le guide : d\u00e9couvrez PrestaShop \"\r\nDepuis le back-office, allez dans Modules et Services >\u00a0Modules et Services et recherchez le module\u00a0OnBoarding. Installez-le et le tour est jou\u00e9\r\n\r\n\r\n\r\n\u00a0<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/6-erreurs-a-eviter-dans-votre-marketing-mobile\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-header-erreur-marketing-mobile-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/6-erreurs-a-eviter-dans-votre-marketing-mobile\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 6 erreurs \u00e0 \u00e9viter dans votre marketing mobile  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 145<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Google vient de faire en grand pas un avant avec son nouvel\u00a0algorithme qui sanctionne les sites dont le contenu ne s'adapte pas \u00e0 tout les \u00e9crans.\r\n\r\nCette infographie\u00a0met en avant les 6 erreurs \u00e0 ne pas commettre dans votre strat\u00e9gie mobile :\r\n\r\n1. Ne pas avoir\u00a0un site optimis\u00e9 pour un mobile ou une application\u00a0\r\n\r\nAujourd'hui, avec toutes les nouvelles technologies, il est indispensable d'avoir ...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/supprimer-le-cadre-blanc-autour-de-vos-images-sous-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-prestashop-cade-blanc-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/supprimer-le-cadre-blanc-autour-de-vos-images-sous-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Supprimer le cadre blanc autour de vos images |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 5292<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Lorsqu\u2019on upload une image dans Prestashop, ce dernier la\u00a0redimensionne selon les diff\u00e9rents formats sp\u00e9cifi\u00e9s dans \u00ab\u00a0pr\u00e9f\u00e9rences\/images\u00a0\u00bb.\r\n\r\nMais si vous regardez bien le front-office de\u00a0\u00a0votre boutique,\u00a0vous pouvez remarquer que Prestashop ajoute par d\u00e9faut un cadre blanc autour de votre image.\r\n\r\nCette astuce Prestashop est valable pour la version 1.6\r\n\r\nVoici la solution pour rem\u00e9dier \u00e0 ce pr...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/10-palette-de-couleurs-web-sur-le-theme-du-gris\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-palette-couleurs-gris1-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/10-palette-de-couleurs-web-sur-le-theme-du-gris\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 10 palettes de couleurs sur le th\u00e8me du gris pour agr\u00e9menter vos site web  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 6624<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Selon, Trinity Advise,\u00a0le gris n\u2019est pas tout \u00e0 fait une couleur, historiquement associ\u00e9 \u00e0 des univers de tristesse, de vieillesse voire de mort. Il suffit aussi de constater les \u00e9l\u00e9ments qui le repr\u00e9sentent (poussi\u00e8re, souris, b\u00e9ton) pour s\u2019apercevoir qu\u2019il n\u2019est pas tr\u00e8s positif au regard actuel des occidentaux. Pourtant, il se marie tr\u00e8s bien avec de nombreuses couleurs vives et peut apporter u...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-afficher-le-nom-du-produit-complet-prestashop-1-6-1-7\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/CommentafficherlenomduproduitcompletPrestaShop1.61.7-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-afficher-le-nom-du-produit-complet-prestashop-1-6-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment afficher le nom du produit complet \u2013 PrestaShop 1.6 &1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 2564<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Dans PrestaShop 1.6 et 1.7, si vos noms de produit sont trop long, ils vont \u00eatre coup\u00e9s.\r\n\r\nVous d\u00e9sirez peut-\u00eatre avoir le nom complet, c'est tr\u00e8s simple mais il faudra apporter la modification directement dans le fichier, on ne peut pas le faire depuis le back-office de PrestaShop\r\n\r\nPrestaShop 1.6 \r\n\r\nOuvrir le fichier product-list.tpl qui se situe dans themes > nomdevotretheme > product-...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  <!-- End Yuzo :) -->","protected":false},"excerpt":{"rendered":"<p>Les chiffres de cette infographie , r\u00e9alis\u00e9e par Content Square,\u00a0 ont \u00e9t\u00e9 obtenus en analysant pr\u00e8s de 50 millions de visites r\u00e9parties sur plus de 100 sites E-commerce, tous secteurs d\u2019activit\u00e9 confondus. Pour rappel : scroller consiste \u00e0 faire d\u00e9filer les pages de votre site internet de haut en bas. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/307"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=307"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/307\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}