Meilleur hébergement pour tutoriel wordpress e-commerce

Accueil »Ressources Ecommerce» Comment créer un fantastique boutique en ligne avec WooCommerce, Divi et Bluehost (Mars 2017)

Plus de 74 millions de sites dépendent de la plate-forme WordPress pour héberger leurs blogs, vendre leurs produits ou tout simplement écrire leurs réflexions quotidiennes pour le monde à voir. Lorsque vous avez commencé à construire votre site de commerce électronique, vous avez certainement beaucoup de choix à faire, et les liens WordPress dans ce. Laquelle des plates-formes e-commerce hors concours choisirez-vous? Envisagez-vous de saisir un thème pour vendre vos produits ou est-il quelqu'un que vous pouvez payer pour construire le site à partir de zéro? Heck, qu'est-ce que vous envisagez même sur la vente par le biais de votre site Web de commerce électronique? Il y a des milliers à des millions de thèmes WordPress au choix lorsque vous recherchez le frontend et la structure de back-end pour commencer à vendre en ligne. Presque la même chose avec hébergement (mais nous préférons Bluehost).

Meilleur hébergement pour tutoriel wordpress e-commerce que nous voulons réellement ajouter

Les meilleurs thèmes incluent des outils de gestion de commerce électronique rapide et facile afin que vous puissiez télécharger des produits et gérer des choses comme des rabais, des récompenses, des boutons et des pages de produits. Votre thème est aussi la première chose que les gens verront quand ils visitent votre site. Il les guide à travers le processus et porte vraiment la différence entre quelqu'un qui est satisfait de l'expérience ou non.

En bref, les thèmes WordPress sont cruciaux, et le thème WordPress Divi de thèmes élégants est une option assez beau pour vous d'envisager. Il peut être utilisé pour un site Web d'entreprise standard, mais il inclut également des intégrations pour la vente de commerce électronique et les processus de vente rapide. Apprenons comment créer une boutique en ligne avec le thème WordPress Divi.

Obtenez votre domaine et hébergement First

La première étape de tout processus de création de site web est saisissant un compte d'hébergement, nom de domaine et l'installation de WordPress sur le site. Divi est pas différent. Il y a beaucoup de façons d'obtenir d'hébergement et noms de domaine, mais je pense personnellement Bluehost est l'une des options les plus sûres et fiables (pour plus de détails, consultez mon examen Bluehost).

Ce qui est vraiment cool, c'est que Bluehost offre un plan d'intégration WordPress + WooCommerce qui vous donne tout ce dont vous avez besoin pour commencer à vendre en ligne.

Comment voulez-vous commencer?

Gardez à l'esprit que ce service commence à 11,95 $ par mois, et il est très similaire à la façon dont vous installer un site WordPress régulier sur un compte d'hébergement Bluehost.

La principale différence est que WooCommerce est déjà installé. De plus, vous recevez ce qui suit:

  • Sécurité Ecommerce Positive SSL
  • Une ligne de support dédié
  • Au moins 100 Go d'espace de site
  • bande passante unmetered
  • 100 comptes de messagerie
  • domaines gratuits
  • Une adresse IP dédiée

Aller de l'avant, vous pouvez choisir le plan que vous souhaitez payer et passer à la page suivante.

Meilleur hébergement pour tutoriel wordpress e-commerce dans ce

Après cela, vous pouvez essayer de nouveaux noms de domaine pour savoir si ce que vous voulez est toujours disponible. Une fois que vous trouver un nom de domaine disponible qui correspond à votre mouvement de la marque sur la page suivante.

Après cela, tapez tous vos renseignements personnels, les détails de paiement et de décider quel type de plan d'hébergement annuel ou mensuel que vous souhaitez utiliser. Il obtient moins cher plus mois vous vous engagez à partir du début.

Vous pouvez généralement simplement sauter toutes les junk add-on supplémentaire, à moins que vous êtes vraiment désireux de payer pour sauvegarder votre site ou de payer pour la protection de la vie privée. Vous ne généralement pas besoin de ce ou peut l'obtenir gratuitement plus tard. Après cela, vous pouvez créer vos informations de connexion pour votre compte Bluehost, qui vous amène ensuite à la cPanel. Une fois connecté à la cPanel, accédez à la zone Builders site Web, cliquez sur WordPress et à travers le processus pour obtenir WordPress sur votre site.

Cela prend habituellement seulement cinq minutes, car il est automatisé et il vous suffit de faire quelques informations de connexion pour vous connecter au backend de votre site. Après tout est installé, il vous donnera le bon nom de domaine pour accéder si vous voulez changer les choses sur le backend de votre site.

Création de votre boutique en ligne avec Divi

Commencez par aller à la page du produit élégant Thèmes pour le thème Divi WordPress. Cette page offre la possibilité pour une démonstration de thème et un bouton de téléchargement rapide. Thèmes élégants vend ses thèmes en utilisant une structure de paiement annuel ou d'un temps qui est agréable pour les développeurs avec plusieurs sites clients ou les personnes qui exécutent de nombreux sites de commerce électronique. Vous ne pouvez pas vraiment acheter un seul thème, mais le plan personnel pour 67 $ par année est semblable à ce que vous pourriez payer pour un thème régulier, et vous pouvez arrêter les paiements annuels si vous ne voulez pas le soutien plus. Ne hésitez pas à jouer avec le thème avant de vous engager au paiement.

Une fois que vous vous abonnez, cliquez sur le bouton de téléchargement pour le thème. Cela met le thème en tant que fichier zip sur votre ordinateur. Allez à l'onglet Apparence sur le backend de votre site WordPress et cliquez sur l'option Thèmes.

Cliquez sur le bouton Ajouter.

Cliquez sur le bouton Upload Theme. Trouvez et téléchargez le fichier zip à thème. Passez par le processus pour activer complètement le thème et vous devriez être en mesure de voir le thème sur le frontend de votre site.

Si vous allez à la page de documentation thématique Divi vous trouverez à peu près tous les outils et fonctionnalités dont vous pouvez travailler avec le thème, mais nous allons nous concentrer principalement sur la mise en place d'un site de commerce électronique. Le thème Divi est entièrement compatible avec WooCommerce de sorte que vous pouvez afficher tous vos produits de cela.

Ce qui est génial est que l'inscription initiale Bluehost déjà installé WooCommerce sur votre site WordPress, vous n'avez pas à vous soucier de l'installation ou la mise en place. Il devrait être déjà disponible dans votre tableau de bord.

Vous avez déjà techniquement le site de commerce électronique tous les réglages, mais nous voulons réellement ajouter certains produits pour la faire ressembler à un site de commerce électronique sur le frontend. Accédez à votre tableau de bord WordPress, cliquez sur l'onglet Produits sous WooCommerce et cliquez sur Ajouter élément de produit.

Cela fait apparaître une nouvelle page de produit pour vous de remplir. Il ressemble beaucoup à un éditeur de page WordPress, sauf que vous pouvez ajouter un nom de produit, la description et une image sélectionnée afin que les gens puissent voir ce que le produit ressemble sur votre site.

Si vous faites défiler vers le bas en dessous de la zone de description, vous trouverez tous les possibles caractéristiques de WooCommerce à jouer avec. Sentez-vous libre de modifier des choses comme des numéros de référence, l'inventaire, les prix, la livraison et les attributs. Les caractéristiques sont beaucoup trop vaste pour que je les décris tous ici, mais vous pouvez aller à la page de documentation WooCommerce pour comprendre tout ce que vous pouvez mettre en place sur votre site de commerce électronique.

Le point entier de cela est de créer une page d'accueil ou d'une page régulière qui met en vedette tous vos produits quand les gens apparaissent sur votre site. Par conséquent, vous devez aller à Pages> Ajouter un nouveau sur le côté gauche de votre tableau de bord WordPress.

Créer un titre pour votre page. Cliquez sur le bouton Utiliser la page Builder en haut, et appuyez sur la zone des modules d'insertion pour inclure un en-tête de largeur. Vous ne devez pas choisir un en-tête de largeur, mais nous allons à pour ce tutoriel.

Cliquez sur le bouton Largeur pleine tête.

Remplissez les détails de votre site Titre, texte et Couleur du texte Sous-titre. Vous pouvez même changer l'étiquette d'administration, qui est principalement pour votre propre référence. Appuyez sur le bouton Enregistrer lorsque vous avez terminé.

Appuyez sur les trois barres à gauche du module d'en-tête pleine largeur pour modifier d'autres paramètres.

Ici, vous pouvez donner l'en-tête d'une belle couleur d'arrière-plan et même inclure une vidéo pour votre entreprise.

Maintenant que l'en-tête est complet, nous pouvons inclure le module de commerce électronique en cliquant sur le Insérer zone Colonnes.

Choisissez le nombre de colonnes que vous voulez, puis cliquez sur l'option Modules d'insertion qui apparaît. Cliquez sur le bouton de boutique près du fond.

Ne hésitez pas à modifier la façon dont vous souhaitez afficher vos produits. Donc, vous pouvez montrer vos produits récents, ainsi que 12 articles sur la page, quelques colonnes et la façon dont vous voulez qu'ils soient commandés. Cliquez sur le bouton Enregistrer.

Une fois cette opération terminée, vous pouvez frapper la prévisualisation ou Publish bouton pour afficher les modifications sur le frontend. Comme vous pouvez le voir, les produits apparaissent bien, et vous pouvez toujours revenir en arrière pour changer vos produits ou paramètres de devanture de magasin sur le backend WordPress. Toutes nos félicitations!

Si vous avez des questions sur la mise en place du thème WordPress Divi. s'il vous plaît laissez-nous savoir dans la section commentaires ci-dessous.

Divi Note: 5 - Examen par Catalin Zorzini

23 Réponses

Salut, je l'ai fait tout ce qui précède, sauf que j'ai une page personnalisée, en utilisant un modèle de page vierge avec Divi tout au long de mon site. Le magasin, panier, caisse peuvent tous être construits à l'aide et le constructeur shortcodes page ... Cependant, les produits en utilisant WooCommerce ne peut pas ... ou pas autant que je peux trouver. Je suis nouveau à tout cela, mais sûrement il doit y avoir un moyen de rendre les produits pages ont la même apparence que le reste du site. Je ne veux pas qu'il y ait l'en-tête Divi et tout ce qui montrant. a des idées? Il ne semble pas professionnel pour le moment.
Merci

oui, vous pouvez le supprimer de quelques-unes des pages en utilisant l'option de page blanche, mais pour une raison quelconque il ne sera pas sur les autres types de mess it up.
meilleure façon de faire est probally thème enfant et modifier une partie du code
ou rechercher des thèmes divi-commerce predone payer quelques $ et personnaliser

Mais ici est une façon simple de le faire pour les pages que vous pouvez

ouvrez l'administrateur wp. > Tableau de bord> toutes les pages>

utiliser les éléments suivants pour modifier (voir les pages WooCommerce ajoute automatiquement: panier. etc)

exemple: Eidt et faire une page de panier personnalisé

important de faire ce bit pour rendre les choses faciles avant d'utiliser le constructeur ET page tout ce que vous verrez est le code court WooCommerce

panier page = [woocommerce_cart]

copier le code court à un nouveau bloc-notes, bloc de texte ou simillar avec une petite description si vous voulez

retirer la tête Divi. aller à des attributs de page changer de défaut vide, cliquez sur la mise à jour pour enregistrer la page, aperçu. tête Divi est parti

Je veux utiliser le constructeur ET page pour le nouveau beau design (oui s'il vous plaît)

d'abord supprimer (couper l'enregistre prêt à coller) le code court WooCommerce [woocommerce_cart] maintenant vous avez une page vide, mise à jour modifie à nouveau

vous pouvez commencer à modifier la page en utilisant le constructeur de la page ET, commencez par l'ajout d'un module de texte coller quelque part votre shortcode WooCommerce, [woocommerce_cart] pour une mise à jour de test rapide et des changements aperçu

rincer et repat pour les autres pages

Ne pas oublier que vous pouvez changer de barre latérale / désactiver ou modifier les widgets

jours heureux et sans fin de beaux dessins, yipee!

les coller sur un bloc-notes / texte doc prêt à couper la pâte de n

Salut Craig vous pouvez afficher la catégorie des produits à l'aide du module Boutique Divi. Dans un cadre général du module sous l'option Type déroulante, sélectionnez Catégorie de produits. Maintenant, vous devriez déjà avoir quelques articles pour chaque catégorie de produits que vous avez créé dans votre woo-commerce, avec ce fait, vous verrez une option Inclure Catégorie; aller de l'avant une sélectionner la catégorie que vous souhaitez afficher. J'espère que cela vous aide. Rappelez-vous avoir des articles dans chaque catégorie de vos produits avant d'activer cette option

Merci pour les détails « luashoro ». J'ai deux catégories avec des produits à la fois et la « catégorie de produits » est toujours pas montre pour moi. Des indices vous plaît?

En fait, vous ne pouvez pas.

J'ai choisi de montrer mes «articles en vedette. mais rien ne montre. Comment puis-je choisi ce que les produits sont « en vedette »?

ok ce totalement aidé, mais le module boutique a encore une barre latérale. il n'y a pas shortcode dans ce module?

Je vais avoir un problème pour trouver ma page de produits pour ressembler à mes autres pages. tout semble bon jusqu'à ce que vous cliquez sur « créer votre impression parfaite » et choisissez « Bouleau blanc » ou « aluminium brossé », puis tous les produits sont pêle-mêle et le sol en arrière est blanc. Im absolument sans défense quand il vient à ce genre de choses, je essentiellement appris tout cela aujourd'hui. Nous utilisons « concepteur de produits de fantaisie » pour notre produit personnalisé et Im essayant de ramasser où quelqu'un d'autre laissé sans aucune expérience préalable ou information. Toute aide serait appréciée.

Je suis en train d'ajouter ce shortcode là dans le module de code [parent de product_categories = » 0"] pour afficher les catégories de produits, mais il ne montre pas quoi que ce soit sur l'inspection il n'y a qu'un div blanc montrant class = » colonne WooCommerce -4" alors s'il vous plaît aidez-moi en ce qui concerne ce si quelqu'un sait ce qui est le problème

Les recommandations sur l'utilisation Divi tableaux de prix et WooCommerce. Au lieu d'un magasin, il est un conseil emballé offrant aux clients led acheter?

Je voudrais quelques conseils comme il est la première fois à l'aide Divi et WooCommerce ensemble.

Mes besoins;
Je voudrais savoir quelle option ou la direction d'aller dans l'enregistrement du client pour le site, à utiliser pour les communications marketing et d'acheter des produits en ligne.
- Les clients doivent être en mesure d'enregistrer, même si elles ne sont pas acheter quoi que ce
- Comment puis-je obtenir le plus de flexibilité à obtenir ces détails Leke les exporter et ayant un dossier de feuille de calcul pour le suivi et la manipulation comme l'envoi de mails de masse ou des SMS etc car il y aurait des moments où je aurai besoin pour sauvegarder des informations quelque part juste au cas où, et la nécessité d'alors utiliser la même base de données (MySQL) pour seulement les utilisateurs dans une autre partie du site ou dire dans le magasin que pour une pharmacie et nous pouvons les histoires des patients de configuration avec la pression artérielle, de glycémie et beaucoup d'autres, par exemple, puis peut-être ajouter des pages personnalisées où leurs informations de profil seront utilisés.
Les données sont également nécessaires pour ensuite importer / ajouter des clients dans notre programme de pharmacie locale dans notre magasin physique pour traiter les médicaments délivrés sur ordonnance, les adresses de livraison et le plus important des informations d'aide médicale ce n'est pas un champ de formulaire standard ou un élément de la structure etc pour être conforme à poser et il signifierait csv / autres exportations de fichiers de base de données d'adhésion en ligne pour importer ensuite dans les bases de données SQL sur notre serveur dans des magasins.
- Idéalement, je dois être en mesure de déplacer des données facilement ou plus en douceur et j'ai besoin donc pour répondre à cela correctement sur le site avant tout en utilisant toute inscription ou formulaire pour inscription. Pourrais-je configurer une base de données séparée pour les utilisateurs qui seront sa propre base de données indépendante qui ne sont pas dans les tableaux ou les bases de données WordPress / Divi / WooCommerce qui sont créés par défaut?
- Un autre élément est la sécurité des paiements en ligne, est-ce appliquée à travers le thème lui-même ou WooCommerce ou le back-end ou peut-être dans wordpress les 3?
Merci et espérons avoir de vos nouvelles bientôt.

Salut, je me demandais comment ajouter des produits dans chaque page produit avec WooCommerce et Divi. Merci d'avance!

Articles Liés

seo tutoriel à la page d'hébergement wordpressComplet WordPress Guide 000webhost (2017) WordPress ne nécessite pas vraiment une introduction formelle, car il est le plus populaire plateforme de blogs qui a rapidement fait une place à part ...
Exporter des pages sélectionnées hébergement wordpressIl y a beaucoup d'hébergeurs qui vous donnent les outils pour créer des sites Web sur leurs plates-formes. Ils vous permettent de créer des pages, messages de blog, et même les magasins en ligne. La plupart ont d'excellents outils et ...
GoDaddy tutoriel hébergement web thème wordpressPlus est un blog juste une seule page avec un « ce que je faisais au magasin aujourd'hui » genre de dialogue. Les blogs sont l'élément vital de l'Internet, ce qui porte la publication aux masses. Il est révolu le temps de ...
site Wordpress hébergement Le meilleur chemin22 avril 2014 16 minutes lire I love WordPress. Je l'utilise pour presque tous les sites que je construis, j'écrire des plugins pour elle. Je lance ce site là-dessus. Il est un système de gestion de contenu impressionnant et les blogs ...
VTX graphiques wordpress hébergementComment ajouter des bannières aux sites WordPress Aujourd'hui publicité est partie essentielle de la plupart des sites Web sur Internet. Dans ce tutoriel, nous allons vous montrer comment ajouter des bannières à différentes parties ...