Comment modifier la page de paiement WooCommerce sans Elementor ?

Vous n'aimez pas votre page de paiement WooCommerce par défaut, car elle semble terne et le processus de paiement est également long ? Eh bien, c'est peut-être le bon moment pour modifier votre page. De cette façon, vos clients peuvent passer rapidement leurs commandes, ce qui pourrait également contribuer à générer davantage de conversions.

Mais comment personnalisez-vous exactement votre page de paiement WooCommerce ? Il s'avère qu'il existe 3 moyens efficaces, y compris l'édition manuelle, l'utilisation de plugins et le constructeur de pages Elementor. Cependant, la meilleure méthode dépend de celle avec laquelle vous trouvez facile de travailler.

Maintenant, sans plus tarder, découvrons d'abord pourquoi vous pourriez vouloir personnaliser votre page de paiement. Après cela, nous pouvons voir comment modifier votre page de paiement WooCommerce en utilisant une combinaison d'Elementor & Shopready .

Pourquoi vous voudrez peut-être modifier votre page de paiement WooCommerce

Votre page de paiement WooCommerce peut faire une grande différence dans le processus d'achat de la commande. Pour cette raison, il y a tellement de raisons pour lesquelles vous pourriez vouloir le modifier. Ceux-ci inclus:

Améliorer l'expérience utilisateur

Le processus de paiement sur n'importe quel WooCommerce par défaut est assez long. Par conséquent, vous pouvez choisir de modifier la page et de raccourcir le processus de paiement. De cette façon, vos clients auront une meilleure expérience d'achat.

Sécurisez la caisse

Si vos clients estiment que leur facturation et leurs informations personnelles ne sont pas sécurisées, ils partiront probablement sans effectuer d'achat. Par conséquent, vous devriez envisager de modifier votre modèle de page de paiement pour inclure une passerelle de paiement sécurisée.

Permettre des achats rapides et faciles

Une autre raison pour laquelle vous souhaiterez peut-être personnaliser la page de paiement WooCommerce est d'aider vos clients à passer rapidement leurs commandes. Par exemple, vous pouvez inclure l'option de remplissage automatique des détails.

Améliorer l'image de marque

Vous avez l'impression que votre marque ne se démarque pas de la masse ? Vous voudrez peut-être modifier votre page de paiement WooCommerce pour lui donner un aspect professionnel. Une façon de le faire serait de changer sa conception et même le modèle de page.

Comment modifier la page de paiement WooCommerce WO Elementor ?

Il existe de nombreuses méthodes pour modifier votre page de paiement WooCommerce. Vous pouvez choisir de le faire manuellement, en utilisant une combinaison d'elementor & Shopready , ou en utilisant des plugins. Le choix t'appartient. Alors, discutons du fonctionnement de chaque méthode.

Méthode 1 : édition manuelle

Cette méthode implique l'utilisation d'un code pour modifier votre modèle de page de paiement . En conséquence, cela vous donne plus de contrôle sur la personnalisation par rapport à l'utilisation d'autres méthodes d'édition. Vous trouverez ci-dessous des étapes simples sur la façon de le faire.

Étape 1 : Choisissez des filtres pour personnaliser les champs de paiement

Pour modifier vos champs de paiement, vous utiliserez le fichier functions.php sur votre site de commerce électronique . Cela devrait être facile car WooCommerce vous fournit une liste de filtres pour vous permettre de personnaliser les champs de paiement. Par exemple, il y a le :

• WooCommerce_shipping_fields
• WooCommerce_after_checkout_form
• WooCommerce_billing_fields
• WooCommerce_checkout_after_terms_and_conditions

Étape 2 : Modifier le texte de l'espace réservé

Ensuite, commencez par personnaliser le texte de l'espace réservé sur les champs order_comments_fields. Vous pouvez le faire en ajoutant simplement l'extrait de code suivant à votre fichier functions.php.

Étape 3 : supprimer des champs

Si vous souhaitez supprimer un champ, il vous suffit d'ajouter le code ci-dessous à votre fichier functions.php.

Étape 4 : Ajoutez les champs nécessaires

Pour ajouter des champs à votre page de paiement WooCommerce, il vous suffit d'insérer le code ci-dessous dans votre fichier function.php.

Après avoir inséré le code, vous remarquerez qu'un champ supplémentaire apparaîtra. Mais aucune raison de s'inquiéter. Il vous suffit de copier le code suivant pour la validation des données.

Dernière étape : enregistrez vos données

Enfin, entrez le code suivant pour vous assurer que chaque détail saisi par vos clients sur la page de paiement est enregistré.

Méthode 2 : Utiliser Elementor Page Builder

Pour modifier manuellement votre page de paiement, vous devez avoir une expérience de codage. Heureusement, si vous n'êtes pas féru de technologie, vous pouvez utiliser elementor, l'un des meilleurs constructeurs de pages WordPress. Voici les étapes à suivre pour effectuer l'édition à l'aide d'elementor.

Étape 1 : Localisez la page de paiement

Tout d'abord, accédez à votre tableau de bord WordPress et recherchez la liste des pages. Sous la liste des pages, vous pouvez trouver la page de paiement par défaut. Cliquez simplement sur le bouton Modifier pour lancer l'éditeur WordPress. Ensuite, choisissez l'option Modifier avec Elementor pour activer Elementor, puis lancez l'éditeur d'Elementor.

Étape 2 : Ajouter le widget de paiement Elementor

Ensuite, ouvrez la page de paiement par défaut dans elementor et supprimez le widget ou le shortcode de paiement WooCommerce existant. Ensuite, ajoutez le widget de paiement dans l'éditeur Elementor. Vous devriez pouvoir voir un aperçu en direct de votre page de paiement.

Étape 3 : Modifier le contenu de la page de paiement

Sous l'onglet Contenu situé dans la barre latérale d'Elementor, cliquez sur Paramètres généraux. Dans les paramètres, vous pouvez décider de sélectionner une mise en page à une ou deux colonnes pour modifier et personnaliser le contenu .

De plus, vous pouvez modifier les détails de facturation et d'expédition, des informations supplémentaires, votre commande, votre coupon et les détails de paiement. Et si vous souhaitez ajouter une boîte de coupons , c'est également possible.

Étape 4 : Modifier le style de votre page de paiement

Juste à côté de l'onglet Contenu, cliquez sur l'onglet Style pour personnaliser davantage le style de votre page de paiement. Vous voulez vous assurer que la conception de votre page de paiement personnalisée correspond à celle de votre boutique.

Sous l'onglet Style, vous pouvez sélectionner différentes options de conception, notamment les sections, la typographie, les formulaires, le résumé de la commande et le bouton d'achat. Modifiez et essayez simplement les différentes options pour trouver un style qui fera ressortir votre page de paiement.

Étape 5 : Enregistrez vos modifications

Une fois que vous avez terminé de personnaliser le style de votre modèle de page de paiement , enregistrez toutes les modifications. Ensuite, prévisualisez les modifications avant de pouvoir enfin publier votre page.

Méthode 3 : Utiliser des plugins

Un autre moyen simple et rapide de modifier votre page de paiement WooCommerce consiste à utiliser un plugin. Maintenant, il y a une poignée d'options de plugins parmi lesquelles choisir. Cependant, dans cet article, nous nous concentrerons sur l'utilisation d'une combinaison d'Elementor & Shopready .

Étape 1 : Installez le module complémentaire Shopready pour Elementor

Avant d'installer ce plugin, assurez-vous que votre WordPress dispose d'un constructeur de pages Elementor. En effet, Shopready ne peut pas travailler seul. Ensuite, sur votre tableau de bord WordPress, cliquez sur les plugins et sélectionnez Ajouter nouveau. Ensuite, recherchez Shopready dans la zone de recherche et cliquez sur le bouton Activer.

Étape 2 : Personnalisez le contenu de votre page de paiement Shopready

Sur votre tableau de bord WordPress, choisissez d'ouvrir Shopready. Vous serez dirigé vers le tableau de bord de Shopready. Sous le tableau de bord, il existe des options Widgets, Modules et Modèles pour vous aider à personnaliser votre page. Vous pouvez choisir n'importe quelle option pour modifier et personnaliser le contenu .

Étape 3 : Activer les widgets

Cliquez sur l'option widgets et sélectionnez l'onglet Activer tout. Ensuite, sélectionnez Enregistrer les modifications. Mais si vous ne souhaitez pas activer tous les champs, il vous suffit de choisir vos options préférées et d'enregistrer les modifications.

Étape 4 : Activer les modules

Ensuite, choisissez l'option Modules et cliquez sur Activer tout. Vous pouvez également sélectionner l'option Désactiver tout ou n'en activer que quelques-unes de manière sélective. Une fois que vous avez terminé, cliquez sur le bouton Enregistrer les modifications.

Étape 5 : Activer les modèles

Dans cette section, vous trouverez des options telles que la boutique, la page de paiement, le panier, la page de détails du produit, etc. Cliquez sur l'onglet Activer sur vos options de modèle préférées, puis sur Enregistrer.

Étape 6 : Activer l'API de devise

Cliquez sur l'onglet API et entrez votre clé API de devise dans le champ vide fourni. Ensuite, sélectionnez l'option Enregistrer les modifications pour terminer le processus.

Pourquoi utiliser Shopready pour modifier la page de paiement WooCommerce

ShopReady est simplement un module complémentaire pour Elementor. Développé par QuomodoSoft, ce plugin offre de nombreux avantages lorsque vous l'utilisez pour modifier votre page de paiement personnalisée WooCommerce. Ceux-ci inclus:

Large gamme de widgets

Ce plugin vous fournit plus de 100 widgets de page de boutique que vous pouvez facilement ajouter à votre page Elementor. Par conséquent, vous pouvez rapidement personnaliser la page de paiement WooCommerce selon vos besoins.

Modèles prédéfinis

Si vous êtes un nouvel utilisateur de WooCommerce, vous devriez envisager d'utiliser Shopready pour modifier vos pages de paiement. En effet, le plugin propose des modèles préconçus pour faciliter la personnalisation.

Fonctionnalités orientées client

Une autre raison pour laquelle vous devriez utiliser ce plugin pour modifier votre page WooCommerce est en raison de ses fonctionnalités orientées client. Certains d'entre eux incluent la page de remerciement, l' ajout d'une option de boîte de coupons et des comparaisons de produits.

Adapté aux mobiles

Ce plugin vous permet de modifier votre page de paiement et de la rendre compatible avec les mobiles. Ainsi, vos clients peuvent vivre une excellente expérience d'achat, quel que soit l'appareil qu'ils utilisent.

Conclusion

Dans l'ensemble, il y a tellement de raisons pour lesquelles vous pourriez vouloir modifier votre page de paiement WooCommerce. Il se peut que vous souhaitiez améliorer l'expérience utilisateur de votre client, sécuriser la page ou améliorer votre image de marque. Quel que soit le cas, vous pouvez choisir d'éditer à l'aide de plugins, d'elementor ou de le faire manuellement.

Bien sûr, utiliser des plugins ou une combinaison d'elementor & Shopready est la méthode la plus simple. En effet, Shopready propose une large gamme de widgets parmi lesquels choisir. Par conséquent, vous pouvez modifier votre page de paiement et la personnaliser à votre guise. Cependant, si vous êtes expérimenté dans le codage, vous pouvez toujours modifier vos pages manuellement.

Comment ajouter une liste de souhaits dans WooCommerce sans plugin