Avec ShopEngine, vous pouvez facilement créer une page « Mon compte » à partir de laquelle les clients peuvent consulter leur tableau de bord, suivre leurs commandes et téléchargements, modifier les adresses et les détails de leur compte. À partir de cette même page, ils peuvent également se connecter ou s'inscrire à leur compte sur votre site Web. 

Habituellement, une « page mon compte » comprend un tableau de bord du compte, une commande de compte, les détails de la commande de compte, les téléchargements de compte, les adresses de compte, les détails du compte et une page de connexion/inscription au compte. 

Voyons comment créer chacune de ces pages pour créer une « page mon compte » complète pour vos utilisateurs.

1. Créer une page de tableau de bord Mon compte  #

Étape 1 : Activer les widgets requis #

• Allez sur ShopEngine-> Widgets -> Assurez-vous que le tableau de bord de compte et Navigation dans le compte les widgets sont activé.

Étape 2 : Créer un modèle de tableau de bord #

• Allez sur ShopEngine-> Modèles -> Ajouter un nouveau

• Fournir un modèle Nom-> Sélectionnez le type de page : Tableau de bord de mon compte

• Activer le modèle par défaut-> Définir par défaut->Oui -> Cliquez sur Modifier avec Elementor (Les paramètres du modèle seront d'abord insérés, puis ouverts avec Elementor Page Builder)

Étape 3 : Choisissez une structure #

• Clique sur le "+" icône d'Elementor et choisissez votre disposition de section préférée.

Étape 4 : Créer une page de tableau de bord #

Pour créer la page Tableau de bord du compte, vous devrez utiliser deux widgets : Navigation dans le compte et tableau de bord de compte widgets. 

• Faites glisser et déposez le widget de navigation de compte depuis le bloc d’éléments ShopEngine My Account d’Elementor. Vous pouvez modifier la couleur du texte et des liens, l'épaisseur de la police du texte et des liens, l'épaisseur de la police de l'utilisateur, la typographie, la couleur de survol du lien, etc. à partir de l'onglet Paramètres de style si vous le souhaitez.

• Faites également glisser et déposez le widget Tableau de bord du compte à partir du même bloc et apportez les modifications que vous souhaitez. 

• Une fois que vous avez terminé de modifier la page de votre tableau de bord de compte, enregistrez-la en cliquant sur -> Mise à jour.

Étape 5 : Aperçu de la page du tableau de bord #

• Maintenant, allez au Page Mon compte de votre site->Cliquez sur Tableau de bord. Il s'agit d'un aperçu de la façon dont vos clients verront le tableau de bord du compte depuis leurs appareils.

2. Créer une page de commande de mon compte #

Étape 1 : Activer les widgets requis #

• Allez sur ShopEngine-> Widgets -> Assurez-vous que le Ordres de compte widget Navigation dans le compte les widgets sont activé.

Étape 2 : Créer un modèle de commande pour mon compte #

• Allez dans ShopEngine-> Modèles -> Ajouter un nouveau

• Fournir un modèle Nom-> Sélectionner une page Taper: Mon compte Commandes

• Activer le modèle par défaut-> Définir par défaut->Oui -> Cliquez sur Modifier avec Elementor

Étape 3 : Choisissez une structure #

• Clique sur le "+" icône d'Elementor et choisissez votre disposition de section préférée.

Étape 4 : Créer une page de commandes de compte #

Pour créer la page Ordres de compte, vous devrez utiliser deux widgets : Navigation dans le compte et Mon compte Commandes widgets.

• Faites glisser et déposez le widget de navigation de compte depuis le bloc d’éléments ShopEngine My Account d’Elementor. Vous pouvez modifier la couleur du texte et des liens, l'épaisseur de la police du texte et des liens, l'épaisseur de la police de l'utilisateur, la typographie, la couleur de survol du lien, etc. à partir de l'onglet Paramètres de style si vous le souhaitez.

• En outre, faites glisser et déposez le widget Ordres de compte à partir du même bloc d'éléments et apportez les modifications que vous souhaitez.

• Une fois que vous avez terminé de modifier votre page Ordres de compte, enregistrez-la en cliquant sur -> Mise à jour.

Étape 5 : Aperçu de la page des commandes de compte #

Maintenant, allez au Mon compte page de votre site internet->Cliquez sur Ordres. Il s'agit d'un aperçu de la façon dont vos clients verront la page de commande depuis leurs appareils.

3. Créer la page de détails de la commande de mon compte #

Étape 1 : Activer les widgets requis #

• Allez sur ShopEngine-> Widgets -> Assurez-vous que le détails de la commande et Navigation dans le compte les widgets sont activé.

Étape 2 : Créer un modèle de détails de commande #

• Allez sur ShopEngine-> Modèles -> Ajouter un nouveau

• Fournir un modèle Nom-> Sélectionner une page Taper: Mon compte Détails de la commande

• Activer le modèle par défaut-> Définir par défaut->Oui -> Cliquez sur Modifier avec Elementor

Étape 3 : Choisissez une structure #

• Clique sur le "+" icône d'Elementor et choisissez votre disposition de section préférée.

Étape 4 : Créer la page des détails de la commande #

Pour créer la page Détails de la commande, vous devrez utiliser deux widgets : Navigation dans le compte et Détails de la commande de compte widgets.

• Faites glisser et déposez le widget de navigation de compte depuis le bloc d’éléments ShopEngine My Account d’Elementor. Vous pouvez modifier la couleur du texte et des liens, l'épaisseur de la police du texte et des liens, l'épaisseur de la police de l'utilisateur, la typographie, la couleur de survol du lien, etc. à partir de l'onglet Paramètres de style si vous le souhaitez.

• Faites également glisser et déposez le widget Détails de la commande du compte à partir du même bloc d'éléments et apportez les modifications que vous souhaitez.

• Une fois que vous avez terminé de modifier la page Détails de la commande du compte, enregistrez-la en cliquant sur -> Mise à jour.

Étape 5 : Aperçu de la page des détails de la commande #

Maintenant, allez dans Mon Page de compte de votre site->Cliquez sur Ordres-> Cliquez sur Voir du côté droit de toute commande. Il s'agit d'un aperçu de la façon dont vos clients verront la page Détails de la commande depuis leurs appareils.

4. Créer une page de téléchargements de mon compte #

Étape 1 : Activer les widgets requis #

• Allez sur ShopEngine-> Widgets -> Assurez-vous que le Compte La navigation et Téléchargements de compte les widgets sont activé.

Étape 2 : Créer un modèle de téléchargement de mon compte #

• Allez sur ShopEngine-> Modèles -> Ajouter un nouveau

• Fournir un modèle Nom-> Sélectionner une page Taper: Téléchargements de mon compte

• Activer le modèle par défaut-> Définir par défaut->Oui -> Cliquez sur Modifier avec Elementor

Étape 3 : Choisissez une structure #

• Clique sur le "+" icône d'Elementor et choisissez votre disposition de section préférée.

Étape 4 : Créer une page de téléchargement de compte #

Pour créer la page Téléchargements de compte, vous devrez utiliser deux widgets : Navigation dans le compte et Téléchargements de compte widgets.

• Faites glisser et déposez le widget de navigation de compte depuis le bloc d’éléments ShopEngine My Account d’Elementor. Vous pouvez modifier la couleur du texte et des liens, l'épaisseur de la police du texte et des liens, l'épaisseur de la police de l'utilisateur, la typographie, la couleur de survol du lien, etc. à partir de l'onglet Paramètres de style si vous le souhaitez.

• Faites également glisser et déposez le widget Téléchargements de compte à partir du même bloc d'éléments et apportez les modifications que vous souhaitez.

• Une fois que vous avez terminé de modifier la page de téléchargement de votre compte, enregistrez-la en cliquant sur -> Mise à jour.

Étape 5 : Aperçu de la page de téléchargement du compte #

Maintenant, allez au Mon compte page de votre site internet->Cliquez sur Téléchargements. Il s'agit d'un aperçu de la façon dont vos clients verront la page depuis leurs appareils.

5. Créer une page d'adresse de mon compte #

Étape 1 : Activer les widgets requis #

• Allez sur ShopEngine-> Widgets -> Assurez-vous que le Compte La navigation et Adresse du compte les widgets sont activé.

Étape 2 : Créer un modèle d'adresse de mon compte #

• Allez sur ShopEngine-> Modèles -> Ajouter un nouveau

• Fournir un modèle Nom-> Sélectionner une page Taper: Adresse de mon compte

• Activer le modèle par défaut-> Définir par défaut->Oui -> Cliquez sur Modifier avec Elementor

Étape 3 : Choisissez une structure #

• Clique sur le "+" icône d'Elementor et choisissez votre disposition de section préférée.

Étape 4 : Créer une page d'adresse de compte #

Pour créer la page Adresse du compte, vous devrez utiliser deux widgets : Navigation dans le compte et Adresse du compte widget.

• Faites glisser et déposez le widget de navigation de compte depuis le bloc d’éléments ShopEngine My Account d’Elementor. Vous pouvez modifier la couleur du texte et des liens, l'épaisseur de la police du texte et des liens, l'épaisseur de la police de l'utilisateur, la typographie, la couleur de survol du lien, etc. à partir de l'onglet Paramètres de style si vous le souhaitez.

• Faites également glisser et déposez le widget Adresse du compte à partir du même bloc d'éléments et apportez les modifications que vous souhaitez.

• Une fois que vous avez terminé de modifier la page Adresse de votre compte, enregistrez-la en cliquant sur -> Mise à jour.

Étape 5 : Aperçu de la page d'adresse du compte #

Maintenant, allez au Mon compte page de votre site internet->Cliquez sur Adresses. Il s'agit d'un aperçu de la façon dont vos clients verront la page depuis leurs appareils.

6. Créer une page de détails sur mon compte #

Étape 1 : Activer les widgets requis #

• Allez sur ShopEngine-> Widgets -> Assurez-vous que le Compte La navigation et Détails du compte les widgets sont activé.

Étape 2 : Créer un modèle de détails de mon compte #

• Allez sur ShopEngine-> Modèles -> Ajouter un nouveau

• Fournir un modèle Nom-> Sélectionner une page Taper: Détails de mon compte

• Activer le modèle par défaut-> Définir par défaut->Oui -> Cliquez sur Modifier avec Elementor

Étape 3 : Choisissez une structure #

• Cliquez sur l'icône «+» d'Elementor et choisissez votre disposition de section préférée.

Étape 4 : Créer une page de détails du compte #

Pour créer la page Détails du compte, vous devrez utiliser deux widgets : Navigation dans le compte et Détails du compte widget.

• Faites glisser et déposez le widget de navigation de compte depuis le bloc d’éléments ShopEngine My Account d’Elementor. Vous pouvez modifier la couleur du texte et des liens, l'épaisseur de la police du texte et des liens, l'épaisseur de la police de l'utilisateur, la typographie, la couleur de survol du lien, etc. à partir de l'onglet Paramètres de style si vous le souhaitez.

• Faites également glisser et déposez le widget Détails du compte à partir du même bloc d'éléments et apportez les modifications que vous souhaitez.

• Une fois que vous avez terminé de modifier la page Détails de votre compte, enregistrez-la en cliquant sur -> Mise à jour.

Étape 5 : Aperçu de la page des détails du compte #

Maintenant, allez au Mon compte page de votre site internet->Cliquez sur Détails du compte. Il s'agit d'un aperçu de la façon dont vos clients verront la page depuis leurs appareils.

7. Créer une page de connexion/inscription à mon compte #

Étape 1 : Activer les widgets requis #

• Allez sur ShopEngine-> Widgets -> Assurez-vous que le Compte La navigation, Registre du formulaire de compte, et Connexion au formulaire de compte les widgets sont activé.

Étape 2 : Créer un modèle de connexion/inscription à mon compte #

• Allez sur ShopEngine-> Modèles -> Ajouter un nouveau

• Fournir un modèle Nom-> Sélectionner une page Taper: Mon compte Connexion/Inscription

• Activer le modèle par défaut-> Définir par défaut->Oui -> Cliquez sur Modifier avec Elementor

Étape 3 : Choisissez une structure #

• Cliquez sur l'icône «+» d'Elementor et choisissez votre disposition de section préférée.

Étape 4 : Créer une page de connexion/inscription au compte #

Pour créer la page de connexion/inscription au compte, vous devrez utiliser deux widgets : Connexion au formulaire de mon compte, et Formulaire d'enregistrement de compte widget.

• Faites glisser et déposez le Connexion au formulaire de mon compte widget du bloc d’éléments ShopEngine My Account d’Elementor. Vous pouvez modifier le titre, le conteneur de formulaire, l'étiquette, la saisie et la typographie à partir de l'onglet Paramètres de style si vous le souhaitez.

• Faites également glisser et déposez le Formulaire d'enregistrement de compte widget du même bloc d’éléments et apportez les modifications que vous souhaitez.

• Une fois que vous avez fini de modifier votre page, enregistrez-la en cliquant sur -> Mise à jour.

Étape 5 : Aperçu de la page de connexion/inscription au compte #

Maintenant, allez au Mon compte page de votre site Web->Aller à Tableau de bord -> Cliquez sur Se déconnecter. Vous pourrez désormais voir un aperçu de la façon dont vos clients verront la page depuis leurs appareils.