{"id":1825,"date":"2021-06-20T12:59:18","date_gmt":"2021-06-20T12:59:18","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=1825"},"modified":"2023-02-22T09:34:55","modified_gmt":"2023-02-22T09:34:55","slug":"how-to-transform-any-wordpress-site-into-an-online-store-with-elementor","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/how-to-transform-any-wordpress-site-into-an-online-store-with-elementor\/","title":{"rendered":"How to Transform Any WordPress Site Into an Online Store With Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1825\" class=\"elementor elementor-1825\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1cf25721 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1cf25721\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b22bf15\" data-id=\"2b22bf15\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-370a813c elementor-widget elementor-widget-video\" data-id=\"370a813c\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=BX57j0HcCIM&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cfc7094 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cfc7094\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-79e3c3cc\" data-id=\"79e3c3cc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-521c1bd4 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"521c1bd4\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1371\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1371\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1372\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1372\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1371\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1371\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1371\" tabindex=\"0\" hidden=\"false\"><p>This Monday MasterClass we\u2019re taking an in-depth look at converting a simple WordPress website into an online store in 5 simple steps. The main focus of this episode is on setting up WooCommerce correctly in order to sell and ship physical products. If you\u2019re also planning on selling digital\/downloadable products, you might want to also check out our previous Masterclass \u201cHow to Build a Basic Online Store\u201d<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1372\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1372\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1372\" tabindex=\"0\" hidden=\"hidden\"><p>this week we&#8217;ll be taking a regular<br \/>website and turning it into an online<br \/>store so easily that you&#8217;ll be able to<br \/>bounce back to business selling products<br \/>and services in no time<br \/>[Music]<br \/>unfortunately the covert 19 crisis<br \/>hasn&#8217;t just forced us to stay at home<br \/>it&#8217;s also preventing many small and<br \/>medium brick-and-mortar businesses from<br \/>making any income and with so much<br \/>business being conducted online these<br \/>days the question is why why are there<br \/>still so many businesses not taking<br \/>advantage of the Internet and the reason<br \/>as it turns out is that there is no<br \/>shortage of people who are still<br \/>intimidated by the notion of creating an<br \/>online store and we&#8217;re hoping to change<br \/>that in this masterclass so whether<br \/>you&#8217;re new to web design and yet to<br \/>build your first online store or you&#8217;re<br \/>an experienced web creator looking for a<br \/>cool way to shorten and improve your<br \/>workflow this week we&#8217;re showing you a<br \/>simple way to get an online store up and<br \/>running what we&#8217;ll need for this<br \/>masterclass<br \/>are the following items a basic<br \/>functioning WordPress website and we<br \/>won&#8217;t be building a basic site in this<br \/>masterclass but we will include some<br \/>links to where you can learn how to do<br \/>that in the show notes below we&#8217;ll also<br \/>need at least one product for obvious<br \/>reasons we&#8217;ll need to have the elements<br \/>or website creates a platform installed<br \/>and we&#8217;ll be installing WooCommerce the<br \/>preferred ecommerce plugin for WordPress<br \/>we&#8217;ll also need to add at least one<br \/>payment gateway these are online payment<br \/>services like stripe or PayPal etc who<br \/>have great reputations for secure online<br \/>transactions now our test case will be a<br \/>small business a brick and mortar sports<br \/>equipment store until now they&#8217;ve only<br \/>needed their website for providing basic<br \/>information about the store and special<br \/>offers but with the local health<br \/>regulations forcing the store to remain<br \/>closed they have no choice but to start<br \/>selling products online and this is what<br \/>the store&#8217;s website currently looks like<br \/>and if this site looks familiar it&#8217;s<br \/>because we use the gym template kit to<br \/>create this example really<br \/>quickly now because we want to grab our<br \/>customers attention from the get-go<br \/>we&#8217;ve come up with a great product to<br \/>launch on our new online store a home<br \/>fitness package that will include a<br \/>skipping rope a pair of weights a<br \/>roll-up mattress and a pair of<br \/>resistance training straps just the kind<br \/>of thing for certain master class<br \/>presenters who could stand to lose a few<br \/>pounds if they ever want to fit into<br \/>their shirts again anyway that&#8217;s enough<br \/>backstory let&#8217;s get cracking on with the<br \/>build<br \/>whether we&#8217;re professional or not it&#8217;s<br \/>considered good practice to first put<br \/>our site in maintenance mode and this is<br \/>easily done in the WordPress dashboard<br \/>we&#8217;ll just go to the elemental tab and<br \/>select tools and in the tools section<br \/>will select the maintenance mode tab and<br \/>in the mode drop-down menu will select<br \/>the coming soon mode as it serves our<br \/>purpose much better of course we could<br \/>also use this option here to upload or<br \/>create a template with customized<br \/>designs in elemental perhaps with the<br \/>countdown widget ticking down to the<br \/>moment we open our new online store like<br \/>this template that I created earlier now<br \/>when we&#8217;re done we&#8217;ll save our changes<br \/>and get to work with step one download<br \/>and install WooCommerce now we&#8217;ll<br \/>install WooCommerce the same way that we<br \/>install any other plug-in on the<br \/>WordPress dashboard we&#8217;ll go to plugins<br \/>and click on add new we&#8217;ll search for<br \/>WooCommerce or click install and once<br \/>that&#8217;s done we&#8217;ll activate it once we<br \/>activate the plug-in the WooCommerce<br \/>setup wizard should appear and if it<br \/>doesn&#8217;t we&#8217;ll click on the WooCommerce<br \/>tab that has appeared on our dashboard<br \/>select settings and here in the top<br \/>right hand corner we&#8217;ll click on help<br \/>and on the left of this expanded section<br \/>we&#8217;ll click on setup wizard and move on<br \/>to step number two setting up<br \/>WooCommerce using the setup wizard this<br \/>is as straightforward as you can get and<br \/>the guys behind WooCommerce have done a<br \/>great job at making the setup process<br \/>user-friendly will input the store<br \/>details and as we&#8217;re selling physical<br \/>products and node<br \/>digital or downloadable products we&#8217;ll<br \/>leave this as it is and then we&#8217;ll move<br \/>on to the next part for now I&#8217;ll agree<br \/>to using the user tracking because I<br \/>personally have no problem with it and<br \/>in the payment settings we&#8217;ll select our<br \/>payment options and link them to our<br \/>accounts using our email address there<br \/>are a lot of options and they each have<br \/>their pros and cons and if you can use<br \/>stripe then I would definitely add that<br \/>as an option it takes a little longer to<br \/>set up but they provide good service for<br \/>low fees and if not PayPal is great too<br \/>the fees are a little higher but it&#8217;s<br \/>quick and easy to set up and customers<br \/>can use it whether they have a PayPal<br \/>account or not now as you can see there<br \/>are some other options below for offline<br \/>payments but we strongly suggest using<br \/>the online payment gateways because<br \/>we&#8217;ll save a lot of time and effort on<br \/>security and even the design with the<br \/>payment options set up we&#8217;ll move on to<br \/>the shipping section where we&#8217;ll select<br \/>the weight and measurement units that<br \/>will be simplest for our customers to<br \/>use and the next few items are<br \/>recommended plugins that you could use<br \/>if you wish but I&#8217;m going to disallow<br \/>because we already have the option to<br \/>link things like our Facebook and<br \/>MailChimp accounts to our site via<br \/>Elementor so for us this is redundant<br \/>and we don&#8217;t really need jetpack either<br \/>so we&#8217;ll skip that and with the setup<br \/>done we&#8217;ll move on to step 3 create or<br \/>add our first product we&#8217;ll click on the<br \/>create a product button which will take<br \/>us back to the products tab just below<br \/>the WooCommerce tab on the wordpress<br \/>dashboard and this is where we&#8217;ll be<br \/>able to add remove and edit all of our<br \/>products in the add new products section<br \/>we&#8217;ll fill in all of the necessary<br \/>details of our product we&#8217;ll enter the<br \/>product name and a description we&#8217;ll<br \/>define the type of product which in our<br \/>case is a simple product and not a<br \/>virtual or downloadable product we&#8217;ll<br \/>enter our price and add a short<br \/>description then in the panel on the<br \/>right will add our product image and we<br \/>could also take advantage<br \/>of the option to add tags and categories<br \/>but I won&#8217;t do that here because we only<br \/>have the one product we&#8217;ll just check to<br \/>make sure that we&#8217;ve set up our product<br \/>perfectly before we click here to<br \/>publish our new product and with that as<br \/>surprising as it may seem we&#8217;ve<br \/>completed the hard part now let&#8217;s have<br \/>some fun and move on to step number four<br \/>and our product to the page and tweak<br \/>our websites design to better suit its<br \/>new purpose as an online store to do<br \/>this we&#8217;ll open the main page of our<br \/>website in Elementor and as you can see<br \/>we&#8217;ve made a few small changes already<br \/>such as removing the old special offers<br \/>and adding an announcement that the<br \/>physical store will be closed due to the<br \/>health and safety regulations of the<br \/>current situation now the easiest way to<br \/>add a product to our page is by going to<br \/>the widget library in the editor panel<br \/>and searching for the WooCommerce<br \/>products widget we&#8217;ll drag it and drop<br \/>it into the section where we want it to<br \/>appear if we had more than one product<br \/>we would also do the following with the<br \/>widget selected on the Edit panel in the<br \/>content tab we&#8217;ll go to the query<br \/>section and we&#8217;ll select our source as<br \/>manual selection then we&#8217;ll use the<br \/>search and select for exactly that to<br \/>locate the product that we want to sell<br \/>here we can then go into the style tab<br \/>and customize the widget to suit the<br \/>rest of our pages design then we&#8217;ll<br \/>publish or click on save draft now if<br \/>you&#8217;re a more experienced user you might<br \/>want to try the more customizable<br \/>alternative solution this would involve<br \/>using some heading and text widgets<br \/>perhaps even an icon list like we&#8217;re<br \/>using here we&#8217;ll also add a regular<br \/>image box widget and finally we&#8217;ll add a<br \/>customizable add to cart widget from the<br \/>library once we&#8217;re happy with the way<br \/>our product or products look on our page<br \/>we can move on to our cart and checkout<br \/>pages these two pages were automatically<br \/>created when we installed WooCommerce<br \/>and being WooCommerce pages there isn&#8217;t<br \/>too much that we can customize so to<br \/>make these pages look better we<br \/>two separate headers in the elemental<br \/>template builder and in the conditions<br \/>we assigned each header to only appear<br \/>on the cart or checkout pages<br \/>respectively as always we&#8217;ll be adding<br \/>links in the show notes below to videos<br \/>on how to build headers and other<br \/>components using the theme builder the<br \/>safest and simplest way to keep the<br \/>design of these pages consistent with<br \/>the rest of our site is by defining our<br \/>website&#8217;s default fonts accordingly and<br \/>this is because these are the settings<br \/>that WooCommerce will turn to to know<br \/>how to present these pages I should add<br \/>that WooCommerce also includes a generic<br \/>Thank You email which I feel is<br \/>sufficient enough for this type of store<br \/>obviously we can always use the theme<br \/>builder to create a pop-up with a thank<br \/>you message designing it exactly the way<br \/>that we want to and create a condition<br \/>to have it appear only after leaving the<br \/>checkout page alternatively you can also<br \/>invest in a WooCommerce add-on that will<br \/>provide your site with a customizable<br \/>thank-you page or pop-up but these do<br \/>cost a little extra now with that done<br \/>we can move on to step number five and<br \/>finish setting up our store before we<br \/>set it running now most of the default<br \/>settings should be good for the vast<br \/>majority of online sites and that said<br \/>we can go into general settings and edit<br \/>things like store address general<br \/>options currency options in the product<br \/>settings we could select the option to<br \/>redirect to the cart page after<br \/>successful addition or selection of a<br \/>product and I&#8217;ll select this because<br \/>right now we only have one product we&#8217;re<br \/>also showcasing our product on our home<br \/>page but we could just as easily create<br \/>another page and use this option here to<br \/>link our site to that page now as you<br \/>can see this is also where you can edit<br \/>and define measurements reviews<br \/>inventory and so on I wouldn&#8217;t play<br \/>around with the default settings in the<br \/>rest of these tabs and definitely not<br \/>those in the taxes tab however I would<br \/>like to spend a few minutes on the<br \/>shipping section because it is an<br \/>important part of an online retail<br \/>business now yes there are plenty of<br \/>efficient plugins and<br \/>add-ons that could provide you with<br \/>shipping calculators even once that are<br \/>service specific and can calculate<br \/>shipping via fedex or via the USPS and<br \/>yes some are free but most do cost money<br \/>and right now we&#8217;re trying to save money<br \/>or at least avoid extra costs and if<br \/>possible also avoid adding anything to<br \/>our platform that could slow it down or<br \/>create confliction x&#8217;<br \/>and as it happens we can do this and<br \/>we&#8217;ll do it all right here the way that<br \/>this works is by setting up shipping<br \/>zones and shipping classes I would<br \/>strongly suggest that you research the<br \/>price of shipping and delivery to the<br \/>areas that you want to do business with<br \/>find out what it will cost you to<br \/>package and ship each product according<br \/>to its weight you might want to ship via<br \/>registered mail you might want to add an<br \/>express postal service research here is<br \/>important because charge too little and<br \/>you&#8217;ll lose money and charge too much<br \/>and you&#8217;ll lose customers<br \/>once we have all this information we&#8217;ll<br \/>come here to the shipping settings now<br \/>the product that I am currently setting<br \/>includes a couple of dumbbells or<br \/>weights but I may decide to sell some of<br \/>the athletic clothing too and in terms<br \/>of shipping costs these are two<br \/>different categories or shipping classes<br \/>which is why I&#8217;d like to start by<br \/>defining my shipping classes first for<br \/>this demonstration we&#8217;ll just define two<br \/>simple classes we&#8217;ll click here to add a<br \/>class we&#8217;ll call it heavy items the<br \/>slugline here isn&#8217;t important and<br \/>WooCommerce can fill it&#8217;s automatically<br \/>any way we&#8217;ll define the class for our<br \/>cells or our employees or coworkers as<br \/>items weighing over two kilograms and<br \/>we&#8217;ll create a separate class the same<br \/>way we&#8217;ll call it light items and define<br \/>it as items weighing less than two<br \/>kilograms now the system also needs to<br \/>know which of our products are heavy or<br \/>light and we do that back in the<br \/>products tab where we&#8217;ll click on the<br \/>edit option beneath our product in the<br \/>Edit production section we&#8217;ll scroll<br \/>down here and select the shipping tab<br \/>and here we can keep it simple we don&#8217;t<br \/>have to define weights and sizes instead<br \/>we&#8217;ll just select the appropriate<br \/>shipping class for this specific product<br \/>with that done we&#8217;ll click on update and<br \/>return to the WooCommerce settings and<br \/>back to the shipping tab right here as<br \/>we know besides weight the other<br \/>important variable that dictates our<br \/>shipping costs is location and that&#8217;s<br \/>what we&#8217;re going to do right now in the<br \/>shipping zone section now our test case<br \/>is based in the UK so let&#8217;s click on add<br \/>shipping zone give our zone a name call<br \/>it domestic select a region United<br \/>Kingdom and we could also do this<br \/>according to post codes or zip codes<br \/>next we&#8217;ll add a shipping method as I&#8217;m<br \/>mostly interested in local business and<br \/>because I would personally like to make<br \/>my life much simpler will select the<br \/>option for free shipping I&#8217;ve already<br \/>calculated the cost of posting packaging<br \/>rounded up that number and added it to<br \/>the final advertised price in fact it&#8217;s<br \/>the base price of the product that I&#8217;m<br \/>selling now let&#8217;s say we&#8217;re interested<br \/>in expanding to Western Europe we&#8217;ll<br \/>just add another zone call it Europe<br \/>enter all of the countries we want to<br \/>sell to and select a shipping method<br \/>flat rate now I know the term flat rate<br \/>might seem confusing to some of you<br \/>right now<br \/>but it&#8217;s just a temporary definition if<br \/>we ever want to make any changes to our<br \/>shipping preferences we can always come<br \/>back here and click on the edit option<br \/>that appears under each category in each<br \/>section which as it happens is what<br \/>we&#8217;ll do here right now to define this<br \/>shipping method the first thing that<br \/>we&#8217;ll do is change the name of the<br \/>method from flat rate to Europe regular<br \/>shipping will leave the tax option alone<br \/>but here we have the option to add a<br \/>general shipping cost to this shipping<br \/>zone or we can define our shipping<br \/>method according to the shipping classes<br \/>that we&#8217;ve already set up here I will<br \/>define the shipping costs so that a<br \/>European customer will pay 30 dollars in<br \/>shipping for a heavy item like the home<br \/>fitness package or ten dollars in<br \/>shipping if they order a light item like<br \/>a pair of sweatpants for example the<br \/>default calculation type over here<br \/>should suit almost all of our needs so<br \/>we won&#8217;t touch that<br \/>and we&#8217;ll click Save Changes before we<br \/>forget &#8211; now I also want to offer<br \/>expedited shipping so I&#8217;ll add that here<br \/>as an additional shipping method to this<br \/>shipping zone in the exact same way by<br \/>adding a new method selecting flat-rate<br \/>clicking on edit&#8217; and redefining its<br \/>name and the costs of this method<br \/>according to the shipping class and of<br \/>course we&#8217;ll save changes you may also<br \/>want to check out the shipping options<br \/>over here where we also have some<br \/>helpful self-explanatory options and<br \/>let&#8217;s move on in the payments tab we<br \/>might want to rewrite the default<br \/>description for the paypal payment<br \/>option and this is in case we aren&#8217;t<br \/>having a separate credit card option<br \/>we&#8217;ll want to be sure that our customers<br \/>know that they can also click on PayPal<br \/>to pay via credit card even if they<br \/>don&#8217;t have a PayPal account to do this<br \/>we&#8217;ll go into the payment tab and next<br \/>to the PayPal option we&#8217;ll click on<br \/>manage to access the details we want to<br \/>edit in our case the PayPal description<br \/>back in the settings we&#8217;ll skip the<br \/>account settings because we&#8217;ll be<br \/>running our transactions the same as we<br \/>would in the physical store where we<br \/>didn&#8217;t use accounts perhaps our online<br \/>store will grow which would be fantastic<br \/>but also an entirely different type of<br \/>online store now the last thing we<br \/>should consider is in the Advanced tab<br \/>where we can make sure that all the<br \/>pages are linked correctly but more<br \/>importantly we might want to create a<br \/>page for terms and conditions that are<br \/>specific to our online business and this<br \/>is where we would link it to our site<br \/>last but not least we&#8217;ll want to save<br \/>all of our changes and there we are we<br \/>are practically finished and I say<br \/>practically because we shouldn&#8217;t be<br \/>launching anything without testing it<br \/>first<br \/>as you can see we&#8217;ve added some<br \/>animation to the widgets to draw more<br \/>attention to our new product and our new<br \/>store we also made a few other minor<br \/>changes to let customers know that the<br \/>physical store is now closed I&#8217;ll just<br \/>let you know that I change the price of<br \/>the product from $99 to $0.99 in the<br \/>product details and not here because<br \/>this is just a heading so that when I<br \/>run test after test I&#8217;m not transferring<br \/>$100 each time and if you do this it&#8217;s<br \/>extremely important to remember to<br \/>change the price back to what it should<br \/>be once you&#8217;re done with the testing so<br \/>now I&#8217;ll click on the products Add to<br \/>Cart button and this will take me to the<br \/>cart page and from here we&#8217;ll go to the<br \/>checkout page we&#8217;ll just fill in our<br \/>details now as you can see i&#8217;m using<br \/>paypal right now because it&#8217;s probably<br \/>what we&#8217;re almost familiar with just<br \/>running through the standard payment<br \/>procedure so far so good now we&#8217;ll go<br \/>back to the wordpress dashboard and in<br \/>the WooCommerce tab where we can already<br \/>see that my order has registered but if<br \/>we click on the orders section we can<br \/>see that our test order has registered<br \/>correctly and of course we should also<br \/>check our email account to make sure<br \/>that we received our order confirmation<br \/>correctly and here it is our order<br \/>confirmation and the thank you message<br \/>that I was telling you about this week<br \/>we looked at how we can take a standard<br \/>website for a small business and<br \/>transform it into something as complex<br \/>as an online store but in the simplest<br \/>way possible now it&#8217;s no secret that our<br \/>main reason for doing this is to help<br \/>the small businesses and self-employed<br \/>professionals in our community to get<br \/>ahead rather than lose out as we see our<br \/>way through this crisis as best we can<br \/>if you have any tips and advice that<br \/>could help other users with designing<br \/>and setting up their first online start<br \/>then please add them in the comments<br \/>below<br \/>and if you have any criticisms we are<br \/>equally interested in your thoughts and<br \/>if you&#8217;ve enjoyed this masterclass and<br \/>you found it helpful<br \/>insightful or inspiring<br \/>make sure that you click on the<br \/>subscribe button and tap that bell so<br \/>that you don&#8217;t miss out on our next<br \/>master class because after all our goal<br \/>is to be the best at helping others<br \/>excel at their craft so stay safe stay<br \/>creative and get productive thanks for<br \/>watching Cheers<br \/>[Music]<\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview This Monday MasterClass we\u2019re taking an in-depth look at converting a simple WordPress website into an online store in 5 simple steps. The main focus of this episode is on setting up WooCommerce correctly in order to sell and ship physical products. If you\u2019re also planning on selling digital\/downloadable products, you might [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":4210,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[41],"class_list":["post-1825","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce","tag-guides-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Transform Any WordPress Site Into an Online Store With Elementor - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/how-to-transform-any-wordpress-site-into-an-online-store-with-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Transform Any WordPress Site Into an Online Store With Elementor - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview This Monday MasterClass we\u2019re taking an in-depth look at converting a simple WordPress website into an online store in 5 simple steps. The main focus of this episode is on setting up WooCommerce correctly in order to sell and ship physical products. If you\u2019re also planning on selling digital\/downloadable products, you might [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/how-to-transform-any-wordpress-site-into-an-online-store-with-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-20T12:59:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-22T09:34:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Monday-Master-Class-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1083\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hodaya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hodaya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Transform Any WordPress Site Into an Online Store With Elementor - Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/academy\/how-to-transform-any-wordpress-site-into-an-online-store-with-elementor\/","og_locale":"en_US","og_type":"article","og_title":"How to Transform Any WordPress Site Into an Online Store With Elementor - Academy","og_description":"Overview Transcript Overview This Monday MasterClass we\u2019re taking an in-depth look at converting a simple WordPress website into an online store in 5 simple steps. The main focus of this episode is on setting up WooCommerce correctly in order to sell and ship physical products. If you\u2019re also planning on selling digital\/downloadable products, you might [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/how-to-transform-any-wordpress-site-into-an-online-store-with-elementor\/","og_site_name":"Academy","article_published_time":"2021-06-20T12:59:18+00:00","article_modified_time":"2023-02-22T09:34:55+00:00","og_image":[{"width":1920,"height":1083,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Monday-Master-Class-1.jpg","type":"image\/jpeg"}],"author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/how-to-transform-any-wordpress-site-into-an-online-store-with-elementor\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/how-to-transform-any-wordpress-site-into-an-online-store-with-elementor\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"How to Transform Any WordPress Site Into an Online Store With Elementor","datePublished":"2021-06-20T12:59:18+00:00","dateModified":"2023-02-22T09:34:55+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-transform-any-wordpress-site-into-an-online-store-with-elementor\/"},"wordCount":3652,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-transform-any-wordpress-site-into-an-online-store-with-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Monday-Master-Class-1.jpg","keywords":["Guides and Tutorials"],"articleSection":["WooCommerce"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/how-to-transform-any-wordpress-site-into-an-online-store-with-elementor\/","url":"https:\/\/elementor.com\/academy\/how-to-transform-any-wordpress-site-into-an-online-store-with-elementor\/","name":"How to Transform Any WordPress Site Into an Online Store With Elementor - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-transform-any-wordpress-site-into-an-online-store-with-elementor\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-transform-any-wordpress-site-into-an-online-store-with-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Monday-Master-Class-1.jpg","datePublished":"2021-06-20T12:59:18+00:00","dateModified":"2023-02-22T09:34:55+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/how-to-transform-any-wordpress-site-into-an-online-store-with-elementor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/how-to-transform-any-wordpress-site-into-an-online-store-with-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/how-to-transform-any-wordpress-site-into-an-online-store-with-elementor\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Monday-Master-Class-1.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Monday-Master-Class-1.jpg","width":1920,"height":1083},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/how-to-transform-any-wordpress-site-into-an-online-store-with-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"WooCommerce","item":"https:\/\/elementor.com\/academy\/woocommerce\/"},{"@type":"ListItem","position":4,"name":"How to Transform Any WordPress Site Into an Online Store With Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c","name":"Hodaya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","caption":"Hodaya"},"url":"https:\/\/elementor.com\/academy\/author\/hodaya\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1825","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=1825"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1825\/revisions"}],"predecessor-version":[{"id":9561,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/1825\/revisions\/9561"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/4210"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=1825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=1825"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=1825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}