ShopEngine est une solution WooCommerce complète pour Elementor. Les fonctionnalités de ShopEngine incluent le Connexion au formulaire de paiement WooCommerce widget qui vous permet de concevoir un formulaire de connexion personnalisé lorsque les utilisateurs se connectent à un compte existant lors du paiement.

Lisez cette documentation pour savoir comment créer et personnaliser le formulaire de connexion à la caisse avec ShopEngine.

Étape 1 : Activer le widget #

Tout d’abord, pour activer le widget « Connexion au formulaire de paiement » :

1. Aller vers Moteur de boutique > Widgets depuis votre tableau de bord WordPress.
2. Trouvez le Connexion au formulaire de paiement widget.
3. Activez le widget en tournant le bouton vers SUR.
4. Clique sur le SAUVEGARDER LES MODIFICATIONS bouton.

Étape 2 : Configurer les paramètres #

Pour activer la connexion client lors du paiement :

1. Aller vers WooCommerce > Paramètres à partir du tableau de bord WordPress.
2. Basculer vers Compte et confidentialité.
3. Sous Paiement en tant qu'invité, sélectionnez le "Autoriser les clients à se connecter à un compte existant lors du paiement" option.
4. Faites défiler la page vers le bas et cliquez sur Sauvegarder les modifications.

Étape 3 : Personnaliser la connexion au formulaire de paiement #

Ouvrez maintenant le modèle de paiement avec Elementor.

Allez au ShopEngine > Modèle de générateur. Recherchez le modèle de paiement et cliquez sur « Modifier avec Elementor » avec le modèle.

Après cela, développez le formulaire en cliquant sur l'en-tête bascule.

Si vous n'avez pas encore créé de modèle de paiement, suivez notre documentation sur

comment créer une page de paiement WooCommece avec ShopEngine.

Après cela, vous pouvez personnaliser l’apparence du formulaire de connexion à la caisse WooCommerce.

3.1 Basculer le titre #

Dans la section Basculer le titre,

1. Choisis un Couleur pour le titre.
2. Choisis un Couleur du lien pour les textes avec des hyperliens.
3. Sélectionner un Contexte du titre couleur.
4. Vous pouvez également sélectionner un type de bordure, une largeur et une couleur pour basculer le titre.

3.2 Texte #

Pour le texte du formulaire de connexion à la caisse WooCommerce,

1. Choisissez un texte Couleur.
2. Sélectionner un Couleur du lien pour le texte avec lien hypertexte.

3.3 Étiquette #

Pour les étiquettes du formulaire de connexion à la caisse WooCommerce,

1. Choisissez un texte Couleur pour l'étiquette.
2. Sélectionner un Couleur de l'indicateur requis pour le champ de formulaire requis.
3. Ajuste le Marge pour les étiquettes.

3.4 Entrée #

Pour personnaliser le champ de saisie du formulaire de connexion,

1. Choisissez une couleur d'entrée pour le texte.
2. Sélectionnez le Arrière-plan couleur pour le champ de saisie.
3. Met le Type de bordure.
4. Ajuster Rembourrage du champ de saisie.

3.5 Bouton #

Vous pouvez personnaliser les styles du bouton d'envoi du formulaire.

1. Sélectionnez le Couleur du texte du bouton.
2. Choisissez le bouton Couleur de l'arrière plan.
3. Met le Type de bordure.
4. Ajuste le Rayon de frontière.
5. Ajuste le Boîte ombre.
6. Met le Marge du bouton.

Vous pouvez choisir différentes couleurs de texte et couleurs d'arrière-plan pour les états « Normal » et « Survol ».

3.6 Typographie #

Définissez la typographie primaire et secondaire pour les textes dans le formulaire de connexion.

• La typographie principale fonctionne pour le titre et le texte à bascule.
• La typographie secondaire fonctionne pour le champ de saisie et le bouton Soumettre.

Enfin, vous disposez d’un formulaire de connexion à la caisse WooCommerce personnalisé prêt pour votre site Web.