How To Create An eCommerce Website With WordPress 2017 | ONLINE STORE | NEW 3.0 Divi Theme -AMAZING!

By | 12th August 2017
How To Create An eCommerce Website With WordPress 2017 | ONLINE STORE | NEW 3.0 Divi Theme -AMAZING!

Get SSD Hosting: http://www.darrelwilson.com/tmdhosting

20% OFF DIVI THEME (http://darrelwilson.com/divi
GET LOGO: http://darrelwilson.com/fiverr

Intro 00:00:00
Hosting 00:12:34
Install WordPress 00:16:00
Buy ElegantTheme 00:19:00
Add Divi Theme 00:21:35
Create First Page 00:24:35
Create Menu 00:25:40
Enable Visual Builder 00:28:09
Section Header 00:29:19
Section New Arrival 00:51:40
Section We Love Our Jeans 00:58:00
Install WooCommerce 01:06:22
Create PayPal Account 01:08:55
First Product 01:11:05
Create a Simple Product 01:20:20
Section Category for Front Page 01:21:59
Variable Products 01:25:20
Add Products to Front Page 01:41:00
Create Group Product 01:46:02
Affiliate Product 01:51:31
Add Simple Product to Front Page 01:55:28
Section Our Weekly Specials 01:58:27
Section Connect With Us 02:02:23
Section Blog 02:02:25
Section Email Optim 02:07:13
Create MailChimp Account 02:08:24
Section Social Icons 02:14:15
Premade Layout 02:16:15
Section Get in Touch 02:20:20
Add Google Map 02:27:10
Overlay Effect 02:33:00
The Flat Card Effect 02:36:50
Shop Menu 02:40:16
Widgets 02:43:20
Custom Shop Page 02:46:10
The Logo 02:56:30
The F.A.Q. Page 03:00:12
The Contact Us Page 03:04:29
Marketing 03:07:20
WooCommerce 03:11:26
General Options 03:12:06
Products 03:14:11
Taxes 03:16:39
Shipping 03:22:50
Checkout 03:26:10
Accounts 03:28:10
Emails 03:28:52
Orders 03:30:56
Cupons 03:34:00
PayPal Advanced 03:40:25

In this tutorial, i will show you how to create an ecommerce website with wordpress (also known as an online shop) for complete beginners! I will go step by step and show you all of the divi theme modules to help you learn how to use the divi theme properly. You can be a complete beginner and make your own ecommerce website. Its really simple. Below, I have included links to help you get started on building and creating your website.

To receive a discount on my layouts, use code darrel99 on my website to save 50% off ALL Layouts!

Purchase Layouts Here: http://darrelwilson.com/divi-layouts-sale/

**Here are the LINKS for the ecommerce wordpress tutorial**

DROPBOX IMAGES:
https://www.dropbox.com/sh/iqjyu37grk918hj/AACoco9iev9reNyX5iledkvva?dl=0

These images will help you get started to follow along with me in the tutorial. Go ahead and download them! They are free!

Custom SHOP Modules: https://www.elegantthemes.com/blog/divi-resources/5-beautiful-ways-to-style-divis-shop-module

There are several ways to decorate your ecommerce website. Here, is an article on how you can design your online shop.

FREE F.A.Q. Page Layout: https://www.elegantthemes.com/blog/divi-resources/free-divi-faq-layout-pack

Free Divi layouts. Always amazing

FREE Contact Us Layouts: https://www.elegantthemes.com/blog/divi-resources/download-the-free-divi-contact-pages-layout-pack

FREE FOOTER Layouts: https://www.elegantthemes.com/blog/divi-resources/free-divi-footer-layout-pack-10-unique-footer-designs-to-give-your-site-a-leg-up

This is for the front page on the bottom section. Make sure you download it correctly and follow the steps

For more tutorials like this and to learn how to create a wordpress website, feel free to visit my website at http://www.darrelwilson.com

**Credit To Regency For The Pictures And Style**
Video Rating: / 5

20 thoughts on “How To Create An eCommerce Website With WordPress 2017 | ONLINE STORE | NEW 3.0 Divi Theme -AMAZING!

  1. Shakti Thapa

    How to adjust the dimensions of image. As you can in 2:01:15 your watch image and the black full sleeve image is smaller than the two Centre image.

    Reply
  2. francis fortes

    hi sir..how should input button below in theimage.."add tocart" in shop.

    Reply
  3. freyes389

    Darrel Wilson,
    Can you help me on how to use the Alidropship plugin.

    Reply
  4. Juan llabres

    Hi, when uploading the Divi theme i get this error "the uploaded file exceeds the upload_max_filesize directive in php.ini." what can i do?

    Reply
  5. Ron van der Steeg

    Very usefull video Darrel! Thanks a lot! Maybe change default font in the beginning instead of changing it all the time to Railway. 😉

    Reply
  6. fenny yan

    Thanks for sharing. I tried to download divi layout from your website, but can't upload to dashboard.

    Reply
  7. Zac Efron

    Hi
    I'm new here .I saw all the tutorials.Now I'm trying to make website by following your steps .
    Can you suggest me, how can i make a perfect website by divi theme as like you ?

    Reply
  8. Aj Allen

    Great tutorial thanks. Just one quick comment… would it not be better to set the theme default font to Raleway before you start, instead of constantly changing each text module? Seems to me like that would be the thing to do.

    Reply
  9. Bronson Wilson

    Hey man, I love how you say Butt-Inz. Thanks so much this tutorial was amazing and so helpful!

    Reply
  10. That Guy You Know!

    Hey Darrel I am having a problem with changing the font style and size on the shop modules. The price font style will change but not the title. Is there any way to fix this?

    Reply
  11. TyBlue

    Great tutorial, I only have one issue. The site looks unrecognizable on mobile. The large image on the home page is stretched out all the way down my phone screen. Any advice on how to fix this?

    Reply
  12. Hafiz Ibad

    Woooooaahhhhh <3 I completed online store twith the help of your tutorial <3 (y) I highly appreciated you Darrel, Thank You

    Reply
  13. K Prasad

    hi darrel how to use other eCommerce themes with Divi please give some tips.

    Reply
  14. Joshua Fox

    CENTER ALIGN THE RATINGS FOR PRODUCT…….

    Darrel does a great job shoeing us how to center the Title and Price for the products, but any ratings that are made to the products are left with an alignment of left. To fix this, and be responsive paste this in the Custom CSS for "Rating":

    margin-right: auto !important;
    margin-left: auto !important;

    Now you will have the rating centered as well.

    Reply
  15. Walter Trejo

    Hello Darel,

    Is it possible to duplicate this website for a second business wth a different domain name?

    Reply
  16. Amy McArthur

    Your tutorials are so helpful!! Thank you!
    Quick question– what size should we make our product images and what is the easiest way to get them that size?

    Reply
  17. Christian Eduardo Ruiz Huaman

    The shortcode gets messy and crash when you update?

    Reply
  18. Alejandra Michel

    Hello Darrel! thanks for the great tutorial! I have a question… can we have an add to cart button on the front page? so people don´t have to go to the product page to add it to the cart?
    Tks!

    Reply
  19. Walter Trejo

    Hello Darrel,

    I'm about to make have a go at building this website. Can you integrate a product enquiry form in this website as I don't want to show any prices?

    cheers

    Reply

Leave a Reply