Voulez savoir comment personnaliser la page de paiement woocommerce? La page de paiement est le dernier endroit clé pour impressionner les Prospects. Par conséquent, lamp;rsquoexécution correcte des procédures de paiement peut améliorer sensiblement le taux de conversion. Dans nous montrerons comment personnaliser la page de paiement woocommerce pour offrir une expérience client optimale. Pourquoi personnaliser la page de paiement woocommerce? Comme indiqué ci dessus, la page de paiement est la dernière page que le client voit avant de terminer lamp;rsquoachat. Cela peut signifier une différence entre la conversion et la génération de revenus, ou une différence entre la ferraille de panier et la perte de ventes.
C’est pourquoi il est important de s’assurer que les pages de paiement WordPress sont bien conçues et fonctionnent de manière à encourager la conversion. La page de paiement par défaut de woocommerce est un bon point de départ pour les petits magasins. Il offre tout ce dont avez besoin pour créer une boutique en ligne. Mais avec le développement de lamp;rsquoentreprise, Vous découvrirez bientôt que pouvez offrir une meilleure expérience: inclure votre marque personnalisée ajouter des champs de formulaire personnalisés et des champs de retour à votre formulaire de paiement (comme lamp;rsquoadresse damp;rsquoexpédition) Supprimer les champs inutiles modifier la conception et la disposition de la page lier le produit directement à la page du panier damp;rsquoachat et à La page de paiement changer votre produit Ajoutez plus damp;rsquooptions de paiement que vouliez redessiner toute la page de paiement woocommerce ou apporter des changements mineurs, il y a une chose à garder à lamp;rsquoesprit. Ça devrait être facile!
Heureusement, la solution ci dessous permet de personnaliser facilement votre page de paiement woocommerce. Comment personnaliser votre page de paiement woocommerce si namp;rsquoavez pas le temps
Pour savoir comment planifier ou budgétiser lamp;embauche de développeurs, il semble presque impossible de personnaliser la page woocommerce Checkout. Mais le fait est quamp;rsquoil namp;rsquoy a pas damp;rsquooutils appropriés à portée de main. Dans le tutoriel suivant, nous montrerons comment personnaliser la page de paiement woocommerce en utilisant seedprod. La bonne nouvelle, c’est que n’avez pas besoin d’ajouter d’autres sous thèmes WordPress.
Seedprod est le meilleur générateur de page d’atterrissage WordPress avec glisser déposer. Vous pouvez l’utiliser pour créer et personnaliser intuitivement n’importe quelle page dans WordPress. Cela signifie que pouvez utiliser lamp;rsquoéditeur de page glisser déposer pour créer des pages personnalisées et voir les résultats en temps réel. Il namp;rsquoest pas nécessaire de coder manuellement les pages, ce qui est une bonne nouvelle pour les personnes ayant des compétences techniques et de conception limitées. De plus, pouvez créer une page woocommerce entrante en mode entrant intégré. Seedprod offre plus de 150 modèles de page damp;rsquoatterrissage conçus professionnellement pour aider à démarrer rapidement. Vous pouvez ensuite personnaliser chaque modèle dans un éditeur visuel en utilisant des blocs de page flexibles, tels que:
Module damp;rsquoactivation et formulaire de connexion image et vidéo texte et titre profil des médias sociaux et bouton de partage personnaliser le formulaire de contact avec des plug ins tiers tels que wpforms giveaways rafflepress certifications amp;amp Ratings Countdown amp;amp Progress bars Navigation Menu et accordéon. Seedprod dispose également damp;rsquoun bloc de page damp;rsquoatterrissage dédié au magasin woocommerce, qui comprend un bouton damp;rsquoajout de panier, un check out, un panier et une grille de produits flexible. Cela signifie que pouvez facilement créer des produits polyvalents, des chariots damp;rsquoachat, des pages de produits et des pages de paiement pour votre magasin de commerce électronique sans avoir à embaucher un développeur.
Dans cet esprit, nous donnons
Votre site Web. Et n’avez pas besoin d’installer un plugin wordpress séparé.
Dans cette section, verrez une liste de toutes les autres pages créées avec seedprod. Comme nous namp;rsquoavons pas encore créé de page damp;rsquoatterrissage, cliquez sur le bouton créer une nouvelle page damp;rsquoatterrissage pour commencer.
2. Créer une nouvelle page damp;rsquoatterrissage cliquez sur le bouton pour créer une nouvelle page damp;rsquoatterrissage et verrez la Bibliothèque de modèles de page damp;rsquoatterrissage seedprod.
Vous pouvez filtrer les modèles par objectif ou par ministère en cliquant sur lamp;rsquoonglet en haut: modèles de maintenance à venir 404 pages ateliers de vente weblead Press merci de connecter chaque modèle est multifonctionnel. Par conséquent, pouvez utiliser namp;rsquoimporte quel design et le personnaliser dans lamp;rsquoéditeur glisser déposer pour obtenir lamp;rsquoapparence que .
Pour ce guide, nous montrerons comment créer et personnaliser des pages de paiement woocommerce à partir de zéro en utilisant des modèles vides. Cela donnera un excellent aperçu de la facilité damp;rsquoutilisation de seedprod. Ensuite, passez le curseur sur la vignette du modèle vide et cliquez sur lamp;rsquoicône vérifier.
Ensuite, une fenêtre contextuelle demande damp;rsquoentrer le nom et lamp;rsquoURL de la page. Vous pouvez modifier ce paramètre plus tard afin quamp;rsquoil puisse être appelé à volonté.
Cliquez maintenant sur le bouton Enregistrer et commencez à modifier la page pour démarrer la page.
Sur lamp;rsquoécran suivant, verrez lamp;rsquoéditeur de page damp;rsquoatterrissage seedprod.
Il a une disposition simple à deux panneaux: panneau de gauche: blocs et sections pour la construction et la personnalisation des pages panneau de droite: aperçu en temps réel de lamp;rsquoapparence de la page damp;rsquoatterrissage ajouter du contenu à la page est très simple, il suffit de faire glisser le bloc de gauche et de le placer à droite. Dans la prochaine étape, nous montrerons comment le faire. 3. Ajoutez un bloc Checkout à votre page avant de commencer à personnaliser votre compte
Woocommerce payment page, nous avons mis en place la structure de base de la page payment. Dans le panneau de droite, sélectionnez une mise en page en cliquant sur lamp;rsquoune des options de colonne.
Comme pouvez le voir ci dessous, il ajoute un cadre simple à votre page. Camp;rsquoest là que tous les éléments de la page que avez ajoutée sont placés.
Ensuite, devez ajouter la vérification woocommerce à la page. Dans le panneau de gauche, faites défiler vers le bas jusquamp;rsquoà la section woocommerce. Cliquez ensuite sur Checkout Block et faites le glisser dans la colonne que avez créée précédemment.
Vous devriez maintenant voir le formulaire de paiement woocommerce directement dans la conception de la page damp;rsquoatterrissage. Lorsque cliquez sur le formulaire de paiement, verrez lamp;rsquoéditeur de champ de paiement et les paramètres de style dans le panneau de gauche.
Dans cette zone, pouvez personnaliser les formulaires de paiement woocommerce: créer des polices et des couleurs avec un titre de modification de mise en page de 1 ou 2 colonnes personnaliser les styles de modification de caractères pour les champs de paiement, les champs de texte, les lignes de tableau, les couleurs, les espaces et les bordures. Ajouter une couleur de notification personnalisée à la police et à la couleur du bouton paiement modifier le texte, la couleur, la bordure et la police du panier ajouter une police personnalisée et une couleur à la section détails de paiement Cliquez maintenant sur lamp;rsquoonglet modèle et verrez les différents styles personnalisés pour les champs de paiement. Cliquez sur namp;rsquoimporte quel style pour lamp;rsquoajouter immédiatement au formulaire de paiement.
Avant de continuer, cliquez sur le bouton vert enregistrer dans le coin supérieur droit de lamp;rsquoécran pour enregistrer les progrès. 4. Personnalisez votre conception de page de paiement. Maintenant, votre page de connexion ressemble plus à la page appropriée. Regardons damp;rsquoautres façons de personnaliser la page de paiement woocommerce. Ajouter un titre à
Allez à votre page de paiement woocommerce et pour aider les clients à naviguer, il est préférable damp;rsquoajouter un titre à la page de paiement. Seedprod fournit un moyen simple de traiter les partitions. À côté du panneau bloc, cliquez sur lamp;rsquoonglet section. Ceci affiche plusieurs mises en page prédéfinies que pouvez ajouter à la page en un seul clic.
Par exemple, cliquez sur la section titre pour afficher trois styles de titre prédéfinis différents. Sélectionnez votre dessin préféré et cliquez sur lamp;rsquoicône plus pour lamp;rsquoimporter dans votre dessin.
Par défaut, toute nouvelle section est ajoutée au bas de la page. Pour le déplacer dans la zone titre, passez le curseur sur elle et cliquez sur lamp;rsquoicône déplacement partiel. Puis faites glisser toute la section en haut de la page.
Vous pouvez ensuite cliquer sur namp;rsquoimporte quel élément de la section titre pour voir les options personnalisées dans le panneau de gauche. Par exemple, pouvez une nouvelle image à utiliser comme logo en cliquant sur un bloc damp;rsquoimage dans la section titre.
Vous pouvez également débloquer le bouton dans le titre et le remplacer par une icône dans le profil social.
Grâce à la puissante intégration woocommerce de seedprod, lamp;rsquoajout de produits recommandés à la page de paiement woocommerce facilite la vente et la promotion de vos produits et services à partir de namp;rsquoimporte quelle page damp;rsquoatterrissage. La gamme de produits Grid Block permet de montrer: les derniers produits vendus les produits les plus vendus les produits sponsorisés haut de la page Il suffit de sélectionner le bloc de grille produit et de le faire glisser sur la page. Vous pouvez ensuite cliquer sur le bloc pour voir les paramètres dans le panneau de gauche.
Dans ce panneau, pouvez sélectionner le nombre de colonnes de produits à afficher et ajouter une disposition à la grille de produits
Titre, texte, boutons, etc.
Vous pouvez également sélectionner parmi plus de 20 combinaisons de couleurs prédéfinies en cliquant sur le bouton palette.
Arrière plan dans la section arrière plan, pouvez changer la couleur, le gradient et lamp;rsquoimage de lamp;rsquoarrière plan. Vous pouvez également ajouter un fond vidéo complet ou une présentation.
Enfin, dans la section personnaliser CSS, pouvez ajouter du code personnalisé pour personnaliser davantage la page de paiement woocommerce. Lorsque êtes satisfait de lamp;rsquoapparence de tout le contenu, cliquez sur le bouton Enregistrer. 5. Configurez les paramètres de la page de paiement en utilisant vos paramètres personnalisés. Regardons damp;rsquoautres paramètres que pouvez modifier sur la page de paiement. Liens votre liste de courriels commence par les paramètres de marketing par courriel. Seedprod permet de lier facilement une page damp;rsquoatterrissage à une liste de courriels. Cliquez sur connexion en haut de lamp;rsquoécran pour voir une variété de services de marketing par courriel populaires. Par conséquent, si souhaitez que les utilisateurs samp;rsquoabonnent à votre newsletter sur votre page de paiement, utilisez ce panneau pour lier votre service de marketing par courriel.
Sélectionnez votre fournisseur préféré et suivez les étapes de notre documentation damp;rsquointégration par courriel.
Sur le même écran, pouvez lier vos pages de paiement à des milliers damp;rsquoapplications via zapier, utiliser Google Analytics pour surveiller les performances de votre site et utiliser recaptcha pour prévenir le spam. Après avoir configuré la configuration de la page pour se connecter à la liste des courriels, cliquez sur lamp;rsquoonglet configuration de la page pour voir les paramètres supplémentaires que pouvez configurer dans seedprod. Il y a généralement cinq sections sur la page de configuration, mais cela dépend du type de page que créez et du calendrier seedprod. Paramètres généraux
Les paramètres généraux permettent
Ou changez le nom et lamp;rsquoURL de la page de paiement woocommerce. Vous pouvez également passer damp;rsquoune version publiée à une ébauche. Pour éviter les conflits de plug ins et accélérer la page, pouvez activer le mode damp;rsquoisolement. Cela empêche certains scripts damp;rsquoen tête et de pied de page de fonctionner et affecte les performances. Optimisation et analyse des moteurs de recherche
Dans l’onglet SEO, pouvez utiliser le plug in WordPress SEO pour configurer les étiquettes de titre de page d’atterrissage, les méta descriptions, etc. Lamp;rsquoun des meilleurs plug ins à cet égard est le référencement multiple en un. Ceci samp;rsquoapplique également à lamp;rsquoonglet analyse. Ici, pouvez lier votre plug in Google Analytics préféré et surveiller les performances de votre page damp;rsquoatterrissage. Pourquoi ne pas essayer monsterinsights pour Google Analytics? souhaitez en savoir plus, namp;rsquohésitez pas à consulter nos commentaires sur monsterinsights. Scénario
Dans la zone script, pouvez ajouter du Code à lamp;rsquoen tête, au corps et au pied de page de la page. Il peut samp;rsquoagir de cookies de suivi, de pixels de suivi Facebook, ou même de vos scripts damp;rsquoanalyse. Champs personnalisés
êtes un utilisateur du plan seedprod pro, pouvez assigner un champ personnalisé à namp;rsquoimporte quelle page damp;rsquoatterrissage qui namp;rsquoest pas connectée à un site Web existant. Par exemple, si souhaitez lancer un nouveau site mais que ne lamp;rsquoavez pas encore configuré, pouvez créer une page dans seedprod du site existant dans un proche avenir et lamp;rsquoorienter vers le nouveau site. Cette stratégie permet d’orienter les nouveaux abonnés vers la liste des futurs sites Web sans avoir à configurer une nouvelle installation WordPress. Après avoir configuré les paramètres, enregistrez les modifications et cliquez à nouveau sur lamp;rsquoonglet conception. 6. Avant damp;rsquoactiver la page de paiement, Publiez damp;rsquoabord la page de paiement personnalisée et testez la de préférence sur lamp;rsquoappareil mobile. votre page de paiement namp;rsquoa pas de réponse mobile, elle namp;rsquoapparaîtra pas et ne fonctionnera pas
Il en va de même pour les petits écrans tactiles comme les tablettes et les smartphones. Cela peut même amener les utilisateurs à abandonner leur panier en raison de la frustration. La bonne nouvelle est que seedprod dispose damp;rsquoune option damp;rsquoaperçu mobile intégrée afin que puissiez vérifier que votre page est optimisée pour votre appareil mobile. Cliquez simplement sur lamp;rsquoicône déplacer en bas de lamp;rsquoécran.
Vous pouvez maintenant voir à quoi ressemble votre page de paye sur votre appareil mobile et modifier tout ce qui semble anormal ou ne fonctionne pas correctement.
Quand tout semble parfait, il est temps de le publier. Cliquez sur la flèche vers le bas à côté du bouton vert enregistrer, puis cliquez sur publier.
Après cela, verrez une fenêtre informant que la page a été publiée.
Pour voir lamp;rsquoaperçu en direct, continuez et cliquez sur le bouton afficher la page en direct.
Bien joué. Maintenant avez une grande page de paiement woocommerce personnalisée! Assigner votre page de paiement dans woocommerce il reste encore un pas à faire avant que votre nouvelle page de paiement soit prête à recevoir votre commande. Vous devez le définir comme la page de paiement par défaut dans woocommerce. Pour ce faire, allez aux paramètres woocommerce et cliquez sur lamp;rsquoonglet avancé. Ensuite, Allez vérifier le titre de la page et sélectionnez la page nouvellement créée dans le menu déroulant.
Namp;rsquooubliez pas de cliquer sur le bouton Enregistrer les modifications pour stocker les paramètres. Camp;rsquoest tout! Maintenant savez comment personnaliser la page de paiement woocommerce en utilisant seedprod login page Builder. Lamp;rsquointégration seedprod woocommerce permet de contrôler facilement la conception de votre boutique en ligne. Le plug in est non seulement rapide, sans expansion, mais aussi facile à utiliser, permettant aux débutants de créer des magasins personnalisés sans engager de développeurs. Alors pourquoi ne pas le prouver en personne? commencez par seedprod
