Comment personnaliser la page de paiement woocommerce
Voulez – vous savoir comment personnaliser la page de paiement woocommerce? La page de paiement est le dernier endroit clé pour impressionner les Prospects. Par conséquent, l’exécution correcte des procédures de paiement peut améliorer sensiblement le taux de conversion. Dans cet article, nous vous 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 l’achat. 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 vous avez besoin pour créer une boutique en ligne. Mais avec le développement de l’entreprise, Vous découvrirez bientôt que vous 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 l’adresse d’expédition) Supprimer les champs inutiles modifier la conception et la disposition de la page lier le produit directement à la page du panier d’achat et à La page de paiement changer votre produit Ajoutez plus d’options de paiement que vous vouliez redessiner toute la page de paiement woocommerce ou apporter des changements mineurs, il y a une chose à garder à l’esprit. Ça devrait être facile!
Heureusement, la solution ci – dessous vous permet de personnaliser facilement votre page de paiement woocommerce. Comment personnaliser votre page de paiement woocommerce si vous n’avez pas le temps
Pour savoir comment planifier ou budgétiser l’embauche de développeurs, il semble presque impossible de personnaliser la page woocommerce Checkout. Mais le fait est qu’il n’y a pas d’outils appropriés à portée de main. Dans le tutoriel suivant, nous vous montrerons comment personnaliser la page de paiement woocommerce en utilisant seedprod. La bonne nouvelle, c’est que vous 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 vous pouvez utiliser l’éditeur de page glisser – déposer pour créer des pages personnalisées et voir les résultats en temps réel. Il n’est 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, vous pouvez créer une page woocommerce entrante en mode entrant intégré. Seedprod offre plus de 150 modèles de page d’atterrissage conçus professionnellement pour vous 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 d’activation 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 & Ratings Countdown & Progress bars Navigation Menu et accordéon. Seedprod dispose également d’un bloc de page d’atterrissage dédié au magasin woocommerce, qui comprend un bouton d’ajout de panier, un check – out, un panier et une grille de produits flexible. Cela signifie que vous pouvez facilement créer des produits polyvalents, des chariots d’achat, 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 vous donnons
Votre site Web. Et vous n’avez pas besoin d’installer un plugin wordpress séparé.
Dans cette section, vous verrez une liste de toutes les autres pages créées avec seedprod. Comme nous n’avons pas encore créé de page d’atterrissage, cliquez sur le bouton créer une nouvelle page d’atterrissage pour commencer. 2. Créer une nouvelle page d’atterrissage cliquez sur le bouton pour créer une nouvelle page d’atterrissage et vous verrez la Bibliothèque de modèles de page d’atterrissage seedprod. Vous pouvez filtrer les modèles par objectif ou par ministère en cliquant sur l’onglet en haut: modèles de maintenance à venir 404 pages ateliers de vente weblead Press merci de vous connecter chaque modèle est multifonctionnel. Par conséquent, vous pouvez utiliser n’importe quel design et le personnaliser dans l’éditeur glisser – déposer pour obtenir l’apparence que vous aimez.
Pour ce guide, nous vous montrerons comment créer et personnaliser des pages de paiement woocommerce à partir de zéro en utilisant des modèles vides. Cela vous donnera un excellent aperçu de la facilité d’utilisation de seedprod. Ensuite, passez le curseur sur la vignette du modèle vide et cliquez sur l’icône vérifier. Ensuite, une fenêtre contextuelle vous demande d’entrer le nom et l’URL de la page. Vous pouvez modifier ce paramètre plus tard afin qu’il puisse être appelé à volonté. Cliquez maintenant sur le bouton Enregistrer et commencez à modifier la page pour démarrer la page.
Sur l’écran suivant, vous verrez l’éditeur de page d’atterrissage 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 l’apparence de la page d’atterrissage 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 vous 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 l’une des options de colonne. Comme vous pouvez le voir ci – dessous, il ajoute un cadre simple à votre page. C’est là que tous les éléments de la page que vous avez ajoutée sont placés. Ensuite, vous devez ajouter la vérification woocommerce à la page. Dans le panneau de gauche, faites défiler vers le bas jusqu’à la section woocommerce. Cliquez ensuite sur Checkout Block et faites – le glisser dans la colonne que vous avez créée précédemment. Vous devriez maintenant voir le formulaire de paiement woocommerce directement dans la conception de la page d’atterrissage. Lorsque vous cliquez sur le formulaire de paiement, vous verrez l’éditeur de champ de paiement et les paramètres de style dans le panneau de gauche. Dans cette zone, vous 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 l’onglet modèle et vous verrez les différents styles personnalisés pour les champs de paiement. Cliquez sur n’importe quel style pour l’ajouter immédiatement au formulaire de paiement. Avant de continuer, cliquez sur le bouton vert enregistrer dans le coin supérieur droit de l’é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 d’autres 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 d’ajouter un titre à la page de paiement. Seedprod fournit un moyen simple de traiter les partitions. À côté du panneau bloc, cliquez sur l’onglet section. Ceci affiche plusieurs mises en page prédéfinies que vous 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 l’icône plus pour l’importer 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 l’icône déplacement partiel. Puis faites glisser toute la section en haut de la page. Vous pouvez ensuite cliquer sur n’importe quel élément de la section titre pour voir les options personnalisées dans le panneau de gauche. Par exemple, vous pouvez télécharger une nouvelle image à utiliser comme logo en cliquant sur un bloc d’image 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, l’ajout de produits recommandés à la page de paiement woocommerce facilite la vente et la promotion de vos produits et services à partir de n’importe quelle page d’atterrissage. La gamme de produits Grid Block vous 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, vous 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, vous pouvez changer la couleur, le gradient et l’image de l’arrière – plan. Vous pouvez également ajouter un fond vidéo complet ou une présentation. Enfin, dans la section personnaliser CSS, vous pouvez ajouter du code personnalisé pour personnaliser davantage la page de paiement woocommerce. Lorsque vous êtes satisfait de l’apparence 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 d’autres paramètres que vous pouvez modifier sur la page de paiement. Liens votre liste de courriels commence par les paramètres de marketing par courriel. Seedprod vous permet de lier facilement une page d’atterrissage à une liste de courriels. Cliquez sur connexion en haut de l’écran pour voir une variété de services de marketing par courriel populaires. Par conséquent, si vous souhaitez que les utilisateurs s’abonnent à 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 d’intégration par courriel. Sur le même écran, vous pouvez lier vos pages de paiement à des milliers d’applications 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 l’onglet configuration de la page pour voir les paramètres supplémentaires que vous 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 vous créez et du calendrier seedprod. Paramètres généraux Les paramètres généraux vous permettent
Ou changez le nom et l’URL de la page de paiement woocommerce. Vous pouvez également passer d’une version publiée à une ébauche. Pour éviter les conflits de plug – ins et accélérer la page, vous pouvez activer le mode d’isolement. Cela empêche certains scripts d’en – tête et de pied de page de fonctionner et affecte les performances. Optimisation et analyse des moteurs de recherche Dans l’onglet SEO, vous pouvez utiliser le plug – in WordPress SEO pour configurer les étiquettes de titre de page d’atterrissage, les méta – descriptions, etc. L’un des meilleurs plug – ins à cet égard est le référencement multiple en un. Ceci s’applique également à l’onglet analyse. Ici, vous pouvez lier votre plug – in Google Analytics préféré et surveiller les performances de votre page d’atterrissage. Pourquoi ne pas essayer monsterinsights pour Google Analytics? Si vous souhaitez en savoir plus, n’hésitez pas à consulter nos commentaires sur monsterinsights. Scénario Dans la zone script, vous pouvez ajouter du Code à l’en – tête, au corps et au pied de page de la page. Il peut s’agir de cookies de suivi, de pixels de suivi Facebook, ou même de vos scripts d’analyse. Champs personnalisés Si vous êtes un utilisateur du plan seedprod pro, vous pouvez assigner un champ personnalisé à n’importe quelle page d’atterrissage qui n’est pas connectée à un site Web existant. Par exemple, si vous souhaitez lancer un nouveau site mais que vous ne l’avez pas encore configuré, vous pouvez créer une page dans seedprod du site existant dans un proche avenir et l’orienter vers le nouveau site. Cette stratégie vous 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 l’onglet conception. 6. Avant d’activer la page de paiement, Publiez d’abord la page de paiement personnalisée et testez – la de préférence sur l’appareil mobile. Si votre page de paiement n’a pas de réponse mobile, elle n’apparaî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 d’une option d’aperçu mobile intégrée afin que vous puissiez vérifier que votre page est optimisée pour votre appareil mobile. Cliquez simplement sur l’icône déplacer en bas de l’é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, vous verrez une fenêtre vous informant que la page a été publiée. Pour voir l’aperçu en direct, continuez et cliquez sur le bouton afficher la page en direct. Bien joué. Maintenant vous 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 l’onglet avancé. Ensuite, Allez vérifier le titre de la page et sélectionnez la page nouvellement créée dans le menu déroulant. N’oubliez pas de cliquer sur le bouton Enregistrer les modifications pour stocker les paramètres. C’est tout! Maintenant vous savez comment personnaliser la page de paiement woocommerce en utilisant seedprod login page Builder. L’intégration seedprod woocommerce vous 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? Si vous aimez cet article, commencez par seedprod