title
How To Create An eCommerce Website With WordPress 2023
description
Get 78% Discount Hosting: https://darrelwilson.com/hostinger
Download WordPress Theme: https://www.darrelwilson.com/flatsome
Demo Images: https://woocommercee.s3.us-west-1.amazonaws.com/demoflatsome/Demo+Flatsome+Images.zip
Demo Website: https://www.flatsometutorial.com
Learn How To Create an eCommerce Website With WordPress
This ecommerce tutorial is for anyone who wants to sell online with no experience or wants to start a web design career. It's easy so just follow the steps in the video!
Important Links and Videos I Talk About
Get A Logo: https://www.darrelwilson.com/fiverr
WooCommerce Email Customizer: https://www.youtube.com/watch?v=pWXji1OM9mw
Timestamps for the eCommerce Tutorial
00:00:00 Intro
00:01:41 Website Walkthrough
00:11:22 Get Hosting
00:20:31 Verify Domain And Email
00:21:50 General Settings
00:23:35 Download WordPress Theme
00:25:20 How To Login To WordPress
00:27:20 Install Flatsome Theme
00:28:40 Create Pages and Menu
00:30:51 Assign Home Page
00:32:00 Design Website
00:37:00 Intro To Flatsome
00:40:00 Building The Website
00:58:00 Installing WooCommerce
00:59:25 Creating Simple Products
01:06:57 Creating a Variable Product
01:11:30 Creating A Grouped Product
01:24:32 Finished the Home Page
01:26:49 Creating A Blog Post
01:31:01 Contact Form
01:34:31 Additional Options
01:35:35 creating about us page
01:37:00 Theme Customizer
01:51:14 UX Blocks
01:53:43 Custom Shop Page
02:01:50 WooCommerce Plugins
02:07:28 WooCommerce Settings
02:11:57 How To Setup Taxes
02:17:09 How To Setup Shipping
02:26:38 Email Customizer
02:27:04 Integrate Payment Merchants
02:29:00 Integrate Stripe Payment Gateway
02:33:40 Integrate Paypal Payment Gateway
02:36:19 Create A Coupon Code
02:42:56 Terms and Conditions
02:44:53 Outro
In This video, we use the flatsome theme to create your ecommerce website with WordPress.
In This eCommerce Tutorial, you will learn how to create an ecommerce website with WordPress. By The end of this commerce tutorial, you will have your own online shop running with WordPress! This is a step by step tutorial on how to make an online store and commerce website!
Checkout my other Multilingual Wordpress Tutorial Youtube Channels!
Spanish Channel: https://www.youtube.com/channel/UC1Sm53FofDOVA5T0pzyebEA
Arabic Channel: https://www.youtube.com/channel/UCDxCp7gMbzmNIjUqOCu1xcg/videos
Hindi Channel: https://www.youtube.com/channel/UCjTje7OJghnjEJ8d4llefQw
Portuguese Channel: https://www.youtube.com/channel/UCOs-QXBdlmT0YL3I-bnyeug
French Channel: https://www.youtube.com/channel/UCLEH_xAh0VxCTSq1AQBYPsg
German Channel: https://www.youtube.com/channel/UCTkmZD2BCJpedWe4Hb5QVLw
Feel free to visit my website: https://wwww.darrelwilson.com
wordpress, woocommerce tutorial, flatsome, flatsome theme
detail
{'title': 'How To Create An eCommerce Website With WordPress 2023', 'heatmap': [{'end': 1988.305, 'start': 1589.132, 'weight': 0.806}, {'end': 3578.236, 'start': 3376.119, 'weight': 0.873}, {'end': 4475.1, 'start': 4371.37, 'weight': 0.761}, {'end': 5271.357, 'start': 5067.221, 'weight': 0.702}, {'end': 6858.076, 'start': 6756.414, 'weight': 0.789}], 'summary': 'Learn to create professional e-commerce websites without coding using wordpress and the flatsome theme, save money on web hosting with hostinger, and implement woocommerce settings and sales strategies to enhance e-commerce revenue, with insights on increasing sales by 10% and integrating payment gateways like stripe and paypal.', 'chapters': [{'end': 663.96, 'segs': [{'end': 25.814, 'src': 'embed', 'start': 0.289, 'weight': 0, 'content': [{'end': 6.87, 'text': "What's up guys, my name is Daryl Wilson and today I'll be showing you guys how to create a professional and modern e-commerce website step by step.", 'start': 0.289, 'duration': 6.581}, {'end': 10.751, 'text': "And you don't need to know any sort of coding or have any experience whatsoever,", 'start': 7.31, 'duration': 3.441}, {'end': 14.532, 'text': 'because everything in this tutorial is done with a simple drag and drop builder.', 'start': 10.751, 'duration': 3.781}, {'end': 17.372, 'text': 'that makes it super easy to build your e-commerce website.', 'start': 14.532, 'duration': 2.84}, {'end': 19.813, 'text': 'And as you guys can tell, this website looks great.', 'start': 17.792, 'duration': 2.021}, {'end': 25.814, 'text': "So if you've always wanted to learn how to create an e-commerce website for the very first time and you're kind of tired of the runaround,", 'start': 20.493, 'duration': 5.321}], 'summary': 'Daryl wilson demonstrates creating an e-commerce website without coding using a drag and drop builder.', 'duration': 25.525, 'max_score': 0.289, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g289.jpg'}, {'end': 87.014, 'src': 'embed', 'start': 34.576, 'weight': 1, 'content': [{'end': 39.097, 'text': 'And this e-commerce website you guys are going to make today is going to look super professional and modern,', 'start': 34.576, 'duration': 4.521}, {'end': 42.898, 'text': 'and your visitors are really going to enjoy shopping on your new e-commerce websites.', 'start': 39.097, 'duration': 3.801}, {'end': 47.72, 'text': "So today I'll walk you through how to make an e-commerce website to fit your business needs.", 'start': 43.479, 'duration': 4.241}, {'end': 51.664, 'text': 'Now, you can sell any type of product you want on your e-commerce website.', 'start': 48.34, 'duration': 3.324}, {'end': 56.489, 'text': 'You can sell clothes, your own personal branding products, coffee, electronics.', 'start': 51.864, 'duration': 4.625}, {'end': 59.832, 'text': 'You can sell any type of product you want with no restrictions.', 'start': 56.909, 'duration': 2.923}, {'end': 70.143, 'text': 'Plus. your designs are going to look very similar to popular online retail stores like Sony, Apple, LiveLark, Ambercrombie & Fitch and American Eagle.', 'start': 60.293, 'duration': 9.85}, {'end': 77.247, 'text': "We will be using modern trends that multi-million dollar companies use to make sure your website stands out and keeps up with today's website trends.", 'start': 70.543, 'duration': 6.704}, {'end': 87.014, 'text': 'Plus, you guys will have access to hundreds of templates where you can easily import a section or even a complete website right on your new eCommerce website in just a few clicks.', 'start': 78.048, 'duration': 8.966}], 'summary': 'Learn to create a professional e-commerce website with access to hundreds of templates and no product restrictions.', 'duration': 52.438, 'max_score': 34.576, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g34576.jpg'}, {'end': 162.381, 'src': 'embed', 'start': 137.833, 'weight': 3, 'content': [{'end': 143.615, 'text': "So let's say, for example, you guys are selling products and you have specific categories like here we have cameras,", 'start': 137.833, 'duration': 5.782}, {'end': 146.996, 'text': 'we have speakers and this can be something else like lenses or something like that.', 'start': 143.615, 'duration': 3.381}, {'end': 150.318, 'text': "I'll show you how to create product categories for your e-commerce websites.", 'start': 147.337, 'duration': 2.981}, {'end': 152.859, 'text': 'And then below that we just have our products.', 'start': 151.258, 'duration': 1.601}, {'end': 158.36, 'text': "So you'll see that we have various products and you guys can actually style these products in various ways.", 'start': 153.119, 'duration': 5.241}, {'end': 162.381, 'text': "Here's one various way in how you can style your products.", 'start': 160.241, 'duration': 2.14}], 'summary': 'Guide on creating product categories for e-commerce websites.', 'duration': 24.548, 'max_score': 137.833, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g137833.jpg'}, {'end': 486.63, 'src': 'embed', 'start': 461.602, 'weight': 4, 'content': [{'end': 467.203, 'text': "So here's the email that is automatically sent to all your customers once they have purchased something on your e-commerce website.", 'start': 461.602, 'duration': 5.601}, {'end': 473.285, 'text': "And if we scroll down, you'll see that we have the product, we have the quantity, and then we have the price of their products.", 'start': 467.784, 'duration': 5.501}, {'end': 476.746, 'text': 'And then we have the billing address and also the shipping address.', 'start': 473.885, 'duration': 2.861}, {'end': 481.368, 'text': "so here's the email sent to you notifying you of a sales notification.", 'start': 477.466, 'duration': 3.902}, {'end': 486.63, 'text': "now you guys can actually design and customize this email, and i'll talk more about that a little bit later in the video.", 'start': 481.368, 'duration': 5.262}], 'summary': 'Automated email sent to customers after purchase, includes product, quantity, price, billing and shipping address. customizable design available.', 'duration': 25.028, 'max_score': 461.602, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g461602.jpg'}], 'start': 0.289, 'title': 'Creating modern e-commerce websites', 'summary': 'Demonstrates building professional e-commerce websites without coding using a drag and drop builder, and creating modern e-commerce websites using wordpress with access to hundreds of templates and managing customer accounts and emails.', 'chapters': [{'end': 70.143, 'start': 0.289, 'title': 'Create professional e-commerce website', 'summary': 'Demonstrates how to build a professional and modern e-commerce website without coding experience, using a drag and drop builder, enabling users to sell any type of product with designs similar to popular online retail stores.', 'duration': 69.854, 'highlights': ['The tutorial guides users in creating a professional and modern e-commerce website without the need for coding experience, using a simple drag and drop builder for a seamless process.', 'Users can sell any type of product on their e-commerce website, such as clothes, personal branding products, coffee, and electronics, with no restrictions.', 'The resulting e-commerce website will have designs similar to popular online retail stores like Sony, Apple, LiveLark, Ambercrombie & Fitch, and American Eagle, providing a professional and modern shopping experience for visitors.']}, {'end': 663.96, 'start': 70.543, 'title': 'Creating a modern e-commerce website', 'summary': 'Covers creating a modern e-commerce website using wordpress, including access to hundreds of templates, setting up product categories and products, configuring the checkout process, and managing customer accounts and emails.', 'duration': 593.417, 'highlights': ['Access to Hundreds of Templates and Easy Import Users will have access to hundreds of templates and can easily import sections or complete websites onto their new eCommerce website in just a few clicks.', "Setting Up Product Categories and Products The tutorial covers setting up product categories for e-commerce websites, creating various products, styling products in different ways, and creating customizable sections like 'manager special' products.", 'Configuring Checkout Process and Customer Accounts The process includes setting up shipping and tax, recommending additional products at checkout, enabling customers to save their credit card information, and managing customer accounts and orders.']}], 'duration': 663.671, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g289.jpg', 'highlights': ['The tutorial guides users in creating a professional and modern e-commerce website without the need for coding experience, using a simple drag and drop builder for a seamless process.', 'Access to Hundreds of Templates and Easy Import Users will have access to hundreds of templates and can easily import sections or complete websites onto their new eCommerce website in just a few clicks.', 'Users can sell any type of product on their e-commerce website, such as clothes, personal branding products, coffee, and electronics, with no restrictions.', "Setting Up Product Categories and Products The tutorial covers setting up product categories for e-commerce websites, creating various products, styling products in different ways, and creating customizable sections like 'manager special' products.", 'Configuring Checkout Process and Customer Accounts The process includes setting up shipping and tax, recommending additional products at checkout, enabling customers to save their credit card information, and managing customer accounts and orders.', 'The resulting e-commerce website will have designs similar to popular online retail stores like Sony, Apple, LiveLark, Ambercrombie & Fitch, and American Eagle, providing a professional and modern shopping experience for visitors.']}, {'end': 1367.142, 'segs': [{'end': 709.258, 'src': 'embed', 'start': 682.382, 'weight': 2, 'content': [{'end': 687.744, 'text': 'Now Hostinger.com is one of the most affordable and also fastest web hosting providers available.', 'start': 682.382, 'duration': 5.362}, {'end': 690.806, 'text': 'Now, if you guys want to change the language of this website,', 'start': 688.164, 'duration': 2.642}, {'end': 695.988, 'text': 'you guys can actually click on the language tab right here and you can select your specific language.', 'start': 690.806, 'duration': 5.182}, {'end': 703.434, 'text': 'So if you speak Spanish, you can change it to Spanish or Portuguese or any language that you guys choose.', 'start': 696.168, 'duration': 7.266}, {'end': 705.195, 'text': 'So go ahead and select your language.', 'start': 703.934, 'duration': 1.261}, {'end': 709.258, 'text': "Now, once you guys are here, we're going to go ahead and pick a hosting package.", 'start': 705.696, 'duration': 3.562}], 'summary': 'Hostinger.com offers affordable and fast web hosting, with language options available.', 'duration': 26.876, 'max_score': 682.382, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g682382.jpg'}, {'end': 800.427, 'src': 'embed', 'start': 774.389, 'weight': 1, 'content': [{'end': 779.413, 'text': 'so we have one month, 12 months, 24 months and then we also have 48 months.', 'start': 774.389, 'duration': 5.024}, {'end': 787.038, 'text': 'Now in my personal opinion, I would always go with the higher plan because this is going to renew at a higher cost later.', 'start': 779.874, 'duration': 7.164}, {'end': 790.24, 'text': 'So you want to lock in that price while you have the opportunity.', 'start': 787.238, 'duration': 3.002}, {'end': 795.644, 'text': "I'm also going to give you guys a discount code where you can save even more money for your web hosting.", 'start': 790.6, 'duration': 5.044}, {'end': 800.427, 'text': "But just to get started out, I'll go ahead and select 12 months and we're going to scroll down right here.", 'start': 796.124, 'duration': 4.303}], 'summary': 'Consider opting for the 48-month plan to lock in a lower price, with the option to use a discount code for additional savings.', 'duration': 26.038, 'max_score': 774.389, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g774389.jpg'}, {'end': 847.966, 'src': 'embed', 'start': 815.783, 'weight': 0, 'content': [{'end': 818.924, 'text': "Now here it's asking if you have a coupon code, and I do.", 'start': 815.783, 'duration': 3.141}, {'end': 832.532, 'text': 'So right here under have a coupon code, if you guys enter the coupon code Daryl and press apply, you guys will save 77% on your entire purchase.', 'start': 819.044, 'duration': 13.488}, {'end': 840.259, 'text': "So, for a year of hosting, all you're gonna pay is around 30 bucks, which is great value, because hosting here is very affordable,", 'start': 833.053, 'duration': 7.206}, {'end': 841.661, 'text': "yet it's also very fast.", 'start': 840.259, 'duration': 1.402}, {'end': 847.966, 'text': 'Go ahead and put in the coupon code Daryl, and once you guys do that, you guys will go ahead and select your method of payment.', 'start': 841.841, 'duration': 6.125}], 'summary': "Using coupon code 'daryl' saves 77% on hosting, costing around $30 for a year.", 'duration': 32.183, 'max_score': 815.783, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g815783.jpg'}, {'end': 930.625, 'src': 'embed', 'start': 902.407, 'weight': 3, 'content': [{'end': 906.611, 'text': 'Now you guys can actually skip this by clicking on the skip and create an empty website.', 'start': 902.407, 'duration': 4.204}, {'end': 909.134, 'text': "So right here it'll say create a new website.", 'start': 906.892, 'duration': 2.242}, {'end': 910.255, 'text': "We'll click on select.", 'start': 909.474, 'duration': 0.781}, {'end': 915.802, 'text': "And now they're asking, what kind of website? And we're gonna select WordPress.", 'start': 912.421, 'duration': 3.381}, {'end': 922.583, 'text': 'WordPress is the most popular CMS on the internets and it actually powers 46% of the entire internets.', 'start': 916.222, 'duration': 6.361}, {'end': 925.424, 'text': "So right here, we're gonna select WordPress.", 'start': 923.264, 'duration': 2.16}, {'end': 930.625, 'text': "And now we're gonna enter in an email and then a administrative password.", 'start': 926.924, 'duration': 3.701}], 'summary': 'Demonstrating how to create a wordpress website, which powers 46% of the internet.', 'duration': 28.218, 'max_score': 902.407, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g902407.jpg'}, {'end': 1307.54, 'src': 'embed', 'start': 1283.332, 'weight': 5, 'content': [{'end': 1289.358, 'text': 'Now this is very important because if you do not verify your domain within seven days, they will suspend the domain.', 'start': 1283.332, 'duration': 6.026}, {'end': 1291.56, 'text': 'So just make sure that you guys click on this link.', 'start': 1289.458, 'duration': 2.102}, {'end': 1292.761, 'text': "It's very important.", 'start': 1291.86, 'duration': 0.901}, {'end': 1295.473, 'text': "So let's go back to our WordPress website.", 'start': 1293.772, 'duration': 1.701}, {'end': 1299.455, 'text': 'All right, and as you guys can tell, our SSL is now fully installed.', 'start': 1296.133, 'duration': 3.322}, {'end': 1300.716, 'text': 'So it just takes a few minutes.', 'start': 1299.516, 'duration': 1.2}, {'end': 1305.159, 'text': 'And if we visit our sites, you can see that our SSL is fully secured.', 'start': 1301.617, 'duration': 3.542}, {'end': 1307.54, 'text': "All right, so let's go ahead and go back to our dashboard.", 'start': 1305.179, 'duration': 2.361}], 'summary': 'Verify domain within 7 days to avoid suspension. ssl fully installed in a few minutes.', 'duration': 24.208, 'max_score': 1283.332, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g1283332.jpg'}, {'end': 1372.804, 'src': 'embed', 'start': 1348.996, 'weight': 4, 'content': [{'end': 1355.898, 'text': 'Now this is actually very important and most people overlook this, but for the permalink structure, you always wanna set this to post name.', 'start': 1348.996, 'duration': 6.902}, {'end': 1363.161, 'text': 'Now, the reason why you do this is because you want it to say your website, you know, slash about us or slash contact us.', 'start': 1356.299, 'duration': 6.862}, {'end': 1367.142, 'text': "not a bunch of this numbers that don't really make any sense, like the dates and stuff like that.", 'start': 1363.161, 'duration': 3.981}, {'end': 1372.804, 'text': 'So go ahead and select post name and scroll down and click on save changes.', 'start': 1367.582, 'duration': 5.222}], 'summary': 'Set permalink structure to post name for user-friendly urls.', 'duration': 23.808, 'max_score': 1348.996, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g1348996.jpg'}], 'start': 663.96, 'title': 'Saving money on web hosting and setting up a wordpress website', 'summary': "Provides a step-by-step guide on purchasing affordable web hosting from hostinger, offering a 77% discount using the coupon code 'daryl'. it also guides through setting up a wordpress website, covering essential settings and best practices, with 46% of websites powered by wordpress mentioned.", 'chapters': [{'end': 858.815, 'start': 663.96, 'title': 'Save money on web hosting with hostinger', 'summary': "Provides a step-by-step guide on how to purchase affordable web hosting from hostinger, offering a 77% discount using the coupon code 'daryl' and recommending the 12-month hosting plan for around 30 bucks, which allows hosting 100 websites and accommodates a high number of monthly visitors.", 'duration': 194.855, 'highlights': ["You can save 77% on your entire purchase by using the coupon code 'Daryl', making the cost for a year of hosting around 30 bucks, which offers great value for hosting that is both affordable and fast.", 'The chapter recommends selecting the 12-month hosting plan as it renews at a higher cost later and provides an opportunity to lock in the price while offering the best value, allowing hosting for 100 websites and accommodating a high number of monthly visitors.', 'Hostinger offers one of the most affordable and fastest web hosting services, with the premium web hosting package being recommended for its features and value.']}, {'end': 1367.142, 'start': 859.376, 'title': 'Setting up a wordpress website', 'summary': 'Guides through setting up a wordpress website, covering steps from purchasing a hosting package to configuring ssl and verifying domain, emphasizing essential settings and best practices, with 46% of websites powered by wordpress mentioned.', 'duration': 507.766, 'highlights': ['Configuring SSL and verifying domain The process of installing SSL on the website is explained, emphasizing the importance of securing the website and verifying the domain to comply with ICANN policy.', 'Selecting WordPress as CMS The significance of WordPress as the most popular CMS, powering 46% of the internet, is highlighted, emphasizing its selection during the website setup process.', "Adjusting general settings and permalinks Guidance on adjusting general settings and setting permalinks to 'post name' for better website structure and usability is provided, ensuring proper configuration of essential settings."]}], 'duration': 703.182, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g663960.jpg', 'highlights': ["You can save 77% on your entire purchase by using the coupon code 'Daryl', making the cost for a year of hosting around 30 bucks", 'The chapter recommends selecting the 12-month hosting plan as it renews at a higher cost later and provides an opportunity to lock in the price while offering the best value', 'Hostinger offers one of the most affordable and fastest web hosting services, with the premium web hosting package being recommended for its features and value', 'Selecting WordPress as CMS The significance of WordPress as the most popular CMS, powering 46% of the internet, is highlighted, emphasizing its selection during the website setup process', "Adjusting general settings and permalinks Guidance on adjusting general settings and setting permalinks to 'post name' for better website structure and usability is provided, ensuring proper configuration of essential settings", 'Configuring SSL and verifying domain The process of installing SSL on the website is explained, emphasizing the importance of securing the website and verifying the domain to comply with ICANN policy']}, {'end': 2601.564, 'segs': [{'end': 1416.967, 'src': 'embed', 'start': 1386.373, 'weight': 0, 'content': [{'end': 1390.156, 'text': 'The Flatsome theme is the number one best selling e-commerce theme for WordPress.', 'start': 1386.373, 'duration': 3.783}, {'end': 1395.86, 'text': "It has tons of features, tons of templates, and it's really easy for beginners to adopt this new theme right away.", 'start': 1390.876, 'duration': 4.984}, {'end': 1403.124, 'text': "Now, I also do want to remind you guys that purchasing Flatsome is a one time lifetime payment, and that's much better than alternatives,", 'start': 1396.46, 'duration': 6.664}, {'end': 1406.685, 'text': 'where they make you pay every single month, because that can get very expensive.', 'start': 1403.124, 'duration': 3.561}, {'end': 1410.788, 'text': "So in the long run, you're going to save a lot of money purchasing and using the Flatsome theme.", 'start': 1407.106, 'duration': 3.682}, {'end': 1412.402, 'text': "So let's get started.", 'start': 1411.641, 'duration': 0.761}, {'end': 1416.967, 'text': 'All right, and the next step is we are now going to download and purchase the Flatsome theme.', 'start': 1412.422, 'duration': 4.545}], 'summary': 'Flatsome: best-selling e-commerce theme for wordpress, one-time lifetime payment saves money.', 'duration': 30.594, 'max_score': 1386.373, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g1386373.jpg'}, {'end': 1489.18, 'src': 'embed', 'start': 1455.98, 'weight': 1, 'content': [{'end': 1459.241, 'text': 'Now, the great part about the Flatsome theme is that this is a lifetime plan.', 'start': 1455.98, 'duration': 3.261}, {'end': 1465.165, 'text': 'So you will only have to pay this once and never have to pay again versus alternative platforms where you have to pay a subscription.', 'start': 1459.282, 'duration': 5.883}, {'end': 1469.247, 'text': 'And I know it really sucks, but with Flatsome, this is a lifetime one-time payment.', 'start': 1465.205, 'duration': 4.042}, {'end': 1473.729, 'text': "So you'll go ahead and click on Add to Cart, and then you'll click on Go to Checkout.", 'start': 1469.947, 'duration': 3.782}, {'end': 1477.532, 'text': 'And then from here all you have to do is go ahead and click on Pay Secure,', 'start': 1474.07, 'duration': 3.462}, {'end': 1480.674, 'text': 'and then you guys can make your payment with credit card via PayPal Checkout.', 'start': 1477.532, 'duration': 3.142}, {'end': 1485.977, 'text': "Now once you guys have purchased this, I will go ahead and meet you in your customer portal where I'll show you how to download it.", 'start': 1481.074, 'duration': 4.903}, {'end': 1487.178, 'text': 'All right, great, awesome.', 'start': 1486.377, 'duration': 0.801}, {'end': 1489.18, 'text': 'So we have now purchased the Flatsome theme.', 'start': 1487.218, 'duration': 1.962}], 'summary': 'Flatsome theme offers lifetime payment, no subscription needed, and easy checkout via paypal.', 'duration': 33.2, 'max_score': 1455.98, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g1455980.jpg'}, {'end': 1568.897, 'src': 'embed', 'start': 1542.304, 'weight': 3, 'content': [{'end': 1547.887, 'text': 'The options can range from a header and a footer builder, different blog post layouts controlling the width of your website,', 'start': 1542.304, 'duration': 5.583}, {'end': 1553.869, 'text': 'like a blocks or a full width, or specific e-commerce features like product layouts or different shop page layouts.', 'start': 1547.887, 'duration': 5.982}, {'end': 1558.831, 'text': 'A WordPress theme generally controls the layout and style of your current WordPress website.', 'start': 1554.71, 'duration': 4.121}, {'end': 1561.593, 'text': 'A WordPress theme does not build the website itself,', 'start': 1559.432, 'duration': 2.161}, {'end': 1566.435, 'text': "but it's more of an outside shell for the page builders and a starting point to build your WordPress website.", 'start': 1561.593, 'duration': 4.842}, {'end': 1568.897, 'text': "So that's a general rundown of WordPress themes.", 'start': 1566.915, 'duration': 1.982}], 'summary': 'Wordpress themes control layout and style, serving as starting point for website building.', 'duration': 26.593, 'max_score': 1542.304, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g1542304.jpg'}, {'end': 1991.006, 'src': 'heatmap', 'start': 1581.426, 'weight': 4, 'content': [{'end': 1583.368, 'text': "So up here, you'll click on Upload Theme.", 'start': 1581.426, 'duration': 1.942}, {'end': 1584.769, 'text': 'Choose the file.', 'start': 1584.068, 'duration': 0.701}, {'end': 1588.692, 'text': "And now we're going to upload the zip file that we downloaded from ThemeForest.", 'start': 1585.689, 'duration': 3.003}, {'end': 1590.593, 'text': 'And here is the file.', 'start': 1589.132, 'duration': 1.461}, {'end': 1591.694, 'text': 'It says ThemeForest.', 'start': 1590.773, 'duration': 0.921}, {'end': 1593.756, 'text': 'And you can see Flatsome Multipurpose.', 'start': 1592.194, 'duration': 1.562}, {'end': 1595.277, 'text': "I'll click on Open.", 'start': 1594.556, 'duration': 0.721}, {'end': 1597.902, 'text': "And then I'll click on Install Now.", 'start': 1596.601, 'duration': 1.301}, {'end': 1598.862, 'text': 'All right, great.', 'start': 1598.462, 'duration': 0.4}, {'end': 1600.643, 'text': "Over here, you'll see Activate.", 'start': 1599.342, 'duration': 1.301}, {'end': 1602.163, 'text': 'Go ahead and click on Activate.', 'start': 1600.983, 'duration': 1.18}, {'end': 1603.183, 'text': 'All right, cool.', 'start': 1602.183, 'duration': 1}, {'end': 1609.626, 'text': "Now, this is a setup wizard for Flatsome, but I don't want to use the wizard because we can activate this at any time that we want.", 'start': 1603.284, 'duration': 6.342}, {'end': 1613.007, 'text': "So here, you're going to see Return to WordPress Dashboard.", 'start': 1610.186, 'duration': 2.821}, {'end': 1615.628, 'text': 'Go ahead and click on Return to WordPress Dashboard.', 'start': 1613.267, 'duration': 2.361}, {'end': 1620.83, 'text': 'All right, now over here, you guys might see notices that want you to activate plugins.', 'start': 1616.288, 'duration': 4.542}, {'end': 1625.252, 'text': "We'll do this in just a bit, but for now, you can go ahead and click on Dismiss This Notice.", 'start': 1620.99, 'duration': 4.262}, {'end': 1627.933, 'text': "On the left side, you're going to see Flatsome.", 'start': 1626.152, 'duration': 1.781}, {'end': 1629.815, 'text': "So over here, let's click on Flatsome.", 'start': 1628.213, 'duration': 1.602}, {'end': 1632.817, 'text': "And now we're going to enter our license code.", 'start': 1630.875, 'duration': 1.942}, {'end': 1637.3, 'text': 'And what this is going to do, this is going to activate the theme so we can now use it on our websites.', 'start': 1632.917, 'duration': 4.383}, {'end': 1642.963, 'text': 'To access your purchase code, you guys will go ahead and find it on the notepad that you downloaded from your Themeforest account.', 'start': 1637.7, 'duration': 5.263}, {'end': 1644.244, 'text': "So it'll look something like this.", 'start': 1643.244, 'duration': 1}, {'end': 1645.745, 'text': "I'll go ahead and shrink this down.", 'start': 1644.264, 'duration': 1.481}, {'end': 1649.008, 'text': "Scroll down and it's going to show right here.", 'start': 1646.946, 'duration': 2.062}, {'end': 1652.372, 'text': "So it'll say item purchase code and then it'll have your full code.", 'start': 1649.088, 'duration': 3.284}, {'end': 1657.797, 'text': "You're going to go ahead and take that code and then just paste it right there and then click on register.", 'start': 1652.752, 'duration': 5.045}, {'end': 1660.3, 'text': "So I'll go ahead and paste my code.", 'start': 1658.798, 'duration': 1.502}, {'end': 1661.741, 'text': 'All right, cool.', 'start': 1661.261, 'duration': 0.48}, {'end': 1666.887, 'text': 'So now the Flotsam theme is fully registered on the website and now we can use it to build our e-commerce website.', 'start': 1661.761, 'duration': 5.126}, {'end': 1673.315, 'text': 'Now, if you guys ever come across errors or something goes wrong on your website, which sometimes might happen,', 'start': 1667.407, 'duration': 5.908}, {'end': 1679.482, 'text': 'you guys can actually contact Flatsome and they will log in and fix any errors that you guys have on your WordPress websites.', 'start': 1673.315, 'duration': 6.167}, {'end': 1681.645, 'text': "Over here, you'll click on Support.", 'start': 1680.043, 'duration': 1.602}, {'end': 1687.051, 'text': "we'll scroll down and at the bottom, right here, you're gonna see contact author.", 'start': 1682.867, 'duration': 4.184}, {'end': 1689.574, 'text': "all you have to do is tell them the issues that you're having.", 'start': 1687.051, 'duration': 2.523}, {'end': 1691.737, 'text': 'they will go ahead and ask your login credentials.', 'start': 1689.574, 'duration': 2.163}, {'end': 1693.318, 'text': "they'll fix any issues.", 'start': 1691.737, 'duration': 1.581}, {'end': 1700.206, 'text': "so if you guys do come across errors during the video, you guys can always contact Flatsome and they'll fix any errors that you have on your websites.", 'start': 1693.318, 'duration': 6.888}, {'end': 1700.586, 'text': 'pretty cool.', 'start': 1700.206, 'duration': 0.38}, {'end': 1706.289, 'text': "So now that we have Flatsum installed on our domain, let's just take a quick look at our website and see what's changed.", 'start': 1701.247, 'duration': 5.042}, {'end': 1714.712, 'text': "So now you'll see that we have the Flatsum logo. we have a blue bar at the top where we have some social icons and the website is slowly coming along.", 'start': 1706.689, 'duration': 8.023}, {'end': 1717.593, 'text': "But let's go ahead now and create some pages for our websites.", 'start': 1715.112, 'duration': 2.481}, {'end': 1719.813, 'text': "Let's go over here to Dashboard.", 'start': 1718.493, 'duration': 1.32}, {'end': 1723.634, 'text': "And over here you're going to see Pages, and let's click on All Pages.", 'start': 1720.874, 'duration': 2.76}, {'end': 1728.475, 'text': "Now these two pages come by default with WordPress, so we don't need to have these.", 'start': 1724.374, 'duration': 4.101}, {'end': 1732.516, 'text': 'So we can go ahead and click on this, move to Trash, and then Apply.', 'start': 1728.695, 'duration': 3.821}, {'end': 1734.556, 'text': "Now let's make our own pages.", 'start': 1732.536, 'duration': 2.02}, {'end': 1736.597, 'text': "So over here, I'll click on Add New.", 'start': 1734.896, 'duration': 1.701}, {'end': 1739.997, 'text': "And then I'll type in Home, and this is our home page.", 'start': 1737.837, 'duration': 2.16}, {'end': 1742.338, 'text': "I'll click on Publish and Publish.", 'start': 1740.798, 'duration': 1.54}, {'end': 1744.738, 'text': "And now let's make another page.", 'start': 1743.678, 'duration': 1.06}, {'end': 1747.079, 'text': 'So over here, Add New Page.', 'start': 1745.439, 'duration': 1.64}, {'end': 1749.955, 'text': 'This will be our About Us page.', 'start': 1748.134, 'duration': 1.821}, {'end': 1752.697, 'text': "I'll click on Publish and Publish.", 'start': 1751.156, 'duration': 1.541}, {'end': 1755.599, 'text': 'Add New Page.', 'start': 1754.779, 'duration': 0.82}, {'end': 1758.281, 'text': "And then we're going to do our Contact Us page.", 'start': 1756.26, 'duration': 2.021}, {'end': 1761.584, 'text': 'Publish and Publish.', 'start': 1760.563, 'duration': 1.021}, {'end': 1766.027, 'text': "Alright, now let's take a quick look at our website over here.", 'start': 1763.385, 'duration': 2.642}, {'end': 1767.948, 'text': "So let's go back to Visit Sites.", 'start': 1766.467, 'duration': 1.481}, {'end': 1772.511, 'text': "And you're going to see that the pages don't appear because we need to create a menu.", 'start': 1768.889, 'duration': 3.622}, {'end': 1773.792, 'text': "So let's go ahead now and create a menu.", 'start': 1772.732, 'duration': 1.06}, {'end': 1779.407, 'text': "Let's go back to our dashboard, appearance, and then we'll click on menus.", 'start': 1774.804, 'duration': 4.603}, {'end': 1782.129, 'text': 'Now with WordPress, every website needs a menu.', 'start': 1779.907, 'duration': 2.222}, {'end': 1783.75, 'text': 'So this will be like the main menu.', 'start': 1782.229, 'duration': 1.521}, {'end': 1789.373, 'text': "I'll click on a main menu and then I'll click on create a menu.", 'start': 1786.231, 'duration': 3.142}, {'end': 1791.494, 'text': 'So here we have a list of our pages.', 'start': 1789.953, 'duration': 1.541}, {'end': 1792.815, 'text': 'Just go ahead and click on all of these.', 'start': 1791.594, 'duration': 1.221}, {'end': 1796.497, 'text': "I know we have two home pages, but I'll just explain why we have two home pages.", 'start': 1793.115, 'duration': 3.382}, {'end': 1798.939, 'text': "So here you're going to see custom link.", 'start': 1797.258, 'duration': 1.681}, {'end': 1800.62, 'text': 'This is the one you want to delete.', 'start': 1799.339, 'duration': 1.281}, {'end': 1802.201, 'text': 'So we just want our pages.', 'start': 1800.9, 'duration': 1.301}, {'end': 1804.542, 'text': 'A custom link is pretty much anything right?', 'start': 1802.641, 'duration': 1.901}, {'end': 1811.425, 'text': 'You can make this like a Facebook link or a Twitter link, or whatever, by just saying like oh, my Twitter page, you know.', 'start': 1804.602, 'duration': 6.823}, {'end': 1813.306, 'text': 'and then here you can just link your Twitter.', 'start': 1811.425, 'duration': 1.881}, {'end': 1818.208, 'text': "So all you're doing here is just like a link where you can link them to any website that you want.", 'start': 1813.666, 'duration': 4.542}, {'end': 1823.651, 'text': "But I'll go ahead and click on the custom link, scroll down and click on remove.", 'start': 1818.868, 'duration': 4.783}, {'end': 1828.853, 'text': 'So now we have the home right here, the about us and then the contact.', 'start': 1824.211, 'duration': 4.642}, {'end': 1832.754, 'text': "Now that we have the pages, I'll just click on the save menu.", 'start': 1830.171, 'duration': 2.583}, {'end': 1835.417, 'text': 'All right, cool.', 'start': 1832.814, 'duration': 2.603}, {'end': 1838.32, 'text': "I'll just take a look at our website and just make sure the menus appeared.", 'start': 1835.437, 'duration': 2.883}, {'end': 1844.498, 'text': 'So now you see we have the home page, the about us page, and the contact page.', 'start': 1839.434, 'duration': 5.064}, {'end': 1845.599, 'text': 'Pretty simple.', 'start': 1845.079, 'duration': 0.52}, {'end': 1849.322, 'text': "So now I'll click on the Flatsome logo to go back to our current front page.", 'start': 1846.179, 'duration': 3.143}, {'end': 1851.964, 'text': "Now I don't want this to be our front page anymore.", 'start': 1849.882, 'duration': 2.082}, {'end': 1854.026, 'text': 'I want the home to be our home page.', 'start': 1852.104, 'duration': 1.922}, {'end': 1858.529, 'text': 'But you guys might notice that this permalink pops up, so I need to assign the home page.', 'start': 1854.146, 'duration': 4.383}, {'end': 1861.452, 'text': "And to do that, we're going to click on the theme customizer.", 'start': 1858.87, 'duration': 2.582}, {'end': 1863.713, 'text': 'So up here, click on customize.', 'start': 1861.892, 'duration': 1.821}, {'end': 1868.335, 'text': "Now we're going to come back to the Theme Customizer a little bit later in this video,", 'start': 1864.574, 'duration': 3.761}, {'end': 1873.457, 'text': 'where we can basically design the header and the footer and just sort of change the structure a little bit.', 'start': 1868.335, 'duration': 5.122}, {'end': 1877.058, 'text': 'But the Theme Customizers are not used that much anymore, honestly.', 'start': 1873.897, 'duration': 3.161}, {'end': 1879.559, 'text': "But here you're going to see Homepage Settings.", 'start': 1877.559, 'duration': 2}, {'end': 1882.34, 'text': "You'll see a static page.", 'start': 1881.08, 'duration': 1.26}, {'end': 1886.182, 'text': 'And now I want to assign the homepage as our current homepage.', 'start': 1882.92, 'duration': 3.262}, {'end': 1890.203, 'text': "I'll click on Publish, and then I'll close this.", 'start': 1887.582, 'duration': 2.621}, {'end': 1892.682, 'text': 'right, great.', 'start': 1892.162, 'duration': 0.52}, {'end': 1894.804, 'text': "so now you'll see that if i click on the logo here,", 'start': 1892.682, 'duration': 2.122}, {'end': 1903.369, 'text': "that this home page is now our current home page and all that's ready for us now is to start designing this with the flat sum builder.", 'start': 1894.804, 'duration': 8.565}, {'end': 1907.091, 'text': 'so the next thing for us to do is to start designing this page using the ux builder.', 'start': 1903.369, 'duration': 3.722}, {'end': 1912.335, 'text': "here you're going to see edit page, but if you hover over it, you're going to see edit with ux builder.", 'start': 1907.091, 'duration': 5.244}, {'end': 1915.016, 'text': 'the ux builder is the flat sum primary builder.', 'start': 1912.335, 'duration': 2.681}, {'end': 1920.94, 'text': "so go ahead and click on edit with ux builder and now we're going to turn on the builder to start customizing our website.", 'start': 1915.016, 'duration': 5.924}, {'end': 1923.862, 'text': "So now we're going to design the website using the Flatsome Builder.", 'start': 1921.36, 'duration': 2.502}, {'end': 1930.969, 'text': 'The Flatsome Builder has just tons of templates, pre-made websites, block sections that make it really easy to build your e-commerce website.', 'start': 1924.043, 'duration': 6.926}, {'end': 1935.273, 'text': 'And after using the Flatsome theme for like an hour or so, you guys will definitely get the hang of it.', 'start': 1931.509, 'duration': 3.764}, {'end': 1936.394, 'text': "So let's get started.", 'start': 1935.673, 'duration': 0.721}, {'end': 1938.479, 'text': "All right, so let's get started.", 'start': 1937.418, 'duration': 1.061}, {'end': 1945.202, 'text': 'Now, before we upload blocks and templates and stuff like that, let me just give you a quick crash course on how to use the Flats on Builder.', 'start': 1938.859, 'duration': 6.343}, {'end': 1947.163, 'text': "Here you're gonna see add elements.", 'start': 1945.782, 'duration': 1.381}, {'end': 1948.524, 'text': 'And if I click on this,', 'start': 1947.543, 'duration': 0.981}, {'end': 1955.327, 'text': "we'll now see that we have elements on the left side where we can add in page headers or buttons or anything else that you wanna add.", 'start': 1948.524, 'duration': 6.803}, {'end': 1957.809, 'text': 'But I wanna add in rows in this section.', 'start': 1955.768, 'duration': 2.041}, {'end': 1959.71, 'text': "So over here, I'll click on row.", 'start': 1958.089, 'duration': 1.621}, {'end': 1961.771, 'text': "And now you'll see that we have presets.", 'start': 1960.41, 'duration': 1.361}, {'end': 1966.634, 'text': 'We can have a two column row, a three column row, a four column row, and so on and so forth.', 'start': 1962.071, 'duration': 4.563}, {'end': 1968.636, 'text': "But I'll just select a three column row.", 'start': 1967.055, 'duration': 1.581}, {'end': 1970.877, 'text': "In the bottom, I'll click on Apply.", 'start': 1969.476, 'duration': 1.401}, {'end': 1973.839, 'text': 'Now we can add elements inside of these columns.', 'start': 1971.538, 'duration': 2.301}, {'end': 1975.361, 'text': "So I'll click on Add Elements.", 'start': 1974.12, 'duration': 1.241}, {'end': 1979.342, 'text': "And let's say, for instance, I want to add in just some general text.", 'start': 1976.141, 'duration': 3.201}, {'end': 1980.902, 'text': "Here, I'll click on Text.", 'start': 1979.902, 'duration': 1}, {'end': 1982.783, 'text': 'And they have different presets as well.', 'start': 1981.383, 'duration': 1.4}, {'end': 1988.305, 'text': 'And they do this because they want to make it more convenient for you guys to just make something really fast.', 'start': 1983.123, 'duration': 5.182}, {'end': 1991.006, 'text': "So I'll go ahead and do a paragraph with a sub-headline.", 'start': 1988.805, 'duration': 2.201}], 'summary': 'Instruction on uploading and activating flatsome theme, entering license code, creating pages, and using flatsome builder for website customization.', 'duration': 409.58, 'max_score': 1581.426, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g1581426.jpg'}, {'end': 1666.887, 'src': 'embed', 'start': 1637.7, 'weight': 5, 'content': [{'end': 1642.963, 'text': 'To access your purchase code, you guys will go ahead and find it on the notepad that you downloaded from your Themeforest account.', 'start': 1637.7, 'duration': 5.263}, {'end': 1644.244, 'text': "So it'll look something like this.", 'start': 1643.244, 'duration': 1}, {'end': 1645.745, 'text': "I'll go ahead and shrink this down.", 'start': 1644.264, 'duration': 1.481}, {'end': 1649.008, 'text': "Scroll down and it's going to show right here.", 'start': 1646.946, 'duration': 2.062}, {'end': 1652.372, 'text': "So it'll say item purchase code and then it'll have your full code.", 'start': 1649.088, 'duration': 3.284}, {'end': 1657.797, 'text': "You're going to go ahead and take that code and then just paste it right there and then click on register.", 'start': 1652.752, 'duration': 5.045}, {'end': 1660.3, 'text': "So I'll go ahead and paste my code.", 'start': 1658.798, 'duration': 1.502}, {'end': 1661.741, 'text': 'All right, cool.', 'start': 1661.261, 'duration': 0.48}, {'end': 1666.887, 'text': 'So now the Flotsam theme is fully registered on the website and now we can use it to build our e-commerce website.', 'start': 1661.761, 'duration': 5.126}], 'summary': "To register the flotsam theme, paste the purchase code and click register. now it's fully registered for building an e-commerce website.", 'duration': 29.187, 'max_score': 1637.7, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g1637700.jpg'}, {'end': 1700.206, 'src': 'embed', 'start': 1673.315, 'weight': 7, 'content': [{'end': 1679.482, 'text': 'you guys can actually contact Flatsome and they will log in and fix any errors that you guys have on your WordPress websites.', 'start': 1673.315, 'duration': 6.167}, {'end': 1681.645, 'text': "Over here, you'll click on Support.", 'start': 1680.043, 'duration': 1.602}, {'end': 1687.051, 'text': "we'll scroll down and at the bottom, right here, you're gonna see contact author.", 'start': 1682.867, 'duration': 4.184}, {'end': 1689.574, 'text': "all you have to do is tell them the issues that you're having.", 'start': 1687.051, 'duration': 2.523}, {'end': 1691.737, 'text': 'they will go ahead and ask your login credentials.', 'start': 1689.574, 'duration': 2.163}, {'end': 1693.318, 'text': "they'll fix any issues.", 'start': 1691.737, 'duration': 1.581}, {'end': 1700.206, 'text': "so if you guys do come across errors during the video, you guys can always contact Flatsome and they'll fix any errors that you have on your websites.", 'start': 1693.318, 'duration': 6.888}], 'summary': 'Contact flatsome for wordpress website errors, they will fix any issues.', 'duration': 26.891, 'max_score': 1673.315, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g1673315.jpg'}, {'end': 1779.407, 'src': 'embed', 'start': 1748.134, 'weight': 8, 'content': [{'end': 1749.955, 'text': 'This will be our About Us page.', 'start': 1748.134, 'duration': 1.821}, {'end': 1752.697, 'text': "I'll click on Publish and Publish.", 'start': 1751.156, 'duration': 1.541}, {'end': 1755.599, 'text': 'Add New Page.', 'start': 1754.779, 'duration': 0.82}, {'end': 1758.281, 'text': "And then we're going to do our Contact Us page.", 'start': 1756.26, 'duration': 2.021}, {'end': 1761.584, 'text': 'Publish and Publish.', 'start': 1760.563, 'duration': 1.021}, {'end': 1766.027, 'text': "Alright, now let's take a quick look at our website over here.", 'start': 1763.385, 'duration': 2.642}, {'end': 1767.948, 'text': "So let's go back to Visit Sites.", 'start': 1766.467, 'duration': 1.481}, {'end': 1772.511, 'text': "And you're going to see that the pages don't appear because we need to create a menu.", 'start': 1768.889, 'duration': 3.622}, {'end': 1773.792, 'text': "So let's go ahead now and create a menu.", 'start': 1772.732, 'duration': 1.06}, {'end': 1779.407, 'text': "Let's go back to our dashboard, appearance, and then we'll click on menus.", 'start': 1774.804, 'duration': 4.603}], 'summary': 'Creating about us and contact us pages, adding them to the website menu.', 'duration': 31.273, 'max_score': 1748.134, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g1748134.jpg'}, {'end': 1945.202, 'src': 'embed', 'start': 1915.016, 'weight': 9, 'content': [{'end': 1920.94, 'text': "so go ahead and click on edit with ux builder and now we're going to turn on the builder to start customizing our website.", 'start': 1915.016, 'duration': 5.924}, {'end': 1923.862, 'text': "So now we're going to design the website using the Flatsome Builder.", 'start': 1921.36, 'duration': 2.502}, {'end': 1930.969, 'text': 'The Flatsome Builder has just tons of templates, pre-made websites, block sections that make it really easy to build your e-commerce website.', 'start': 1924.043, 'duration': 6.926}, {'end': 1935.273, 'text': 'And after using the Flatsome theme for like an hour or so, you guys will definitely get the hang of it.', 'start': 1931.509, 'duration': 3.764}, {'end': 1936.394, 'text': "So let's get started.", 'start': 1935.673, 'duration': 0.721}, {'end': 1938.479, 'text': "All right, so let's get started.", 'start': 1937.418, 'duration': 1.061}, {'end': 1945.202, 'text': 'Now, before we upload blocks and templates and stuff like that, let me just give you a quick crash course on how to use the Flats on Builder.', 'start': 1938.859, 'duration': 6.343}], 'summary': 'Using flatsome builder to customize website with pre-made templates and blocks for easy e-commerce website creation.', 'duration': 30.186, 'max_score': 1915.016, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g1915016.jpg'}, {'end': 2051.284, 'src': 'embed', 'start': 2022.85, 'weight': 18, 'content': [{'end': 2028.233, 'text': "Alright, and then over here under Image, I'll click on Select Media, and then we can upload an image.", 'start': 2022.85, 'duration': 5.383}, {'end': 2031.634, 'text': 'Now from here, you guys can upload images onto your website.', 'start': 2028.773, 'duration': 2.861}, {'end': 2035.716, 'text': "So I'll go ahead and click on Select Files, and here I have a folder.", 'start': 2031.734, 'duration': 3.982}, {'end': 2040.299, 'text': 'I actually have this folder for you guys in the description that you guys can use to follow along as well.', 'start': 2035.736, 'duration': 4.563}, {'end': 2046.602, 'text': "I'll show you guys how to upload it in just a bit, but I just want to give you this demonstration where now we have this image right?", 'start': 2041.039, 'duration': 5.563}, {'end': 2051.284, 'text': "And over here on the left side, you're gonna see that we have a row.", 'start': 2047.342, 'duration': 3.942}], 'summary': 'Demonstration of uploading images to website with step-by-step guidance.', 'duration': 28.434, 'max_score': 2022.85, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g2022850.jpg'}, {'end': 2086.297, 'src': 'embed', 'start': 2059.947, 'weight': 13, 'content': [{'end': 2066.431, 'text': 'And here we have the button, and I can move the button above the text or below it and stuff like that.', 'start': 2059.947, 'duration': 6.484}, {'end': 2069.813, 'text': 'So this is where you can drag and drop elements onto your websites.', 'start': 2066.851, 'duration': 2.962}, {'end': 2073.714, 'text': 'If I wanna just basically close this, I can just collapse it.', 'start': 2070.353, 'duration': 3.361}, {'end': 2077.775, 'text': "And now you'll see that we have the row, right? And then we have our three columns right here.", 'start': 2074.175, 'duration': 3.6}, {'end': 2080.817, 'text': 'So now we can do the same process all over again, right?', 'start': 2078.496, 'duration': 2.321}, {'end': 2082.677, 'text': 'But I think you guys understand now, right?', 'start': 2081.197, 'duration': 1.48}, {'end': 2086.297, 'text': 'We just go ahead and you know, click on something and then we can go ahead and design it.', 'start': 2082.697, 'duration': 3.6}], 'summary': 'Demonstration of drag and drop elements onto websites, including button and column manipulation.', 'duration': 26.35, 'max_score': 2059.947, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g2059947.jpg'}, {'end': 2129.935, 'src': 'embed', 'start': 2098.682, 'weight': 11, 'content': [{'end': 2100.023, 'text': 'And I can do that again if I want.', 'start': 2098.682, 'duration': 1.341}, {'end': 2103.173, 'text': 'And now I can actually duplicate this column.', 'start': 2100.99, 'duration': 2.183}, {'end': 2104.876, 'text': "So right here you'll see column.", 'start': 2103.514, 'duration': 1.362}, {'end': 2107.379, 'text': 'If I right click, I can duplicate this.', 'start': 2105.096, 'duration': 2.283}, {'end': 2110.97, 'text': 'And then I can go back and do it one more time.', 'start': 2108.789, 'duration': 2.181}, {'end': 2114.571, 'text': "So I'll go back here, and I will duplicate it just like that.", 'start': 2111.05, 'duration': 3.521}, {'end': 2117.752, 'text': "So that's just a quick rundown of how to use this builder.", 'start': 2115.331, 'duration': 2.421}, {'end': 2124.373, 'text': 'You guys can pretty much use elements here by clicking on the plus anywhere on the column section, and this is where you can add in elements.', 'start': 2117.872, 'duration': 6.501}, {'end': 2129.935, 'text': "Now, if you guys want to create a new section here at the bottom, you'll see that there's this plus right here,", 'start': 2124.874, 'duration': 5.061}], 'summary': 'Demonstration of duplicating columns and adding elements in the builder.', 'duration': 31.253, 'max_score': 2098.682, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g2098682.jpg'}, {'end': 2175.801, 'src': 'embed', 'start': 2150.343, 'weight': 10, 'content': [{'end': 2155.285, 'text': 'So click on clear content, click on OK, and then we can start from scratch all over again.', 'start': 2150.343, 'duration': 4.942}, {'end': 2161.848, 'text': "Now, here at the bottom, there's templates, but we can access the Flatsome Studio, which offers much more templates than that.", 'start': 2155.945, 'duration': 5.903}, {'end': 2163.949, 'text': "Here you'll see add elements.", 'start': 2162.688, 'duration': 1.261}, {'end': 2168.534, 'text': "And since we don't have a row to work with, we now have this Flatsome Studio.", 'start': 2164.65, 'duration': 3.884}, {'end': 2173.579, 'text': 'And here we can go ahead and import complete templates and also blocks onto our websites.', 'start': 2168.954, 'duration': 4.625}, {'end': 2175.801, 'text': 'And it actually categories this right?', 'start': 2174.26, 'duration': 1.541}], 'summary': 'Flatsome studio offers more templates, categories, and blocks for website customization.', 'duration': 25.458, 'max_score': 2150.343, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g2150343.jpg'}, {'end': 2279.704, 'src': 'embed', 'start': 2246.761, 'weight': 15, 'content': [{'end': 2250.304, 'text': 'Now for every element that you guys use with Flotsam, it has a styling tab.', 'start': 2246.761, 'duration': 3.543}, {'end': 2252.425, 'text': 'So for example, this is a text module.', 'start': 2250.564, 'duration': 1.861}, {'end': 2255.327, 'text': 'And with the text module, we can design the font size.', 'start': 2252.645, 'duration': 2.682}, {'end': 2262.572, 'text': "We can change the line height, right? So if you want to customize or style any of the elements, it's going to display here.", 'start': 2255.487, 'duration': 7.085}, {'end': 2266.074, 'text': 'Now for every element, the styling tab will look a little different.', 'start': 2263.072, 'duration': 3.002}, {'end': 2269.997, 'text': "For example, if I click on a button right here, you're going to see more options right?", 'start': 2266.374, 'duration': 3.623}, {'end': 2272.779, 'text': 'And this is just different ways on how to design your elements.', 'start': 2270.477, 'duration': 2.302}, {'end': 2279.704, 'text': "So for example, if I want to change the letter case, here you'll see that we have an option to change the letter case.", 'start': 2273.359, 'duration': 6.345}], 'summary': 'Flotsam allows styling customization for various elements, such as font size and letter case.', 'duration': 32.943, 'max_score': 2246.761, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g2246761.jpg'}, {'end': 2463.129, 'src': 'embed', 'start': 2428.965, 'weight': 16, 'content': [{'end': 2435.43, 'text': 'So you guys can go ahead and add in as many sections as you guys want to your websites using the actual Flatsilm Studio blocks,', 'start': 2428.965, 'duration': 6.465}, {'end': 2441.555, 'text': "just in case you guys don't want to use a full-on template, which I think many of you might not want to, and I totally understand.", 'start': 2435.43, 'duration': 6.125}, {'end': 2445.899, 'text': 'But this is how you can pretty much import blocks really quickly on your website.', 'start': 2441.995, 'duration': 3.904}, {'end': 2450.001, 'text': "So you guys with me? You guys good? You guys can tell it's really easy to build your website.", 'start': 2446.559, 'duration': 3.442}, {'end': 2451.862, 'text': 'You know, drag and drop, really simple stuff.', 'start': 2450.021, 'duration': 1.841}, {'end': 2452.823, 'text': 'Anyone can do this.', 'start': 2452.062, 'duration': 0.761}, {'end': 2455.484, 'text': "Now let's go ahead and build this page right here.", 'start': 2453.363, 'duration': 2.121}, {'end': 2461.628, 'text': 'This is a two column row, right? We have text, button, and then our second column, we just have an image.', 'start': 2455.964, 'duration': 5.664}, {'end': 2463.129, 'text': "I mean, that's all we really did here.", 'start': 2461.848, 'duration': 1.281}], 'summary': 'Easily add sections to websites using flatsilm studio blocks, simplifying website building with drag and drop features.', 'duration': 34.164, 'max_score': 2428.965, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g2428965.jpg'}, {'end': 2507.221, 'src': 'embed', 'start': 2482.018, 'weight': 14, 'content': [{'end': 2487.5, 'text': 'So you guys can just go use the Flatsome Studio and just kind of like steal sections and just delete the rest right?', 'start': 2482.018, 'duration': 5.482}, {'end': 2490.422, 'text': "So here under e-commerce we're gonna scroll down.", 'start': 2488.021, 'duration': 2.401}, {'end': 2493.203, 'text': 'Just keep scrolling, just keep scrolling.', 'start': 2491.262, 'duration': 1.941}, {'end': 2495.784, 'text': 'And you guys are gonna come across this one right here.', 'start': 2493.683, 'duration': 2.101}, {'end': 2498.105, 'text': 'It is called the single product focus.', 'start': 2495.984, 'duration': 2.121}, {'end': 2500.006, 'text': "I'll click on import.", 'start': 2499.105, 'duration': 0.901}, {'end': 2501.939, 'text': "And then I'll import this.", 'start': 2501.018, 'duration': 0.921}, {'end': 2507.221, 'text': "Does this page look familiar? Well, it should because it's actually this landing page.", 'start': 2502.959, 'duration': 4.262}], 'summary': 'Using flatsome studio to import a single product focus landing page for e-commerce.', 'duration': 25.203, 'max_score': 2482.018, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g2482018.jpg'}], 'start': 1367.582, 'title': 'Using flatsome theme for e-commerce', 'summary': 'Explains purchasing, downloading, uploading, and activating the flatsome theme, setting it up, using flatsome studio for website design, and importing and customizing e-commerce templates, highlighting its benefits such as best-selling status, one-time payment, and usability for beginners.', 'chapters': [{'end': 1507.28, 'start': 1367.582, 'title': 'Purchasing and downloading flatsome theme', 'summary': 'Explains how to purchase and download the flatsome theme, emphasizing its benefits such as being the best-selling e-commerce theme for wordpress, one-time lifetime payment, and easy usability for beginners, along with a step-by-step guide for the purchase process.', 'duration': 139.698, 'highlights': ["The Flatsome theme is the number one best selling e-commerce theme for WordPress, offering tons of features and templates, and it's easy for beginners to adopt right away. The Flatsome theme is highlighted as the best-selling e-commerce theme for WordPress, providing numerous features and templates, and being beginner-friendly.", 'Purchasing Flatsome involves a one-time lifetime payment, saving a lot of money in the long run compared to alternatives that require monthly payments. The one-time lifetime payment for Flatsome is emphasized for saving money in the long run compared to monthly payment alternatives.', 'The step-by-step guide for purchasing Flatsome includes adding to cart, going to checkout, and making payment via credit card or PayPal Checkout. The detailed guide for purchasing Flatsome includes adding to cart, going to checkout, and making payment through credit card or PayPal Checkout.']}, {'end': 1652.372, 'start': 1508.201, 'title': 'Uploading and activating a wordpress theme', 'summary': 'Demonstrates how to upload and activate a wordpress theme, emphasizing the importance of themes in controlling the style and layout of a website, and highlighting the process of uploading and activating the flatsome theme with its setup wizard and license code entry.', 'duration': 144.171, 'highlights': ['The chapter emphasizes the importance of themes in controlling the style and layout of a website, highlighting the different options and features that themes offer, such as header and footer builders, blog post layouts, and e-commerce features. The WordPress theme dictates the style and layout of the website, offering various options including header and footer builders, blog post layouts, and e-commerce features.', 'The process of uploading and activating the Flatsome theme is detailed, including the steps of uploading the zip file, installing the theme, and activating it, while also mentioning the availability of a setup wizard for the theme. The detailed process of uploading and activating the Flatsome theme is explained, covering the steps of uploading the zip file, installing the theme, and activating it, with the option of using a setup wizard.', 'The demonstration includes the entry of a license code to activate the theme, with guidance on where to find the purchase code in the notepad downloaded from the Themeforest account. Guidance is provided on entering the license code to activate the theme, along with instructions on locating the purchase code in the notepad downloaded from the Themeforest account.']}, {'end': 1948.524, 'start': 1652.752, 'title': 'Setting up flatsome theme', 'summary': 'Covers registering the flatsome theme, contacting support for website errors, creating and customizing pages, setting up a menu, and using the flatsome builder to design the website for e-commerce.', 'duration': 295.772, 'highlights': ['The Flatsome theme is fully registered on the website, allowing the building of an e-commerce website. The Flatsome theme is fully registered on the website, enabling the building of an e-commerce website.', 'Contacting Flatsome for support allows them to fix any errors on the WordPress websites, providing a helpful resource for troubleshooting. Contacting Flatsome for support allows them to fix any errors on the WordPress websites, providing a helpful resource for troubleshooting.', 'Creating pages for the website, such as Home, About Us, and Contact Us, is demonstrated along with setting up a menu. Creating pages for the website, such as Home, About Us, and Contact Us, and setting up a menu are demonstrated.', 'Using the Flatsome Builder to design the website is highlighted, showcasing its ease of use with templates and pre-made websites. Using the Flatsome Builder to design the website is highlighted, showcasing its ease of use with templates and pre-made websites.']}, {'end': 2206.158, 'start': 1948.524, 'title': 'Using flatsome studio for website design', 'summary': 'Discusses using the flatsome studio to add elements, create rows, and import templates, emphasizing the ease of design with presets and the ability to duplicate or delete columns and sections.', 'duration': 257.634, 'highlights': ['Users can add elements, create rows, and import complete templates using the Flatsome Studio, making it easy to design with presets and customize the website. (e.g. two column row, three column row, importing e-commerce templates)', 'The builder allows users to duplicate or delete columns and sections, providing quick shortcuts and flexibility in designing the website. (e.g. duplicate columns, delete sections)', 'The Flatsome Studio offers a wide range of templates for different categories like e-commerce and full page, allowing users to customize their website without making it look the same as others. (e.g. importing e-commerce and full page templates, using specific sections for campaigns)', 'Users can collapse elements, drag and drop them within the website, and clear content to start from scratch, demonstrating the flexibility and control in designing the website. (e.g. collapsing elements, dragging and dropping, clearing content)']}, {'end': 2601.564, 'start': 2206.858, 'title': 'Importing and customizing e-commerce templates', 'summary': 'Demonstrates how to quickly import and customize an e-commerce template, including importing images, modifying text, designing elements, and adding sections, using drag and drop functionality and flatsome studio blocks.', 'duration': 394.706, 'highlights': ['The chapter details the process of importing an e-commerce template, including images, modifying text, designing elements, and adding sections, using drag and drop functionality and Flatsome Studio blocks.', 'It explains the customization options available for different elements, such as text modules and buttons, allowing changes in font size, line height, letter case, text, and styles.', 'The demonstration emphasizes the ease of building a website with drag and drop functionality, highlighting the simplicity and accessibility of the process for anyone.', 'It shows the process of importing and modifying specific sections of a template, allowing users to selectively import and customize sections using Flatsome Studio blocks and the drag and drop feature.', 'The chapter also provides guidance on uploading and managing images for the website, including changing background images and deleting unwanted images from the library.']}], 'duration': 1233.982, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g1367582.jpg', 'highlights': ['The Flatsome theme is the best-selling e-commerce theme for WordPress, offering numerous features and templates, and being beginner-friendly.', 'Purchasing Flatsome involves a one-time lifetime payment, saving money compared to monthly payment alternatives.', 'The detailed guide for purchasing Flatsome includes adding to cart, going to checkout, and making payment through credit card or PayPal Checkout.', 'The WordPress theme dictates the style and layout of the website, offering various options including header and footer builders, blog post layouts, and e-commerce features.', 'The process of uploading and activating the Flatsome theme is explained, covering the steps of uploading the zip file, installing the theme, and activating it, with the option of using a setup wizard.', 'Guidance is provided on entering the license code to activate the theme, along with instructions on locating the purchase code in the notepad downloaded from the Themeforest account.', 'The Flatsome theme is fully registered on the website, enabling the building of an e-commerce website.', 'Contacting Flatsome for support allows them to fix any errors on the WordPress websites, providing a helpful resource for troubleshooting.', 'Creating pages for the website, such as Home, About Us, and Contact Us, and setting up a menu are demonstrated.', 'Using the Flatsome Builder to design the website is highlighted, showcasing its ease of use with templates and pre-made websites.', 'Users can add elements, create rows, and import complete templates using the Flatsome Studio, making it easy to design with presets and customize the website.', 'The builder allows users to duplicate or delete columns and sections, providing quick shortcuts and flexibility in designing the website.', 'The Flatsome Studio offers a wide range of templates for different categories like e-commerce and full page, allowing users to customize their website without making it look the same as others.', 'Users can collapse elements, drag and drop them within the website, and clear content to start from scratch, demonstrating the flexibility and control in designing the website.', 'The chapter details the process of importing an e-commerce template, including images, modifying text, designing elements, and adding sections, using drag and drop functionality and Flatsome Studio blocks.', 'It explains the customization options available for different elements, such as text modules and buttons, allowing changes in font size, line height, letter case, text, and styles.', 'The demonstration emphasizes the ease of building a website with drag and drop functionality, highlighting the simplicity and accessibility of the process for anyone.', 'It shows the process of importing and modifying specific sections of a template, allowing users to selectively import and customize sections using Flatsome Studio blocks and the drag and drop feature.', 'The chapter also provides guidance on uploading and managing images for the website, including changing background images and deleting unwanted images from the library.']}, {'end': 3276.443, 'segs': [{'end': 2633.08, 'src': 'embed', 'start': 2602.084, 'weight': 2, 'content': [{'end': 2606.705, 'text': 'We can use this to create products, to add in backgrounds, and all sorts of stuff.', 'start': 2602.084, 'duration': 4.621}, {'end': 2613.687, 'text': 'We have designed these images specifically for this video to help you guys follow along and make this as easy as possible.', 'start': 2607.165, 'duration': 6.522}, {'end': 2616.428, 'text': "Let's just give this a minute.", 'start': 2615.548, 'duration': 0.88}, {'end': 2618.483, 'text': 'All right, cool.', 'start': 2618.103, 'duration': 0.38}, {'end': 2619.965, 'text': 'So I uploaded these images.', 'start': 2618.684, 'duration': 1.281}, {'end': 2623.609, 'text': 'I also included a lot of images for you guys just to play around and mess with.', 'start': 2620.145, 'duration': 3.464}, {'end': 2626.753, 'text': 'like if you want to use this as your background or this as your background.', 'start': 2623.609, 'duration': 3.144}, {'end': 2633.08, 'text': 'We did include some images just to help you guys get started, right? But the one I want to use is this one right here.', 'start': 2627.413, 'duration': 5.667}], 'summary': 'Images designed for video, including backgrounds, for easy use and customization.', 'duration': 30.996, 'max_score': 2602.084, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g2602084.jpg'}, {'end': 2892.351, 'src': 'embed', 'start': 2862.952, 'weight': 0, 'content': [{'end': 2866.953, 'text': 'Remember how we actually set preset colors? This is where those are going to apply.', 'start': 2862.952, 'duration': 4.001}, {'end': 2872.255, 'text': "So I'm gonna select the primary, which is this green color that I selected, and there it goes.", 'start': 2866.973, 'duration': 5.282}, {'end': 2876.536, 'text': "So now you'll see that this is where you can select preset colors for all of your elements.", 'start': 2872.415, 'duration': 4.121}, {'end': 2880.665, 'text': 'Now the next thing I want to do is I want to adjust the size of this text.', 'start': 2877.543, 'duration': 3.122}, {'end': 2886.988, 'text': 'I showed you guys how to select presets, right? But we can actually set the size of specific text within this box.', 'start': 2881.005, 'duration': 5.983}, {'end': 2892.351, 'text': "So right here, Open Text Editor, and you're going to see this toggle toolbar.", 'start': 2887.669, 'duration': 4.682}], 'summary': 'Demonstrating preset colors selection and text size adjustment in a design tool.', 'duration': 29.399, 'max_score': 2862.952, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g2862952.jpg'}, {'end': 3045.164, 'src': 'embed', 'start': 3018.332, 'weight': 1, 'content': [{'end': 3022.633, 'text': 'But now that we know how to make the landing page, the rest of the website is going to be really quick.', 'start': 3018.332, 'duration': 4.301}, {'end': 3025.834, 'text': "So all we're going to do is insert these sections.", 'start': 3023.373, 'duration': 2.461}, {'end': 3028.755, 'text': "Now I'm going to do my best to speed up this video.", 'start': 3026.394, 'duration': 2.361}, {'end': 3035.519, 'text': 'So now that you guys have a good understanding of how to use the UX builder, we can now go ahead and speed this up and just start inserting sections.', 'start': 3028.855, 'duration': 6.664}, {'end': 3038.921, 'text': "But, you know, I'm a perfectionist really quick, so I want to make this a little bit bigger.", 'start': 3036.039, 'duration': 2.882}, {'end': 3041.703, 'text': "So we're going to make this just a little bit bigger here.", 'start': 3039.141, 'duration': 2.562}, {'end': 3042.483, 'text': "Let's just do like 115.", 'start': 3041.763, 'duration': 0.72}, {'end': 3045.164, 'text': 'OK, that looks better.', 'start': 3042.483, 'duration': 2.681}], 'summary': 'Using the ux builder, the landing page was created, and the website will be completed quickly.', 'duration': 26.832, 'max_score': 3018.332, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g3018332.jpg'}, {'end': 3240.391, 'src': 'embed', 'start': 3208.468, 'weight': 4, 'content': [{'end': 3209.448, 'text': 'There is the camera.', 'start': 3208.468, 'duration': 0.98}, {'end': 3211.519, 'text': 'use that image.', 'start': 3210.879, 'duration': 0.64}, {'end': 3217.743, 'text': 'And for the next one, I use this black screen right here, and then the camera on the right side.', 'start': 3212.72, 'duration': 5.023}, {'end': 3220.164, 'text': "So here, I'll click on options.", 'start': 3217.943, 'duration': 2.221}, {'end': 3222.945, 'text': "So now we're going to find the black speaker.", 'start': 3221.305, 'duration': 1.64}, {'end': 3227.628, 'text': "So you'll see over here how I've selected it, use this image.", 'start': 3223.086, 'duration': 4.542}, {'end': 3233.351, 'text': "And then we'll do it one more time over here, options, change the media.", 'start': 3228.408, 'duration': 4.943}, {'end': 3237.053, 'text': "And now we're going to find that I think it's like a yellowish background I use with the camera.", 'start': 3233.611, 'duration': 3.442}, {'end': 3240.391, 'text': 'Here we go.', 'start': 3240.011, 'duration': 0.38}], 'summary': 'Demonstrating image selection and camera use for media editing.', 'duration': 31.923, 'max_score': 3208.468, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g3208468.jpg'}], 'start': 2602.084, 'title': 'Using images and website customization', 'summary': 'Discusses using designed images for video creation and provides various images for ease of use, along with instructions for selecting and utilizing a particular image. it also offers a detailed guide on website customization, including setting presets for font styles, selecting colors, using presets for elements, adjusting text size, inserting images, and creating sections in the ux builder. additionally, it emphasizes the ease of creating a landing page and its importance for website development.', 'chapters': [{'end': 2643.792, 'start': 2602.084, 'title': 'Using images for video creation', 'summary': 'Discusses the use of designed images for video creation, including the provision of various images for ease of use, and specific instructions for selecting and utilizing a particular image.', 'duration': 41.708, 'highlights': ['The images are designed specifically for the video, aiming to make the process as easy as possible for the audience.', 'Various images are provided for the audience to play around and experiment with, enhancing the creative process.', 'Specific instructions are given for selecting and using a particular image, such as clicking on it and then using it in the video.']}, {'end': 3276.443, 'start': 2643.812, 'title': 'Website customization and design', 'summary': 'Provides a detailed guide on setting presets for font styles, selecting colors, using presets for elements, adjusting text size, inserting images, and creating sections in the ux builder. it also highlights the ease of creating a landing page and the importance of mastering it for the rest of the website development.', 'duration': 632.631, 'highlights': ['The chapter provides a detailed guide on setting presets for font styles, selecting colors, using presets for elements, and adjusting text size in the theme customizer and UX builder. Detailed guide on setting presets for font styles, selecting colors, using presets for elements, and adjusting text size', 'The chapter highlights the ease of creating a landing page using presets and emphasizes its significance as it is considered the hardest part of website development. Emphasizes the significance of creating a landing page using presets and its role in website development', 'The chapter demonstrates the process of inserting images and creating sections in the UX builder for website customization. Demonstrates the process of inserting images and creating sections in the UX builder']}], 'duration': 674.359, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g2602084.jpg', 'highlights': ['The chapter provides a detailed guide on setting presets for font styles, selecting colors, using presets for elements, and adjusting text size in the theme customizer and UX builder.', 'The chapter emphasizes the ease of creating a landing page using presets and its significance in website development.', 'The images are designed specifically for the video, aiming to make the process as easy as possible for the audience.', 'Various images are provided for the audience to play around and experiment with, enhancing the creative process.', 'Specific instructions are given for selecting and using a particular image, such as clicking on it and then using it in the video.', 'The chapter demonstrates the process of inserting images and creating sections in the UX builder for website customization.']}, {'end': 4628.554, 'segs': [{'end': 3323.283, 'src': 'embed', 'start': 3292.67, 'weight': 1, 'content': [{'end': 3294.491, 'text': 'what I want to talk about is the shape divider.', 'start': 3292.67, 'duration': 1.821}, {'end': 3299.244, 'text': 'So if you guys want to add shape dividers, you guys can do that for every section.', 'start': 3295.58, 'duration': 3.664}, {'end': 3302.547, 'text': 'For example, here, the divider, we have an arrow.', 'start': 3299.724, 'duration': 2.823}, {'end': 3304.949, 'text': "And I'll go ahead and fill this just to give you an example.", 'start': 3303.147, 'duration': 1.802}, {'end': 3311.395, 'text': 'So what it does is it pretty much introduces the next section with a little design animation.', 'start': 3305.389, 'duration': 6.006}, {'end': 3312.316, 'text': 'You have that.', 'start': 3311.515, 'duration': 0.801}, {'end': 3314.038, 'text': 'I think they have clouds or curve.', 'start': 3312.336, 'duration': 1.702}, {'end': 3314.638, 'text': 'You can do a curve.', 'start': 3314.058, 'duration': 0.58}, {'end': 3319.442, 'text': "Curve Invert, so it's like the other way.", 'start': 3317.661, 'duration': 1.781}, {'end': 3323.283, 'text': "There's just a bunch of really cool styling options.", 'start': 3321.182, 'duration': 2.101}], 'summary': 'Discussing shape dividers for section styling, including arrows, curves, and other design animations.', 'duration': 30.613, 'max_score': 3292.67, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g3292670.jpg'}, {'end': 3585.259, 'src': 'heatmap', 'start': 3357.411, 'weight': 2, 'content': [{'end': 3359.372, 'text': 'And to do that, we need to install a plugin.', 'start': 3357.411, 'duration': 1.961}, {'end': 3360.293, 'text': "So let's do that.", 'start': 3359.712, 'duration': 0.581}, {'end': 3363.679, 'text': "Let's go over here and click on apply and updates.", 'start': 3360.933, 'duration': 2.746}, {'end': 3366.064, 'text': "We'll close this.", 'start': 3365.402, 'duration': 0.662}, {'end': 3369.511, 'text': "And now let's go ahead and go on to the next section.", 'start': 3367.447, 'duration': 2.064}, {'end': 3372.397, 'text': 'We are now going to start making products for our website.', 'start': 3369.631, 'duration': 2.766}, {'end': 3375.919, 'text': "So now we're going to make products.", 'start': 3374.639, 'duration': 1.28}, {'end': 3379.58, 'text': "And the great part about WordPress is there's no restrictions on how many products you guys can make.", 'start': 3376.119, 'duration': 3.461}, {'end': 3383.501, 'text': 'You guys can make as many products as you want and sell anything that you want.', 'start': 3379.72, 'duration': 3.781}, {'end': 3388.602, 'text': 'Other platforms, they actually limit you on products based off like your plan and stuff like that.', 'start': 3383.881, 'duration': 4.721}, {'end': 3389.862, 'text': "It's a bunch of crazy nonsense.", 'start': 3388.642, 'duration': 1.22}, {'end': 3393.823, 'text': "So we're going to go ahead and teach you guys now how to make products for your e-commerce website.", 'start': 3390.222, 'duration': 3.601}, {'end': 3399.544, 'text': "So in this next section, I'll show you how to create a simple product, a variable product, and then also a group product.", 'start': 3394.463, 'duration': 5.081}, {'end': 3401.325, 'text': "So let's go back to the tutorial.", 'start': 3400.064, 'duration': 1.261}, {'end': 3404.526, 'text': "Alright, so let's now move on to creating products.", 'start': 3402.005, 'duration': 2.521}, {'end': 3406.627, 'text': "Awesome Let's go over here to our dashboard.", 'start': 3404.706, 'duration': 1.921}, {'end': 3410.689, 'text': "And we're going to go to plugins and click on add new.", 'start': 3407.147, 'duration': 3.542}, {'end': 3413.23, 'text': "And we're going to install the WooCommerce plugin.", 'start': 3411.169, 'duration': 2.061}, {'end': 3418.632, 'text': 'The WooCommerce plugin is the most popular plugin for e-commerce websites with WordPress.', 'start': 3413.61, 'duration': 5.022}, {'end': 3420.133, 'text': 'This is the plugin right here.', 'start': 3419.193, 'duration': 0.94}, {'end': 3422.334, 'text': "You'll go ahead and click on install now.", 'start': 3420.673, 'duration': 1.661}, {'end': 3424.375, 'text': "And then you'll click on activate.", 'start': 3423.294, 'duration': 1.081}, {'end': 3429.297, 'text': "So when you guys install the WooCommerce plugin, it's going to prompt you with a setup wizard,", 'start': 3425.492, 'duration': 3.805}, {'end': 3432.962, 'text': 'but we can adjust all of these settings in the general settings of WooCommerce.', 'start': 3429.297, 'duration': 3.665}, {'end': 3434.344, 'text': 'So I wanna go ahead and skip this.', 'start': 3433.103, 'duration': 1.241}, {'end': 3437.729, 'text': "So right here, I'll click on Skip Setup Store Details.", 'start': 3434.825, 'duration': 2.904}, {'end': 3444.074, 'text': "Now as soon as you install the WooCommerce plugin, you're going to actually get some pages that are automatically created for you.", 'start': 3438.891, 'duration': 5.183}, {'end': 3450.117, 'text': "You're gonna get the shop page, the account page, and then also like the checkout and the cart.", 'start': 3444.234, 'duration': 5.883}, {'end': 3453.059, 'text': 'And if you guys want, you guys can add these pages to the menu.', 'start': 3450.457, 'duration': 2.602}, {'end': 3456.621, 'text': "So over here we'll go to appearance and click on menu.", 'start': 3453.659, 'duration': 2.962}, {'end': 3466.264, 'text': 'and under the view all tab we can now add in the shop and if you want, you can, you know, throw in the my account if you want and stuff like that.', 'start': 3457.881, 'duration': 8.383}, {'end': 3467.624, 'text': "so I'll go ahead and adjust this.", 'start': 3466.264, 'duration': 1.36}, {'end': 3472.266, 'text': "we'll put the contact at the bottom, but you know I'll make the my account like a drop-down right.", 'start': 3467.624, 'duration': 4.642}, {'end': 3472.946, 'text': "I think that's a.", 'start': 3472.266, 'duration': 0.68}, {'end': 3474.126, 'text': 'I think that makes more sense.', 'start': 3472.946, 'duration': 1.18}, {'end': 3483.536, 'text': "let's do that and if I click on visit sites, you'll see that we now have the shop but it's empty, and then we also have, like the, my account,", 'start': 3474.126, 'duration': 9.41}, {'end': 3489.961, 'text': 'and this is where users can actually go ahead and have access to their products or their shipping details or whatever.', 'start': 3483.536, 'duration': 6.425}, {'end': 3492.843, 'text': 'so they can go ahead and access everything from right here.', 'start': 3489.961, 'duration': 2.882}, {'end': 3494.304, 'text': "so now let's make some products.", 'start': 3492.843, 'duration': 1.461}, {'end': 3501.309, 'text': "so to make a product, we'll go to our dashboard here and under products first let's click on all products.", 'start': 3494.304, 'duration': 7.005}, {'end': 3503.991, 'text': "whenever you guys create a product, it'll be displayed right here.", 'start': 3501.309, 'duration': 2.682}, {'end': 3505.812, 'text': "but i'll go ahead and click on create products.", 'start': 3503.991, 'duration': 1.821}, {'end': 3509.906, 'text': "Now we're first gonna create a simple product.", 'start': 3507.964, 'duration': 1.942}, {'end': 3513.189, 'text': 'So let me explain what a simple product and what a variable product is.', 'start': 3510.126, 'duration': 3.063}, {'end': 3517.112, 'text': 'So this right here is an example of a simple product.', 'start': 3514.37, 'duration': 2.742}, {'end': 3522.657, 'text': "A simple product has no variables, right? So it's pretty much like a standalone product with no options at all.", 'start': 3517.333, 'duration': 5.324}, {'end': 3524.839, 'text': 'So this is an example of a simple product.', 'start': 3522.818, 'duration': 2.021}, {'end': 3528.307, 'text': "And the next product we'll create is called a variable product.", 'start': 3525.765, 'duration': 2.542}, {'end': 3531.869, 'text': 'A variable product has variables such as size or color.', 'start': 3528.707, 'duration': 3.162}, {'end': 3536.511, 'text': "For example, here we have these headphones, right? But let's say we have these headphones in like blue.", 'start': 3532.189, 'duration': 4.322}, {'end': 3542.895, 'text': 'You can also add variables like size, and this is ideal for like t-shirts such as small, medium, or large.', 'start': 3537.012, 'duration': 5.883}, {'end': 3545.657, 'text': "So I'll show you guys how to create a variable product as well.", 'start': 3543.395, 'duration': 2.262}, {'end': 3548.319, 'text': 'The next product is called a group product.', 'start': 3546.477, 'duration': 1.842}, {'end': 3552.443, 'text': 'A group product is a product with various sizes within the actual product.', 'start': 3548.739, 'duration': 3.704}, {'end': 3554.845, 'text': "For example, let's say you're selling iPhones.", 'start': 3552.803, 'duration': 2.042}, {'end': 3558.569, 'text': 'Some iPhones might be 16 gig and some might be 32 gig.', 'start': 3555.386, 'duration': 3.183}, {'end': 3563.273, 'text': "This is an example of a group product and I'll show you guys how to create all three.", 'start': 3558.609, 'duration': 4.664}, {'end': 3565.195, 'text': "All right, so let's get started.", 'start': 3563.293, 'duration': 1.902}, {'end': 3569.8, 'text': "Now, what is the name of your product? I'm going to put in amazing white headphones.", 'start': 3565.315, 'duration': 4.485}, {'end': 3573.255, 'text': 'And here you have the product description.', 'start': 3571.434, 'duration': 1.821}, {'end': 3575.395, 'text': 'Now this is the long tail description.', 'start': 3573.655, 'duration': 1.74}, {'end': 3578.236, 'text': 'So this description is gonna appear here at the bottom.', 'start': 3575.596, 'duration': 2.64}, {'end': 3585.259, 'text': "This is ideal if you wanna include things like the material or where it's made from, or just like the technical details.", 'start': 3578.657, 'duration': 6.602}], 'summary': 'The tutorial covers installing woocommerce plugin and creating various types of products for e-commerce websites with wordpress.', 'duration': 227.848, 'max_score': 3357.411, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g3357411.jpg'}, {'end': 3432.962, 'src': 'embed', 'start': 3394.463, 'weight': 0, 'content': [{'end': 3399.544, 'text': "So in this next section, I'll show you how to create a simple product, a variable product, and then also a group product.", 'start': 3394.463, 'duration': 5.081}, {'end': 3401.325, 'text': "So let's go back to the tutorial.", 'start': 3400.064, 'duration': 1.261}, {'end': 3404.526, 'text': "Alright, so let's now move on to creating products.", 'start': 3402.005, 'duration': 2.521}, {'end': 3406.627, 'text': "Awesome Let's go over here to our dashboard.", 'start': 3404.706, 'duration': 1.921}, {'end': 3410.689, 'text': "And we're going to go to plugins and click on add new.", 'start': 3407.147, 'duration': 3.542}, {'end': 3413.23, 'text': "And we're going to install the WooCommerce plugin.", 'start': 3411.169, 'duration': 2.061}, {'end': 3418.632, 'text': 'The WooCommerce plugin is the most popular plugin for e-commerce websites with WordPress.', 'start': 3413.61, 'duration': 5.022}, {'end': 3420.133, 'text': 'This is the plugin right here.', 'start': 3419.193, 'duration': 0.94}, {'end': 3422.334, 'text': "You'll go ahead and click on install now.", 'start': 3420.673, 'duration': 1.661}, {'end': 3424.375, 'text': "And then you'll click on activate.", 'start': 3423.294, 'duration': 1.081}, {'end': 3429.297, 'text': "So when you guys install the WooCommerce plugin, it's going to prompt you with a setup wizard,", 'start': 3425.492, 'duration': 3.805}, {'end': 3432.962, 'text': 'but we can adjust all of these settings in the general settings of WooCommerce.', 'start': 3429.297, 'duration': 3.665}], 'summary': 'Tutorial on creating products with woocommerce plugin for e-commerce websites.', 'duration': 38.499, 'max_score': 3394.463, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g3394463.jpg'}, {'end': 3522.657, 'src': 'embed', 'start': 3494.304, 'weight': 4, 'content': [{'end': 3501.309, 'text': "so to make a product, we'll go to our dashboard here and under products first let's click on all products.", 'start': 3494.304, 'duration': 7.005}, {'end': 3503.991, 'text': "whenever you guys create a product, it'll be displayed right here.", 'start': 3501.309, 'duration': 2.682}, {'end': 3505.812, 'text': "but i'll go ahead and click on create products.", 'start': 3503.991, 'duration': 1.821}, {'end': 3509.906, 'text': "Now we're first gonna create a simple product.", 'start': 3507.964, 'duration': 1.942}, {'end': 3513.189, 'text': 'So let me explain what a simple product and what a variable product is.', 'start': 3510.126, 'duration': 3.063}, {'end': 3517.112, 'text': 'So this right here is an example of a simple product.', 'start': 3514.37, 'duration': 2.742}, {'end': 3522.657, 'text': "A simple product has no variables, right? So it's pretty much like a standalone product with no options at all.", 'start': 3517.333, 'duration': 5.324}], 'summary': 'Creating a simple product with no variables in the dashboard.', 'duration': 28.353, 'max_score': 3494.304, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g3494304.jpg'}, {'end': 3745.088, 'src': 'embed', 'start': 3717.391, 'weight': 5, 'content': [{'end': 3720.133, 'text': "If we scroll down to the bottom, you're going to see related product.", 'start': 3717.391, 'duration': 2.742}, {'end': 3722.814, 'text': 'This right here is an example of an upsell.', 'start': 3720.573, 'duration': 2.241}, {'end': 3727.997, 'text': "So when someone is currently viewing this specific product, it'll display right here.", 'start': 3723.234, 'duration': 4.763}, {'end': 3733.38, 'text': 'Upsells are ideal if your product has accessories that you might also want to recommend.', 'start': 3728.857, 'duration': 4.523}, {'end': 3735.622, 'text': 'The next one is called a cross-sell.', 'start': 3733.86, 'duration': 1.762}, {'end': 3739.384, 'text': 'So a cross-sell is products that you recommend at checkouts.', 'start': 3736.362, 'duration': 3.022}, {'end': 3745.088, 'text': "For example, here you'll see you may be interested in, and then you'll see these products.", 'start': 3739.724, 'duration': 5.364}], 'summary': 'Upsells display related products, while cross-sells are suggested at checkout.', 'duration': 27.697, 'max_score': 3717.391, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g3717391.jpg'}, {'end': 4499.115, 'src': 'heatmap', 'start': 4371.37, 'weight': 6, 'content': [{'end': 4372.611, 'text': 'You guys will understand in just a bit.', 'start': 4371.37, 'duration': 1.241}, {'end': 4376.994, 'text': "So I'll go ahead and click on publish and we're going to make one more.", 'start': 4373.391, 'duration': 3.603}, {'end': 4379.016, 'text': "We're going to make 64 gigs.", 'start': 4377.775, 'duration': 1.241}, {'end': 4380.997, 'text': 'Okay 64 gigs.', 'start': 4379.676, 'duration': 1.321}, {'end': 4387.382, 'text': 'And this costs $200.', 'start': 4383.819, 'duration': 3.563}, {'end': 4389.163, 'text': "And we're going to make sure this is also hidden.", 'start': 4387.382, 'duration': 1.781}, {'end': 4391.382, 'text': 'and publish.', 'start': 4390.842, 'duration': 0.54}, {'end': 4392.403, 'text': "And that's it.", 'start': 4391.962, 'duration': 0.441}, {'end': 4401.106, 'text': "Now we're going to go back to our main product, which was the cool iPhone, and we are going to add those products within this right.", 'start': 4393.243, 'duration': 7.863}, {'end': 4407.788, 'text': "So we're going to scroll down and you're going to see linked products, we are now going to select 32 gigs.", 'start': 4401.526, 'duration': 6.262}, {'end': 4411.65, 'text': 'All right, and then we also have the 64 gigs, right.', 'start': 4408.609, 'duration': 3.041}, {'end': 4414.311, 'text': "And now we're going to click on updates.", 'start': 4412.79, 'duration': 1.521}, {'end': 4420.77, 'text': "Now that we added those products inside of the group product here, I'll click on view products.", 'start': 4416.465, 'duration': 4.305}, {'end': 4422.191, 'text': 'And there we go.', 'start': 4421.61, 'duration': 0.581}, {'end': 4426.596, 'text': "Now you'll see that we have the group product here where we have a 32 gig iPhone that costs a hundred bucks.", 'start': 4422.291, 'duration': 4.305}, {'end': 4431.1, 'text': 'And then we have the 64 gig, which costs $200.', 'start': 4426.856, 'duration': 4.244}, {'end': 4433.503, 'text': 'So congrats, we have now created a group product.', 'start': 4431.1, 'duration': 2.403}, {'end': 4440.141, 'text': 'Now really quick, all of the products that you guys create will automatically be sent to your shop page.', 'start': 4435.239, 'duration': 4.902}, {'end': 4446.603, 'text': 'We will go ahead and mess around with this a little bit later, but I wanna add these products to the actual homepage.', 'start': 4440.621, 'duration': 5.982}, {'end': 4448.843, 'text': 'Now we have the products right here.', 'start': 4447.303, 'duration': 1.54}, {'end': 4451.364, 'text': "So you'll see that we have all the products displayed right here.", 'start': 4449.003, 'duration': 2.361}, {'end': 4453.065, 'text': "Let's go ahead and add that in.", 'start': 4451.824, 'duration': 1.241}, {'end': 4455.765, 'text': "So to do that, let's go back and turn on the builder.", 'start': 4453.485, 'duration': 2.28}, {'end': 4458.826, 'text': "So over here, I'm gonna go find the plus, there we go.", 'start': 4456.346, 'duration': 2.48}, {'end': 4460.587, 'text': "And I'm gonna type in products.", 'start': 4459.386, 'duration': 1.201}, {'end': 4465.473, 'text': "So now you'll see that we have products and there's different presets you guys can pick.", 'start': 4461.69, 'duration': 3.783}, {'end': 4466.834, 'text': "You know, there's like on sale.", 'start': 4465.573, 'duration': 1.261}, {'end': 4467.875, 'text': 'All right.', 'start': 4467.575, 'duration': 0.3}, {'end': 4469.396, 'text': "And then I'll click on apply.", 'start': 4468.195, 'duration': 1.201}, {'end': 4475.1, 'text': 'Now the cool thing about Flatsome is you guys can actually set specific styles for your products.', 'start': 4470.337, 'duration': 4.763}, {'end': 4480.064, 'text': "For example, if you want to change the style to like normal, you'll see that this is normal.", 'start': 4475.501, 'duration': 4.563}, {'end': 4485.828, 'text': "If you want to add an overlay, you'll see that there's now an overlay with a little bit more description above the products.", 'start': 4480.524, 'duration': 5.304}, {'end': 4487.37, 'text': 'We have shade.', 'start': 4486.589, 'duration': 0.781}, {'end': 4489.408, 'text': 'We have vertical.', 'start': 4488.507, 'duration': 0.901}, {'end': 4491.309, 'text': "It's kind of weird.", 'start': 4490.689, 'duration': 0.62}, {'end': 4492.69, 'text': 'Yeah Label.', 'start': 4491.509, 'duration': 1.181}, {'end': 4494.031, 'text': 'All right.', 'start': 4493.711, 'duration': 0.32}, {'end': 4499.115, 'text': "I mean, these can be used for various types of products, right? It just really depends on what you're selling.", 'start': 4494.351, 'duration': 4.764}], 'summary': 'Created a group product with 32gb and 64gb iphones, each costing $100 and $200 respectively, and added them to the shop page.', 'duration': 127.745, 'max_score': 4371.37, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g4371370.jpg'}], 'start': 3276.443, 'title': 'Website styling and product management in e-commerce', 'summary': 'Discusses using shape dividers for website animations and encourages experimentation, while also covering product creation in woocommerce, including simple, variable, and grouped products, and e-commerce product management with a focus on user experience.', 'chapters': [{'end': 3332.726, 'start': 3276.443, 'title': 'Using shape dividers for website styling', 'summary': 'Discusses the use of shape dividers to add design animations to website sections, offering various styling options and encouraging experimentation with them in free time.', 'duration': 56.283, 'highlights': ['Introducing shape dividers for every section can add design animations to the website, such as arrows, clouds, curves, and more, providing a visually appealing element for the user experience.', 'Encouraging experimentation with the shape dividers in free time allows for personalization and customization of the website, enhancing creativity and potentially improving user engagement.', 'Emphasizing the importance of not overusing the shape dividers to avoid overwhelming the website with excessive moving elements, ensuring a balanced and visually pleasing design.']}, {'end': 3677.941, 'start': 3333.439, 'title': 'Creating products in woocommerce', 'summary': 'Discusses the process of creating products in woocommerce, including the installation of the woocommerce plugin, the types of products that can be created, and the specific steps involved in creating a simple product, a variable product, and a group product.', 'duration': 344.502, 'highlights': ['The WooCommerce plugin is the most popular plugin for e-commerce websites with WordPress. The transcript mentions that the WooCommerce plugin is the most popular plugin for e-commerce websites with WordPress, indicating its widespread usage and relevance to the discussion.', "There are no restrictions on the number of products that can be created in WordPress. It's mentioned that WordPress has no restrictions on the number of products that can be created, which emphasizes the flexibility and freedom in product creation compared to other platforms.", 'The types of products that can be created in WooCommerce include simple products, variable products, and group products. The transcript outlines the types of products that can be created in WooCommerce, providing a clear overview of the different product options available within the platform.', 'The process of creating a simple product involves specifying the product name, description, price, and other optional details such as sales dates, inventory, and back orders. It details the specific steps involved in creating a simple product, including specifying the product name, description, price, and optional details such as sales dates, inventory, and back orders.', 'The creation of a variable product involves adding variables such as size or color, while a group product consists of various sizes within the actual product. The transcript explains the distinct characteristics of variable and group products, highlighting the inclusion of variables like size or color in variable products and the presence of various sizes within group products.']}, {'end': 4113.901, 'start': 3678.301, 'title': 'E-commerce product management', 'summary': 'Covers the creation of simple and variable products in an e-commerce platform, including the selection of product attributes, upsells, cross-sells, and product descriptions, with a demonstration of the product creation process and its impact on user experience.', 'duration': 435.6, 'highlights': ['Creation of simple and variable products Demonstrates the process of creating simple and variable products in an e-commerce platform, emphasizing the importance of product attributes and the impact on user experience.', 'Selection of upsells and cross-sells Explains the function of upsells and cross-sells, illustrating their relevance in recommending related products and accessories, enhancing the potential for additional sales.', 'Product descriptions and attributes Emphasizes the significance of product descriptions and attributes in making products stand out, with a focus on creating an appealing user experience and facilitating easy navigation.']}, {'end': 4628.554, 'start': 4114.261, 'title': 'Creating variable and grouped products', 'summary': 'Covers creating variable and grouped products, with details on setting prices, adding descriptions, and creating product displays, as well as guidance on customizing product styles and layouts using flatsome.', 'duration': 514.293, 'highlights': ['Creating variable products, such as white and blue headphones, with varying prices based on size, with examples of small blue and large white headphones costing $50 and $100 respectively. The speaker demonstrates the process of creating variable products, showcasing the pricing differences for small blue and large white headphones, priced at $50 and $100 respectively.', 'Guidance on configuring default product images and values for variable products, emphasizing the importance of specifying the default image and explaining its impact on the product display. The speaker explains the significance of selecting a default product image and value for variable products, highlighting its influence on the product display in the shop.', 'Creation of grouped products, illustrated through the example of a group product for iPhones with varying storage sizes, and the process of linking sub-products with corresponding prices. The process of creating grouped products, exemplified by the creation of a group product for iPhones with different storage sizes and the linking of sub-products with respective prices.', 'Customization of product styles and layouts using Flatsome, showcasing the ability to modify styles, add overlays, and adjust columns and text settings for product displays. Demonstration of customizing product styles and layouts using Flatsome, exhibiting the flexibility to modify styles, add overlays, and adjust columns and text settings for product displays.']}], 'duration': 1352.111, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g3276443.jpg', 'highlights': ['The WooCommerce plugin is the most popular plugin for e-commerce websites with WordPress.', 'Introducing shape dividers for every section can add design animations to the website, such as arrows, clouds, curves, and more.', 'There are no restrictions on the number of products that can be created in WordPress.', 'The types of products that can be created in WooCommerce include simple products, variable products, and group products.', 'Creation of simple and variable products Demonstrates the process of creating simple and variable products in an e-commerce platform.', 'Selection of upsells and cross-sells Explains the function of upsells and cross-sells, illustrating their relevance in recommending related products and accessories.', 'Customization of product styles and layouts using Flatsome, showcasing the ability to modify styles, add overlays, and adjust columns and text settings for product displays.', 'Emphasizing the importance of not overusing the shape dividers to avoid overwhelming the website with excessive moving elements.']}, {'end': 5669.578, 'segs': [{'end': 4721.171, 'src': 'embed', 'start': 4687.983, 'weight': 0, 'content': [{'end': 4693.205, 'text': 'and it can also be integrated with other platforms to capture emails for an email list.', 'start': 4687.983, 'duration': 5.222}, {'end': 4697.746, 'text': 'Over here under integration, so they do offer two integrations.', 'start': 4694.245, 'duration': 3.501}, {'end': 4700.347, 'text': 'They have Sendinblue and also Constant Contact.', 'start': 4697.786, 'duration': 2.561}, {'end': 4703.287, 'text': "I'm going to show you guys how to set this up with Sendinblue.", 'start': 4700.367, 'duration': 2.92}, {'end': 4705.788, 'text': 'There is a link in the description of this video.', 'start': 4703.747, 'duration': 2.041}, {'end': 4708.448, 'text': "It'll take you guys to the Sendinblue website.", 'start': 4705.908, 'duration': 2.54}, {'end': 4710.469, 'text': 'So this is Sendinblue.com.', 'start': 4708.929, 'duration': 1.54}, {'end': 4721.171, 'text': 'You guys can actually start with a free trial and you guys can sign up and this company will actually store all of your email subscriber list and then you can send them email blasts and you can market to your audience.', 'start': 4710.569, 'duration': 10.602}], 'summary': 'Integrate with sendinblue or constant contact to capture emails for marketing. start with a free trial at sendinblue.com.', 'duration': 33.188, 'max_score': 4687.983, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g4687983.jpg'}, {'end': 5271.357, 'src': 'heatmap', 'start': 5067.221, 'weight': 0.702, 'content': [{'end': 5070.143, 'text': "All right, so really quick, let's just go ahead and make the rest of the websites.", 'start': 5067.221, 'duration': 2.922}, {'end': 5071.844, 'text': "And you guys don't have to follow me here.", 'start': 5070.483, 'duration': 1.361}, {'end': 5073.805, 'text': "I'm just going to just show you guys how I did this.", 'start': 5071.964, 'duration': 1.841}, {'end': 5075.786, 'text': 'uh, here we have our.', 'start': 5074.765, 'duration': 1.021}, {'end': 5077.447, 'text': 'i think it is the title right.', 'start': 5075.786, 'duration': 1.661}, {'end': 5078.868, 'text': "we're gonna go ahead and find the title.", 'start': 5077.447, 'duration': 1.421}, {'end': 5079.868, 'text': "you guys can't find it.", 'start': 5078.868, 'duration': 1}, {'end': 5084.732, 'text': 'you can just go ahead and click on search and voila, we got the search.', 'start': 5079.868, 'duration': 4.864}, {'end': 5088.234, 'text': "this is going to be centered and we're going to make this black right.", 'start': 5084.732, 'duration': 3.502}, {'end': 5091.276, 'text': 'so the color is black and i want to add in some padding.', 'start': 5088.234, 'duration': 3.042}, {'end': 5093.898, 'text': 'you guys can see that this is a little bit too close to the top.', 'start': 5091.276, 'duration': 2.622}, {'end': 5097.52, 'text': 'so for margin top i want to add in like 30 pixels or something like that.', 'start': 5093.898, 'duration': 3.622}, {'end': 5101.543, 'text': 'right, you guys can also add in, like you know, space at the bottom as well,', 'start': 5097.52, 'duration': 4.023}, {'end': 5105.707, 'text': 'and i want to make this just a little bit bigger And below that we added in a countdown.', 'start': 5101.543, 'duration': 4.164}, {'end': 5106.768, 'text': 'So countdown.', 'start': 5105.967, 'duration': 0.801}, {'end': 5109.111, 'text': "So I'm going to select a row right here.", 'start': 5107.308, 'duration': 1.803}, {'end': 5114.958, 'text': "And the reason why I'm selecting row is because I want to be able to control the size of the actual element.", 'start': 5109.411, 'duration': 5.547}, {'end': 5117.741, 'text': 'So I want to drag in that element within the actual row.', 'start': 5114.978, 'duration': 2.763}, {'end': 5119.203, 'text': 'So add elements.', 'start': 5118.342, 'duration': 0.861}, {'end': 5121.025, 'text': "And now we're going to find the countdown.", 'start': 5119.483, 'duration': 1.542}, {'end': 5125.857, 'text': "All right, so now I'll see it looks very structured.", 'start': 5123.936, 'duration': 1.921}, {'end': 5130.838, 'text': "And then you guys can select like the actual year and it's going to create like this specific countdown timer.", 'start': 5126.257, 'duration': 4.581}, {'end': 5133.539, 'text': 'So here you guys can go ahead and adjust these to your liking.', 'start': 5131.079, 'duration': 2.46}, {'end': 5136.601, 'text': "Next up, I'm going to add in some products.", 'start': 5134.52, 'duration': 2.081}, {'end': 5138.041, 'text': 'So products.', 'start': 5137.181, 'duration': 0.86}, {'end': 5141.982, 'text': 'And then of course, we can adjust the styling for these products as well.', 'start': 5138.841, 'duration': 3.141}, {'end': 5144.683, 'text': 'All right, now I want to add in a blog section.', 'start': 5142.503, 'duration': 2.18}, {'end': 5146.104, 'text': "So I'll go ahead and click right there.", 'start': 5144.824, 'duration': 1.28}, {'end': 5148.725, 'text': "So now we're going to add in blog posts over here.", 'start': 5146.584, 'duration': 2.141}, {'end': 5151.361, 'text': "I'll click on blog posts.", 'start': 5150.12, 'duration': 1.241}, {'end': 5154.163, 'text': 'And this is where your blog posts will all display.', 'start': 5152.222, 'duration': 1.941}, {'end': 5156.645, 'text': "We're gonna create blog posts in the next section.", 'start': 5154.604, 'duration': 2.041}, {'end': 5157.446, 'text': "It's really quick.", 'start': 5156.786, 'duration': 0.66}, {'end': 5165.072, 'text': "So it's pretty much the same thing as making a page, except it's just a post, right? But we'll do this after we finish the homepage.", 'start': 5157.706, 'duration': 7.366}, {'end': 5167.955, 'text': "Next, we're going to add in this section.", 'start': 5166.013, 'duration': 1.942}, {'end': 5172.198, 'text': 'And I just use like a basic, you know, I just use a Flatsome Studio here.', 'start': 5168.295, 'duration': 3.903}, {'end': 5178.423, 'text': 'And I believe I used over here under testimonials, I selected the banner with simple logo row.', 'start': 5172.679, 'duration': 5.744}, {'end': 5180.165, 'text': "I'll go ahead and import this.", 'start': 5179.184, 'duration': 0.981}, {'end': 5181.426, 'text': 'Alright, cool.', 'start': 5180.185, 'duration': 1.241}, {'end': 5185.069, 'text': "And then I just changed the background right to our to the background that we've been using.", 'start': 5181.766, 'duration': 3.303}, {'end': 5188.072, 'text': 'And that is pretty much it for the homepage.', 'start': 5185.95, 'duration': 2.122}, {'end': 5193.056, 'text': 'We will talk more about how to create the footer a little bit later when we talk about blocks,', 'start': 5188.492, 'duration': 4.564}, {'end': 5195.679, 'text': 'where we can insert blocks into different parts of the websites.', 'start': 5193.056, 'duration': 2.623}, {'end': 5198.541, 'text': 'But overall, we have completed our homepage.', 'start': 5196.039, 'duration': 2.502}, {'end': 5200.263, 'text': 'So congratulations.', 'start': 5198.882, 'duration': 1.381}, {'end': 5202.405, 'text': "Let's go ahead and click on apply and updates.", 'start': 5200.283, 'duration': 2.122}, {'end': 5205.7, 'text': 'close this really quick, all right.', 'start': 5204.139, 'duration': 1.561}, {'end': 5211.864, 'text': "so I just mentioned earlier that you guys can create blog posts, and over here you'll see that we can create posts,", 'start': 5205.7, 'duration': 6.164}, {'end': 5214.286, 'text': 'and this is very similar to like making pages right.', 'start': 5211.864, 'duration': 2.422}, {'end': 5221.59, 'text': 'so this will be like top 10 best products for your office.', 'start': 5214.286, 'duration': 7.304}, {'end': 5225.313, 'text': 'And then you can just go ahead and put in some, you know, description.', 'start': 5222.771, 'duration': 2.542}, {'end': 5229.375, 'text': "So I'll go ahead and type something in here to some demo contents.", 'start': 5226.053, 'duration': 3.322}, {'end': 5231.376, 'text': 'Now right here, I want to put in an image.', 'start': 5229.855, 'duration': 1.521}, {'end': 5233.557, 'text': "So I'll type in dash image.", 'start': 5231.556, 'duration': 2.001}, {'end': 5239.841, 'text': 'And then we can just insert an image here, you know, so if you want to like add an image, like in between, you know, stuff like that, you can do that.', 'start': 5234.378, 'duration': 5.463}, {'end': 5242.502, 'text': 'And then I can just modify that.', 'start': 5240.902, 'duration': 1.6}, {'end': 5245.244, 'text': "And then we'll press enter.", 'start': 5243.763, 'duration': 1.481}, {'end': 5247.986, 'text': "And we'll just keep keep keep putting some content.", 'start': 5245.304, 'duration': 2.682}, {'end': 5248.366, 'text': 'There we go.', 'start': 5248.006, 'duration': 0.36}, {'end': 5255.191, 'text': 'And on the right side under posts, we can add in a featured image and also create categories.', 'start': 5250.529, 'duration': 4.662}, {'end': 5258.812, 'text': 'So under categories, this will be like electronics.', 'start': 5255.511, 'duration': 3.301}, {'end': 5261.013, 'text': "I'll create a new category.", 'start': 5259.972, 'duration': 1.041}, {'end': 5264.834, 'text': 'And then for the featured image, this is the image that represents the article.', 'start': 5261.453, 'duration': 3.381}, {'end': 5268.035, 'text': "So I'll just go ahead and put in like, just like a stock image here.", 'start': 5265.234, 'duration': 2.801}, {'end': 5271.357, 'text': 'Click on set featured image and we are done.', 'start': 5268.776, 'duration': 2.581}], 'summary': 'Creating a website homepage with sections for countdown, products, and blog posts, using flatsome studio.', 'duration': 204.136, 'max_score': 5067.221, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g5067221.jpg'}, {'end': 5195.679, 'src': 'embed', 'start': 5168.295, 'weight': 1, 'content': [{'end': 5172.198, 'text': 'And I just use like a basic, you know, I just use a Flatsome Studio here.', 'start': 5168.295, 'duration': 3.903}, {'end': 5178.423, 'text': 'And I believe I used over here under testimonials, I selected the banner with simple logo row.', 'start': 5172.679, 'duration': 5.744}, {'end': 5180.165, 'text': "I'll go ahead and import this.", 'start': 5179.184, 'duration': 0.981}, {'end': 5181.426, 'text': 'Alright, cool.', 'start': 5180.185, 'duration': 1.241}, {'end': 5185.069, 'text': "And then I just changed the background right to our to the background that we've been using.", 'start': 5181.766, 'duration': 3.303}, {'end': 5188.072, 'text': 'And that is pretty much it for the homepage.', 'start': 5185.95, 'duration': 2.122}, {'end': 5193.056, 'text': 'We will talk more about how to create the footer a little bit later when we talk about blocks,', 'start': 5188.492, 'duration': 4.564}, {'end': 5195.679, 'text': 'where we can insert blocks into different parts of the websites.', 'start': 5193.056, 'duration': 2.623}], 'summary': 'Using flatsome studio, the speaker demonstrates changing homepage elements and plans to cover footer creation in the future.', 'duration': 27.384, 'max_score': 5168.295, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g5168295.jpg'}, {'end': 5461.537, 'src': 'embed', 'start': 5434.791, 'weight': 2, 'content': [{'end': 5440.358, 'text': "They have a lot of nice templates to pick from and I don't find a reason to really rebuild everything from scratch because I'm kind of lazy.", 'start': 5434.791, 'duration': 5.567}, {'end': 5442.9, 'text': "So I'm going to go ahead and pick a quick template right here.", 'start': 5440.458, 'duration': 2.442}, {'end': 5446.584, 'text': "I'll import this hiking contact page.", 'start': 5443.982, 'duration': 2.602}, {'end': 5448.126, 'text': "And then I'll click on start.", 'start': 5447.185, 'duration': 0.941}, {'end': 5451.829, 'text': 'All right, so now the first thing is I wanna make this templates full width.', 'start': 5448.566, 'duration': 3.263}, {'end': 5454.211, 'text': "And this image doesn't really work well.", 'start': 5452.349, 'duration': 1.862}, {'end': 5461.537, 'text': "It's a nice image, but we're selling electronics and that's talking about hiking, so I'm going to replace that with.", 'start': 5454.231, 'duration': 7.306}], 'summary': 'Using templates to quickly build a full-width contact page for selling electronics.', 'duration': 26.746, 'max_score': 5434.791, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g5434791.jpg'}], 'start': 4629.014, 'title': 'Website customization', 'summary': 'Covers setting up contact form 7 and sendinblue integration, website design walkthrough with flatsome studio and gutenberg, and website page customization, resulting in successful integration and visually appealing, functional website pages.', 'chapters': [{'end': 5070.143, 'start': 4629.014, 'title': 'Setting up contact form 7 and sendinblue integration', 'summary': 'Covers the installation of the contact form 7 plugin, integration with sendinblue for email marketing, including creating lists and sending email campaigns, and setting up the contact form with ux builder, with the final outcome of successfully integrating it with sendinblue.', 'duration': 441.129, 'highlights': ['The chapter covers the installation of the Contact Form 7 plugin, integration with Sendinblue for email marketing, including creating lists and sending email campaigns, and setting up the contact form with UX Builder. The chapter details the process of installing the Contact Form 7 plugin, integrating it with Sendinblue to create and manage email lists, and setting up the contact form using UX Builder for seamless integration.', 'Successfully integrating the contact form with Sendinblue, resulting in the creation of a contact list and the ability to send email campaigns. The successful integration with Sendinblue allows for the creation of contact lists and the capability to send targeted email campaigns to subscribers, demonstrating the efficacy of the integration process.', 'Demonstrating the process of setting up the contact form with UX Builder, allowing for easy selection and integration of the contact form. The explanation of setting up the contact form with UX Builder elucidates the simplified process of integrating the form, providing ease of use and flexibility for selecting and incorporating the contact form.']}, {'end': 5332.411, 'start': 5070.483, 'title': 'Website design walkthrough', 'summary': 'Covers the step-by-step process of designing a website homepage, adding a countdown, products, blog posts, and testimonials using flatsome studio and gutenberg, and concludes with creating blog posts and importing a template for an about us page.', 'duration': 261.928, 'highlights': ['The chapter covers the step-by-step process of designing a website homepage, adding a countdown, products, blog posts, and testimonials using Flatsome Studio and Gutenberg, and concludes with creating blog posts and importing a template for an About Us page. Step-by-step website homepage design process, addition of countdown, products, blog posts, and testimonials, usage of Flatsome Studio and Gutenberg, creation of blog posts, and importation of an About Us page template.', 'The process involves adjusting the styling, layout, and content of the homepage, including adding a countdown timer and product display, and concludes with the creation of blog posts and importing an About Us page template. Adjusting homepage styling, layout, and content, adding countdown timer and product display, and creating blog posts and importing an About Us page template.', 'The chapter demonstrates the creation of blog posts using the Gutenberg builder, including adding text, images, categories, and a featured image, and describes how the posts are automatically displayed on the homepage. Creation of blog posts using Gutenberg, addition of text, images, categories, and a featured image, and automatic display of posts on the homepage.']}, {'end': 5669.578, 'start': 5332.952, 'title': 'Website page customization', 'summary': 'Details the process of customizing website pages, including making pages full width, adding and modifying images, importing templates, adjusting contact forms, adding maps, and testing contact forms, resulting in a visually appealing and functional website.', 'duration': 336.626, 'highlights': ['The chapter details the process of customizing website pages, including making pages full width, adding and modifying images, importing templates, adjusting contact forms, adding maps, and testing contact forms. Customizing website pages, making pages full width, adding and modifying images, importing templates, adjusting contact forms, adding maps, testing contact forms', 'The speaker demonstrates adding and modifying images to improve the appearance of the website, such as changing image positions and adjusting colors. Adding and modifying images, changing image positions, adjusting colors', 'The process of importing templates is explained, highlighting the convenience of using existing templates to avoid building from scratch. Importing templates, convenience of using existing templates', 'The adjustment and testing of contact forms are demonstrated, including modifying form colors, testing the form, and verifying successful email delivery. Adjusting and testing contact forms, modifying form colors, testing the form, verifying successful email delivery', 'The addition of a map to the website is shown, emphasizing the process of embedding a Google Map and ensuring its proper display. Adding a map to the website, embedding a Google Map, ensuring proper display']}], 'duration': 1040.564, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g4629014.jpg', 'highlights': ['Successfully integrating the contact form with Sendinblue, resulting in the creation of a contact list and the ability to send email campaigns.', 'Step-by-step website homepage design process, addition of countdown, products, blog posts, and testimonials, usage of Flatsome Studio and Gutenberg, creation of blog posts, and importation of an About Us page template.', 'Customizing website pages, making pages full width, adding and modifying images, importing templates, adjusting contact forms, adding maps, testing contact forms']}, {'end': 7255.407, 'segs': [{'end': 5720.204, 'src': 'embed', 'start': 5691.046, 'weight': 3, 'content': [{'end': 5696.909, 'text': 'So over here we have product categories, and if you want, you can even add those product categories to your menu.', 'start': 5691.046, 'duration': 5.863}, {'end': 5703.109, 'text': "This is optional, you don't have to do that, but I just wanna showcase where you can add this.", 'start': 5698.283, 'duration': 4.826}, {'end': 5705.391, 'text': 'Also for the blog.', 'start': 5703.829, 'duration': 1.562}, {'end': 5712.78, 'text': 'you can actually add in the blog categories to your menu as well, and you can even add the actual post that you created on your menu.', 'start': 5705.391, 'duration': 7.389}, {'end': 5720.204, 'text': 'So once you actually use WooCommerce and you create product categories and then post categories, you can add all those to your menu as well,', 'start': 5713.32, 'duration': 6.884}], 'summary': 'You can add product and blog categories to your menu in woocommerce.', 'duration': 29.158, 'max_score': 5691.046, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g5691046.jpg'}, {'end': 6337.01, 'src': 'embed', 'start': 6309.177, 'weight': 0, 'content': [{'end': 6313.86, 'text': "So if you don't want the category to display, you can remove specific options from your blog posts.", 'start': 6309.177, 'duration': 4.683}, {'end': 6316.761, 'text': "All right, so that's pretty much it for the blog.", 'start': 6314.64, 'duration': 2.121}, {'end': 6318.902, 'text': "Now let's talk about WooCommerce.", 'start': 6317.321, 'duration': 1.581}, {'end': 6326.245, 'text': 'This is actually very important, and this is gonna reflect a lot of the product pages and shop pages if you guys decide not to make a custom one.', 'start': 6319.062, 'duration': 7.183}, {'end': 6328.046, 'text': "But let's just go through this really quick.", 'start': 6326.745, 'duration': 1.301}, {'end': 6331.487, 'text': 'So a store notice, this is basically enabling an option here.', 'start': 6328.506, 'duration': 2.981}, {'end': 6333.929, 'text': "I think it's like at the bottom, right? There it is.", 'start': 6331.507, 'duration': 2.422}, {'end': 6337.01, 'text': "So you'll see that there's this little notice right there.", 'start': 6334.089, 'duration': 2.921}], 'summary': 'Discussion on removing category display and enabling store notice in woocommerce.', 'duration': 27.833, 'max_score': 6309.177, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g6309177.jpg'}, {'end': 6507.549, 'src': 'embed', 'start': 6478.347, 'weight': 1, 'content': [{'end': 6479.708, 'text': 'and then the phone number as well.', 'start': 6478.347, 'duration': 1.361}, {'end': 6483.411, 'text': 'If you guys do have a privacy policy in terms of conditions,', 'start': 6480.229, 'duration': 3.182}, {'end': 6490.316, 'text': 'you guys can create one in the WordPress dashboard and then assign that as your privacy policy page or your terms and condition.', 'start': 6483.411, 'duration': 6.905}, {'end': 6497.061, 'text': 'And once the users actually purchase something, they will have to check a box where they agree with the terms and conditions.', 'start': 6490.797, 'duration': 6.264}, {'end': 6500.804, 'text': "I'll show you guys a cool website where they'll actually create one for you.", 'start': 6497.842, 'duration': 2.962}, {'end': 6505.207, 'text': 'And then they have other various styling options like sticky sidebar and stuff like that.', 'start': 6501.405, 'duration': 3.802}, {'end': 6507.549, 'text': 'So yeah, that is the checkout form.', 'start': 6505.728, 'duration': 1.821}], 'summary': 'Create privacy policy in wordpress dashboard, users agree to terms and conditions upon purchase, website can generate policy.', 'duration': 29.202, 'max_score': 6478.347, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g6478347.jpg'}, {'end': 6704.221, 'src': 'embed', 'start': 6674.205, 'weight': 2, 'content': [{'end': 6679.99, 'text': 'With the UX blocks, you guys can create custom headers, custom footers, custom shop pages, custom product pages,', 'start': 6674.205, 'duration': 5.785}, {'end': 6681.771, 'text': 'all sorts of different parts of your website.', 'start': 6679.99, 'duration': 1.781}, {'end': 6683.212, 'text': 'Use the UX blocks.', 'start': 6682.232, 'duration': 0.98}, {'end': 6685.833, 'text': "So let's go ahead and click on add new.", 'start': 6684.212, 'duration': 1.621}, {'end': 6691.915, 'text': "And what we're gonna do is we're just gonna create a basic footer and we're gonna use a template that Flatsome has to offer.", 'start': 6686.393, 'duration': 5.522}, {'end': 6693.316, 'text': 'So this is my footer.', 'start': 6692.416, 'duration': 0.9}, {'end': 6697.778, 'text': "I'll go ahead and click on publish and then I'll click on UX builder.", 'start': 6694.216, 'duration': 3.562}, {'end': 6704.221, 'text': "Now I'm gonna click on add elements, Flatsome studio, and then we're gonna find the footer section.", 'start': 6698.338, 'duration': 5.883}], 'summary': 'Using ux blocks, create custom headers, footers, and shop/product pages. utilize flatsome templates for easy customization.', 'duration': 30.016, 'max_score': 6674.205, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g6674205.jpg'}, {'end': 6858.076, 'src': 'heatmap', 'start': 6756.414, 'weight': 0.789, 'content': [{'end': 6757.994, 'text': 'So over here we have this short code.', 'start': 6756.414, 'duration': 1.58}, {'end': 6761.956, 'text': "Now I'm going to take this short code and we're going to put it in the theme customizer.", 'start': 6758.875, 'duration': 3.081}, {'end': 6768.455, 'text': 'Okay, so here we go, we have the footer, and now we have the custom footer block.', 'start': 6763.371, 'duration': 5.084}, {'end': 6771.056, 'text': 'Now we can go ahead and select the footer.', 'start': 6769.355, 'duration': 1.701}, {'end': 6778.321, 'text': 'And if we scroll down to the bottom of the websites, you are then going to see that the original footer with widgets has disappeared.', 'start': 6771.637, 'duration': 6.684}, {'end': 6780.323, 'text': 'And this is now our primary footer.', 'start': 6778.762, 'duration': 1.561}, {'end': 6781.343, 'text': 'Alright, great.', 'start': 6780.343, 'duration': 1}, {'end': 6787.688, 'text': "So now you'll see that the custom footer block is now taking effect and the original footer that we had has disappeared.", 'start': 6781.383, 'duration': 6.305}, {'end': 6790.169, 'text': "So that's how you guys can make a custom footer.", 'start': 6788.388, 'duration': 1.781}, {'end': 6796.392, 'text': "It's really simple and all you gotta do here is just click on publish and then that is your new footer for your website.", 'start': 6790.289, 'duration': 6.103}, {'end': 6800.034, 'text': "Alright, so now let's talk about how to build a custom shop page.", 'start': 6797.033, 'duration': 3.001}, {'end': 6801.435, 'text': 'On my demo website.', 'start': 6800.494, 'duration': 0.941}, {'end': 6804.536, 'text': 'you guys probably noticed that we have this custom shop page,', 'start': 6801.435, 'duration': 3.101}, {'end': 6808.618, 'text': "and you might have also noticed that we're using the page builder for our default shop page.", 'start': 6804.536, 'duration': 4.082}, {'end': 6815.302, 'text': 'Now all I did here was I just wanted to add a banner here and I added products and I added a sidebar on the left side.', 'start': 6809.139, 'duration': 6.163}, {'end': 6817.303, 'text': 'So let me show you guys how to set all this up.', 'start': 6815.682, 'duration': 1.621}, {'end': 6822.894, 'text': 'So over here we have add new and I want to go ahead and make a shop page.', 'start': 6818.652, 'duration': 4.242}, {'end': 6825.595, 'text': "I'll publish that.", 'start': 6824.795, 'duration': 0.8}, {'end': 6830.177, 'text': "And then I'll turn on the UX builder and let me just walk you guys through on how to do this.", 'start': 6826.896, 'duration': 3.281}, {'end': 6833.679, 'text': 'So I first want to just make a banner, right? So I just want a quick banner.', 'start': 6830.778, 'duration': 2.901}, {'end': 6837.06, 'text': "So I'll just, you know, grab a banner from the Flatsome studio.", 'start': 6833.799, 'duration': 3.261}, {'end': 6837.861, 'text': 'All right.', 'start': 6837.561, 'duration': 0.3}, {'end': 6842.883, 'text': "So I'll go ahead and click on banners and I want to use this black Friday deals right here.", 'start': 6837.881, 'duration': 5.002}, {'end': 6844.384, 'text': "I'll go ahead and import this.", 'start': 6843.303, 'duration': 1.081}, {'end': 6848.987, 'text': 'And I want to add in that little cute little snow thing that got going on.', 'start': 6846.124, 'duration': 2.863}, {'end': 6850.388, 'text': 'I thought that was pretty cool.', 'start': 6849.047, 'duration': 1.341}, {'end': 6851.63, 'text': "We'll do snow.", 'start': 6850.529, 'duration': 1.101}, {'end': 6853.572, 'text': 'So this is the actual banner.', 'start': 6852.391, 'duration': 1.181}, {'end': 6854.853, 'text': "And I'll reduce the padding.", 'start': 6853.892, 'duration': 0.961}, {'end': 6858.076, 'text': "I want to put zero because it's just to make it a little bit more smaller.", 'start': 6854.993, 'duration': 3.083}], 'summary': 'Demonstrating how to create a custom footer and shop page with specific design elements and functionality.', 'duration': 101.662, 'max_score': 6756.414, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g6756414.jpg'}], 'start': 5669.578, 'title': 'Website customization and theme options', 'summary': 'Covers adding menu options, theme customization, and website header styling, with a focus on flatsome theme and customization options. it also includes e-commerce website customization, setting up checkout forms, and building custom shop pages using a page builder.', 'chapters': [{'end': 5987.207, 'start': 5669.578, 'title': 'Adding menu options and theme customization', 'summary': 'Discusses adding product and blog categories to the menu, creating a blog page, and using the theme customizer to customize headers and add elements. it also highlights the simplicity of using the flatsome theme and the options available in the theme customizer.', 'duration': 317.629, 'highlights': ['The chapter discusses adding product and blog categories to the menu. The speaker explains how to add product and blog categories to the menu, making navigation easier. This provides a practical customization option for the website.', 'Creating a blog page and assigning it as the actual blog page using the theme customizer. The speaker demonstrates the process of creating a blog page and assigning it as the actual blog page using the theme customizer, providing a clear guide for organizing blog content.', "Using the theme customizer to customize headers and add elements such as buttons and menus. The speaker provides a detailed walkthrough of using the theme customizer to customize headers and add elements, showcasing the flexibility and customization options available for the website's design.", 'Demonstrating the simplicity of using the Flatsome theme and the options available in the theme customizer. The speaker emphasizes the simplicity of using the Flatsome theme and the various options available in the theme customizer, highlighting the user-friendly nature of the design process.']}, {'end': 6457.308, 'start': 5987.907, 'title': 'Website header and styling options', 'summary': 'Discusses the ease of understanding and fluidity of a website header builder, with the ability to customize elements and styles, such as logo, site icon, global fonts, colors, blog layouts, woocommerce product catalog and page customization, and checkout page layouts.', 'duration': 469.401, 'highlights': ['The website header builder is easy to understand and very fluid, allowing users to customize elements and styles with presets, logo uploads, and site icon additions. The builder is user-friendly and allows for quick customization with presets, logo uploads, and site icon additions.', 'The website offers options for global fonts and colors, affecting various pages such as the shop and product pages, with the ability to customize primary and base colors, as well as other design elements like Add to Cart buttons and review stars. Users can set global fonts and colors, impacting pages like the shop and product pages, and can customize primary and base colors, as well as design elements such as Add to Cart buttons and review stars.', 'The blog section provides options to customize layouts, alignments, and includes a sticky sidebar feature, affecting the design and user experience of the blog page and archive. The blog section allows for customization of layouts, alignments, and includes a sticky sidebar feature, impacting the design and user experience of the blog page and archive.', 'The WooCommerce section offers customization options for the shop page, product catalog, individual product pages, and checkout page layouts, providing flexibility to tailor the design and user experience of the e-commerce platform. The WooCommerce section provides customization options for the shop page, product catalog, individual product pages, and checkout page layouts, allowing flexibility in tailoring the design and user experience of the e-commerce platform.']}, {'end': 6850.388, 'start': 6457.568, 'title': 'E-commerce website customization', 'summary': 'Covers the customization of the e-commerce website, including setting up checkout forms, cart options, overall website layout, creating a footer using default widgets, using theme customizer, and building custom shop pages using flatsome builder.', 'duration': 392.82, 'highlights': ['Setting up checkout forms and privacy policy page The speaker explains how to make specific options and fields required in the checkout form, such as address and phone number, and how to create a privacy policy page in the WordPress dashboard, making it mandatory for users to agree to terms and conditions before making a purchase.', 'Customizing the footer using default widgets and Flatsome builder The process of creating a custom footer from scratch using default widgets, adding product categories, best-selling products, and pages as well as using Flatsome builder to design and customize the footer, then inserting it into the website is detailed.', 'Building custom shop pages with banners and product display Demonstration of creating a custom shop page with a banner and products using Flatsome builder, including adding a sidebar and configuring the layout for the shop page.', 'Overview of theme customizer and UX blocks for website customization An overview of using theme customizer to control various parts of the website and the flexibility of using UX blocks to build custom headers, footers, shop pages, and product pages from scratch using Flatsome builder is provided.']}, {'end': 7255.407, 'start': 6850.529, 'title': 'Customizing shop page with page builder', 'summary': 'Demonstrates the process of creating a custom shop page using a page builder, including adding sections, widgets, and customizing the layout to fully design and customize the shop page.', 'duration': 404.878, 'highlights': ['Creating a custom shop page using a page builder The chapter demonstrates the process of creating a custom shop page using a page builder, including adding sections, widgets, and customizing the layout to fully design and customize the shop page.', 'Adding sections and columns to the shop page The process involves adding sections and columns to the shop page to create a visually appealing layout, allowing for the inclusion of products, banners, and promotional content.', 'Customizing the shop sidebar with widgets The tutorial guides on customizing the shop sidebar using widgets such as filter by price, product categories, banners, YouTube video, and best-selling product list to enhance the user experience and visual appeal.']}], 'duration': 1585.829, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g5669578.jpg', 'highlights': ['The WooCommerce section provides customization options for the shop page, product catalog, individual product pages, and checkout page layouts, allowing flexibility in tailoring the design and user experience of the e-commerce platform.', 'Setting up checkout forms and privacy policy page, making specific options and fields required in the checkout form, and creating a mandatory privacy policy page in the WordPress dashboard.', 'The process of creating a custom footer from scratch using default widgets, adding product categories, best-selling products, and pages, and using Flatsome builder to design and customize the footer.', 'The chapter discusses adding product and blog categories to the menu, making navigation easier, and creating a blog page and assigning it as the actual blog page using the theme customizer.']}, {'end': 8190.138, 'segs': [{'end': 7295.395, 'src': 'embed', 'start': 7256.207, 'weight': 1, 'content': [{'end': 7259.049, 'text': 'Now, the last thing I want to talk about is custom product pages.', 'start': 7256.207, 'duration': 2.842}, {'end': 7263.072, 'text': 'You guys can make a custom product page from scratch using the Flatsome Builder.', 'start': 7259.249, 'duration': 3.823}, {'end': 7265.914, 'text': "Now, I've already made a video dedicated to this.", 'start': 7263.732, 'duration': 2.182}, {'end': 7272.598, 'text': "It's about 10 to 15 minutes long and it goes through all the fundamentals of how to create a custom product page.", 'start': 7266.214, 'duration': 6.384}, {'end': 7277.442, 'text': "It is actually two years old but I recently checked it and it's still very current.", 'start': 7273.099, 'duration': 4.343}, {'end': 7283.326, 'text': 'So, you guys can see a lot of people are liking it and a lot of people, they really like this video.', 'start': 7277.462, 'duration': 5.864}, {'end': 7288.87, 'text': "so, even though the video is a little old, i might make a new one, but i'll refer you to this video right here,", 'start': 7283.786, 'duration': 5.084}, {'end': 7294.114, 'text': 'and this will show you how to create a custom product page using the ux builder for the flotsam theme.', 'start': 7288.87, 'duration': 5.244}, {'end': 7295.395, 'text': 'all right party people.', 'start': 7294.114, 'duration': 1.281}], 'summary': 'Learn to create custom product pages with flatsome builder using a 10-15 minute video that is still relevant after two years.', 'duration': 39.188, 'max_score': 7256.207, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g7256207.jpg'}, {'end': 7337.867, 'src': 'embed', 'start': 7316.119, 'weight': 0, 'content': [{'end': 7325.383, 'text': "you guys probably noticed that on the bottom left there's this sales notification and this actually pops up and lets users know that people are purchasing products on the website.", 'start': 7316.119, 'duration': 9.264}, {'end': 7332.085, 'text': 'The great thing is that this really encourages a social atmosphere and can really help bring more revenue for your websites.', 'start': 7325.803, 'duration': 6.282}, {'end': 7337.867, 'text': 'In fact, just by having that, you increase the odds of you making a sale by 10%, which is pretty good.', 'start': 7332.225, 'duration': 5.642}], 'summary': 'Sales notification increases sales by 10% and fosters social atmosphere.', 'duration': 21.748, 'max_score': 7316.119, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g7316119.jpg'}, {'end': 7697.696, 'src': 'embed', 'start': 7670.445, 'weight': 3, 'content': [{'end': 7676.087, 'text': "So we'll be talking about how to add payment gateways, adjust your taxes and shipping and all that good stuff.", 'start': 7670.445, 'duration': 5.642}, {'end': 7680.668, 'text': "So over here, you're going to see WooCommerce and let's go over here and click on settings.", 'start': 7676.867, 'duration': 3.801}, {'end': 7682.449, 'text': "Now, this part's important.", 'start': 7681.408, 'duration': 1.041}, {'end': 7684.389, 'text': 'You want to go ahead and put in your store address.', 'start': 7682.509, 'duration': 1.88}, {'end': 7692.172, 'text': "The main reason why is because you need to tell WooCommerce where your store is located and also tell them you know where you're selling to and the shipping locations,", 'start': 7684.769, 'duration': 7.403}, {'end': 7693.152, 'text': 'and so on and so forth.', 'start': 7692.172, 'duration': 0.98}, {'end': 7697.696, 'text': "So let's go ahead and first put in our address and put in my address here.", 'start': 7693.692, 'duration': 4.004}], 'summary': 'Setting up payment gateways and configuring taxes and shipping in woocommerce.', 'duration': 27.251, 'max_score': 7670.445, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g7670445.jpg'}], 'start': 7256.207, 'title': 'Enhancing e-commerce with woocommerce settings and sales strategies', 'summary': 'Delves into creating custom product pages using flatsome builder and explores woocommerce settings and plugins. additionally, it discusses the impact of sales notifications and product add-ons on e-commerce revenue, with sales notifications increasing the odds of making a sale by 10% and encouraging additional purchases through add-ons. it also provides insights into woocommerce setup, including payment gateways, taxes, shipping, and automated tax rates.', 'chapters': [{'end': 7316.119, 'start': 7256.207, 'title': 'Custom product pages and woocommerce settings', 'summary': 'Discusses creating custom product pages using flatsome builder, referring to a 2-year-old video tutorial that lasts 10-15 minutes and exploring woocommerce settings and plugins.', 'duration': 59.912, 'highlights': ['The chapter emphasizes creating custom product pages using Flatsome Builder, referring to a 2-year-old video tutorial that lasts 10-15 minutes.', 'The video tutorial is still relevant and well-received by many, demonstrating the enduring value of the content.', 'The discussion also includes an introduction to Woocommerce settings and plugins, providing a comprehensive understanding of the e-commerce platform.', 'The completion of the website customization process is mentioned, indicating a thorough understanding of designing and customizing websites.']}, {'end': 7633.179, 'start': 7316.119, 'title': 'Boosting e-commerce revenue with sales notifications and product add-ons', 'summary': 'Focuses on how sales notifications and product add-ons can increase e-commerce revenue, with sales notifications increasing the odds of making a sale by 10% and product add-ons encouraging additional purchases, while also highlighting the availability and cost of woocommerce plugins and the alternative option of purchasing plugins from gpl websites to save costs.', 'duration': 317.06, 'highlights': ['Sales notifications can increase the odds of making a sale by 10%, creating a social atmosphere and boosting revenue for websites.', 'Product add-ons are convenient and encourage additional purchases, providing examples such as gaming editions and add-on services at additional costs.', 'WooCommerce plugins offer a wide range of features, with some having pro versions and costing anywhere between 50 to $250 a year.', 'Purchasing plugins from GPL websites provides a cost-effective alternative, although it is frowned upon in the community and may require purchasing a license from the original developer if relying on the plugin.']}, {'end': 8190.138, 'start': 7633.179, 'title': 'Woocommerce settings and setup', 'summary': 'Covers setting up woocommerce, including adding payment gateways, adjusting taxes and shipping, and integrating automated tax rates. it also provides guidance on selecting specific tax rates for different regions and automating taxes using a plugin.', 'duration': 556.959, 'highlights': ['Adding Payment Gateways and Adjusting Taxes and Shipping The video demonstrates how to add payment gateways like PayPal and Stripe, adjust shipping locations, and specify selling and shipping destinations, emphasizing the selection of specific countries and regions for selling and shipping.', 'Setting Up Tax Rates for Different Regions The process of setting up tax rates for specific states and countries is explained, including inserting tax rates for individual states and countries, and creating reduced tax rates for specific areas, offering a comprehensive approach to managing tax rates for different regions.', 'Automating Taxes Using a Plugin The tutorial provides guidance on automating taxes in the United States using the WooCommerce shipping and tax plugin, including the installation process, syncing with Jetpack, and creating an account, providing a solution for simplifying tax management.']}], 'duration': 933.931, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g7256207.jpg', 'highlights': ['Sales notifications can increase the odds of making a sale by 10%, creating a social atmosphere and boosting revenue for websites.', 'The chapter emphasizes creating custom product pages using Flatsome Builder, referring to a 2-year-old video tutorial that lasts 10-15 minutes.', 'The video tutorial is still relevant and well-received by many, demonstrating the enduring value of the content.', 'Adding Payment Gateways and Adjusting Taxes and Shipping The video demonstrates how to add payment gateways like PayPal and Stripe, adjust shipping locations, and specify selling and shipping destinations, emphasizing the selection of specific countries and regions for selling and shipping.']}, {'end': 9935.376, 'segs': [{'end': 8235.075, 'src': 'embed', 'start': 8206.466, 'weight': 2, 'content': [{'end': 8208.527, 'text': "There's actually an option where you just check a box and it's done.", 'start': 8206.466, 'duration': 2.061}, {'end': 8216.431, 'text': "So now you'll see that there's this automated taxes where you can actually enable automated taxes, making it really easy to set up your taxes.", 'start': 8209.047, 'duration': 7.384}, {'end': 8219.413, 'text': "So I'll scroll down and I'll click on save changes.", 'start': 8217.092, 'duration': 2.321}, {'end': 8221.191, 'text': 'All right, congrats.', 'start': 8220.472, 'duration': 0.719}, {'end': 8222.913, 'text': 'So now we have set up our taxes.', 'start': 8221.392, 'duration': 1.521}, {'end': 8224.532, 'text': "Now let's go ahead and talk about shipping.", 'start': 8223.213, 'duration': 1.319}, {'end': 8226.013, 'text': "Here I'll click on shipping.", 'start': 8225.133, 'duration': 0.88}, {'end': 8228.394, 'text': 'Now shipping is pretty easy to get started with.', 'start': 8226.534, 'duration': 1.86}, {'end': 8230.674, 'text': "Right here, I'll click on add a shipping zone.", 'start': 8228.695, 'duration': 1.979}, {'end': 8235.075, 'text': "Now, where do you wanna ship to? You're gonna put that region right here.", 'start': 8231.834, 'duration': 3.241}], 'summary': 'Enable automated taxes with just a checkbox, and set up shipping zones easily.', 'duration': 28.609, 'max_score': 8206.466, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g8206466.jpg'}, {'end': 8378.396, 'src': 'embed', 'start': 8348.753, 'weight': 4, 'content': [{'end': 8350.193, 'text': 'And here we have United States.', 'start': 8348.753, 'duration': 1.44}, {'end': 8354.097, 'text': 'However, sometimes people might purchase my product outside of this region.', 'start': 8350.735, 'duration': 3.362}, {'end': 8357.058, 'text': 'So I want to select like a fallback policy,', 'start': 8354.337, 'duration': 2.721}, {'end': 8363.303, 'text': "just so that you know I don't lose business and we'll charge shipping if people are not in specific regions that we set right?", 'start': 8357.058, 'duration': 6.245}, {'end': 8367.066, 'text': "So I'll go ahead and select add a shipping method and a flat rates.", 'start': 8363.943, 'duration': 3.123}, {'end': 8370.432, 'text': "And I'll just charge people like, I don't know, like 10 bucks.", 'start': 8368.01, 'duration': 2.422}, {'end': 8375.034, 'text': "So if someone from Mexico buys my product that I didn't plan upon, I'll say you know what?", 'start': 8370.772, 'duration': 4.262}, {'end': 8378.396, 'text': "I didn't set the shipping rate for them, but hey, I don't want to lose business.", 'start': 8375.193, 'duration': 3.203}], 'summary': 'Implementing a fallback policy to charge $10 for shipping outside specific regions to avoid losing business.', 'duration': 29.643, 'max_score': 8348.753, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g8348753.jpg'}, {'end': 8414.764, 'src': 'embed', 'start': 8386.325, 'weight': 1, 'content': [{'end': 8389.527, 'text': 'So we are selling in the United States as a flat rate of around.', 'start': 8386.325, 'duration': 3.202}, {'end': 8390.688, 'text': "I think it's $5, right?", 'start': 8389.527, 'duration': 1.161}, {'end': 8394.189, 'text': 'However, if people spend more than $100, they get free shipping.', 'start': 8391.188, 'duration': 3.001}, {'end': 8401.112, 'text': "Now, if somebody outside of United States buys our product, they'll be charged a shipping rate of $10.", 'start': 8394.669, 'duration': 6.443}, {'end': 8406.076, 'text': 'So just remember, you guys can always add more shipping zones and you can select as many countries as you want.', 'start': 8401.112, 'duration': 4.964}, {'end': 8410.8, 'text': 'However, if you guys decide to do that, just remember that in the general settings,', 'start': 8406.557, 'duration': 4.243}, {'end': 8414.764, 'text': 'you guys must add the country over here sell to specific countries.', 'start': 8410.8, 'duration': 3.964}], 'summary': 'Flat rate shipping in us is $5, free for orders over $100. outside us, shipping rate is $10.', 'duration': 28.439, 'max_score': 8386.325, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g8386325.jpg'}, {'end': 8894.158, 'src': 'embed', 'start': 8866.42, 'weight': 0, 'content': [{'end': 8871.141, 'text': 'PayPal and Stripe are the most popular payment gateways, like probably on the planet.', 'start': 8866.42, 'duration': 4.721}, {'end': 8874.782, 'text': "They are really popular because they're really easy to use,", 'start': 8871.621, 'duration': 3.161}, {'end': 8878.243, 'text': "they're very cheap and they're just so convenient because they're accepted all around the world.", 'start': 8874.782, 'duration': 3.461}, {'end': 8880.844, 'text': 'Here you have the WooCommerce PayPal payments.', 'start': 8879.003, 'duration': 1.841}, {'end': 8883.985, 'text': 'Just go ahead and install that, and then click on activate.', 'start': 8881.124, 'duration': 2.861}, {'end': 8885.332, 'text': 'All right, cool.', 'start': 8884.892, 'duration': 0.44}, {'end': 8887.794, 'text': "Now let's go ahead and talk about both payment gateways.", 'start': 8885.532, 'duration': 2.262}, {'end': 8889.575, 'text': 'This is Stripe.com.', 'start': 8888.494, 'duration': 1.081}, {'end': 8894.158, 'text': 'Stripe.com is a free service and all you guys need to do is sign up and make a free account.', 'start': 8889.675, 'duration': 4.483}], 'summary': 'Paypal and stripe are popular payment gateways, easy to use, cheap, and accepted worldwide. stripe.com is free to sign up.', 'duration': 27.738, 'max_score': 8866.42, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g8866420.jpg'}, {'end': 9516.629, 'src': 'embed', 'start': 9486.252, 'weight': 3, 'content': [{'end': 9487.132, 'text': 'All right.', 'start': 9486.252, 'duration': 0.88}, {'end': 9490.574, 'text': 'So I made my other coupon code, which is a 100% discount.', 'start': 9487.172, 'duration': 3.402}, {'end': 9492.194, 'text': "So let's go ahead now and test it out.", 'start': 9490.754, 'duration': 1.44}, {'end': 9494.295, 'text': "So we're back at our cart page.", 'start': 9492.914, 'duration': 1.381}, {'end': 9496.976, 'text': "And if I scroll down, you'll see that we can add a coupon code.", 'start': 9494.475, 'duration': 2.501}, {'end': 9499.677, 'text': 'Now the current price is 185.', 'start': 9497.416, 'duration': 2.261}, {'end': 9502.298, 'text': 'However, if I put in free, we should get a 10% discounts.', 'start': 9499.677, 'duration': 2.621}, {'end': 9510.856, 'text': 'So it went from 185 to 172, and it took off $13 off of the original amount.', 'start': 9504.491, 'duration': 6.365}, {'end': 9514.779, 'text': "Now let's go ahead and use the other coupon code, which was test.", 'start': 9511.537, 'duration': 3.242}, {'end': 9516.629, 'text': 'So tests.', 'start': 9516.109, 'duration': 0.52}], 'summary': 'Testing a 100% discount coupon reduced price from 185 to 172, saving $13.', 'duration': 30.377, 'max_score': 9486.252, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g9486252.jpg'}, {'end': 9775.676, 'src': 'embed', 'start': 9747.262, 'weight': 5, 'content': [{'end': 9749.203, 'text': 'Now here I wanna make some things optional right?', 'start': 9747.262, 'duration': 1.941}, {'end': 9755.308, 'text': "So I'm gonna make all these optional just in case there's no problem when people are actually filling out their billing details.", 'start': 9749.323, 'duration': 5.985}, {'end': 9760.092, 'text': "And then here for terms and conditions page, I'm just going to select the terms and conditions.", 'start': 9755.768, 'duration': 4.324}, {'end': 9765.753, 'text': 'So they will be forced to have a little checkbox once they actually purchase something on my website.', 'start': 9760.632, 'duration': 5.121}, {'end': 9772.015, 'text': 'You guys can do the same thing for the privacy policy as well by just making a new page and then selecting the privacy policy.', 'start': 9766.133, 'duration': 5.882}, {'end': 9775.676, 'text': 'I believe this website actually has a privacy policy generator as well.', 'start': 9772.475, 'duration': 3.201}], 'summary': 'Making billing details optional, adding terms and privacy policy for website purchases.', 'duration': 28.414, 'max_score': 9747.262, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g9747262.jpg'}], 'start': 8190.398, 'title': 'E-commerce setup and integration', 'summary': 'Covers setting up automated taxes, creating shipping zones, and integrating payment gateways such as stripe and paypal. it also demonstrates setting up coupon codes and completing live transactions on an e-commerce website.', 'chapters': [{'end': 8406.076, 'start': 8190.398, 'title': 'Setting up automated taxes and shipping', 'summary': 'Covers setting up automated taxes and shipping, including enabling automated taxes, creating shipping zones for the united states, offering flat rate and free shipping, and setting up a fallback policy for customers outside the specified regions.', 'duration': 215.678, 'highlights': ['Enabling automated taxes and setting up taxes The process of enabling automated taxes is simple and can be done by checking a box, making it easy to set up taxes.', 'Creating shipping zones for the United States and setting up flat rate shipping The chapter demonstrates the process of creating a shipping zone for the United States and setting up a flat rate of $5 for shipping.', 'Offering free shipping for orders over $100 and setting up a fallback policy for customers outside the specified regions The chapter explains how to offer free shipping for orders over $100 and set up a fallback policy for customers outside the specified regions by charging a shipping rate of $10.']}, {'end': 8766.588, 'start': 8406.557, 'title': 'Setting shipping zones and classes', 'summary': 'Explains how to set up shipping zones for specific countries, charge different shipping rates based on location, assign shipping classes for products with varying weights, and manage account and privacy settings for e-commerce websites.', 'duration': 360.031, 'highlights': ['The chapter explains how to set up shipping zones for specific countries and charge different shipping rates based on location, with customers in the United States being charged at flat rates and receiving free shipping for orders over $100, while customers in Canada are charged $9 and others not covered by specific zones are charged $10. Customers in the United States get free shipping for orders over $100.', 'The process of assigning shipping classes for products with varying weights is detailed, with heavy products being charged a shipping rate of $50, demonstrating how to add this class to specific products to apply the respective shipping fees. Heavy products are charged a shipping rate of $50.', 'Instructions on managing account and privacy settings for e-commerce websites are provided, including options for allowing guest checkout and account creation during the checkout process, as well as features for managing user data and requests for personal data removal. Options for allowing guest checkout and account creation during the checkout process are explained.']}, {'end': 9359.421, 'start': 8766.988, 'title': 'E-commerce payments setup and integration', 'summary': 'Discusses the setup and integration of e-commerce payment gateways, including stripe and paypal. it covers the process of enabling and integrating both payment gateways, emphasizing their popularity, ease of use, and global acceptance, and provides a walkthrough of the necessary steps for setup and integration, with a focus on test mode and bank statement customization.', 'duration': 592.433, 'highlights': ['Setup and Integration of E-commerce Payment Gateways The chapter discusses the process of setting up and integrating e-commerce payment gateways, focusing on the popular options of Stripe and PayPal, emphasizing their ease of use and global acceptance, and providing a detailed walkthrough of the necessary steps for setup and integration.', 'Stripe Integration and Setup The detailed walkthrough of integrating Stripe includes creating a free Stripe account, enabling the payment gateway in WooCommerce settings, setting up webhooks, and utilizing test mode to simulate transactions, highlighting the simplicity and ease of the entire process.', 'PayPal Integration and Setup The process of integrating PayPal involves creating a free business account, enabling the PayPal gateway in WooCommerce settings, and customizing the display of payment options, highlighting the ease and cost-effectiveness of setting up a business account and syncing it with WooCommerce.']}, {'end': 9935.376, 'start': 9359.941, 'title': 'Setting up coupon codes and completing a live transaction', 'summary': 'Demonstrates setting up coupon codes, including creating a 100% discount code, and completing a live transaction on an e-commerce website, showcasing the process of applying coupon codes, selecting shipping options, and completing the purchase, with a mention of a follow-up video on marketing strategies.', 'duration': 575.435, 'highlights': ['Demonstrating the process of creating a 100% discount coupon code for testing purposes, resulting in a reduced total price from $185 to $172. A 100% discount coupon code is created and tested, showcasing a price reduction from $185 to $172.', 'Explaining the need to enable free shipping in the coupon settings for a 100% discount coupon code and selecting a free shipping method, ensuring that the user does not pay for shipping. Highlighting the importance of enabling free shipping for a 100% discount coupon code and ensuring that the user does not pay for shipping.', 'Completing a live transaction on the e-commerce website, including filling out billing information, placing the order, and showcasing the checkout page with the purchased items and email notification. Completing a live transaction, including filling out billing information, placing the order, and showcasing the checkout page with the purchased items and email notification.', 'Discussing the process of creating a terms and conditions page and making it mandatory for users to agree to the terms before making a purchase, emphasizing the importance of adding a checkbox for terms and conditions. Detailing the process of creating a mandatory terms and conditions page and adding a checkbox for users to agree to the terms before making a purchase.']}], 'duration': 1744.978, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/4Ncre-Uup7g/pics/4Ncre-Uup7g8190398.jpg', 'highlights': ['Setting up and integrating e-commerce payment gateways like Stripe and PayPal, emphasizing their ease of use and global acceptance.', 'Creating shipping zones for specific countries and charging different shipping rates based on location, with customers in the United States being charged at flat rates and receiving free shipping for orders over $100.', 'Enabling automated taxes by checking a box, making it easy to set up taxes.', 'Creating a 100% discount coupon code for testing purposes, resulting in a reduced total price from $185 to $172.', 'Offering free shipping for orders over $100 and setting up a fallback policy for customers outside the specified regions.', 'Demonstrating the process of creating a terms and conditions page and making it mandatory for users to agree to the terms before making a purchase.']}], 'highlights': ['The tutorial guides users in creating a professional e-commerce website without coding experience, using a simple drag and drop builder for a seamless process.', "You can save 77% on your entire purchase by using the coupon code 'Daryl', making the cost for a year of hosting around 30 bucks", 'The Flatsome theme is the best-selling e-commerce theme for WordPress, offering numerous features and templates, and being beginner-friendly.', 'The WooCommerce plugin is the most popular plugin for e-commerce websites with WordPress.', 'Sales notifications can increase the odds of making a sale by 10%, creating a social atmosphere and boosting revenue for websites.', 'Successfully integrating the contact form with Sendinblue, resulting in the creation of a contact list and the ability to send email campaigns.', 'The WooCommerce section provides customization options for the shop page, product catalog, individual product pages, and checkout page layouts, allowing flexibility in tailoring the design and user experience of the e-commerce platform.', 'The chapter emphasizes creating custom product pages using Flatsome Builder, referring to a 2-year-old video tutorial that lasts 10-15 minutes.', 'Setting up and integrating e-commerce payment gateways like Stripe and PayPal, emphasizing their ease of use and global acceptance.']}