Easy Digital Downloads (EDD) vient de publier plus de dix modèles de paiement Elementor, chacun conçu pour faire passer votre acheteur du panier à la confirmation sans hésitation.
Ces conceptions modernes et sans distraction présentent des touches axées sur la conversion, comme des badges de confiance et des garanties déjà en place. Importez-en un sur votre page de paiement existante, remplacez le texte d'espace réservé, et vous êtes en ligne en quelques minutes sans avoir à engager un designer ou à toucher une ligne de code.
Les mises en page ne sont pas non plus verrouillées. Chaque élément de paiement est maintenant son propre widget Elementor, avec plus de 100 contrôles natifs Elementor entre eux, de sorte que l'apparence de chaque section vous appartient, des couleurs et de la typographie aux icônes et aux formes d'arrière-plan. Réorganisez-les comme vous le souhaitez : placez le panier au-dessus du formulaire de paiement, supprimez celui dont vous n'avez pas besoin, ou insérez votre propre contenu entre eux.
C'est l'une des plus grandes mises à jour que nous ayons publiées, et elle est disponible dès maintenant. 🎉 Ci-dessous, je couvrirai la bibliothèque de modèles, le fonctionnement de l'importation, comment l'annuler, et tout ce que les nouveaux contrôles Elementor vous permettent de modifier.
- 10+ modèles de page de paiement Elementor pré-faits pour EDD
- Comment importer un modèle de page de paiement Elementor
- Vous avez changé d'avis ? Restaurez votre page de paiement d'origine
- Votre page de paiement est maintenant composée de pièces mobiles
- FAQ sur les modèles de paiement dans WordPress
- Puis-je déplacer les sections de la page de paiement dans l'ordre que je souhaite ?
- Ai-je besoin d'Elementor Pro pour utiliser les modèles de page de paiement ?
- Puis-je utiliser les modèles de page de paiement sur la version gratuite d'Easy Digital Downloads ?
- L'importation d'un modèle supprimera-t-elle ma page de paiement actuelle ?
- Le réarrangement de ma page de paiement va-t-il casser ma passerelle de paiement ?
- Puis-je supprimer des parties dont je ne veux pas, comme le champ de réduction ?
- Et si je n'utilise pas du tout Elementor ?
- Créez la page de paiement que vous avez vraiment voulue
10+ modèles de page de paiement Elementor pré-faits pour EDD
La bibliothèque de modèles de paiement EDD vous offre plus de dix conceptions complètes de pages de paiement, chacune prête à être importée sur la page de paiement que vous avez déjà.
Chaque modèle organise le paiement complet pour vous, avec la copie de support, les éléments de confiance et les pièces de paiement mobiles déjà placées autour du formulaire de paiement.
Les styles vont des mises en page à colonne unique et minimalistes aux mises en page à deux colonnes qui gardent le résumé du panier à côté du formulaire de paiement, afin que vous puissiez choisir le look qui convient à votre magasin.
Conçu pour les boutiques numériques, pas rétrofit
Ce ne sont pas des modèles de commerce électronique généraux avec les champs d'expédition masqués. Chacun a été conçu pour un magasin vendant des produits numériques, donc rien sur la page ne demande une adresse de livraison ou un inventaire physique.
Chaque conception commence par une création de confiance sans distraction : une mise en page épurée et moderne qui maintient votre acheteur concentré sur la finalisation de l'achat.
Trouvez le bon rapidement
Deux contrôles réduisent la grille. Le champ de recherche examine les descriptions des modèles. Par exemple, la recherche de « garantie » renvoie tous les modèles qui incluent une copie de garantie.
Le menu Catégorie filtre par ce que mène un modèle, comme la confiance, les étapes de progression, la double colonne, etc.
Prévisualisez d'abord la page entière
Chaque carte a un bouton Aperçu qui ouvre la conception complète dans un nouvel onglet. Vous voyez la page entière de bout en bout, pas une miniature.
Une fois ouvert, basculez entre Bureau, Tablette et Mobile en haut pour vérifier comment la mise en page gère un téléphone. Les aperçus utilisent des produits d'échantillon et un texte d'espace réservé, ils vous montrent donc l'agencement plutôt que le contenu de votre propre magasin.
Chaque modèle de page de paiement Elementor est un point de départ
Importez un modèle, remplacez le texte d'espace réservé, et vous avez une page de paiement terminée. De nombreux magasins s'arrêteront là.
Mais comme tout ce qui se trouve sur cette page est un widget déplaçable, un modèle n'est qu'un point de départ. Importez celui qui se rapproche le plus de ce que vous voulez, puis réorganisez-le jusqu'à ce qu'il soit le vôtre. Chaque section se déplace, et je vous explique exactement comment faire plus bas.
Comment importer un modèle de page de paiement Elementor
L'importation prend quelques clics et quelques secondes. Il existe deux façons d'accéder à la bibliothèque de modèles de paiement.
Les modèles de paiement sont une fonctionnalité d'Easy Digital Downloads Pro.
Avant de commencer, notez que chaque utilisateur d'EDD peut ouvrir la bibliothèque de modèles et prévisualiser n'importe quel modèle.
Cependant, l'importation d'un modèle nécessite un pass Easy Digital Downloads Pro avec une licence active, le plugin gratuit Elementor version 3.35.0 ou supérieure, et la fonctionnalité expérimentale Flexbox Container d'Elementor activée.
Étape 1 : Ouvrez la bibliothèque de modèles de page de paiement
Depuis la barre latérale d'administration de WordPress, allez dans Téléchargements » Paramètres » Général » Pages.
Trouvez la ligne Page de paiement principale, puis cliquez sur Parcourir les modèles en dessous.
Si vous modifiez déjà votre page de paiement dans Elementor, vous n'avez pas besoin de quitter. Cliquez plutôt sur Modèles de paiement EDD dans le coin supérieur gauche de l'éditeur Elementor.
L'une ou l'autre des méthodes ci-dessus ouvre la bibliothèque de modèles de paiement EDD où vous pouvez parcourir, prévisualiser et importer un modèle de page de paiement.
Étape 2 : Choisissez et prévisualisez un modèle
Parcourez la grille et utilisez le champ de recherche ou le menu Catégorie pour affiner votre recherche.
Cliquez sur Prévisualiser sur tout modèle que vous envisagez, et vérifiez-le sur Ordinateur, Tablette et Mobile avant de prendre votre décision.
Étape 3 : Importez votre modèle
Sur la carte que vous avez choisie, sélectionnez Importer.
EDD vous demande d'abord de confirmer, car l'importation remplace tout ce qui se trouve actuellement sur votre page de paiement. Votre contenu existant est sauvegardé en tant que révision WordPress avant toute modification, il n'est donc pas perdu. Cliquez sur Importer le modèle pour continuer.
Étape 4 : Modifiez ou annulez
L'importation se termine en quelques secondes, et vous verrez une confirmation avec trois options.
- Modifier la page ouvre votre nouveau design dans Elementor afin que vous puissiez commencer à modifier immédiatement.
- Restaurer le paiement d'origine remet votre page de paiement précédente exactement comme elle était.
- Fermer conserve le modèle et vous ramène à vos paramètres.
Étape 5 : Faites-le vôtre
Les modèles arrivent avec des titres d'exemple et des textes de substitution dans les sections autour du formulaire de paiement. Ouvrez la page de paiement dans Elementor (sélectionnez Modifier avec Elementor dans l'éditeur de page de paiement WordPress), cliquez sur n'importe quel élément de texte, et tapez le vôtre.
Pendant que vous y êtes, placez les sections dans l'ordre que vous souhaitez. Votre garantie, vos heures de support, le nom de votre produit, votre arrangement.
Vous avez changé d'avis ? Restaurez votre page de paiement d'origine
Redessiner une page de paiement en direct peut sembler risqué. Cette version vous offre un moyen de revenir en arrière en un clic.
Easy Digital Downloads sauvegarde votre contenu de paiement précédent en tant que révision WordPress avant d'importer quoi que ce soit. Le panneau de confirmation comprend également un bouton Restaurer le paiement d'origine.
Cliquez dessus, puis cliquez sur Oui, restaurer pour confirmer. Votre page de paiement revient exactement comme elle était juste avant l'importation.
C'est une annulation, pas une réinitialisation d'usine. Elle annule votre importation la plus récente plutôt que d'effacer la page pour la remettre à un état par défaut vierge, vous pouvez donc essayer un modèle sur une boutique réelle et l'annuler en quelques secondes.
Si vous avez déjà fermé la bibliothèque, vous pouvez toujours restaurer votre version précédente à partir de la liste des révisions dans l'éditeur de page WordPress.
Votre page de paiement est maintenant composée de pièces mobiles
Les modèles vous donnent une page terminée. Si vous voulez aller plus loin, voici ce qui se trouve sous l'un d'eux.
Dans Elementor, la page de paiement Easy Digital Downloads est construite à partir de quatre widgets distincts. Chaque partie est son propre élément sur le canevas, donc où il se trouve sur la page vous appartient de décider :
- Informations personnelles : les champs nom et e-mail du client
- Informations de paiement : le formulaire de paiement de la passerelle
- Panier : les articles achetés et les totaux
- Formulaire de réduction : le champ du code de réduction
Vous sélectionnez chacun d'eux sur la page et le stylisez individuellement, et chacun conserve son propre réglage de position.
Ce que cela vous permet réellement de faire
Placez le panier au-dessus du formulaire de paiement pour que les acheteurs confirment ce qu'ils achètent avant de sortir leur carte.
Déplacez le champ de réduction en bas, ou supprimez-le entièrement si les codes incitent vos clients à en chercher un avant d'acheter. Insérez une garantie, une note de support, des avis clients ou tout autre widget Elementor entre deux sections, car les widgets Elementor standards se trouvent également sur ce canevas.
Pour changer la position d'une section, sélectionnez-la sur la page, ouvrez l'onglet Avancé et utilisez le contrôle Ordre sous Mise en page. Pas de code personnalisé, et pas de fichiers de modèle à modifier.
Plus de 100 contrôles sur les quatre widgets
Chaque widget possède son propre ensemble de contrôles, et sur les quatre, cela représente plus de 100 contrôles natifs Elementor. Certains des plus utiles :
- Contenu du panier : afficher ou masquer la miniature du produit, afficher ou masquer l'en-tête de section
- Champ de réduction : l'afficher, le masquer ou le retoucher
- Listes d'icônes : puiser dans des ensembles et des bibliothèques d'icônes complètes au lieu d'une icône fixe
- Formes d'arrière-plan : ajouter ou supprimer les formes décoratives derrière les sections
Les couleurs, l'espacement, la typographie et la taille se comportent comme vous vous y attendez déjà de la part d'Elementor.
FAQ sur les modèles de paiement dans WordPress
Puis-je déplacer les sections de la page de paiement dans l'ordre que je souhaite ?
Oui. Les informations personnelles, les informations de paiement, le panier et le formulaire de réduction sont chacun leur propre widget Elementor, donc la position de chacun vous appartient de définir. Sélectionnez la section que vous souhaitez déplacer, puis utilisez le contrôle Ordre dans l'onglet Avancé sous Mise en page. Vous pouvez également ajouter des titres, des icônes, du texte ou tout autre widget Elementor entre eux.
Ai-je besoin d'Elementor Pro pour utiliser les modèles de page de paiement ?
Non. Le plugin Elementor gratuit suffit, tant qu'il s'agit de la version 3.35.0 ou supérieure. Vous n'avez pas besoin d'un abonnement Elementor pour importer ou modifier un modèle de page de paiement. Cependant, vous devez vous assurer que la fonctionnalité expérimentale Flexbox Container est activée dans les paramètres du plugin.
Puis-je utiliser les modèles de page de paiement sur la version gratuite d'Easy Digital Downloads ?
Chaque utilisateur d'EDD peut ouvrir la bibliothèque, parcourir tous les modèles et en prévisualiser n'importe lequel en entier. L'importation d'un modèle nécessite un pass EDD Pro avec une licence active. N'importe quel pass payant fonctionne, vous n'avez donc pas besoin d'un niveau spécifique.
L'importation d'un modèle supprimera-t-elle ma page de paiement actuelle ?
Non. L'importation remplace le contenu de votre page de paiement, mais votre version précédente est d'abord enregistrée comme une révision WordPress. Le panneau de confirmation vous donne également un bouton Restaurer le paiement original si vous changez d'avis immédiatement. De plus, si les révisions sont désactivées pour la page de paiement, l'importation ne s'exécute pas du tout plutôt que de procéder sans sauvegarde.
Le réarrangement de ma page de paiement va-t-il casser ma passerelle de paiement ?
Non. Le formulaire de paiement reste entièrement fonctionnel où que vous le placiez sur la page. Déplacez-le ou placez du contenu autour, et il continue de fonctionner de la même manière.
Puis-je supprimer les parties dont je ne veux pas, comme le champ de réduction ?
Oui. Outre ce que votre passerelle de paiement doit collecter, tout élément de la page peut être modifié ou supprimé. Cela inclut le champ du code de réduction, les miniatures du panier, les en-têtes de section, les badges de confiance et les formes d'arrière-plan.
Et si je n'utilise pas du tout Elementor ?
Vous pouvez toujours parcourir et prévisualiser tous les modèles de la bibliothèque depuis votre tableau de bord WordPress. L'importation d'un modèle sur votre page de paiement nécessite l'installation d'Elementor, et la version gratuite suffit. Si vous créez avec des blocs à la place, le bloc EDD Checkout a ses propres nouvelles options Mise en page dans l'éditeur WordPress, donc votre paiement continue de fonctionner exactement comme aujourd'hui dans les deux cas.
Créez la page de paiement que vous avez vraiment voulue
La version courte : chaque partie de votre page de paiement est à vous de positionner.
Si vous voulez le concevoir vous-même, les pièces sont toutes là et elles bougent toutes. Si vous préférez ne pas partir d'une toile vierge, importez l'un des modèles prêts à l'emploi et modifiez le texte. Dans tous les cas, la structure de votre paiement est une décision que vous prenez.
Prêt à commencer ? Notre documentation Utilisation des modèles de paiement vous guide pas à pas dans l'importation de votre premier modèle, et notre journal des modifications couvre tout le reste de cette version.
Vous n'avez pas encore de pass Easy Digital Downloads Pro ? Obtenez-en un aujourd'hui pour débloquer la bibliothèque de modèles et commencer à créer une page de paiement qui convertit.
📣 P.S. N'oubliez pas de vous abonner à notre newsletter et de nous suivre sur Facebook, Twitter/X, ou LinkedIn pour plus de ressources WordPress !
