Sélectionner une page


Avec DiviWoo vous pouvez créer votre propre boutique e-commerce Deux + WooCommerce. Ce pack de mise en page est téléchargeable gratuitement et dispose de fonctionnalités intéressantes.

Principales caractéristiques

  • Page d’accueil
  • Boutique personnalisée et page de catégorie
  • Page de produit personnalisée
  • Page de panier personnalisé
  • En-tête personnalisé
  • Pied de page personnalisé

J’utilise 2 plugins gratuits pour la liste de souhaits et le panier de menu et un plugin premium pour la page de paiement.

Les 3 plugins sont facultatifs et n’ont pas besoin d’être présents pour fonctionner avec ce pack de mise en page.

Consultez la documentation ci-dessous pour les liens et les paramètres que j’ai utilisés pour ces plugins.

Pages de mise en page Divi et WooCommerce

Téléchargez et importez le pack de mise en page

Étape 1: Téléchargez le pack de mise en page

Inscrivez-vous ci-dessous pour télécharger ce pack de mise en page gratuit.

Étape 2: importez le pack de mise en page

Avant d’importer ce pack de mise en page, assurez-vous de l’avoir installé Deux et WooCommerce.

Décompressez le fichier «DiviWoo.zip» sur votre ordinateur.

Aller à Deux > Options de thème. Cliquez sur les options d’importation / exportation (flèches haut / bas).
Cliquez sur Importer et télécharger Options du thème DiviWoo.json.

Importer les options du thème Divi

Aller à Divi> Générateur de thèmes. Cliquez sur les options d’importation / exportation (flèches haut / bas).
Cliquez sur Importer et télécharger DiviWoo Theme Builder Templates.json.

Modèles de générateur de thèmes DiviWoo

Noter: Cliquez sur Enregistrer les modifications

Aller à Divi> Personnalisateur de thème. Cliquez sur les options d’importation / exportation (flèches haut / bas).
Cliquez sur Importer et télécharger Paramètres de personnalisation DiviWoo.json.

Aller à Divi> Bibliothèque Divi. Cliquez sur les options d’import / export.
Cliquez sur Importer et télécharger DiviWoo Builder Layouts.json.

Mises en page DiviWoo Builder

Étape 3: créer la page d’accueil

Accédez à Pages> Ajouter nouveau.

Ajoutez un titre et cliquez sur le bouton « Utiliser Divi Builder ».

Cliquez sur « Choisir une mise en page prédéfinie ».

Allez dans l’onglet «Vos mises en page enregistrées» et cliquez sur «Page d’accueil DiviWoo».

Publiez cette page.

Importez la page d'accueil

Accédez à Paramètres> Lecture sous Vos annonces de page d’accueil et définissez votre page d’accueil créée sur statique.

Étape 4: création des menus

Accédez à Affichage> Menus.

Créez un menu et ajoutez votre page d’accueil à ce menu. Consultez le menu principal.

Créez un deuxième menu et ajoutez les pages Mon compte, Panier et Paiement à votre menu. Vous n’avez rien à vérifier pour ce menu.

Carte du menu de la boutique

Allez dans Divi> Theme Builder et ouvrez l’en-tête global.

Ouvrez le menu en haut à droite et sélectionnez votre menu avec mon compte, mon panier et ma commande sous Menu.

Étape 5: installation de la liste de souhaits Yith

Allez dans Plugins> Add New et recherchez YITH WooCommerce Wishlist par Yith.

Installez et activez le plugin.

Liste de souhaits YITH WooCommerce

Allez dans YITH> Liste de souhaits> Ajouter à la liste de souhaits.

Utilisez les paramètres suivants.

Ajouter à la liste de souhaits

Allez dans YITH> Liste de souhaits> Options de la page de liste de souhaits.

Utilisez les paramètres suivants.

Allez dans Pages> Toutes les pages> Liste de souhaits

Cliquez sur Utiliser Divi Builder> Modifier avec Divi Builder.

Cliquez sur « Choisir une mise en page prédéfinie ».

Allez dans l’onglet « Vos mises en page enregistrées » et cliquez sur « Page de favoris DiviWoo ».

Enregistrez la page.

Étape 6: installation du panier de menu WooCommerce

Allez dans Plugins> Ajouter un nouveau et recherchez le panier de menu WooCommerce par Jeremiah Prummer, Ewout Fernhout.

Installez et activez le plugin.

Panier de menu WooCommerce

Accédez à WooCommerce> Menu de configuration du panier.

Utilisez les paramètres suivants.

Configurer les chariots de menu

Étape 7: créer la page de paiement personnalisée

J’ai créé une page de paiement personnalisée avec un plugin premium. Ceci est facultatif et vous n’avez pas besoin de ce plugin. Vous pouvez simplement utiliser la page de paiement standard.

Si vous souhaitez utiliser une page de paiement personnalisée, vous pouvez suivre celle-ci Didacticiel.

Vous trouverez également un bonus de commande sur la page de paiement. Vous pouvez l’utiliser pour créer un changement de commande Didacticiel.

Comment modifier la page de présentation du produit, de la catégorie et du panier

Le produit, la catégorie et la page du panier sont créés dans Divi> Theme Builder.

Mises en page de modèles WooCommerce pour Divi

Les mises en page de ces pages se trouvent dans le texte personnalisé.

Améliorez votre AOV avec ces tutoriels

Je recommande vivement de suivre ces tutoriels ci-dessous. Ils vous aideront à augmenter votre aov (valeur moyenne de commande) pour votre entreprise.

FAQ

Est-ce vraiment gratuit?
Oui, 100% gratuit et ce sera le cas.

Comment changer le logo?
Allez dans Divi> Theme Builder et ouvrez l’en-tête global.

Comment changer le pied de page?
Allez dans Divi> Theme Builder et ouvrez le pied de page global.

Ai-je besoin des plugins pour fonctionner avec ce pack de mise en page?
Non, les plugins que j’utilise dans ce pack de mise en page sont facultatifs.

Puis-je supprimer Made by MarkHendriksen.com?
Oui, vous pouvez modifier ou supprimer cela sous Divi> Theme Builder> Global Footer.



Source link

Recent Posts