Aller au contenu

Articles pour la catégorie ‘Autres’

28
Mar

Module Prestashop – Scroll Infini de produits

Description

Boostez vos ventes ! “Scroll Infini” maximise votre taux de conversion en remplaçant la pagination par un système de scroll infini ultra performant. Vendez plus en étant à la pointe de la technologie !

Découvrez le module de scroll infini sur Prestashop Addons.

Fonctionnalités

Infinite Endless Scroll est le fruit d’un travail de recherche et d’analyse au sein d’une équipe faite d’experts du e-merchandising, de l’optimisation de boutiques en ligne et de référencement naturel. Chaque expert a apporté sa touche et s’est assuré du respect de toutes les meilleures pratiques de son métier.
Ainsi, Infinite Endless Scroll est :
- Pensé pour booster votre taux de conversion et donc vos ventes et votre chiffre d’affaires
- Pensé pour être totalement compatible avec les moteurs de recherche
- Pensé pour être ultra rapide et même plus économe en ressources qu’une pagination classique

Conversion : notre expert e-merchandising a développé cette solution dans le but de booster votre chiffre d’affaires. Après avoir implanté avec succès ce système sur de nombreux sites e-commerce, il l’a conçu sous forme de module Prestashop.

Référencement naturel : notre expert SEO s’est assuré de la compatibilité totale d’Infinite Endless Scroll avec les moteurs de recherche. Infinite Endless Scroll ne s’active que si Javascript est disponible sur le navigateur du visiteur. Si ce n’est pas le cas, la pagination classique s’applique. Ainsi, un moteur de recherche peut crawler l’ensemble des pages nécessaires. Si par contre le visiteur dispose de Javascript, Infinite Endless Scroll s’active (entièrement en Ajax) à la place de la pagination, de manière totalement dynamique. Aucun risque de cloacking ni de bloquer l’accès aux robots de recherche. Le système parfait pour contenter les visiteurs et les moteurs de recherche !

Optimisation : notre expert optimisation et performance Prestashop a conçu le système pour qu’il soit encore plus rapide et plus léger que le système de pagination classique de Prestashop. Vendez plus tout en allégeant la charge serveur ! Vous utilisez un thème Prestashop ? Infinite Endless Scroll s’adapte tout seul !

L’équivalent de plusieurs jours de consulting auprès de 3 experts reconnus de leur métier ainsi que de développement… pour seulement 79,99 euros (prix de lancement).

TELECHARGER LE MODULE

module scroll infini graphique stats

Bénéfices marchand

Toutes les études le montrent : chaque fois qu’un visiteur change de page sur votre site, le risque qu’il abandonne son achat augmente. Minimiser le nombre de clics nécessaires pour accéder aux produits est donc très important. Avec la pagination classique de Prestashop, un produit présenté en 4 page nécessitera 4 à 5 de clics pour être vu, contre un seul avec Infinite Endless Scroll ! Ce puissant outil d’e-merchandising remplace l’affichage par pagination classique, qui liste les produits par 10 ou 20 sur chaque page, par un système de scroll infini : dès que votre visiteur fait défiler la page, de nouveaux produits aparaîssent ! L’affichage est instantané grâce à un système de préchargement dynamique. Vous aussi, comme Google et Facebook, intégrez le scroll infini sur votre boutique en ligne et commencez à vendre plus.

scroll infini taux de conversion

Bénéfices client

Lorsqu’ils voient une pagination sur une page listing de produits, la plupart des internautes ne vont même pas voir la page 2. Combien de fois avez vous vraiment utilisé la pagination de Google lorsque vous faites une recherche ? Avec Infinite Endless Scroll, présentez un maximum de produits à vos visiteurs pour susciter l’envie d’acheter. Pour 99 euros seulement, boostez l’attractivité de votre boutique.

Installation

Installation en un clic : envoyez le module zippé dans le panneau d’administration et commencez à utiliser Infinite Endless Scroll.

Compatible Prestashop 1.3.x, 1.4.x

Découvrez le module de scroll infini sur Prestashop Addons.

scroll infini schema

TELECHARGER LE MODULE

28
Mar

10 conseils pour accélérer votre site e-commerce et augmenter votre taux de conversion

Nul n’est sans savoir qu’un site lent est un site qui fait fuir. Si vous êtes e-commerçant et que votre plateforme de vente est lourde et lente, c’est un peu comme essayer de courir avec un poids de 20kg dans les pieds. Je vais vous donner 10 conseils pour optimiser votre site et ainsi augmenter votre taux de conversion.

Beaucoup de grosses structures de vente comme des entreprises telles que Amazon ou Google ont publié quelques statistiques concernant l’impact de la performance de leurs sites sur la conversion.
Amazon a ainsi constaté pour un gain de 100 ms dans la rapidité d’affichage de leurs sites, leur chiffre d’affaire augmente de 1%, ce qui est relativement énorme, surtout pour une grosse structure telle que Amazon qui génère plusieurs millions.
Google lui a constaté une augmentation de 30% de visites sur Google Map en ayant amélioré de 30% le temps d’affichage de ce dernier.

Et là vous vous dites: “Mais moi aussi je veux améliorer le temps d’affichage de mon site !” et vous avez raison. Je vais vous donner quelques astuces pour vous permettre d’améliorer les performances de votre site e-commerce et je suis sûr que vous augmenterai ainsi votre chiffre d’affaire.

Lorsque vous aurez réussi à réaliser tous les points que je vais lister ci-dessous, votre site sera surement bien plus performant qu’à l’heure actuelle, pour ma part, j’ai diminué la taille de mes pages de 25% et augmenté le temps d’affichage de 400%.

1) Utilisez un système de cache

Sur PrestaShop et également sur Magento, il existe un cache natif qu’il faudra impérativement activer une fois votre site en production. Le cache enregistre temporairement une copie des données ce qui évite de recharger l’ensemble du site chaque requête.
Le cache est un des éléments clé pour optimiser les performances de votre site internet.

2 ) Optimiser vos images

Le contenu qui prend le plus de temps à charger sur un site internet, ce sont en général les images, et je parle principalement des images utilisées pour votre thème.
Ces images doivent impérativement être optimisées, pour cela vous devez utiliser au mieux des images au format gif et réduire leur taille au maximum, vous serez étonnés de la rapidité que l’on peut gagner avec l’optimisation des images.

4 ) Utilisez des sprites

Réunissez toutes vos petites images en une seule et utilisez la propriété css “background-position” pour les afficher.
Voici par exemple un sprite utilisé par notre ami Facebook : https://s-static.ak.facebook.com/rsrc.php/v1/yZ/r/E75W0JjLn8o.png

5 ) Activez la compression Gzip

Grâce à la compression Gzip, le serveur va compresser les données à afficher, et c’est le navigateur qui va les décompresser, on diminue ainsi considérablement la taille des données envoyées du serveur vers le navigateur.
Dans PrestaShop, vous pouvez le faire très simplement depuis l’administration.

6 ) Réunissez vos css et javascripts de petite taille

Inutile d’utiliser deux fichiers css de petite taille, créez seulement un fichier avec l’ensemble du code à l’intérieur.

7 ) Minifiez vos scripts et vos feuilles de style

Vous pouvez diminuer la taille de vos fichier css et js simplement en les minifiant, c’est-à-dire en diminuant la taille du code.
Pour cela utilisez des modules ou faites le manuellement avec ces générateurs
Css: http://www.minifycss.com/
Js : http://www.minifyjs.com/javascript-compressor/

8 ) Add expires headers

Quesaquo ? Il est pratique de notifier aux navigateurs que vos scripts n’ont pas été modifiés et qu’il est inutile de les recharger s’ils sont conservés en cache.
Pour cela, ajoutez dans le .htaccess (situé à la racine de votre site) le code suivant :
# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
<FilesMatch “\\.(ico|jpe?g|png|gif|swf|css|gz)$”>
Header set Cache-Control “max-age=2592000, public”
</FilesMatch>
<FilesMatch “\\.(js)$”>
Header set Cache-Control “max-age=2592000, private”
</FilesMatch>
<filesMatch “\\.(html|htm)$”>
Header set Cache-Control “max-age=7200, public”
</filesMatch>
# Disable caching for scripts and other dynamic files
<FilesMatch “\.(pl|php|cgi|spl|scgi|fcgi)$”>
Header unset Cache-Control
</FilesMatch>
</IfModule>
# END Cache-Control Headers

9 ) Évitez l’inclusion de composants externes

Si vous incluez des fichiers présents sur un serveur différent, cela implique à votre serveur de faire des requêtes supplémentaires et ainsi de ralentir le temps de traitement de ce dernier.

10 ) Évitez les erreurs 404

Il est impératif que votre code ne contienne pas de composant introuvable, car une requête vers un élément inexistant prends beaucoup de temps et ralentit considérablement votre site.

Testez votre site sur GT METRIX et partagez nous vos notes via un commentaire sur ce post !
A vous de jouer !

26
Mar

Module prestashop – Fil d’arianne avancé

Lien de téléchargement

Description

Smart Breadcrumb a pour but d’augmenter vos ventes en incitant les visiteurs à voir plus de produits et catégories lors de leur visite.

Fonctionnalités

Personnalisation :

  • Couleurs facilement personnalisables

Mode Produit :

  • Liste tous les produits de la catégorie en cours
  • Affiche le prix des produits (personnalisable)
  • Possibilité d’exclure un ou plusieurs produits de l’affichage

Mode Catégorie :

  • Liste les catégories liées au produit en cours
  • Affiche le nombre de produits dans chaque catégorie (personnalisable)
  • Possibilité d’exclure une ou plusieurs catégories de l’affichage

Bénéfices marchand

Ce module affiche, au survol des éléments du fil d’Ariane, une liste de produits ou de catégories liés au produit en cours : vos produits gagnent en visibilité, vos clients sont incités à naviguer sur votre boutique !

En plus de sa présentation novatrice qui retient immédiatement l’attention, SmartBreadcrumb présente de nombreux avantages :
Moins de clics pour naviguer entre les produits et catégories
Présente en un instant le prix des autres produits à vos visiteurs
Améliore le référencement naturel de votre boutique : en créant des liens vers les catégories ou produits, SmartBreadcrumb améliore automatiquement le maillage interne sur votre boutique.

Bénéfices client

Smart Breadcrumb vous donne un aperçu instantané de la page que vous alliez consulter. Moins de clics pour avoir la même information, du confort en plus !

Screenshots

smart breadcrumb

smart breadcrumb configuration module

Vidéo