Avec la version 2.12 du module Creative Elements, la modification des pages connexion, inscription et mot de passe oublié est possible grâce à des nouveaux modèles ! Vous pouvez personnaliser ces pages entièrement.
Les nouveautés Creative Element dans la version 2.12
Voici la nouvelle version de Creative Elements sur PrestaShop, qui apporte de nombreuses nouvelles fonctionnalités, notamment pour personnaliser les pages de connexion de votre boutique. Vous pouvez désormais personnaliser la page de connexion, ainsi que celles d’inscription des clients et de récupération des mots de passe.
Cela vous permettra de les adapter pour optimiser et augmenter le taux de conversion des inscriptions sur votre boutique en ligne.
Grâce à cette personnalisation de pages, vous allez pouvoir ajouter des images des textes ou d’autres éléments rassurant les utilisateurs, tout en ayant un nouveau webdesign par rapport à ce que propose PrestaShop en natif.
27 nouveaux templates à importer depuis Creative Elements
Nouvelles pages, donc nouveau template, créée par les développeurs PrestaShop de Creative Elements. Vous disposez désormais de modèles prêts à l’emploi pour les pages de connexion, d’inscription et de récupération de mot de passe. Cela vient enrichir une bibliothèque déjà bien fournie de modèles disponibles dans Creative Elements.
Des changements dans certains widgets
Cette mise à jour ne se limite pas aux pages de connexion. Elle inclut également des modifications apportées à certains widgets, comme celui dédié aux utilisateurs dans le header.
Une nouvelle méthode de gestion des espaces au niveau des colonnes a également été introduite. Auparavant, un espace prédéfini était utilisé pour définir l’écart entre les widgets dans une colonne. Désormais, vous pouvez ajuster précisément la largeur de cet espace, offrant une plus grande flexibilité.
Des changements sur le style guide de Creative Elements
Le style guide permet de modifier l’esthétique générale de votre boutique. Dans cette version, il a été optimisé pour améliorer ses performances côté serveur, le rendant plus dynamique et performant.
Des ajustements ont également été effectués pour le rendre plus intuitif lors de la personnalisation, avec, par exemple, la mise en surbrillance de certains éléments clés pendant sa construction.
Il est désormais beaucoup plus lisible et facile à utiliser. Ces nouvelles améliorations visuelles vous permettront de le concevoir plus rapidement et efficacement.
Si vous voulez en savoir plus sur le style guide de Creative Elements, je vous invite à lire mon article sur le sujet.
Comment modifier les pages de connexion dans PrestaShop ?
Par défaut, dans PrestaShop, les seules actions possibles sur les pages de connexion sont l’activation des offres partenaires et l’obligation de renseigner la date de naissance. Cependant, il n’est pas possible de modifier graphiquement ces pages depuis le back-office. Vous êtes donc obligé de passer par du développement pour en changer l’apparence.
Si vous souhaitez apporter des modifications via le code, vous devez modifier les templates situés dans votre thème, dans le dossier customer. Vous y trouverez différents fichiers, notamment authentication.tpl pour la page de connexion, ou encore password-new.tpl et password-email.tpl pour la gestion des mots de passe oubliés.
Une fois vos modifications apportées, vous devez bien sûr travailler avec votre CSS ou du JavaScript si jamais vous avez besoin de faire une intégration particulière dessus.
Cependant, ce n’est pas donné à tout le monde, mais grâce à Creative Elements, vous avez une autre solution.
Modifier la page connexion de PrestaShop sans coder
Avec la nouvelle version de Creative Elements, vous pouvez modifier cette page sans écrire une seule ligne de code, notamment grâce aux nouveaux widgets que vous pourrez utiliser en complément de ceux déjà présents dans le module.
Vous avez la possibilité de créer une mise en page totalement différente du thème par défaut. Si vous disposez d’une licence active, vous pouvez utiliser un modèle existant ou bien tout créer à partir de zéro en plaçant les champs où vous le souhaitez.
Petite astuce : si vous ne souhaitez pas afficher le fil d’Ariane par défaut de PrestaShop, modifiez les réglages de votre page pour l’afficher en pleine largeur.
💡 Bon à savoir, le module Captcha des mêmes développeurs est compatible avec tous les modèles de connexion.
Modifier la création de compte de PrestaShop avec Creative Elements
L’un des grands avantages est de pouvoir utiliser le modèle d’inscription et le personnaliser dans Creative Elements. Vous pourrez ainsi créer une page entièrement personnalisée, optimisée pour inciter les utilisateurs à s’inscrire.
De plus, vous pourrez ajouter plusieurs éléments de réassurance afin d’augmenter le taux de conversion des inscriptions sur votre boutique PrestaShop.
De la même manière, des widgets spécifiques sont disponibles, ainsi que des options permettant d’accéder directement aux paramètres de PrestaShop.
L’affichage des informations sur la sécurisation du mot de passe a été amélioré et est désormais personnalisable grâce au widget.
Personnaliser la page mot de passe oublié de PrestaShop
Après les deux pages essentielles que sont l’inscription et la connexion, Creative Elements propose également un modèle pour personnaliser la page de mot de passe oublié de PrestaShop.
Bien que cette page ne requière pas nécessairement beaucoup d’informations, il est possible d’en modifier l’apparence grâce au module afin d’assurer une cohérence visuelle entre toutes les pages dédiées aux clients.
Vous pouvez personnaliser le bloc où le client saisit son adresse e-mail, ainsi que celui où il définit un nouveau mot de passe après avoir cliqué sur le lien de réinitialisation reçu par e-mail.
Une meilleure expérience client sur PrestaShop
Grâce à cette mise à jour, vous pouvez non seulement améliorer l’esthétique de vos pages de connexion, mais aussi optimiser l’expérience utilisateur de votre site, aussi bien pour vos nouveaux visiteurs que pour vos clients existants.
Si vous souhaitez en savoir plus sur Creative Elements, je vous invite à découvrir ma formation en ligne, qui propose plus de 7 heures de vidéos dédiées à l’utilisation de ce module.