WooCommerce Collection

<span style=\"font-weight: 400\">https:\/\/elementor.com\/<\/span><\/a><\/p><p><span style=\"font-weight: 400\">Join Pro:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbV9NR1RGWjVLVmZ0MDh6LUxyRGszR0thNktDQXxBQ3Jtc0tuVFEyRExpSl9FWFdSTkVscjZNdlFUTVdQZEMtdWNTaE1kLUNKTC0zR2JiM2pYUktLdFBVMzVFMnJzZ1VhWHBkcXRqV0J6VFBJbjN5SE9GZFN5cGR2N25XWS1yRThQTVY5Ynp4ZzdUQ1ZqY0lBaTdSSQ&q=https%3A%2F%2Felementor.com%2Fpro%2F\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com\/pro\/<\/span><\/a><\/p><p><span style=\"font-weight: 400\">Get WooCommerce:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbUVrcVAtcW5YZUdIRGF3cm5wNllNTmtqRmtzd3xBQ3Jtc0ttdGVLM05GZDZDMzV5ODNFNlB2U0RfMUd2QzFVMWY2RUR6dmRMa1N3Tm9KTDY1MWlKdHlra09xVkM4QUF2a2dVOExISThhZTM0RDFEaTFNUjJPekxqOEhJajBRNXFGNi15b0NtZVRmNUc5VjZ5VU96SQ&q=https%3A%2F%2Fwoocommerce.com%2F\%22> <span style=\"font-weight: 400\">https:\/\/woocommerce.com\/<\/span><\/a><\/p>","type":"youtube","is_external_url":null,"hosted_url":null,"external_url":null,"inner_tab_content_2":""},{"title":"How to Design an eCommerce Website With Elementor, WooCommerce & Storefront","youtube_url":"https:\/\/www.youtube.com\/watch?v=f5Jcd6fI7v4","thumbnail":{"url":"http:\/\/img.youtube.com\/vi\/f5Jcd6fI7v4\/maxresdefault.jpg","id":""},"_id":"08f9296","inner_tab_is_content_visible":"show","duration":"15:11","inner_tab_content_1":"<p><span style=\"font-weight: 400\">UPDATE: We just released a new tutorial on the subject:<\/span><a href=https://elementor.com/"https:////www.youtube.com//watch?v=F2gyAeZdU9s&t=0s\%22> <span style=\"font-weight: 400\">https:\/\/www.youtube.com\/watch?v=F2gyA...<\/span><\/a><\/p><p>\u00a0<\/p><p><span style=\"font-weight: 400\">Get Elementor Pro with WooCommerce widgets:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbS1rVGhOdDYxRERSSG8wRXdxaVVGVVdkaTFyUXxBQ3Jtc0tsQkFXSGVCclQ3WTdtaGhTel8tQnJ2dFJKa0RPaGs5ZUhFMnFmWk9jSGFwNk1BVi1zc05yUUVaek5RV25IaHpybTRtWDlpRHVEZnRGLWlGR1A5YVN2cUlBS3hnelRFTU1KdTk3cVhja0JnNG82b29rcw&q=https%3A%2F%2Felementor.com%2Fpro\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com\/pro<\/span><\/a><\/p><p><span style=\"font-weight: 400\">In this video, you will learn how to design a complete eCommerce hompage and contact page, using Elementor, WooCommerce and StoreFront.<\/span><\/p><p>\u00a0<\/p><p><span style=\"font-weight: 400\">Storefront is the free and official theme for WooCommerce, the most popular eCommerce store solution for WordPress. By utilizing the visual design capabilities of Elementor, you can customize your Storefront website in a visual, quick and easy way.<\/span><\/p><p>\u00a0<\/p><p><span style=\"font-weight: 400\">** Tools Used **<\/span><\/p><p><span style=\"font-weight: 400\">Elementor:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqazZ6WDVUQmpHbEtFLXZvMGNDeW5kdEMtQXktd3xBQ3Jtc0tsVDlpeVRnajFXNWNoOWIyX29XWE1IS2JtSTNhWGNERUFrSm03SjZ0azZkMjVFVkxVeU9DeHZ3STRfc2dUeTlRVlhpUUhQTktvOER5ejV6UmFPQzctc2xPVnp3R2N6WmJuclJUYUhtVEFaemJseWVSbw&q=https%3A%2F%2Felementor.com\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com<\/span><\/a><\/p><p><span style=\"font-weight: 400\">Elementor Pro:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqa2hxU1V6ODlJbGc0eVZKV3llYWd1S2E1cDJWQXxBQ3Jtc0tuX2lSbnBnZjhrU0h2TXp5NUw4cFlEdHVZMGJhTm0tWGRGYmc1N2FMMTBHYzVHN3A0SzIxMDJlT1JHVG1qVW1NU3hYMGFvMXpycUV3RC0wdzRhN1MtcTgtY21PSjVpU1ByTzVyLXM4T214SzRnV0pFTQ&q=https%3A%2F%2Felementor.com%2Fpro\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com\/pro<\/span><\/a><\/p><p><span style=\"font-weight: 400\">WooCommerce:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqa1JjWjE4dXQteEt0bU1nWVFOWFdoU19TbEpvd3xBQ3Jtc0tsd0dIM2hLRmd3SGtQc3NZSVNfRGJHbUNlbW0wLW42dmFiano1bVJZT1ExQUY4a0xQV3JjS3Z0TEQ1aGJVQnJGak1tUnRCNjlqTV9PbjBXdWVDd3JhNkFYWFFnZ24wVXdFa2RvZXhScDM1bXhIOExTVQ&q=https%3A%2F%2Fwoocommerce.com%2F\%22> <span style=\"font-weight: 400\">https:\/\/woocommerce.com\/<\/span><\/a><\/p><p><span style=\"font-weight: 400\">Storefront:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbk41THl3WmxpTnQxSmFqLXllREVOellCbGVpd3xBQ3Jtc0tuRm9rSzBsN2RSeVQzWXRNRmEtWnl3U1k1ajQwOHFmRFBnd2wxZ0ZVTEFDZzZGVUU3YlNCS3ZhbGlNb2I1bmNuRTM4eTVwNmVDbFVWTm9yMGgxSFZZQXNjYzRzZm90YlN1V2Jnek5HdE13TnhJeDRTcw&q=https%3A%2F%2Fwoocommerce.com%2Fstorefront%2F\%22> <span style=\"font-weight: 400\">https:\/\/woocommerce.com\/storefront\/<\/span><\/a><\/p>","type":"youtube","is_external_url":null,"hosted_url":null,"external_url":null,"inner_tab_content_2":""},{"title":"How to Transform Any WordPress Site Into an Online Store With Elementor","youtube_url":"https:\/\/www.youtube.com\/watch?v=BX57j0HcCIM","thumbnail":{"url":"http:\/\/img.youtube.com\/vi\/BX57j0HcCIM\/maxresdefault.jpg","id":""},"inner_tab_is_content_visible":"show","_id":"040e7e7","duration":"20:13","inner_tab_content_1":"<p><span style=\"font-weight: 400\">This Monday MasterClass we\u2019re taking an in-depth look at converting a simple WordPress website into an online store in 5 simple steps.\u00a0<\/span><\/p><p>\u00a0<\/p><p><span style=\"font-weight: 400\">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<\/span><a href=https://elementor.com/"https:////www.youtube.com//watch?v=SuyV4Tevmm0&t=0s\%22> <span style=\"font-weight: 400\">https:\/\/youtu.be\/SuyV4Tevmm0<\/span><\/a><span style=\"font-weight: 400\">\u00a0<\/span><\/p><p>\u00a0<\/p><p><span style=\"font-weight: 400\">This episode covers a lot of valuable web-building information for all levels looking to learn about:<\/span><\/p><p><span style=\"font-weight: 400\">\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">Turning on Maintenance \/ Coming Soon mode in Elementor <\/span><a href=https://elementor.com/"https:////www.youtube.com//watch?v=BX57j0HcCIM&t=165s\%22> <span style=\"font-weight: 400\">03:50<\/span><\/a><span style=\"font-weight: 400\">\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">Primary Setup for a WooCommerce store and payment gateways<\/span><a href=https://elementor.com/"https:////www.youtube.com//watch?v=BX57j0HcCIM&t=249s\%22> <span style=\"font-weight: 400\">04:09<\/span><\/a><\/p><p><span style=\"font-weight: 400\">Creating\/Adding a new product<\/span><a href=https://elementor.com/"https:////www.youtube.com//watch?v=BX57j0HcCIM&t=353s\%22> <span style=\"font-weight: 400\">05:53<\/span><\/a><span style=\"font-weight: 400\">\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">Adding store products to the website (WooCommerce widget)<\/span><a href=https://elementor.com/"https:////www.youtube.com//watch?v=BX57j0HcCIM&t=431s\%22> <span style=\"font-weight: 400\">07:11<\/span><\/a><\/p><p><span style=\"font-weight: 400\">A more customizable way of displaying products using Elementor<\/span><a href=https://elementor.com/"https:////www.youtube.com//watch?v=BX57j0HcCIM&t=492s\%22> <span style=\"font-weight: 400\">08:12<\/span><\/a><span style=\"font-weight: 400\">\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">Customizing Cart and Checkout pages using the Theme Builder and Theme Style<\/span><a href=https://elementor.com/"https:////www.youtube.com//watch?v=BX57j0HcCIM&t=519s\%22> <span style=\"font-weight: 400\">08:39<\/span><\/a><\/p><p><span style=\"font-weight: 400\">Completing the online store setup and advanced settings<\/span><a href=https://elementor.com/"https:////www.youtube.com//watch?v=BX57j0HcCIM&t=602s\%22> <span style=\"font-weight: 400\">10:02<\/span><\/a><\/p><p><span style=\"font-weight: 400\">Setting up Shipping Zones, Shipping Classes, and fees<\/span><a href=https://elementor.com/"https:////www.youtube.com//watch?v=BX57j0HcCIM&t=695s\%22> <span style=\"font-weight: 400\">11:35<\/span><\/a><\/p><p><span style=\"font-weight: 400\">Testing our online store<\/span><a href=https://elementor.com/"https:////www.youtube.com//watch?v=BX57j0HcCIM&t=1044s\%22> <span style=\"font-weight: 400\">17:24<\/span><\/a><\/p><p>\u00a0<\/p><p><span style=\"font-weight: 400\">\\\\ Tools we used in this Masterclass:<\/span><\/p><p><span style=\"font-weight: 400\">\u25b8Gym Template Kit |<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbU9JWjFETVpnVEtLTHR4Q0pXTFpSNTBTUERUQXxBQ3Jtc0tsMDBZN3VQOFNxSWVhcERkU0o2WldIZm1BSk82ZGxZM3k4Rk5NY1NaT0FwYjVpNU02aVlDV09WR3d5aUwxU0QzQ0NVYjRFWkNLNTVpQmN1MFFpTW1FcjdBSzhpLU1GNGlpTUkyWDhzZjNzZnptUUQ5RQ&q=https%3A%2F%2Felementor.com%2Fblog%2Fgym-site-template-kit%2F\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com\/blog\/gym-site-t...<\/span><\/a><\/p><p><span style=\"font-weight: 400\">\u25b8WooCommerce Plugin |<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqa0Z3M3JuZUpSNHgwRXFuY3RRN0RBeFZjSnlHZ3xBQ3Jtc0trQ0ZoREJwZGRlaHZXaWdrTWxCeU91WGxnOFQ5Z0t1RVNkVjd3LTRvcm1UN2Q5S1JZT2FLN202T1pTbDdDaFptY0JVV2hPdVhHV3hjQ1N2VHc1R0k0QWRudmRYRkU1WGlBVGhGRXFDcUU1M0NueHdybw&q=https%3A%2F%2Fwoocommerce.com%2F\%22> <span style=\"font-weight: 400\">https:\/\/woocommerce.com\/<\/span><\/a><\/p><p><span style=\"font-weight: 400\">To learn more about creating a WordPress website from scratch using Elementor, check out our previous Masterclasses:<\/span><\/p><p><span style=\"font-weight: 400\">\u25b8From Design Tool to WordPress |<\/span><a href=https://elementor.com/"https:////www.youtube.com//watch?v=bd6agRxR5Sk&t=0s\%22> <span style=\"font-weight: 400\">https:\/\/youtu.be\/bd6agRxR5Sk<\/span><\/a><\/p><p><span style=\"font-weight: 400\">\u25b8Build the Perfect Sales Funnel in WordPress Using Elementor |<\/span><a href=https://elementor.com/"https:////www.youtube.com//watch?v=tG9NRWVlxeg&t=0s\%22> <span style=\"font-weight: 400\">https:\/\/youtu.be\/tG9NRWVlxeg<\/span><\/a><\/p><p><span style=\"font-weight: 400\">\u00a0<\/span><\/p><p><span style=\"font-weight: 400\">Read more about transforming your simple business website into an online store in this edition of Elementor\u2019s Online Magazine:\u00a0<\/span><\/p><p><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqa1RxM2pMOERHTkdqVXNvUGtVUzdqVm9tc193QXxBQ3Jtc0tsa2RPUnk5dHlYMktmemg5QTBYY1JiTXJqMWY2R1hhSjJxb2I5YlVpLVlSX1BLR0gyNWVfSVc2Q1J5aWlYUTV5eHlCVUVRbjVNd3UtU0trOVVfYUhEZHQ0aUhxckJjeDlPbFNhN2Y0RDl3Sy1rdTctcw&q=https%3A%2F%2Felementor.com%2Fblog%2Fwordpress-site-into-an-online-store%2F\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com<\/span><\/a><\/p><p><span style=\"font-weight: 400\">Get Elementor Pro:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbXBhQVJpU2hCQ3hqUWxsRjJoenBubDdXM0tFd3xBQ3Jtc0tubzh3T3lfOGFGbjVmR1g4SmxTTjNNTHNRZC1weE5RZkxHc2F4VjdEcWs2UG5oTzJ1TjJTNUd5aDluZmY3SDhXbG5nOV9Wck9kYTB6Vk9YRkFFNnVzVDBtYU9FOXVzbGdRV29KMkUyLUlkdzJ6aEptWQ&q=https%3A%2F%2Felementor.com%2Fpro%2F\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com\/pro\/<\/span><\/a><\/p>","type":"youtube","is_external_url":null,"hosted_url":null,"external_url":null,"inner_tab_content_2":""},{"_id":"1654708","youtube_url":"https:\/\/www.youtube.com\/watch?v=4h5omY0XQMI","title":"How to Display WooCommerce Products With the WC Products Widget in Elementor","thumbnail":{"url":"http:\/\/img.youtube.com\/vi\/4h5omY0XQMI\/maxresdefault.jpg","id":""},"duration":"4:42","inner_tab_is_content_visible":"show","inner_tab_content_1":"<p><span style=\"font-weight: 400\">\u200bDisplay your WooCommerce products and filter the exact products you want to display with this widget.<\/span><\/p><p>\u00a0<\/p><p><span style=\"font-weight: 400\">Read more:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbWtNUFpGQVpTc3Z1dzFqaEVCSjlMVnNzTkgzQXxBQ3Jtc0ttRl9zQnZHc21DTDNsYkQ3cEtjRnh1cXVlb0tDV1AtaDdIclkzMzlOdl9ROHZPN3JJd0lvRzhJQ01CM0RXcTc2LUladWk3S0pOU3hTU2NUdkYxZUFJWkV0V0VQS2phRXgxaU9yaHZJdWJDZWpYTFBsUQ&q=http%3A%2F%2Fdocs.elementor.com%2Farticle%2F96-wc-products\%22> <span style=\"font-weight: 400\">http:\/\/docs.elementor.com\/article\/96-...<\/span><\/a><\/p><p><span style=\"font-weight: 400\">This is a feature available on Elementor Pro:<\/span><a href=https://elementor.com/"https:////www.youtube.com//redirect?event=video_description&redir_token=QUFFLUhqbkxsV0U4R3dMY1c1aW9OWXFfUzVWNEdoNl9Md3xBQ3Jtc0tuRUVIUnBRWENtSG42TVVsTlVhbDFOUS1oekF2WjZ1bFN2bzEtLWwwbG53bDV4YlBpb213akMwNktkdGJNZk5oZEMwQVlHZEI4WFJTWmtXSXRHUlJUSVl2clF4VjI5a3ZRdFFmaE9iRUF2Vl96UmQ4cw&q=https%3A%2F%2Felementor.com%2Fpro\%22> <span style=\"font-weight: 400\">https:\/\/elementor.com\/pro<\/span><\/a><\/p>","type":"youtube","is_external_url":null,"hosted_url":null,"external_url":null,"inner_tab_content_2":""}],"inner_tab_title_1":"Overview","inner_tab_title_2":"Transcript","inner_tab_is_content_collapsible":"collapsible","inner_tab_collapsible_height":{"unit":"px","size":"139","sizes":[]},"autoplay_next":"yes","show_watched_indication":"yes","inner_tab_collapsible_height_tablet":{"unit":"px","size":"","sizes":[]},"inner_tab_collapsible_height_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="video-playlist.default">

WooCommerce Playlist

6 Videos

How to Use the Menu Cart Widget

8:05

How to Use Dynamic WooCommerce Tags

4:53

How to Customize WooCommerce Product & Product Archive Pages

7:22

How to Design an eCommerce Website With Elementor, WooCommerce & Storefront

15:11

How to Transform Any WordPress Site Into an Online Store With Elementor

20:13

How to Display WooCommerce Products With the WC Products Widget in Elementor

4:42