Basculer le menu

Module Commerce Nord pour Beaver Builder

Publié: 2024-08-24

25 % de réduction sur tous les produits Beaver Builder... Dépêchez-vous, la vente se termine bientôt ! Apprendre encore plus

Beaver Builder North Commerce module
  • Constructeur de castor
  • WooCommerce

Module Commerce Nord pour Beaver Builder

Avec tout l'enthousiasme suscité par Beaver Builder 2.8 et notre nouveau module Box, vous avez peut-être manqué l'annonce du module North Commerce. Cet ajout ouvre de nouvelles portes pour l'affichage des éléments North Commerce dans vos mises en page Beaver Builder, offrant une expérience transparente pour vous et vos clients.

Le module North Commerce est un module Beaver Builder qui vous permet d'afficher des éléments North Commerce sur votre site Web. Le module devient disponible dans l'interface utilisateur de Beaver Builder lorsque le plugin North Commerce est installé.

Dans cet article, vous apprendrez à utiliser le module North Commerce pour améliorer votre site WordPress et créer une expérience d'achat fluide pour vos clients.

Qu’est-ce que le Commerce du Nord ?

Avant de plonger dans les détails du module North Commerce, il est essentiel de comprendre ce qu'est North Commerce et comment il peut aider votre stratégie de commerce électronique :

North Commerce est un nouveau plugin de commerce électronique tout-en-un pour WordPress, conçu pour aider les utilisateurs à créer des boutiques en ligne et des entonnoirs de vente très performants.

Il fournit une gamme de fonctionnalités pour créer, gérer et optimiser les boutiques en ligne, en mettant l'accent sur la rapidité, la facilité d'utilisation et la personnalisation.

Principales caractéristiques du commerce du Nord :

  • Formulaires de paiement personnalisés : améliorez le processus de paiement avec des formulaires personnalisables qui incluent des options de ventes incitatives avant ou après la commande, augmentant ainsi votre potentiel de vente.
  • Solution tout-en-un : North Commerce fournit des fonctionnalités de commerce électronique essentielles telles que des produits d'abonnement, des plans de paiement, des coupons avancés et la collecte d'avis sans avoir besoin de plugins supplémentaires.
  • Optimisé pour la vitesse : le plugin est conçu pour la vitesse, garantissant des temps de chargement rapides et une expérience utilisateur fluide, ce qui est crucial pour fidéliser les clients et améliorer les taux de conversion.

North Commerce vise à fournir une expérience de commerce électronique transparente et puissante au sein de WordPress. Il simplifie la création, la gestion et l’optimisation des boutiques en ligne.

Présentation du module Commerce Nord de Beaver Builder

L'ajout du module North Commerce vous permet d'afficher les éléments de North Commerce directement dans vos mises en page Beaver Builder, offrant ainsi une manière plus intuitive de créer des pages de commerce électronique :

Avec ce module, vous n'avez plus besoin de vous fier aux shortcodes pour afficher les produits. Faites simplement glisser et déposez le module North Commerce dans votre page et personnalisez-le avec l'interface familière de Beaver Builder.

Avantages du module Commerce Nord :

  • Intégration transparente : le module fonctionne avec vos mises en page Beaver Builder existantes, ce qui facilite l'ajout de fonctionnalités de commerce électronique à votre site sans apprendre de nouveaux outils.
  • Contrôle amélioré : obtenez plus de contrôle sur l'apparence et les fonctionnalités de vos pages de commerce électronique, permettant une expérience d'achat plus personnalisée.
  • Flux de travail amélioré : accélérez votre processus de conception grâce à des mises en page prédéfinies et des paramètres personnalisables qui éliminent le besoin de codage complexe.

Comment utiliser le module commercial Beaver Builder North

Créer une expérience de commerce électronique fluide est crucial pour le succès de votre boutique en ligne. Le module North Commerce pour Beaver Builder simplifie le processus de création de sites Web de commerce électronique époustouflants et entièrement fonctionnels.

Étape 1 : Installer les plugins requis

Avant de commencer, assurez-vous que les plugins suivants sont installés et activés sur votre site WordPress :

Installez les plugins requis Générateur de pages Beaver Builder + North Commerce
  • Beaver Builder Page Builder : Un générateur de pages flexible par glisser-déposer pour WordPress qui permet aux utilisateurs de créer des mises en page et des conceptions personnalisées sans codage.
  • North Commerce Plugin : Un plugin de commerce électronique WordPress tout-en-un conçu pour aider les utilisateurs à créer des boutiques en ligne hautement performantes en mettant l'accent sur la rapidité et la facilité d'utilisation.
  • Beaver Themer (facultatif) : un générateur de thèmes pour Beaver Builder qui permet aux utilisateurs de créer des en-têtes, des pieds de page, des pages de produits et des mises en page de contenu dynamiques personnalisés pour l'ensemble de leur site WordPress.

Une fois ces plugins en place, vous êtes prêt à commencer à créer votre site de commerce électronique.

Étape 2 : Ajoutez le module North Commerce à votre page

Accédez à la page où vous souhaitez ajouter vos fonctionnalités de commerce électronique et cliquez pour ouvrir l'éditeur Beaver Builder. Ensuite, cliquez sur l'icône « + » dans le coin supérieur droit pour accéder au panneau des modules.

Dans la barre de recherche, tapez « North Commerce » pour localiser rapidement le module. Une fois que vous l'avez trouvé, faites simplement glisser et déposez le module North Commerce à l'emplacement souhaité sur la page :

Module Commerce Nord de Beaver Builder

L'ajout du module North Commerce à votre page est la première étape dans la personnalisation de votre expérience de commerce électronique. Cela vous donne la flexibilité d'incorporer des affichages de produits, des éléments de panier ou des formulaires de paiement directement dans la conception de votre page. Cette intégration transparente garantit que vos fonctionnalités de commerce électronique se fondent harmonieusement avec le reste de votre contenu, offrant ainsi une expérience cohérente et conviviale à vos visiteurs.

Étape 3 : Configurer le module North Commerce

Le module North Commerce propose une gamme de paramètres pour vous aider à personnaliser les éléments de commerce électronique de votre site en fonction de votre marque et à optimiser l'expérience utilisateur.

Sous l'onglet Général , vous pouvez choisir parmi plusieurs options de mise en page, chacune étant adaptée pour fournir un type spécifique de contenu ou d'interaction utilisateur :

Chaque option de mise en page répond à différents aspects de votre boutique en ligne, vous aidant à créer une expérience cohérente et conviviale. Choisissez la mise en page qui correspond le mieux à vos besoins, que ce soit pour mettre en valeur les produits, rationaliser le paiement ou améliorer la conception de votre site.

Ensuite, nous explorerons chaque option de mise en page et vous fournirons des conseils sur leur configuration pour votre boutique.

Page produit

La présentation de la page produit vous permet d'afficher un seul produit, comme vous le voyez sur la page produit par défaut. Cette mise en page est parfaite pour mettre en valeur un produit spécifique n'importe où sur votre site, comme sur les pages de destination, les articles de blog ou les pages de vente personnalisées.

Sélectionnez Page produit dans la liste déroulante Mise en page, puis entrez le Product Slug pour présenter un article spécifique :

Le slug du produit est un identifiant unique pour chaque produit et garantit que les informations correctes sur le produit sont affichées.

La mise en page de la page produit offre aux visiteurs une vue détaillée d'un produit, y compris les images, la description, le prix et les options. Il est parfait pour promouvoir des produits phares, mener des campagnes marketing ou créer des vitrines personnalisées qui se fondent dans le design de votre site.

De plus, en plaçant tous les détails d'un produit à des endroits stratégiques, vous pouvez efficacement susciter l'intérêt et augmenter les conversions.

Galerie de produits

Pour présenter plusieurs produits sur une seule page, utilisez l'option Galerie de produits dans le module North Commerce. Cette fonctionnalité est parfaite pour créer des pages de catégories ou des aperçus de produits visuellement attrayants.

Sélectionnez Galerie de produits dans le champ Mise en page :

La présentation de la galerie de produits affiche vos produits dans une grille claire et organisée, généralement composée de trois colonnes. Chaque produit est mis en valeur avec son image, son titre et son prix, offrant aux visiteurs une présentation claire et attrayante de vos offres.

La présentation de la galerie de produits engage les clients en affichant plusieurs produits à la fois. Cela leur permet de trouver plus facilement ce qu’ils recherchent.

Curseur de produit

L'option Product Slider vous permet de présenter une sélection de vos produits North Commerce dans un curseur dynamique et interactif. Cette fonctionnalité est idéale pour rendre vos produits plus visibles et plus attrayants auprès des visiteurs de votre site.

Pour créer un slider de produit, sélectionnez Slider de produit dans le menu déroulant du champ Mise en page :

Disposition du curseur de produit du module North Commerce

L'utilisation d'un curseur de produit sur des pages clés, telles que votre page d'accueil ou vos pages de destination, peut attirer efficacement l'attention sur vos produits et encourager les utilisateurs à explorer vos offres, générant ainsi un engagement et des ventes plus élevés.

Vérifier

Le module North Commerce vous permet d'intégrer le processus de paiement directement dans n'importe quelle page ou publication. Cette option vous offre une flexibilité quant à la manière et au lieu où vous guidez les clients tout au long de votre processus de vente. En affichant le formulaire de paiement North Commerce sur des pages personnalisées, vous pouvez rationaliser le processus d'achat et réduire les frictions pour vos clients.

Pour utiliser cette fonctionnalité, sélectionnez simplement Checkout dans le champ Mise en page :

Présentation du paiement des produits du module North Commerce

Cela affichera automatiquement le formulaire de paiement, permettant aux clients de finaliser plus facilement leur achat sans avoir à quitter la page actuelle.

L'intégration du formulaire de paiement à des emplacements stratégiques, tels que les pages de destination ou les entonnoirs de vente, peut améliorer considérablement l'expérience utilisateur et améliorer les taux de conversion.

Panier

Enfin, le module North Commerce permet d'afficher le contenu du panier de l'utilisateur. Cette fonctionnalité est particulièrement utile lors de la création de pages de vente et d'entonnoirs de vente, car elle permet aux clients de revoir facilement leurs sélections avant de procéder au paiement.

Pour utiliser cette fonctionnalité, sélectionnez Panier dans le champ Mise en page . Vous verrez un affichage similaire à l'exemple de capture d'écran ci-dessous :

Disposition du panier de produits du module North Commerce

Continuez à lire pour savoir comment personnaliser les pages de panier et de paiement par défaut de North Commerce pour mieux répondre à vos besoins.

Étape 4 : Personnalisez votre mise en page

Après avoir sélectionné votre mise en page, vous pouvez personnaliser davantage l'apparence de vos éléments de commerce électronique.

Dans la fenêtre contextuelle des paramètres, cliquez sur l'onglet Style :

Paramètres de style du module North Commerce

Ces options vous permettent de créer des boutons adaptés à votre marque et d'améliorer le design global de votre site e-commerce :

Style de bouton

  • Style par défaut : définit l'apparence du bouton dans son état normal.
  • Style de survol : personnalisez l'apparence du bouton lorsque vous le survolez.

Options de couleur

  • Couleur du texte : Choisissez la couleur du texte du bouton.
  • Couleur de l'icône : définissez la couleur de l'icône du bouton.
  • Couleur d'arrière-plan : Sélectionnez la couleur d'arrière-plan du bouton.

Bordure du bouton

  • Style de bordure : personnalisez la bordure du bouton.
  • Bordure de survol : stylisez la bordure du bouton pour l'état de survol.

Ensuite, accédez à l'onglet Avancé :

Paramètres avancés du module North Commerce

Ajustez les marges d'espacement, définissez des règles de visibilité par type d'appareil et appliquez des animations pour des expériences utilisateur dynamiques. Vous pouvez également ajouter du code personnalisé avec des paramètres CSS et Javascript avancés. Ces options vous donnent un contrôle total sur l'affichage de votre contenu et permettent une adaptation précise à vos besoins de conception.

Conclusion

Le module North Commerce pour Beaver Builder vous permet de créer une boutique en ligne attrayante et fonctionnelle. La combinaison de North Commerce avec Beaver Builder vous aide à créer un site visuellement attrayant qui améliore l'expérience utilisateur.

Notre newsletter

Notre newsletter est rédigée personnellement et envoyée environ une fois par mois. Ce n’est pas du tout ennuyeux ou spammé.
Nous le promettons.

Rejoignez la newsletter

Essayez Beaver Builder aujourd'hui

Beaver Builder