Improve your customers' shopping experience with Improved Success Page for Magento 2. Create your thank you page and customize the template as you want.
Améliorez considérablement l'expérience d'achat de vos clients grâce à Improved Success Page pour Magento 2
Personnalisez entièrement la page de confirmation de commande qui s'affiche une fois que les clients ont passé une commande. Créez une page beaucoup plus attrayante en gérant le design ainsi que le contenu de la page.
Mettez en valeur votre page de confirmation de commande
Affichez un résumé complet de la commande sur la page de confirmation
Ajoutez les informations de livraison et de paiement du client
Affichez les recommandations produits : produits connexes, up-sells, cross-sells
Ajoutez un lien pour créer un compte client
Insérez des variables, variables de commandes, widgets, images, textes au modèle de la page
Ajoutez le block CMS pour souscrire à la newsletter
Créez une page de confirmation de commande plus pertinente
Ajoutez des images, blocks CMS et variables à votre page et arrangez-les comme vous le voulez.
Créez et définissez des pages spécifiques selon la taille des écrans de vos clients.
Profitez d'un nombre infini de possibilités de configuration
Créez autant de pages que vous le souhaitez depuis votre back-office.
Définissez des conditions selon la taille de l'écran, la vue magasin, les méthodes de paiement et de livraison, les groupes de clients
Prévisualisez l'affichage de chaque page de commande depuis la grille.
Ne perdez pas vos clients maintenant
Ajoutez la possibilité de souscrire à vos newsletters avant que les clients ne quittent votre boutique.
Augmentez le temps passé sur votre boutique en affichant les produits connexes, cross-sells et up-sells.
Encouragez les futurs achats en offrant des promotions et des codes de réductions à vos clients.
Content
L'extension Improved Success Page vous permet de personnaliser entièrement la page de confirmation de commande qui apparaît après qu'un client ait passé commande. Cette extension vous aidera à créer une page beaucoup plus attrayante en gérant le design ainsi que le contenu de la page.
Vous aurez la possibilité d'ajouter et d'afficher des blocks d'information sur les produits, les clients, la livraison et facturation, les réductions mais également les produits cross-sell, up-sells...
En ajoutant des informations utiles à votre page de confirmation de commande, vous améliorerez considérablement l'expérience d'achat de vos clients et ainsi rendrez chaque page de confirmation unique.
Terminologie
Widget : il s'agit d"un morceau de code qui permet d'afficher un large éventail de contenu et de le placer à des endroits spécifiques de votre boutique.
Variable : il s'agit d'une information réutilisable qui peut être créée et utilisée à différents endroits, par exemple dans les templates d'email, les blocks...
Block : c'est une unité modulaire qui peut être placée n'importe où dans une page. Les blocks peuvent être utilisés pour afficher des informations statiques comme du texte, des images et des vidéos, ainsi que des informations dynamiques.
Comment utiliser Improved Success Page pour Magento 2
ETAPE 1 : Configurer les paramètres généraux
Dans un premier temps, vous pouvez activer l'extension depuis : Stores › Settings › Configuration › Wyomind › Improved Success Page
General Settings
Dans les paramètres généraux, vous pouvez activer l'extension ainsi ques les outils de debug.
Activer l'extension Improved Success Page
Pour activer l'extension, définissez Enable Improved Success Page sur YES.
Activer les outils de debug
Pour activer et afficher les information de debug sur la page de confirmation de commande, définissez Enable debugging tools sur YES.
Une boîte sera affichée et vous aidera à vérifier vos différentes pages de confirmation.
Paramètres Google Map
Page Title
Si configuré, le titre apparaîtra en haut de la page, avant le contenu de l'entête.
Your order
Clé Google API
Vous pouvez ajouter votre clé Google API dans le champ Google API key.
En effet, vous avez besoin d'une clé API pour pouvoir afficher l'adresse de livraison et de facturation ainsi que l'adresse du point de retrait (si vous utilisez Click & Collect ou Pickup@Store) sur la carte Google.
ETAPE 2 : Configurer la page de confirmation de commande
Vous pouvez configurer les pages de l'extension Improved Success Page depuis : Content › Elements › Order Success Page
Depuis la liste Action, vous avez la possibilité de :
Editer une page
Dupliquer une page
Prévisualiser une page
Supprimer une page
Éditez une page existante ou créez une nouvelle page en cliquant sur Add new Page.
Configurer la page
General
Dans cette section, remplissez les informations générales de la page de confirmation de commande.
Name Donnez un nom à la page.
Base
Enabled Vous pouvez facilement activer/désactiver la page.
Conditions
Définissez les conditions de la page de confirmation de commande.
Screen size Définissez une largeur d'écran à partir de laquelle la page de confirmation de commande sera affichée. Cela vous permet d'afficher des pages spécifiques selon l'appareil de l'utilisateur : ordinateur, mobile, tablette...
Storeviews Sélectionnez les vues magasin à partir desquelles la page de confirmation de commande sera disponible.
Payment Methods Sélectionnez les méthodes de paiement qui déclencheront cette page.
Shipping Methods Choisissez les méthodes de livraison qui déclencheront cette page.
Customer Groups Sélectionnez les groupes de clients à partir desquels la page de confirmation de commande sera disponible.
Header
Vous pouvez facilement éditer le header de la page en ajoutant des textes, widgets, variables, images...
Le contenu sera affiché en haut de la page de succès.
Content
Dans un premier temps, vous devez choisir le nombre de lignes dont sera composée la page de confirmation de commande. Vous avez le choix entre :
1 ligne
2 lignes
3 lignes
Chaque ligne peut être divisée en :
1 colonne
2 colonnes
3 colonnes
Si vous sélectionnez plus d'une colonne, vous aurez la possibilité de définir leurs proportions.
Pour chaque colonne, vous pouvez ajouter un ou plusieurs blocks :
Products
Ordered Products
Customer
Subscribe newsletter
Shipping
Shipping Method
Billing
Billing Address
User Defined Block Vous pouvez utilisez tous les blocks que vous avez définis.
Contact us info
Click & Collect et Pickup@Store Puisque l'extension est compatible avec Click & Collect et Pickup@Store, vous pouvez utiliser tous les blocks disponibles avec ces extensions.
Store Name
Estimated Delivery Date L'extension est également compatible avec Estimated Delivery Date, vous pourrez alors afficher la date estimée de livraison pour la commande ou le message dans vos pages.
Message
Vous avez également la possibilité d'utiliser des règles CSS pour chaque block. Pour cela, cochez la case Use Css/Less rules et remplissez le champ avec une règle :
border: 1px dotted grey
Aussi, l'affichage du preview vous permettra d'avoir un aperçu du rendu de la page.
Footer
Vous avez également la possibilité d'éditer le footer de la page en ajoutant du texte, des widgets, des variables, des images...
Le contenu sera affiché en bas de la page de succès.
Gérer le contenu
Vous pouvez gérer le contenu de chacune de vos pages de confirmation et ajouter des images, widgets, variables...
Insérer une image
L'extension Improved Success Page vous donne l'opportunité d'ajouter des images dans vos pages de confirmation de commande.
Cliquez sur Insert/ Edit image et sélectionnez une image.
Enfin, cliquez sur OK.
Ci-dessous, vous pouvez voir un aperçu de l'affichage en front-end.
Insérer une variable
Avec l'extension Improved Success Page, vous pouvez ajouter des variables dans vos pages de confirmation de commande.
Cliquez sur Insert variable et sélectionnez une variable.
Enfin cliquez sur Insert Variable.
Ci-dessous, vous pouvez voir un aperçu de l'affichage en front-end.
Insérer une variable de commande
Vous pouvez aussi ajouter des variables de commande dans vos pages de confirmation de commande.
Cliquez sur Insert widget et sélectionnez Order variable comme Widget Type.
Sélectionnez la variable de commande que vous souhaitez ajouter dans votre pages, par exemple Increment Id.
Puis cliquez sur SAVE.
Ci-dessous, vous pouvez voir un aperçu de l'affichage en front-end.
Insérer un widget
Improved Success Page vous permet d'ajouter des widgets à vos pages.
Cliquez sur Insert widget et sélectionnez un widget, par exemple : CMS Page Link - Button
Entrez un texte et un titre pour le bouton et sélectionnez la page CMS, par exemple la page d'accueil.
Enfin, cliquez sur Insert Widget.
Ci-dessous, vous pouvez voir un aperçu de l'affichage en front-end.
ETAPE 3 : Vérifier l'affichage de la page de confirmation de commande
Afin que ça soit plus simple pour vous de tester et de vérifier l'affichage de votre page de confirmation de commande sans avoir à passer une commande à chaque fois, vous pouvez avoir un aperçu des pages.
Depuis l'outil de preview
Vous pouvez avoir un aperçu de la page de succès depuis : Content › Elements › Order Success Page
Ajoutez l'id de la commande dans le champ Preview with et cliquez sur GO.
Ceci ouvrira une nouvelle fenêtre et affichera un preview de la page.
Depuis la grille des pages de confirmation de commande
Vous pouvez avoir un aperçu de la page de succès depuis : Content › Elements › Order Success Page
Choisissez la page que vous souhaitez vérifier et depuis la liste Action, sélectionnez Preview.
Ceci ouvrira une nouvelle fenêtre et affichera un preview de la page.
Depuis l'éditeur de la page de confirmation
Une fois que la page de succès est configurée, cliquez sur Save and Preview.
Ceci ouvrira une nouvelle fenêtre et affichera un preview de la page.
FAQ
Informations Pré-vente
Versions de Magento compatibles avec Improved Success Page
Cette extension fonctionne avec Magento Community Edition et Magento Enterprise Edition. Vous pouvez vérifier dans l'onglet Compatibility si Improved Success Page est compatible avec votre version de Magento.
Magento Open Source vs Magento Commerce vs Magento Commerce Cloud
Magento propose désormais trois variantes de son produit.
Leurs noms ayant changé au cours des dernières années, voici un récapitulatif :
Magento Open Source : anciennement Magento Community Edition (CE), est une plate-forme de commerce électronique gratuite.
Magento Commerce : anciennement Magento Enterprise (EE), est la version payante de Magento et propose des services de support.
Magento Commerce Cloud : est la version payante de Magento et propose des services de support et d'hébergement.
Licence et domaines
Conditions de validité d'une licence
Votre licence est valide pour une durée illimitée sur une seule instance.
Si vous utilisez plusieurs instances, il vous faudra acheter une licence supplémentaire pour chacune d'entre elles.
Si vous gérez plusieurs sites sur la même instance, vous n’aurez besoin que d’une seule licence pour l’ensemble de vos domaines.
Bien que la période de validité de votre licence soit illimitée, celle de votre période de Support & Upgrade est quant à elle limitée à 12 mois (durée offerte à l’achat de votre licence). Passé ce délai, il vous faudra en acheter une nouvelle (voir FAQ: Prolonger sa période de Support)
Pré-enregistrement des domaines
Vous avez la possibilité de pré-enregistrer votre domaine de production à votre licence.
Grâce à cette option vous pourrez installer et activer votre domaine afin qu'il soit prêt à l'emploi avant son lancement en ligne.
Pour pré-enregistrer votre domaine :
Allez dans : mY account › Licenses & DOwnloads
Cliquez sur l'icone Settings à côté de l'extension pour laquelle vous souhaitez pré-enregistrer votre domaine.
En bas de la page, sous votre liste de domaine se trouve un lien. Cliquez sur : Do you want to pre-register your domain in order to be ready to go live?
Entrez votre nom de domaine puis cliquez sur PRE-REGISTER NOW pour finaliser votre pré-enregistrement.
Environnements de test
Votre licence est valide pour une durée illimitée sur une seule interface. Il est possible, cependant, d'étendre ou de transférer votre licence dans deux cas :
Si vous désirez ajouter vos environnements de test à votre licence. Dans ce cas, vous pouvez étendre votre licence gratuitement, et ce, pour un nombre illimité de domaines (dev, staging, local..). Ex: mywebsite-staging.com ou mywebsite-dev.com
Si vous souhaitez transférer votre licence sur un autre domain de production. Dans ce cas, la période de Support & Upgrade pour la licence doit être active.
Pour pouvoir utiliser Improved Success Page à la fois sur votre environnement de production et de test, suivez les étapes ci-dessous:
Dans le cas où vous avez de nombreux domaines de staging ou si vous êtes une agence avec de nombreux domaines de pre-prod pour vos clients, contactez-nous afin de whitelister automatiquement tous vos domaines
Versionnage des extensions et téléchargement
Téléchargement des extensions
Pour télécharger Improved Success Page, connectez-vous à votre compte Wyomind :
Allez dans : mon compte › Licenses & downloads
Cliquez sur l'onglet paramètre en face de Improved Success Page.
Une nouvelle fenêtre s'ouvre alors.
Cliquez sur le bouton de téléchargement.
Seule la dernière version de l'extensiont publiée durant votre période de Support & Upgrade est disponible en téléchargement. Pour accéder à la toute dernière version de l'extension assurez vous de disposer d'une période de Support & Upgrade à jour
Mise à jour des modules
En achetant un module depuis wyomind.com, vous bénéficiez de 12 mois de mise à jour. Durant cette période vous pouvez à tout moment télécharger la dernière version du module directement depuis votre compte.
Pour mettre à jour Improved Success Page, suivez les étapes suivantes :
Allez dans : mon compte › mes téléchargements
Cliquez sur l'icône paramètres en face de Improved Success Page.
Cliquez sur l'icône de téléchargement.
Installez la nouvelle version de Improved Success Page sur votre admin Magento ou WooCommerce.
Téléchargez Improved Success Page (fichier compressé) dans : mon compte › Licenses & Downloads Consultez la FAQ : Téléchargement des extensions
Ouvrez le dossier téléchargé et décompressez-le.
Copiez le contenu du dossier et collez-le dans le répertoire racine de votre site Magento 2.
Dans votre «Command Line Interface», exécutez :
bin/magento setup:upgrade
Si vous utilisez un mode production, exécutez également :
bin/magento setup:static-content:deploy
bin/magento setup:di:compile
Installation des extensions via Composer
Vous pouvez installer Improved Success Page via Composer dans deux cas seulement :
Si vous avez acheté Improved Success Page sur la place de marché de Magento ET que vous avez effectué une demande d’accès à notre dépôt d’extensions à notre support hello@syde.shop
Si vous avez acheté Improved Success Page sur Wyomind.com
Ajoutez le dépôt repo.wyomind.com à votre configuration composer :
Puis, vous avez deux moyens de désactiver l'extension, selon la méthode avec laquelle l'extension a été installée précédemment :
Installation manuelle
Exécutez le fichier improvedsuccesspage-uninstall.sh (vous pouvez le trouver dans le dossier zip de l'extension) depuis votre répertoire racine Magento :
sh improvedsuccesspage-uninstall.sh
Installation via Composer
Exécutez la ligne de commande suivante :
composer remove wyomind/improvedsuccesspage
Lorsque la désinstallation est terminée, pensez à nettoyer le cache et réactiver le compiler (si vous l'utilisez).
Installation des extensions via Web Setup Wizard
Si vous avez acheté Improved Success Page depuis la place de marché Magento, vous pouvez l’installer via Web Setup Wizard.
Votre extension installée, il ne vous reste plus qu’à activer votre licence : Activation des extensions
Activation des extensions
Activation des extensions depuis le back-office Magento
Une fois que Improved Success Page est installé, vous devez activer la licence. Pour les anciennes versions, vous pouvez activer votre licence depuis le back-office :
Allez dans votre admin Magento. Un message apparaît en haut de la page. Si vous ne voyez rien apparaître, vérifiez les éléments suivants : 1. Les modules Adminhtml_Notifications et Wyomind_Core ne sont pas désactivés. 2. La sortie HTML des modules Adminhtml_Notifications et Wyomind_Core ne sont pas désactivées dans : storesconfigurationadvanced advanced 3. Assurez-vous que le fichier app/etc/env.php contient bien une clef d'encryptage :
Vous pouvez trouver votre clé d'activation à 2 endroits : - Dans l'email de confirmation que vous avez reçu suite à l'achat de Improved Success Page. - Dans votre compte Wyomind :My account › Licenses & downloads Choisissez Improved Success Page et cliquez sur .
Une nouvelle page s'ouvre où sera affichée votre clé d'activation (voir ci-dessous).
Collez votre clé d'activation dans le champ Activation key dans : Stores › Configuration › Wyomind › Your extension
Choisissez une méthode d'activation entre Automatic(Yes) et Manual (No) : - Si vous choisissez Yes : vous serez connecté automatiquement au serveur de licence de Wyomind. - Si vous choisissez No : vous devez vous connecter avec votre navigateur au serveur de licence de Wyomind.
Sauvegardez les données en cliquant sur Save Config .
Une notification apparaît en haut de votre admin. Cliquez sur ce lien : Activate it now!
Copiez et collez le code de la licence dans le champ License code de votre admin ou cliquez simplement sur Activate now!
Pour finir, déconnectez-vous, nettoyez les caches et reconnectez-vous pour pouvoir utiliser Improved Success Page.
Ajoutez un autre domaine à votre licence
Pour activer votre licence sur un autre environnement (test, staging...) :
Une fois l'extension installée sur ce nouveau domaine, collez votre clé d'activation dans le champ Activation key dans : Stores › Configuration › Wyomind › Your extension
Sauvegardez la configuration. Une notification devrait apparaître. Cliquez sur Add this domain to my license.
Une demande de transfert sera envoyée directement à notre équipe (sous un délai d'une heure environ). Dès lors, que la demande de transfert est prise en charge par notre équipe, vous recevrez un mail de confirmation. Si votre demande est acceptée, vous pourrez aussitôt utiliser Improved Success Page sur vos deux domaines.
L'ordre d'activation de votre licence n'a aucune importance. Vous pouvez choisir d'activer d'abord votre licence sur votre environnement de production puis par la suite sur votre environnement de test, ou inversement.
Activation des extensions en ligne de commande
Une fois que Improved Success Page est installé, vous devez activer la licence.
Pour cela, vous pouvez utiliser la ligne de commande suivante :
Afin de pouvoir utiliser Improved Success Page, vous devez avoir une clé API Google renseignée dans la configuration de l'extension.
Pour créer cette clé API :
Connectez-vous à https://console.developers.google.com. Ici, vous devrez accepter les conditions d'utilisation avant de pouvoir cliquer sur Agree and Continue .
Vous devez dans un premier temps créer un nouveau projet en renseignant le nom, l'organisation et la situation.
A ce projet, vous devrez lier des API en cliquant sur Enable APIs and services .
C'est depuis la bibliothèque que vous pouvez ajouter les services que vous souhaitez.
Pour pouvoir utiliser Improved Success Page, vous devez activer les API suivantes en cliquant sur Enable :
- Maps JavaScript API - Geocoding API - Distance Matrix API - Directions API
Lorsqu'elles sont activées, vous pourrez voir le trafic, les erreurs et les latences pour chaque API.
Vous devriez voir toutes les API activées depuis la section APIs.
Depuis APIs & Services › Credentials, vous aurez la possibilité de créer des identifiants. Cliquez sur Create credentials et choisissez API key.
Vous pourrez également restreindre votre clé API par sites, applications, adresses IP...
Une fois restreintes ou non, la clé API sera listée parmi les identifiants.
La dernière étape consiste à lier votre compte à un compte de facturation depuis la section Billing sans quoi ça ne pourra fonctionner.
Magento 2 Compatibility
Prises en charge par les versions master de nos extensions
2.4.8
2.4.7
2.4.6
2.4.5
2.4.4
2.4.3
2.4.2
2.4.1
2.4
2.3.7
2.3.6
2.3.5
2.3.4
2.3.3
2.3.2
2.3.1
2.3
Prises en charge par les versions legacy de nos extensions
2.2.11
2.2.10
2.2.9
2.2.8
2.2.7
2.2.6
2.2.5
2.2.4
2.2.3
2.2.2
2.2.1
2.2
Changelog
4.0.2
4.0.1
Compatibility
Magento marketplace compliance
4.0.0
Initial release for the master version
3.0.0 legacy
Initial release for the legacy version
2.0.0
Compatibility
Compatibility with Magento v2.4.6 + PHP v8.2
1.3.1
Bug fix
Fix for loading an order sample
Fix for including the newsletter subscription form in the case where the block already exists in the page
1.3.0
Possibility to add the customer's email in a content block
1.2.0
Improvement
Improved license management system (Clear code)
1.1.10
Improvement
Sample data updated
Better display for shipping/billing methods and addresses
1.1.9
Improvement
Possibility to add the products' images in the grid
Sample data enhanced for the demo store
1.1.8
Compatibility
Compatibility with Magento marketplace
1.1.7
Minor fix on code
1.1.6
Minor fix on code
1.1.5
Compatibility with the Framework
1.1.4
Minor fix on code
Feature request
Specific needs or any ideas of enhancements and new features to add to the extension? Tell us more, we'll get back to you shortly!