title
How To Create An eCommerce Website With Wordpress 2023 -ONLINE STORE- (Easy For Beginners)
description
Get HOSTING: https://www.darrelwilson.com/siteground70
Download FLATSOME: https://www.darrelwilson.com/flatsome
FREE Demo Images:https://pattywackers.s3-us-west-1.amazonaws.com/FLATSOME+IMAGES.zip
DEMO WEBSITE: https://demo1.elementorecommercetutorial.com/
This ecommerce tutorial is for anyone who wants to sell online with no experience or wants to start a web design career. Its easy so just follow the steps in the video!
Important Links and Videos I Talk About
Get A Logo: https://www.darrelwilson.com/fiverr
Updated WooCommerce Tutorial: https://www.youtube.com/watch?v=oTr--KR4qoM&t=428s
MailChimp Tutorial: https://www.youtube.com/watch?v=8RZvuFX5ENc&t=240s
Best WooCommerce Plugins: https://www.youtube.com/watch?v=yGuW0-LbGAc&t=32s
Timestamps for the eCommerce Tutorial
00:00:00 Intro
00:14:24 Get Hosting
00:18:35 Install Wordpress
00:21:20 General Settings
00:24:10 Install SSL To Website
00:25:20 How To Login To Wordpress
00:27:20 Install Flatsome Theme
00:30:35 Create Pages
00:32:00 Create Menu
00:37:00 Intro To Flatsome
00:40:00 Building The Website
00:58:00 Installing WooCommerce
01:02:05 Creating A Simple Product
01:09:00 Designing product page
01:12:09 Creating a Variable Product
01:23:30 Addding Subscribe Plugin And Contact Form
01:29:17 Adding InstaGram
01:30:01 Adding Plugins ( Changing Fonts )
01:33:00 Changing Fonts
01:35:35 creating about us page
1:44:00 Creating A Blog
1:46:11 Assigning Pages To Menu
01:47:46 Intro to theme Customizer
01:48:10 Header Builder
02:00:50 Creating A Footer
02:05:20 Terms and conditions and privacy policy
02:09:36 Adding product categories to menu
02:12:15 Shop Page Custom // Ux BLocks
02:18:20 WooCommerce Settings
02:24:00 Shipping
02:31:35 Jetpack Install + Automated Taxes
Want to use the #1 best ecommerce wordpress them? Meet the flatsome theme.
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!
Its 2020, no more ugly websites! You are going to learn how to create an amazing commerce and modern stylewordpress website, so watch this video on How To Make An eCommerce Website With Wordpress and you will have an amazing commerce wordpress website running in a few hours!
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
detail
{'title': 'How To Create An eCommerce Website With Wordpress 2023 -ONLINE STORE- (Easy For Beginners)', 'heatmap': [{'end': 6791.964, 'start': 6691.329, 'weight': 1}], 'summary': 'Tutorial demonstrates creating a professional e-commerce website with wordpress and siteground, customizing the flatsome theme, designing the website, creating and customizing products, and setting up the online store with payment options, aiming to enhance user navigation and increase purchases.', 'chapters': [{'end': 795.308, 'segs': [{'end': 69.787, 'src': 'embed', 'start': 0.249, 'weight': 0, 'content': [{'end': 7.796, 'text': "What's up guys, my name is Daryl and in this video I'm going to show you all how to create a professional and modern e-commerce website step by step.", 'start': 0.249, 'duration': 7.547}, {'end': 12.08, 'text': "And you don't need to know any sort of coding or have any experience whatsoever,", 'start': 8.376, 'duration': 3.704}, {'end': 19.546, 'text': 'because everything in this video is done with a simple drag and drop builder, with hundreds of free templates for you to use on your website.', 'start': 12.08, 'duration': 7.466}, {'end': 22.849, 'text': "that'll make it super easy for you to build your e-commerce website.", 'start': 19.546, 'duration': 3.303}, {'end': 28.937, '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': 23.67, 'duration': 5.267}, {'end': 33.282, 'text': 'then this tutorial is for you, because, I promise you, at the end of this video,', 'start': 28.937, 'duration': 4.345}, {'end': 38.728, 'text': "you'll be able to create your own e-commerce website from scratch and you'll also become a WordPress expert.", 'start': 33.282, 'duration': 5.446}, {'end': 42.111, 'text': 'Now, as you can see, this website looks super professional.', 'start': 39.409, 'duration': 2.702}, {'end': 43.212, 'text': "It's really modern.", 'start': 42.231, 'duration': 0.981}, {'end': 50.516, 'text': "And I'm going to teach you how to create a website that your visitors are going to be really impressed with and also make it really easy for them to navigate at the same time.", 'start': 43.332, 'duration': 7.184}, {'end': 53.618, 'text': "So they'll come back and purchase more and more of your products.", 'start': 50.576, 'duration': 3.042}, {'end': 61.143, 'text': "If you take a closer look at this website, it's going to look very similar to popular online retail stores like Walmart, H&M,", 'start': 54.459, 'duration': 6.684}, {'end': 63.265, 'text': 'Forever 21 and Guitar Center.', 'start': 61.143, 'duration': 2.122}, {'end': 69.787, 'text': 'we took direct design inspiration from these multi-billion dollar companies and applied it on our own website.', 'start': 64.185, 'duration': 5.602}], 'summary': 'Learn to create a professional e-commerce website without coding, using drag-and-drop builder and free templates, similar to popular retail stores. become a wordpress expert.', 'duration': 69.538, 'max_score': 0.249, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE249.jpg'}, {'end': 132.755, 'src': 'embed', 'start': 109.277, 'weight': 3, 'content': [{'end': 117.159, 'text': "because right now I'm going to give you a quick tour of the website and I'm also going to show you the four step process we are going to use to create your new e-commerce website.", 'start': 109.277, 'duration': 7.882}, {'end': 118.78, 'text': "so it's really simple.", 'start': 117.859, 'duration': 0.921}, {'end': 120.622, 'text': 'step one, we get our domain and hosting.', 'start': 118.78, 'duration': 1.842}, {'end': 122.644, 'text': 'step two, we install wordpress.', 'start': 120.622, 'duration': 2.022}, {'end': 128.791, 'text': 'step three, we activate our theme and step four, we start building our e-commerce website, creating products,', 'start': 122.644, 'duration': 6.147}, {'end': 132.755, 'text': 'and you will be accepting credit card payments right away, right after watching this video.', 'start': 128.791, 'duration': 3.964}], 'summary': 'Quick tour and 4-step process to create an e-commerce website with wordpress, including accepting credit card payments immediately.', 'duration': 23.478, 'max_score': 109.277, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE109277.jpg'}, {'end': 437.374, 'src': 'embed', 'start': 410.253, 'weight': 6, 'content': [{'end': 413.936, 'text': 'And you can see right here we have this video background where we have this really nice banner.', 'start': 410.253, 'duration': 3.683}, {'end': 419.12, 'text': 'And of course, you can change this to an image, another video, and you can change this text to whatever you want.', 'start': 414.056, 'duration': 5.064}, {'end': 421.963, 'text': 'Scrolling down here, you can see we have our products.', 'start': 419.901, 'duration': 2.062}, {'end': 425.846, 'text': 'Now your customers can go ahead and sort products by popularity.', 'start': 422.643, 'duration': 3.203}, {'end': 429.329, 'text': 'They can sort products from low to high or high to low, etc.', 'start': 426.346, 'duration': 2.983}, {'end': 435.013, 'text': "On the left side here, people can go ahead and search for their favorite product or if they're looking for something.", 'start': 430.209, 'duration': 4.804}, {'end': 437.374, 'text': 'Your customers can also filter by price.', 'start': 435.553, 'duration': 1.821}], 'summary': 'The video background and product display allow for easy customization and customer interaction.', 'duration': 27.121, 'max_score': 410.253, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE410253.jpg'}, {'end': 608.671, 'src': 'embed', 'start': 578.087, 'weight': 5, 'content': [{'end': 584.452, 'text': 'Scrolling down here, we have the same thing, social media icons, and then we have some description of the product and also related products.', 'start': 578.087, 'duration': 6.365}, {'end': 586.734, 'text': "So it's just a really clean atmosphere.", 'start': 584.893, 'duration': 1.841}, {'end': 589.716, 'text': 'I mean, you guys can see this e-commerce website just looks really clean.', 'start': 586.754, 'duration': 2.962}, {'end': 595.741, 'text': "It's really simple in that it's gonna be really easy for you to sell your products with this e-commerce website.", 'start': 590.177, 'duration': 5.564}, {'end': 601.626, 'text': 'Now, one thing to note also is that if you have videos of your product, you can display videos of your product.', 'start': 596.222, 'duration': 5.404}, {'end': 608.671, 'text': "So for example, right here, I have this product, and if I click on this video button right here, it's gonna go ahead and display a video.", 'start': 601.686, 'duration': 6.985}], 'summary': 'Clean e-commerce website with simple layout and video display capabilities.', 'duration': 30.584, 'max_score': 578.087, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE578087.jpg'}, {'end': 654.421, 'src': 'embed', 'start': 629.095, 'weight': 4, 'content': [{'end': 635.397, 'text': 'have different categories and you can virtually customize it any which way you want, also for your e-commerce websites.', 'start': 629.095, 'duration': 6.302}, {'end': 641.778, 'text': "So I'll tell you what, let's go ahead and buy something and show you the process of how your customers navigate through your e-commerce website.", 'start': 635.857, 'duration': 5.921}, {'end': 643.219, 'text': 'So I want to buy something.', 'start': 642.218, 'duration': 1.001}, {'end': 644.439, 'text': 'I want to buy this right here.', 'start': 643.259, 'duration': 1.18}, {'end': 646.019, 'text': "I'm going to add this right here to the cart.", 'start': 644.539, 'duration': 1.48}, {'end': 648.6, 'text': 'You can see right here how this displays.', 'start': 646.839, 'duration': 1.761}, {'end': 650.58, 'text': 'I can click on view the cart.', 'start': 649.22, 'duration': 1.36}, {'end': 654.421, 'text': "Here we have this really cool banner that's saying, oh, use the coupon code.", 'start': 651.1, 'duration': 3.321}], 'summary': 'Demonstrating e-commerce website customization and purchase process.', 'duration': 25.326, 'max_score': 629.095, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE629095.jpg'}, {'end': 725.758, 'src': 'embed', 'start': 702.082, 'weight': 7, 'content': [{'end': 710.026, 'text': 'Now this is the exact process of what your customers are going to see and how they will purchase products on your e-commerce websites.', 'start': 702.082, 'duration': 7.944}, {'end': 713.789, 'text': "By the way guys, that credit card, it's in test mode so it's not real.", 'start': 710.527, 'duration': 3.262}, {'end': 716.17, 'text': "Don't think I put my credit card on the internet.", 'start': 714.469, 'duration': 1.701}, {'end': 718.732, 'text': 'So here you can see that the customer got a receipt.', 'start': 716.611, 'duration': 2.121}, {'end': 720.494, 'text': 'So here we have the order details.', 'start': 719.013, 'duration': 1.481}, {'end': 725.758, 'text': 'It has the products, the billing address, and all the information right here.', 'start': 721.054, 'duration': 4.704}], 'summary': 'Demonstration of e-commerce purchase process with test credit card.', 'duration': 23.676, 'max_score': 702.082, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE702082.jpg'}], 'start': 0.249, 'title': 'Creating professional e-commerce websites', 'summary': 'Demonstrates creating modern e-commerce websites using a drag and drop builder with hundreds of free templates, aiming to impress visitors and enhance user navigation for increased purchases. it also details a four-step process and live e-commerce website demonstration, showcasing the potential for profitability.', 'chapters': [{'end': 69.787, 'start': 0.249, 'title': 'Create modern e-commerce website', 'summary': 'Demonstrates how to create a professional and modern e-commerce website using a drag and drop builder with hundreds of free templates, ensuring that even beginners can build their own website and become wordpress experts, resulting in a super professional and modern website similar to popular online retail stores, aiming to impress visitors and enhance user navigation for increased purchases.', 'duration': 69.538, 'highlights': ['The tutorial showcases creating a professional and modern e-commerce website using a simple drag and drop builder with hundreds of free templates, catering to those without coding knowledge or experience.', 'The end goal of the tutorial is for viewers to be able to create their own e-commerce website from scratch and become a WordPress expert.', "The website's design is inspired by popular online retail stores like Walmart, H&M, Forever 21, and Guitar Center, aiming to impress visitors and ensure easy navigation for increased purchases.", "The website's design is focused on impressing visitors and making it easy for them to navigate, with the goal of encouraging return visits and increased purchases.", 'The tutorial promises that viewers will be able to create a website similar to popular online retail stores, ensuring a professional and modern look.']}, {'end': 795.308, 'start': 69.787, 'title': 'Create professional e-commerce website', 'summary': 'Details the process of creating a professional and modern e-commerce website using wordpress, with a four-step process and live e-commerce website demonstration, showcasing the ease of building a site and the potential for profitability.', 'duration': 725.521, 'highlights': ['Demonstrating the process of creating a professional and modern e-commerce website using WordPress, with a four-step process and live e-commerce website demonstration. The speaker outlines a simple four-step process for creating an e-commerce website using WordPress, with the demonstration of a live e-commerce website that allows immediate credit card payments.', 'Explaining the features and functionalities of the e-commerce website, including a variety of templates, a customer dashboard, and product categorization. The e-commerce website features include access to professionally designed templates, a customer dashboard for account management, and product categorization for a user-friendly experience.', 'Detailing the interactive elements such as social icons, quick checkout buttons, and customer engagement features like newsletters and last-minute deals. The website includes interactive elements such as social icons, quick checkout buttons, and customer engagement features like newsletters and last-minute deals to enhance user experience and sales potential.', 'Illustrating the shop page functionalities, including product sorting, filtering, related products, and multimedia integration with videos and images. The shop page functionalities encompass product sorting, filtering, related products, and multimedia integration with videos and images, providing a comprehensive shopping experience for customers.', 'Guiding through the checkout process, including payment methods, order details, and customer notification and management. The demonstration guides through the checkout process, covering payment methods, order details, and customer notification and management, ensuring a smooth and secure transaction experience.']}], 'duration': 795.059, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE249.jpg', 'highlights': ['The tutorial showcases creating a professional and modern e-commerce website using a simple drag and drop builder with hundreds of free templates, catering to those without coding knowledge or experience.', 'The end goal of the tutorial is for viewers to be able to create their own e-commerce website from scratch and become a WordPress expert.', "The website's design is inspired by popular online retail stores like Walmart, H&M, Forever 21, and Guitar Center, aiming to impress visitors and ensure easy navigation for increased purchases.", 'Demonstrating the process of creating a professional and modern e-commerce website using WordPress, with a four-step process and live e-commerce website demonstration.', 'Explaining the features and functionalities of the e-commerce website, including a variety of templates, a customer dashboard, and product categorization.', 'Detailing the interactive elements such as social icons, quick checkout buttons, and customer engagement features like newsletters and last-minute deals.', 'Illustrating the shop page functionalities, including product sorting, filtering, related products, and multimedia integration with videos and images.', 'Guiding through the checkout process, including payment methods, order details, and customer notification and management.', "The website's design is focused on impressing visitors and making it easy for them to navigate, with the goal of encouraging return visits and increased purchases.", 'The tutorial promises that viewers will be able to create a website similar to popular online retail stores, ensuring a professional and modern look.']}, {'end': 1575.986, 'segs': [{'end': 860.351, 'src': 'embed', 'start': 832.413, 'weight': 1, 'content': [{'end': 835.315, 'text': 'So for example, my amazing website.com.', 'start': 832.413, 'duration': 2.902}, {'end': 840.558, 'text': "Step two, we'll install WordPress and WordPress powers more than one third of the entire internet.", 'start': 835.715, 'duration': 4.843}, {'end': 841.759, 'text': 'It is very popular.', 'start': 840.618, 'duration': 1.141}, {'end': 849.564, 'text': 'Step three, we are going to install the number one best rated best selling e commerce theme for WordPress, also called flat sum.', 'start': 842.24, 'duration': 7.324}, {'end': 853.187, 'text': 'And step four, we are going to build out your e commerce websites.', 'start': 850.005, 'duration': 3.182}, {'end': 857.55, 'text': 'And right after watching this video, people will be able to purchase products right away.', 'start': 853.547, 'duration': 4.003}, {'end': 860.351, 'text': 'Now, there is a link in the description of this video.', 'start': 858.17, 'duration': 2.181}], 'summary': 'Install wordpress powering over one third of the internet and build e-commerce website with the best-selling theme, flat sum.', 'duration': 27.938, 'max_score': 832.413, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE832413.jpg'}, {'end': 910.991, 'src': 'embed', 'start': 873.674, 'weight': 0, 'content': [{'end': 874.594, 'text': 'And how do I know that?', 'start': 873.674, 'duration': 0.92}, {'end': 875.534, 'text': 'How do you know that?', 'start': 874.654, 'duration': 0.88}, {'end': 877.595, 'text': "I'm telling the truth and I'm not just trying to lie to you?", 'start': 875.534, 'duration': 2.061}, {'end': 885.857, 'text': 'Well, I actually tested them against 14 other web hosting companies for three months, and SiteGround came up as the top two,', 'start': 877.975, 'duration': 7.882}, {'end': 889.098, 'text': 'fastest and also the most reliable web hosting.', 'start': 885.857, 'duration': 3.241}, {'end': 894.659, 'text': "So you can be certain that your site's gonna be really fast and you're not gonna have a lot of downtime with SiteGround.", 'start': 889.138, 'duration': 5.521}, {'end': 897.1, 'text': "It's a very reliable web hosting company.", 'start': 894.699, 'duration': 2.401}, {'end': 899.141, 'text': "So of course, there's three different plans.", 'start': 897.68, 'duration': 1.461}, {'end': 902.182, 'text': "There's the startup, the grow big, and the grow geek.", 'start': 899.181, 'duration': 3.001}, {'end': 910.991, 'text': 'Now, in all my videos I recommend the Grow Big, because with the Grow Big plan you can host unlimited websites rather than just a single website,', 'start': 902.862, 'duration': 8.129}], 'summary': 'Siteground tested as top 2 fastest and most reliable web hosting among 14 companies, recommended grow big plan for hosting unlimited websites.', 'duration': 37.317, 'max_score': 873.674, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE873674.jpg'}, {'end': 925.065, 'src': 'embed', 'start': 902.862, 'weight': 2, 'content': [{'end': 910.991, 'text': 'Now, in all my videos I recommend the Grow Big, because with the Grow Big plan you can host unlimited websites rather than just a single website,', 'start': 902.862, 'duration': 8.129}, {'end': 912.513, 'text': "and that's a pretty big difference.", 'start': 910.991, 'duration': 1.522}, {'end': 916.798, 'text': 'So right here where it says Get Plan, click on Get Plan.', 'start': 912.673, 'duration': 4.125}, {'end': 918.159, 'text': 'All right, cool.', 'start': 917.739, 'duration': 0.42}, {'end': 921.142, 'text': "So now we're gonna go ahead and register your new domain.", 'start': 918.179, 'duration': 2.963}, {'end': 925.065, 'text': 'So for example, my new amazing website.com.', 'start': 921.222, 'duration': 3.843}], 'summary': 'Recommend grow big plan for hosting unlimited websites.', 'duration': 22.203, 'max_score': 902.862, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE902862.jpg'}, {'end': 1016.247, 'src': 'embed', 'start': 980.13, 'weight': 3, 'content': [{'end': 984.013, 'text': "But no, there's no, any website that asks for your social security, don't use it.", 'start': 980.13, 'duration': 3.883}, {'end': 986.156, 'text': 'But this website does not, total joking.', 'start': 984.094, 'duration': 2.062}, {'end': 988.677, 'text': 'Here we have your plan.', 'start': 986.856, 'duration': 1.821}, {'end': 995.82, 'text': 'So, for the period, I recommend 12 months, because 12 months will actually give you enough time to decide if this is for you or not,', 'start': 989.177, 'duration': 6.643}, {'end': 999.021, 'text': "and you'll also get a good discount for 12 months.", 'start': 995.82, 'duration': 3.201}, {'end': 1001.282, 'text': 'Next we have extra services.', 'start': 999.921, 'duration': 1.361}, {'end': 1004.603, 'text': 'Now I require you check this domain privacy.', 'start': 1001.362, 'duration': 3.241}, {'end': 1010.985, 'text': "Now the reason why you're gonna do this because If you have this checked, it will protect your personal information.", 'start': 1004.783, 'duration': 6.202}, {'end': 1012.186, 'text': "So it'll protect that.", 'start': 1011.085, 'duration': 1.101}, {'end': 1016.247, 'text': "If you don't have this checked, people are gonna see your personal information.", 'start': 1012.806, 'duration': 3.441}], 'summary': 'Recommend 12-month plan for a good discount. advise checking domain privacy to protect personal information.', 'duration': 36.117, 'max_score': 980.13, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE980130.jpg'}, {'end': 1240.51, 'src': 'embed', 'start': 1208.81, 'weight': 6, 'content': [{'end': 1210.79, 'text': "On the left side right here, you'll see WordPress.", 'start': 1208.81, 'duration': 1.98}, {'end': 1214.731, 'text': "So you'll click on WordPress and click on install and manage.", 'start': 1211.13, 'duration': 3.601}, {'end': 1222.122, 'text': "Now go ahead and scroll down to the bottom of the page here, and you'll see that you have the domain right here.", 'start': 1216.26, 'duration': 5.862}, {'end': 1229.385, 'text': "You'll see the installation of WordPress, the version, and then right here you see action, so you can log into the admin panel.", 'start': 1222.843, 'duration': 6.542}, {'end': 1233.147, 'text': 'So right here, click on login to admin panel.', 'start': 1229.926, 'duration': 3.221}, {'end': 1240.51, 'text': "Okay, so this right here is the WordPress wizard, and it's just going to ask you a few questions, but we can actually skip this.", 'start': 1234.667, 'duration': 5.843}], 'summary': 'Installing and managing wordpress, accessing admin panel, and skipping setup wizard.', 'duration': 31.7, 'max_score': 1208.81, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE1208810.jpg'}, {'end': 1303.802, 'src': 'embed', 'start': 1271.67, 'weight': 7, 'content': [{'end': 1274.972, 'text': "Now there's a few things that we need to do before we actually build our website.", 'start': 1271.67, 'duration': 3.302}, {'end': 1279.734, 'text': 'We need to change some general settings and we also need to fix our SSL up here.', 'start': 1275.012, 'duration': 4.722}, {'end': 1285.077, 'text': "So the first thing that you'll do is go over here to settings and go to permalinks.", 'start': 1280.414, 'duration': 4.663}, {'end': 1289.968, 'text': 'Now you want to make sure that this is under post name by default.', 'start': 1287.065, 'duration': 2.903}, {'end': 1292.511, 'text': "So if it's not on post name, make sure it's on post name.", 'start': 1290.048, 'duration': 2.463}, {'end': 1295.994, 'text': 'This right here is just making your website look a lot cleaner.', 'start': 1293.031, 'duration': 2.963}, {'end': 1303.802, 'text': 'So for example, you know, your website.com dash about us or dash contact, not all this other numbers and stuff like that.', 'start': 1296.054, 'duration': 7.748}], 'summary': 'Before building the website, update settings and ssl, set permalinks to post name for a cleaner look.', 'duration': 32.132, 'max_score': 1271.67, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE1271670.jpg'}, {'end': 1434.636, 'src': 'embed', 'start': 1411.689, 'weight': 5, 'content': [{'end': 1418.915, 'text': 'SSLs originally came out only for e-commerce websites, but now Google introduced a new algorithm saying any website has to have it.', 'start': 1411.689, 'duration': 7.226}, {'end': 1422.898, 'text': "So right here, you'll see really simple SSL.", 'start': 1418.975, 'duration': 3.923}, {'end': 1426.961, 'text': "So click on install now, and then you'll click on activate.", 'start': 1423.058, 'duration': 3.903}, {'end': 1434.636, 'text': 'Now SSLs, the main purpose of an SSL is to actually encrypt credit card information that comes on your website.', 'start': 1428.174, 'duration': 6.462}], 'summary': 'Google now requires ssl for all websites to encrypt credit card information.', 'duration': 22.947, 'max_score': 1411.689, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE1411689.jpg'}], 'start': 795.889, 'title': 'Creating and protecting e-commerce website', 'summary': 'Covers creating a professional e-commerce website using wordpress and siteground, including steps to set up domain, install wordpress and e-commerce theme, choose hosting plans, and register a domain. it also emphasizes the importance of protecting personal information by enabling domain privacy and setting up ssl to secure the website. the chapter provides instructions for setting up a new website on siteground and configuring essential wordpress settings.', 'chapters': [{'end': 1001.282, 'start': 795.889, 'title': 'Creating professional e-commerce website', 'summary': 'Covers creating a professional e-commerce website using wordpress and siteground, showcasing the steps to set up domain, install wordpress and e-commerce theme, choose hosting plans, and register a domain, emphasizing the benefits of using siteground as the fastest and most reliable web hosting.', 'duration': 205.393, 'highlights': ['SiteGround is the fastest and most reliable web hosting, tested against 14 other web hosting companies for three months and emerged as the top two for speed and reliability. SiteGround emerged as the top two for speed and reliability after being tested against 14 other web hosting companies for three months.', 'WordPress powers more than one third of the entire internet, making it a popular choice for website development. WordPress powers more than one third of the entire internet, making it a popular choice for website development.', 'The recommendation for the Grow Big plan from SiteGround, allowing users to host unlimited websites, is emphasized. The recommendation for the Grow Big plan from SiteGround, allowing users to host unlimited websites, is emphasized.', 'The importance of choosing a 12-month plan to get a good discount and enough time to evaluate the service is highlighted. The importance of choosing a 12-month plan to get a good discount and enough time to evaluate the service is highlighted.']}, {'end': 1575.986, 'start': 1001.362, 'title': 'Protecting personal information and setting up ssl', 'summary': 'Emphasizes the importance of protecting personal information by enabling domain privacy and setting up ssl to secure the website, while providing instructions for setting up a new website on siteground and configuring essential wordpress settings.', 'duration': 574.624, 'highlights': ['Enabling domain privacy is crucial to protect personal information and avoid spam, as it prevents random companies from accessing personal information and sending spam emails. Enabling domain privacy protects personal information and prevents spam emails, such as promotional emails and pharmaceutical offers, by preventing random companies from accessing personal information.', 'Setting up SSL to secure the website is essential to encrypt information for credit card users and to ensure the website is secured, as it is recommended by Google even for non-e-commerce websites. Setting up SSL encrypts information for credit card users and secures the website, as recommended by Google for all websites, not just e-commerce ones, to ensure security and encryption of sensitive data.', 'Providing guidance on setting up a new website on SiteGround, including steps such as selecting WordPress, obtaining login credentials, and installing WordPress onto the domain. The chapter provides step-by-step guidance on setting up a new website on SiteGround, including selecting WordPress, obtaining login credentials, and installing WordPress onto the domain.', 'Instructions for configuring essential WordPress settings, such as changing general settings, updating permalinks, and managing user profiles. The chapter provides instructions for configuring essential WordPress settings, including changing general settings, updating permalinks, and managing user profiles.']}], 'duration': 780.097, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE795889.jpg', 'highlights': ['SiteGround emerged as the top two for speed and reliability after being tested against 14 other web hosting companies for three months.', 'WordPress powers more than one third of the entire internet, making it a popular choice for website development.', 'The recommendation for the Grow Big plan from SiteGround, allowing users to host unlimited websites, is emphasized.', 'The importance of choosing a 12-month plan to get a good discount and enough time to evaluate the service is highlighted.', 'Enabling domain privacy protects personal information and prevents spam emails, such as promotional emails and pharmaceutical offers, by preventing random companies from accessing personal information.', 'Setting up SSL encrypts information for credit card users and secures the website, as recommended by Google for all websites, not just e-commerce ones, to ensure security and encryption of sensitive data.', 'The chapter provides step-by-step guidance on setting up a new website on SiteGround, including selecting WordPress, obtaining login credentials, and installing WordPress onto the domain.', 'The chapter provides instructions for configuring essential WordPress settings, including changing general settings, updating permalinks, and managing user profiles.']}, {'end': 2627.662, 'segs': [{'end': 1670.062, 'src': 'embed', 'start': 1643.618, 'weight': 0, 'content': [{'end': 1650.425, 'text': 'So this right here is the Flatsum theme, and it is the number one best-selling WooCommerce theme for WordPress.', 'start': 1643.618, 'duration': 6.807}, {'end': 1654.369, 'text': 'and it has a lot of good reviews and it is super easy to use.', 'start': 1651.165, 'duration': 3.204}, {'end': 1660.695, 'text': 'So you can see here how it has tons of sales, a lot of people like it, and the item rating is very good.', 'start': 1654.449, 'duration': 6.246}, {'end': 1662.698, 'text': 'So it has around 5, 457 positive reviews.', 'start': 1660.775, 'duration': 1.923}, {'end': 1670.062, 'text': "Now, there's a lot of themes that you can use for WordPress, a lot of e-commerce themes.", 'start': 1666.141, 'duration': 3.921}], 'summary': 'Flatsum is the top-selling woocommerce theme with 5,457 positive reviews.', 'duration': 26.444, 'max_score': 1643.618, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE1643618.jpg'}, {'end': 1757.142, 'src': 'embed', 'start': 1724.589, 'weight': 3, 'content': [{'end': 1727.57, 'text': 'Alright, so I purchased Flatsome and it is right here.', 'start': 1724.589, 'duration': 2.981}, {'end': 1729.89, 'text': "So this is the theme that you're going to need.", 'start': 1727.89, 'duration': 2}, {'end': 1735.692, 'text': "So right here you'll click on download and click on installable WordPress file only.", 'start': 1730.15, 'duration': 5.542}, {'end': 1741.753, 'text': "So you'll go ahead and click on that and you'll notice right here on the bottom left that the theme is now downloading.", 'start': 1736.392, 'duration': 5.361}, {'end': 1746.234, 'text': "So you're going to take this file and you're going to upload it to your WordPress website.", 'start': 1742.253, 'duration': 3.981}, {'end': 1751.418, 'text': "So going back over here on appearance, we'll click on themes.", 'start': 1746.934, 'duration': 4.484}, {'end': 1757.142, 'text': "Now these right here are free themes and they're just like, they're not for e-commerce.", 'start': 1752.118, 'duration': 5.024}], 'summary': 'Purchased flatsome theme for wordpress and downloaded it for installation.', 'duration': 32.553, 'max_score': 1724.589, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE1724589.jpg'}, {'end': 2132.102, 'src': 'embed', 'start': 2102.492, 'weight': 4, 'content': [{'end': 2105.033, 'text': "And you can see here now the website's sort of coming together.", 'start': 2102.492, 'duration': 2.541}, {'end': 2109.233, 'text': 'So we have the home page, the about us page, the contact, we have the buttons and the footer.', 'start': 2105.113, 'duration': 4.12}, {'end': 2115.315, 'text': "All's we need now is the actual contents in the middle of the website, which is we're ready to build a website.", 'start': 2109.753, 'duration': 5.562}, {'end': 2122.276, 'text': 'But right before I do, for those of you who want to assign the blog to your menu, let me go ahead and do that really quick.', 'start': 2115.815, 'duration': 6.461}, {'end': 2125.577, 'text': "You don't have to follow me here if you don't want a blog, but I'm just gonna show you really quickly.", 'start': 2122.396, 'duration': 3.181}, {'end': 2127.177, 'text': 'So again, appearance.', 'start': 2126.057, 'duration': 1.12}, {'end': 2132.102, 'text': "Whenever you create a page, this is how you're going to add it to the menu.", 'start': 2128.618, 'duration': 3.484}], 'summary': 'Website development in progress, with homepage, about us, contact, and blog setup.', 'duration': 29.61, 'max_score': 2102.492, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE2102492.jpg'}, {'end': 2339.145, 'src': 'embed', 'start': 2309.938, 'weight': 5, 'content': [{'end': 2313.903, 'text': "Now let's go ahead and do something else, where we're going to use the template library,", 'start': 2309.938, 'duration': 3.965}, {'end': 2316.966, 'text': "which is what you're going to be using for most of the tutorial here.", 'start': 2313.903, 'duration': 3.063}, {'end': 2320.39, 'text': "So right here under add elements, you'll see Flatsome Studio.", 'start': 2317.066, 'duration': 3.324}, {'end': 2322.032, 'text': 'Click on Flatsome Studio.', 'start': 2320.91, 'duration': 1.122}, {'end': 2329.02, 'text': "Okay, now right here you'll notice that Flotsam actually has pre-designed sections they've made for everybody.", 'start': 2323.357, 'duration': 5.663}, {'end': 2334.022, 'text': 'So you can use these sections, you can use the images, you can use everything about them.', 'start': 2329.18, 'duration': 4.842}, {'end': 2339.145, 'text': "And you can see on the left right here how they've basically created sections into categories.", 'start': 2334.603, 'duration': 4.542}], 'summary': 'Using the template library, flatsome studio offers pre-designed sections for use in tutorials.', 'duration': 29.207, 'max_score': 2309.938, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE2309938.jpg'}, {'end': 2416.099, 'src': 'embed', 'start': 2386.196, 'weight': 6, 'content': [{'end': 2390.358, 'text': "And I just decided I'll use this, but I'll change some of the images and the colors, et cetera.", 'start': 2386.196, 'duration': 4.162}, {'end': 2393.3, 'text': "So right here, I'll click on imports.", 'start': 2390.938, 'duration': 2.362}, {'end': 2399.525, 'text': "now i don't want to import the images here because there's a lot of images that are unnecessary.", 'start': 2394.52, 'duration': 5.005}, {'end': 2401.546, 'text': "then, right here, you'll click on start.", 'start': 2399.525, 'duration': 2.021}, {'end': 2408.052, 'text': "so what it's going to do now is that it's just going to import the structure of everything and then we can design it the way we want now.", 'start': 2401.546, 'duration': 6.506}, {'end': 2416.099, 'text': 'also, there is a link in the description of this video to download free images that you can use to follow along in this tutorial.', 'start': 2408.052, 'duration': 8.047}], 'summary': 'Tutorial on customizing designs using imported structures and free images.', 'duration': 29.903, 'max_score': 2386.196, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE2386196.jpg'}, {'end': 2532.636, 'src': 'embed', 'start': 2506.375, 'weight': 7, 'content': [{'end': 2510.258, 'text': "So let's go back over here and now let's go ahead and kind of dissect this.", 'start': 2506.375, 'duration': 3.883}, {'end': 2512.199, 'text': "Let's find out how to, how to change all this stuff.", 'start': 2510.278, 'duration': 1.921}, {'end': 2515.602, 'text': 'So right here we have section here.', 'start': 2512.82, 'duration': 2.782}, {'end': 2516.663, 'text': 'Click on options.', 'start': 2515.662, 'duration': 1.001}, {'end': 2521.072, 'text': 'And now you can see that we have different options to change this section.', 'start': 2518.331, 'duration': 2.741}, {'end': 2522.913, 'text': 'So I can control the color.', 'start': 2521.152, 'duration': 1.761}, {'end': 2525.774, 'text': "So right now we're controlling the section, the background of this.", 'start': 2523.033, 'duration': 2.741}, {'end': 2528.235, 'text': 'So right here, we can add an overlay.', 'start': 2526.414, 'duration': 1.821}, {'end': 2530.276, 'text': 'We can change the color of this, et cetera.', 'start': 2528.335, 'duration': 1.941}, {'end': 2532.636, 'text': 'Now this right here is an overlay.', 'start': 2531.016, 'duration': 1.62}], 'summary': 'Demonstration of changing section options and controlling color and overlay.', 'duration': 26.261, 'max_score': 2506.375, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE2506375.jpg'}], 'start': 1576.606, 'title': 'Customizing flatsome wordpress theme', 'summary': 'Details the process of setting up and installing the top-selling e-commerce theme for wordpress, flatsum, with 5,457 positive reviews. it also demonstrates purchasing, downloading, and customizing the theme, and explains website template customization using the flatsome studio to enhance efficiency.', 'chapters': [{'end': 1702.114, 'start': 1576.606, 'title': 'Setting up and installing the flatsum theme for wordpress', 'summary': 'Walks through the process of setting up a fully functional website with ssl verification and then purchasing and installing the top-selling e-commerce theme for wordpress, flatsum, which has 5,457 positive reviews and is highly recommended for its ease of use and flexibility.', 'duration': 125.508, 'highlights': ['Flatsum is the best-selling e-commerce theme for WordPress with 5,457 positive reviews and is recommended for its ease of use and flexibility. The Flatsum theme is highlighted as the number one best-selling WooCommerce theme for WordPress with a significant number of positive reviews, emphasizing its popularity and user satisfaction.', 'The process involves purchasing and installing the Flatsum theme for $59. The chapter outlines the cost of purchasing and installing the Flatsum theme, emphasizing its affordability at $59.', 'The chapter also highlights the limitations of other e-commerce themes and emphasizes the exceptional features of the Flatsum theme, including its own builder, templates, and options. The chapter contrasts the limitations of other e-commerce themes with the exceptional features of the Flatsum theme, which include its own builder, templates, and options, highlighting its superiority in comparison to other themes.']}, {'end': 2308.085, 'start': 1702.374, 'title': 'Installing and customizing flatsome theme', 'summary': 'Demonstrates the process of purchasing, downloading, installing, and customizing the flatsome theme on a wordpress website, including creating and assigning pages, setting up the menu, and using the theme customizer. it also provides guidance on editing the website using the ux builder and adding elements like text and buttons.', 'duration': 605.711, 'highlights': ['The chapter demonstrates the process of purchasing, downloading, installing, and customizing the Flatsome theme on a WordPress website. It includes the steps to purchase the Flatsome theme on ThemeForest or Envato Market, download the theme, and upload it to the WordPress website.', 'Guidance on creating and assigning pages, setting up the menu, and using the theme customizer is provided. The guidance includes creating pages such as home, about us, and contact us, setting up the main menu, and using the theme customizer to assign the homepage and create a blog page.', 'The chapter provides instructions on editing the website using the UX builder and adding elements like text and buttons. It includes steps to edit the website using the UX builder, delete default Gutenberg content, add elements such as text and buttons, and customize their styles and properties.']}, {'end': 2627.662, 'start': 2309.938, 'title': 'Website template customization', 'summary': 'Explains how to customize a website template using the flatsome studio, including importing pre-designed sections, changing page settings, and modifying section options, aiming to make the website creation process faster and more efficient.', 'duration': 317.724, 'highlights': ['The chapter emphasizes the use of the Flatsome Studio for website customization, featuring pre-designed sections and images to expedite the process. The Flatsome Studio is recommended for website customization, providing pre-designed sections and images to expedite the process.', 'Instructions are given on importing a template and making necessary modifications to suit individual preferences, such as changing colors, images, and text. Guidance is provided on importing a template and making necessary modifications, including changing colors, images, and text.', "The process of modifying section options, such as adding overlays, changing colors, and uploading images, is detailed to demonstrate customization capabilities. The customization process includes modifying section options, such as adding overlays, changing colors, and uploading images, to demonstrate the platform's capabilities."]}], 'duration': 1051.056, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE1576606.jpg', 'highlights': ['Flatsum is the best-selling e-commerce theme for WordPress with 5,457 positive reviews, emphasizing its popularity and user satisfaction.', 'The chapter outlines the cost of purchasing and installing the Flatsum theme, emphasizing its affordability at $59.', 'The chapter contrasts the limitations of other e-commerce themes with the exceptional features of the Flatsum theme, highlighting its superiority in comparison to other themes.', 'The chapter demonstrates the process of purchasing, downloading, installing, and customizing the Flatsome theme on a WordPress website.', 'The guidance includes creating pages such as home, about us, and contact us, setting up the main menu, and using the theme customizer to assign the homepage and create a blog page.', 'The Flatsome Studio is recommended for website customization, providing pre-designed sections and images to expedite the process.', 'Guidance is provided on importing a template and making necessary modifications, including changing colors, images, and text.', "The customization process includes modifying section options, such as adding overlays, changing colors, and uploading images, to demonstrate the platform's capabilities."]}, {'end': 3907.779, 'segs': [{'end': 2657.087, 'src': 'embed', 'start': 2627.682, 'weight': 0, 'content': [{'end': 2628.762, 'text': "I'd rather, you know, keep going.", 'start': 2627.682, 'duration': 1.08}, {'end': 2631.765, 'text': 'So next we have the Animate feature right here.', 'start': 2629.603, 'duration': 2.162}, {'end': 2636.008, 'text': "So for some browsers, it doesn't work sometimes, the Animate feature.", 'start': 2631.945, 'duration': 4.063}, {'end': 2639.911, 'text': "So what you can do, so for example, I'll just do balance in up.", 'start': 2636.128, 'duration': 3.783}, {'end': 2642.634, 'text': "I'll click on apply and apply.", 'start': 2640.772, 'duration': 1.862}, {'end': 2645.076, 'text': 'so if you want to see the image or the animation,', 'start': 2642.634, 'duration': 2.442}, {'end': 2656.586, 'text': "what you can do is you can go to your website and just click on the refresh button and you'll see the button right here how it has that animate feature where it just kind of goes up like that and you can kind of go through trial and error.", 'start': 2645.076, 'duration': 11.51}, {'end': 2657.087, 'text': 'so again,', 'start': 2656.586, 'duration': 0.501}], 'summary': 'Demonstrates an issue with the animate feature not working in some browsers, suggests a workaround by refreshing the website.', 'duration': 29.405, 'max_score': 2627.682, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE2627682.jpg'}, {'end': 3004.202, 'src': 'embed', 'start': 2974.985, 'weight': 2, 'content': [{'end': 2978.987, 'text': "Now, if I have something like zero padding, you can see how there's zero space.", 'start': 2974.985, 'duration': 4.002}, {'end': 2980.748, 'text': 'But I kind of like that look.', 'start': 2979.487, 'duration': 1.261}, {'end': 2985.85, 'text': "I like how it's very condensed and I like how it's structured and looks pretty clean.", 'start': 2980.988, 'duration': 4.862}, {'end': 2987.251, 'text': 'So I like this look.', 'start': 2986.331, 'duration': 0.92}, {'end': 2990.793, 'text': "And then right here, there's different color schemes, light or dark, etc.", 'start': 2987.731, 'duration': 3.062}, {'end': 2993.594, 'text': 'You can also make this sticky scroll for more.', 'start': 2990.833, 'duration': 2.761}, {'end': 2995.015, 'text': 'It has this little scroll button.', 'start': 2993.794, 'duration': 1.221}, {'end': 3000.258, 'text': 'So you can kind of go through these options on your own time and kind of, you know, mess around with it and check it out, etc.', 'start': 2995.075, 'duration': 5.183}, {'end': 3004.202, 'text': 'But for right now, I think that this right here looks pretty good.', 'start': 3001.198, 'duration': 3.004}], 'summary': 'The speaker prefers the zero padding and likes the structured, condensed, and clean look, with different color schemes and a sticky scroll option.', 'duration': 29.217, 'max_score': 2974.985, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE2974985.jpg'}, {'end': 3555.127, 'src': 'embed', 'start': 3533.397, 'weight': 3, 'content': [{'end': 3542.788, 'text': "Now, what this is going to do is that this is going to automatically create the pages for us and it's going to have the ability for us to take payments and to create products.", 'start': 3533.397, 'duration': 9.391}, {'end': 3544.831, 'text': 'So right here, click on Activate.', 'start': 3543.349, 'duration': 1.482}, {'end': 3549.244, 'text': 'So WooCommerce is going to prompt us with a setup wizard.', 'start': 3546.823, 'duration': 2.421}, {'end': 3551.025, 'text': 'So right here, click on Yes, please.', 'start': 3549.404, 'duration': 1.621}, {'end': 3555.127, 'text': "Now right here, they're asking us to connect WooCommerce with Jetpack.", 'start': 3551.686, 'duration': 3.441}], 'summary': 'Setting up woocommerce to automate page creation, accept payments, and create products.', 'duration': 21.73, 'max_score': 3533.397, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE3533397.jpg'}, {'end': 3700.518, 'src': 'embed', 'start': 3674.355, 'weight': 1, 'content': [{'end': 3678.536, 'text': "Now I'm already using Flatsome, so I'll just continue with my active theme.", 'start': 3674.355, 'duration': 4.181}, {'end': 3679.962, 'text': 'All right, cool.', 'start': 3679.542, 'duration': 0.42}, {'end': 3681.684, 'text': 'So this is going to be your new dashboard.', 'start': 3679.982, 'duration': 1.702}, {'end': 3687.469, 'text': "So whenever you make sales or whenever you see orders, it's going to appear right here on your WooCommerce dashboard.", 'start': 3681.724, 'duration': 5.745}, {'end': 3690.852, 'text': "You're going to have charts and orders and all this really cool stuff.", 'start': 3687.489, 'duration': 3.363}, {'end': 3694.876, 'text': "Now, if you see a dashboard that looks like this right here, don't panic.", 'start': 3691.413, 'duration': 3.463}, {'end': 3696.837, 'text': 'This tutorial is not outdated.', 'start': 3695.356, 'duration': 1.481}, {'end': 3700.518, 'text': "This is a new platform that they're gonna be introducing very soon.", 'start': 3696.857, 'duration': 3.661}], 'summary': 'Using flatsome theme for woocommerce dashboard with new features coming soon.', 'duration': 26.163, 'max_score': 3674.355, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE3674355.jpg'}], 'start': 2627.682, 'title': 'Website design and customization', 'summary': 'Covers using animate feature for website animations, editing text content, adding and customizing website elements, providing web design tips, and setting up woocommerce plugin for creating products.', 'chapters': [{'end': 2695.201, 'start': 2627.682, 'title': 'Website animations and text editing', 'summary': 'Explains how to use the animate feature to add animations to elements on a website without the need for css or javascript, and also demonstrates how to easily edit text content within the theme.', 'duration': 67.519, 'highlights': ['The Animate feature allows users to easily add animations to elements on a website without the need for CSS or JavaScript, providing a user-friendly way to enhance visual appeal and interactivity.', "Demonstrates the process of applying animations such as 'balance in' and 'blur in' to elements, showcasing the ease and flexibility of the feature for enhancing user experience.", 'The theme offers built-in features for animations and text editing, eliminating the need to manually enter CSS and JavaScript, thereby saving time and effort for website customization.']}, {'end': 2901.725, 'start': 2696.161, 'title': 'Website editing and customization', 'summary': 'Demonstrates how to add and customize elements on a website, such as text buttons, rows, social icons, and images, using the flatsome studio and manual methods, while also providing alternatives for obtaining icons, emphasizing the flexibility and ease of use.', 'duration': 205.564, 'highlights': ['The Flatsome Studio is highlighted as the main reason for using the theme due to its extreme ease of use, allowing for quick and efficient editing and customization of website elements.', 'The process of manually adding elements, such as icons and testimonials, is explained, with an emphasis on the flexibility to customize the appearance and style of the elements.', 'An alternative method for obtaining icons is mentioned, directing users to the website freepik.com for downloading icons, providing additional resources for customization.', 'The ability to drag and drop elements to customize the layout of the website, such as moving rows and buttons, is highlighted, showcasing the flexibility and user-friendly nature of the editing process.', 'The process of adding a three-column row and customizing its content is explained, demonstrating the flexibility and options available for structuring website elements.', "The option to delete elements, such as rows and icons, is highlighted, providing control and flexibility in managing the website's content and layout."]}, {'end': 3312.29, 'start': 2903.413, 'title': 'Web design tips and tricks', 'summary': 'Covers web design tips, including adjusting padding, adding elements, changing text color, and adding borders, with demonstrations and explanations, providing a comprehensive guide for web design beginners.', 'duration': 408.877, 'highlights': ['The chapter covers web design tips, including adjusting padding, adding elements, changing text color, and adding borders, with demonstrations and explanations, providing a comprehensive guide for web design beginners. The chapter provides a comprehensive guide for web design beginners, covering various aspects such as adjusting padding, adding elements, changing text color, and adding borders, with demonstrations and explanations.', 'Demonstrates adjusting padding and explains its importance in creating a clean and structured look, providing guidance on using the page builder to increase comfort with web design. The speaker demonstrates adjusting padding, highlighting its importance in creating a clean and structured look, while providing guidance on using the page builder to increase comfort with web design.', 'Provides a step-by-step demonstration of adding elements like banners and info boxes, emphasizing the ease of use and customization options available. The chapter provides a step-by-step demonstration of adding elements like banners and info boxes, emphasizing the ease of use and customization options available for beginners in web design.', 'Offers a tutorial on changing text color and mentions the requirement of a free plugin for changing fonts, encouraging the use of the page builder to build familiarity before discussing font changes. The speaker offers a tutorial on changing text color and mentions the requirement of a free plugin for changing fonts, encouraging the use of the page builder to build familiarity before discussing font changes.', 'Demonstrates adding borders to elements and explains the process step by step, providing practical tips for creating visual appeal in web design. The speaker demonstrates adding borders to elements and explains the process step by step, providing practical tips for creating visual appeal in web design.']}, {'end': 3907.779, 'start': 3312.39, 'title': 'Creating website elements and adding woocommerce plugin', 'summary': 'Covers adding website elements like images and titles, adjusting settings, and then setting up the woocommerce plugin to start creating products, including the setup process and creating a simple product.', 'duration': 595.389, 'highlights': ['Adding website elements like images and titles, adjusting settings, and updating the website live.', 'Setting up the WooCommerce plugin to start creating products, including the setup process and creating a simple product.', 'Explanation of upsells and cross-sells in relation to product recommendations and checkout process.']}], 'duration': 1280.097, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE2627682.jpg', 'highlights': ['The Animate feature allows users to easily add animations to elements on a website without the need for CSS or JavaScript, providing a user-friendly way to enhance visual appeal and interactivity.', 'The Flatsome Studio is highlighted as the main reason for using the theme due to its extreme ease of use, allowing for quick and efficient editing and customization of website elements.', 'The chapter covers web design tips, including adjusting padding, adding elements, changing text color, and adding borders, with demonstrations and explanations, providing a comprehensive guide for web design beginners.', 'Setting up the WooCommerce plugin to start creating products, including the setup process and creating a simple product.']}, {'end': 5553.423, 'segs': [{'end': 4139.183, 'src': 'embed', 'start': 4111.395, 'weight': 3, 'content': [{'end': 4115.399, 'text': 'So right here, we have customized and we have product page.', 'start': 4111.395, 'duration': 4.004}, {'end': 4123.576, 'text': 'Remember, I told you, the theme customizer controls everything outside of the actual builder?', 'start': 4117.453, 'duration': 6.123}, {'end': 4128.078, 'text': 'We can actually create a custom product page from scratch.', 'start': 4124.456, 'duration': 3.622}, {'end': 4134.501, 'text': "However, I'm making a whole separate tutorial for that, because I can take another 30, 40 minutes and I don't want to bring it in this video,", 'start': 4128.537, 'duration': 5.964}, {'end': 4135.801, 'text': 'but I will have another video for you.', 'start': 4134.501, 'duration': 1.3}, {'end': 4139.183, 'text': "Let's just say, for instance, I want to add a header right here.", 'start': 4136.642, 'duration': 2.541}], 'summary': 'The theme customizer controls everything outside the builder, enabling custom product page creation.', 'duration': 27.788, 'max_score': 4111.395, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE4111395.jpg'}, {'end': 4454.584, 'src': 'embed', 'start': 4425.299, 'weight': 0, 'content': [{'end': 4426.26, 'text': "Now let's add one more.", 'start': 4425.299, 'duration': 0.961}, {'end': 4427.16, 'text': 'So we have size.', 'start': 4426.34, 'duration': 0.82}, {'end': 4430.023, 'text': 'Maybe you want to add color, right? So here color.', 'start': 4428.021, 'duration': 2.002}, {'end': 4432.345, 'text': "I'll put whites.", 'start': 4431.804, 'duration': 0.541}, {'end': 4436.753, 'text': 'the dash, and blue.', 'start': 4434.471, 'duration': 2.282}, {'end': 4440.075, 'text': 'And use for all variations and click on save attributes.', 'start': 4437.813, 'duration': 2.262}, {'end': 4443.977, 'text': "Next, we're going to click on variations.", 'start': 4441.756, 'duration': 2.221}, {'end': 4446.999, 'text': 'Variations, there it goes.', 'start': 4446.079, 'duration': 0.92}, {'end': 4451.802, 'text': 'Click right here and click on create variations from all attributes.', 'start': 4448.06, 'duration': 3.742}, {'end': 4454.584, 'text': 'Click on go and say yes.', 'start': 4452.743, 'duration': 1.841}], 'summary': 'Adding size and color attributes, creating variations, and saving attributes.', 'duration': 29.285, 'max_score': 4425.299, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE4425299.jpg'}, {'end': 4674.811, 'src': 'embed', 'start': 4650.029, 'weight': 1, 'content': [{'end': 4656.895, 'text': "So right here, let's see, right here, nope, right here, we'll click on edit with UX builder under edit page.", 'start': 4650.029, 'duration': 6.866}, {'end': 4660.678, 'text': 'And we can assign those products to our homepage.', 'start': 4657.596, 'duration': 3.082}, {'end': 4663.501, 'text': "Now, there's various ways on how to do this, guys.", 'start': 4661.299, 'duration': 2.202}, {'end': 4668.866, 'text': 'So we can add products, categories, we can add in all sorts of different styles.', 'start': 4663.541, 'duration': 5.325}, {'end': 4670.908, 'text': 'So right here, add elements.', 'start': 4668.926, 'duration': 1.982}, {'end': 4674.811, 'text': "And what we'll do is I will just find products.", 'start': 4672.109, 'duration': 2.702}], 'summary': 'Demonstrating how to assign products to the homepage using ux builder and different styles.', 'duration': 24.782, 'max_score': 4650.029, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE4650029.jpg'}, {'end': 4995.102, 'src': 'embed', 'start': 4968.408, 'weight': 4, 'content': [{'end': 4972.39, 'text': 'So you can kind of go through that and have fun and add products to your homepage.', 'start': 4968.408, 'duration': 3.982}, {'end': 4975.192, 'text': 'You can add products to any part of your website.', 'start': 4972.77, 'duration': 2.422}, {'end': 4977.413, 'text': 'It can be on your about us page, your contact page.', 'start': 4975.312, 'duration': 2.101}, {'end': 4981.075, 'text': "So just get creative, right? So let's keep going here.", 'start': 4977.873, 'duration': 3.202}, {'end': 4983.256, 'text': "So I've shown you all how to add products to the homepage.", 'start': 4981.155, 'duration': 2.101}, {'end': 4985.757, 'text': "And let's make this section right here.", 'start': 4983.976, 'duration': 1.781}, {'end': 4988.439, 'text': "So let's go ahead and click on this right here.", 'start': 4986.457, 'duration': 1.982}, {'end': 4991.48, 'text': "And we're going to go ahead and go to Flatsome Studio.", 'start': 4989.499, 'duration': 1.981}, {'end': 4995.102, 'text': "So we're going to find the sign up.", 'start': 4991.88, 'duration': 3.222}], 'summary': 'Tutorial on adding products to different website sections.', 'duration': 26.694, 'max_score': 4968.408, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE4968408.jpg'}, {'end': 5079.622, 'src': 'embed', 'start': 5049.591, 'weight': 2, 'content': [{'end': 5051.793, 'text': "Alright, and there's one other plugin that you might need.", 'start': 5049.591, 'duration': 2.202}, {'end': 5055.356, 'text': 'You might need the MailChimp for Contact Form 7.', 'start': 5052.033, 'duration': 3.323}, {'end': 5056.818, 'text': 'So right here, Add New.', 'start': 5055.356, 'duration': 1.462}, {'end': 5062.503, 'text': 'You can type in MailChimp.', 'start': 5061.562, 'duration': 0.941}, {'end': 5064.625, 'text': "And we'll scroll down right here.", 'start': 5063.504, 'duration': 1.121}, {'end': 5069.109, 'text': 'And this right here is Contact Form 7 extension for MailChimp.', 'start': 5064.986, 'duration': 4.123}, {'end': 5070.671, 'text': "So you'll click on Install Now.", 'start': 5069.59, 'duration': 1.081}, {'end': 5074.038, 'text': 'and activate.', 'start': 5073.377, 'duration': 0.661}, {'end': 5079.622, 'text': "Now for those of you who don't have an email list, I have a full another tutorial on MailChimp.", 'start': 5074.478, 'duration': 5.144}], 'summary': 'Install mailchimp for contact form 7 plugin to integrate and manage email lists.', 'duration': 30.031, 'max_score': 5049.591, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE5049591.jpg'}], 'start': 3907.859, 'title': 'Product creation and customization', 'summary': 'Covers the process of creating and customizing products on a website, including product description, image selection, theme customization, variable product setup, and plugin integration. it demonstrates creating a product, setting prices, stock, and gallery, and explains the differences between simple and variable products, providing a comprehensive guide for beginners.', 'chapters': [{'end': 4088.977, 'start': 3907.859, 'title': 'Product creation walkthrough', 'summary': 'Outlines the process of creating a product on a website, covering the importance of product description, selecting images, setting categories, and enabling reviews, with a demonstration of the final product including the price, stock, and gallery.', 'duration': 181.118, 'highlights': ['The chapter emphasizes the importance of product description, highlighting the need for accurate representation and its significance in portraying the product, without presenting quantifiable data.', 'It demonstrates the process of setting product categories, specifically creating a new category for phones, emphasizing the organization of products, without presenting quantifiable data.', 'The chapter showcases the demonstration of the final product, including the price, stock availability, and gallery for user interaction, without presenting quantifiable data.', 'It briefly mentions enabling reviews for products, indicating the option to allow user feedback and reviews, without presenting quantifiable data.', 'The chapter briefly mentions the feature of social media sharing icons for product promotion, without presenting quantifiable data.']}, {'end': 4350.739, 'start': 4088.977, 'title': 'Theme customizer and product creation', 'summary': 'Introduces the theme customizer feature, demonstrating how to design a custom product page with various options and settings, including image styles, text alignments, and product tabs, while also creating a new product and explaining the difference between simple and variable products.', 'duration': 261.762, 'highlights': ['The theme customizer allows for the creation of a custom product page with options for header, sidebar, image styles, text alignments, and product tabs. The theme customizer feature enables the design of a custom product page with options for header, sidebar, image styles, text alignments, and product tabs, providing extensive customization capabilities.', 'Demonstrates the creation of a new product and explains the difference between simple and variable products. The process of creating a new product is demonstrated, along with an explanation of the difference between simple and variable products in terms of options and settings.', 'Explanation of the concept of variable products and their characteristics such as size and color options. The concept of variable products is explained, highlighting their characteristics such as size and color options, providing a comprehensive understanding of product variations.']}, {'end': 4847.517, 'start': 4352.284, 'title': 'Setting up variable products in woocommerce', 'summary': 'Demonstrates how to add attributes, create variations, set prices, and design product layouts in woocommerce. it also addresses the common confusion around variable products, providing a comprehensive guide to beginners, while emphasizing the need to assign prices to every variation.', 'duration': 495.233, 'highlights': ['The tutorial provides a step-by-step process for adding attributes, such as size and color, to a product in WooCommerce, ensuring a comprehensive understanding for beginners.', 'The chapter walks through the creation of variations for the product, emphasizing the importance of assigning prices to each variation to enable successful addition to the cart, with a clear demonstration of creating variations for small and large sizes in different colors.', 'It explains the process of designing product layouts in WooCommerce, showcasing various styles and options for displaying products, such as masonry style, lookbook, and grid style, providing a versatile approach to product presentation.', 'The tutorial highlights the potential confusion surrounding variable products and assures beginners that once understood, it becomes straightforward, instilling confidence in navigating this complex aspect of WooCommerce.', "The chapter demonstrates the use of UX builder to assign products to the homepage, offering a practical guide for incorporating products into the website's design, utilizing elements such as product lists and categories to enhance the visual appeal and functionality of the page."]}, {'end': 5553.423, 'start': 4848.018, 'title': 'Adding and customizing products on your website', 'summary': 'Covers the process of adding and customizing products on the homepage, adding a newsletter and contact form, and installing necessary plugins, with a focus on mailchimp integration and woocommerce customization.', 'duration': 705.405, 'highlights': ['You can add products to any part of your website, including the homepage, about us page, and contact page, to enhance the overall user experience. The flexibility to add products to any section of the website, such as the homepage, about us page, and contact page, allows for a more customized and engaging user experience.', 'The process of adding a newsletter and contact form involves importing the newsletter, installing the Contact Form 7 plugin, and integrating the MailChimp extension for contact form subscriptions. The detailed process of adding a newsletter and contact form includes importing the newsletter, installing the Contact Form 7 plugin, and integrating the MailChimp extension for contact form subscriptions to facilitate subscription and contact processes.', "Installing necessary plugins, such as Google Fonts Typography, Woo Sidebars, WooCommerce wishlist, and MailChimp for WooCommerce, enhances the website's customization and functionality. The installation of essential plugins like Google Fonts Typography, Woo Sidebars, WooCommerce wishlist, and MailChimp for WooCommerce adds to the website's customization and functionality, providing enhanced user experience and options for product management and email list integration."]}], 'duration': 1645.564, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE3907859.jpg', 'highlights': ['The tutorial provides a step-by-step process for adding attributes, such as size and color, to a product in WooCommerce, ensuring a comprehensive understanding for beginners.', "The chapter demonstrates the use of UX builder to assign products to the homepage, offering a practical guide for incorporating products into the website's design, utilizing elements such as product lists and categories to enhance the visual appeal and functionality of the page.", 'The process of adding a newsletter and contact form involves importing the newsletter, installing the Contact Form 7 plugin, and integrating the MailChimp extension for contact form subscriptions. The detailed process of adding a newsletter and contact form includes importing the newsletter, installing the Contact Form 7 plugin, and integrating the MailChimp extension for contact form subscriptions to facilitate subscription and contact processes.', 'The theme customizer allows for the creation of a custom product page with options for header, sidebar, image styles, text alignments, and product tabs. The theme customizer feature enables the design of a custom product page with options for header, sidebar, image styles, text alignments, and product tabs, providing extensive customization capabilities.', 'The flexibility to add products to any section of the website, such as the homepage, about us page, and contact page, allows for a more customized and engaging user experience.']}, {'end': 6561.672, 'segs': [{'end': 5644.47, 'src': 'embed', 'start': 5613.162, 'weight': 0, 'content': [{'end': 5615.646, 'text': "And you'll see that your base right here is changing.", 'start': 5613.162, 'duration': 2.484}, {'end': 5618.33, 'text': "So here I'll do something like Poppins again.", 'start': 5615.706, 'duration': 2.624}, {'end': 5624.491, 'text': "A big tip guys is don't have too many fonts on your website.", 'start': 5620.287, 'duration': 4.204}, {'end': 5627.194, 'text': 'You might only want one or two, two maximum.', 'start': 5624.511, 'duration': 2.683}, {'end': 5631.859, 'text': 'And then right here for buttons, you can go ahead and select another one for your buttons, et cetera.', 'start': 5627.715, 'duration': 4.144}, {'end': 5635.663, 'text': 'But Poppins and the base are going to be the ones I want.', 'start': 5631.979, 'duration': 3.684}, {'end': 5637.905, 'text': "So I'll leave that and set it to publish.", 'start': 5635.783, 'duration': 2.122}, {'end': 5640.507, 'text': 'I want to change these button colors.', 'start': 5638.786, 'duration': 1.721}, {'end': 5644.47, 'text': "So let's go back right here really quick and go to Style.", 'start': 5640.788, 'duration': 3.682}], 'summary': 'Use one or two fonts for the website; poppins and base are recommended. change button colors in the style section.', 'duration': 31.308, 'max_score': 5613.162, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE5613162.jpg'}, {'end': 5743.434, 'src': 'embed', 'start': 5697.551, 'weight': 1, 'content': [{'end': 5705.057, 'text': "We're marketing here, so we wanna make sure that our buttons correlates to what we want people to do.", 'start': 5697.551, 'duration': 7.506}, {'end': 5708.02, 'text': "When you're actually building your websites,", 'start': 5705.998, 'duration': 2.022}, {'end': 5715.326, 'text': "you wanna go ahead and make sure that you assign the specific colors to whatever parts of the website you're trying to achieve, et cetera.", 'start': 5708.02, 'duration': 7.306}, {'end': 5720.427, 'text': "And if you've noticed right here, that the font has changed throughout our website.", 'start': 5715.886, 'duration': 4.541}, {'end': 5724.608, 'text': "So that's why we need a plugin to kind of change the fonts for everything.", 'start': 5720.587, 'duration': 4.021}, {'end': 5726.549, 'text': "So that's pretty much it.", 'start': 5724.709, 'duration': 1.84}, {'end': 5731.07, 'text': "That's how we can change the colors and also change the topography of our websites.", 'start': 5726.589, 'duration': 4.481}, {'end': 5733.971, 'text': "Now let's go ahead and create the About Us page.", 'start': 5732.051, 'duration': 1.92}, {'end': 5736.332, 'text': 'Now guys, this is gonna be really quick and fast.', 'start': 5734.031, 'duration': 2.301}, {'end': 5743.434, 'text': 'So on my page right here, on my About Us page, I just grabbed a template and I modified it slightly.', 'start': 5736.472, 'duration': 6.962}], 'summary': 'Marketing requires aligning buttons with actions. website design involves color assignment, font changes, and template modifications.', 'duration': 45.883, 'max_score': 5697.551, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE5697551.jpg'}, {'end': 5939.286, 'src': 'embed', 'start': 5894.212, 'weight': 3, 'content': [{'end': 5906.922, 'text': 'so right here background no background, backgrounds, no backgrounds, backgrounds no backgrounds, and then background or images, something like that.', 'start': 5894.212, 'duration': 12.71}, {'end': 5909.284, 'text': "So usually, when you're building out your website,", 'start': 5907.343, 'duration': 1.941}, {'end': 5914.026, 'text': "you're going to come across websites that are kind of like you don't want to have just white everywhere.", 'start': 5909.284, 'duration': 4.742}, {'end': 5917.448, 'text': 'So you need to take the white off because the white can create boredom.', 'start': 5914.206, 'duration': 3.242}, {'end': 5919.369, 'text': 'It can create people to leave your website.', 'start': 5917.608, 'duration': 1.761}, {'end': 5927.234, 'text': 'So usually right here I have image whites, Dark new section and then added another section.', 'start': 5919.869, 'duration': 7.365}, {'end': 5934.261, 'text': "So you want to kind of not add as much white as possible, because that's really going to make people think that your sides boring.", 'start': 5927.234, 'duration': 7.027}, {'end': 5935.502, 'text': "They're gonna say the sides boring.", 'start': 5934.261, 'duration': 1.241}, {'end': 5936.063, 'text': "I'm leaving.", 'start': 5935.582, 'duration': 0.481}, {'end': 5939.286, 'text': "I don't want to buy anything, Not unless you're going for that like Apple.", 'start': 5936.143, 'duration': 3.143}], 'summary': 'Minimize white space to prevent user boredom and increase engagement on the website.', 'duration': 45.074, 'max_score': 5894.212, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE5894212.jpg'}, {'end': 6054.984, 'src': 'embed', 'start': 6026.628, 'weight': 4, 'content': [{'end': 6033.87, 'text': "You're gonna find that images are the most annoying things out there when it comes to web design, because images are hard to scale,", 'start': 6026.628, 'duration': 7.242}, {'end': 6037.711, 'text': "They're hard to size and if they're big images, they can slow down your website.", 'start': 6033.87, 'duration': 3.841}, {'end': 6041.052, 'text': 'Alright. so you can see here how this section imported.', 'start': 6037.711, 'duration': 3.341}, {'end': 6047.639, 'text': "I'll click on updates and And let's close this and just take a quick look at our about us page now.", 'start': 6041.072, 'duration': 6.567}, {'end': 6054.984, 'text': 'So the about us page, you can see everything is good and we have a beautiful professional about us page.', 'start': 6047.779, 'duration': 7.205}], 'summary': 'Images can be challenging in web design, affecting scaling and website speed, yet the about us page looks professional.', 'duration': 28.356, 'max_score': 6026.628, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE6026628.jpg'}, {'end': 6164.223, 'src': 'embed', 'start': 6134.78, 'weight': 6, 'content': [{'end': 6135.381, 'text': 'Get that out of here.', 'start': 6134.78, 'duration': 0.601}, {'end': 6138.082, 'text': 'and also right here for maps.', 'start': 6136.241, 'duration': 1.841}, {'end': 6143.887, 'text': 'now, Google recently introduced a new update where you have to pay for the API.', 'start': 6138.082, 'duration': 5.805}, {'end': 6151.332, 'text': "so for this specific tutorial I will not be covering maps, because I don't want to create an API and all that stuff,", 'start': 6143.887, 'duration': 7.445}, {'end': 6153.134, 'text': "but I'll make a separate video for it.", 'start': 6151.332, 'duration': 1.802}, {'end': 6154.695, 'text': 'so be sure to check out my channel.', 'start': 6153.134, 'duration': 1.561}, {'end': 6158.137, 'text': "I'll be talking about how to add Google Maps to your website.", 'start': 6154.695, 'duration': 3.442}, {'end': 6158.898, 'text': "it's really easy.", 'start': 6158.137, 'duration': 0.761}, {'end': 6162.581, 'text': 'just know that you do have to pay for it now and before it was free, so darn them.', 'start': 6158.898, 'duration': 3.683}, {'end': 6164.223, 'text': 'Or you can use Google Maps.', 'start': 6163.122, 'duration': 1.101}], 'summary': 'Google introduced a new paid api update for maps, affecting tutorial content.', 'duration': 29.443, 'max_score': 6134.78, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE6134780.jpg'}, {'end': 6290.104, 'src': 'embed', 'start': 6261.083, 'weight': 7, 'content': [{'end': 6263.564, 'text': "So for example, right here, let's say you wanna add in an image.", 'start': 6261.083, 'duration': 2.481}, {'end': 6267.205, 'text': "Here, I'll go ahead and grab one from our media library.", 'start': 6264.104, 'duration': 3.101}, {'end': 6274.972, 'text': 'And this is something that you can do to talk about products or to introduce different things about your website.', 'start': 6268.447, 'duration': 6.525}, {'end': 6280.016, 'text': "And once you're done blogging, the most important thing is right here it says featured image.", 'start': 6275.633, 'duration': 4.383}, {'end': 6281.858, 'text': "You'll select a featured image.", 'start': 6280.536, 'duration': 1.322}, {'end': 6285.28, 'text': 'Now this is the image that people are going to see when they see your blog.', 'start': 6281.938, 'duration': 3.342}, {'end': 6290.104, 'text': "So for example, I'll grab something that has to deal with computers or something like that.", 'start': 6285.42, 'duration': 4.684}], 'summary': 'Adding a featured image is crucial for blog visibility, e.g. using computer-related images.', 'duration': 29.021, 'max_score': 6261.083, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE6261083.jpg'}, {'end': 6483.533, 'src': 'embed', 'start': 6454.763, 'weight': 8, 'content': [{'end': 6460.486, 'text': "Let's now talk about the theme customizer, which is one of the more important aspects of this tutorial.", 'start': 6454.763, 'duration': 5.723}, {'end': 6463.858, 'text': 'So here we have the header.', 'start': 6462.557, 'duration': 1.301}, {'end': 6468.902, 'text': 'So basically in short, the theme customizer controls everything the page builder cannot.', 'start': 6463.938, 'duration': 4.964}, {'end': 6478.209, 'text': 'So here we have the header, we have WooCommerce options, we have the footer, we have different menu styles, widgets, and sharing social icons.', 'start': 6469.002, 'duration': 9.207}, {'end': 6483.533, 'text': 'Now, essentially what the theme customizer does is that it styles the website in different ways.', 'start': 6478.289, 'duration': 5.244}], 'summary': 'The theme customizer controls elements like header, woocommerce options, footer, menu styles, widgets, and social icons to style the website.', 'duration': 28.77, 'max_score': 6454.763, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE6454763.jpg'}], 'start': 5553.543, 'title': 'Website customization and design strategies', 'summary': 'Discusses customizing website fonts, colors, and layout using the theme customizer, while emphasizing the importance of minimal font usage and consistent color schemes. it also covers strategies for building websites, optimizing images, and adding sections effectively, resulting in improved user engagement and a professional appearance. furthermore, it includes adding google maps, creating blog posts, and customizing the theme with a focus on the header and menu, with features like adding text, social icons, and checkout buttons.', 'chapters': [{'end': 5874.343, 'start': 5553.543, 'title': 'Customizing website topography and colors', 'summary': 'Discusses customizing website fonts, colors, and layout using the theme customizer, emphasizing the importance of minimal font usage and consistent color schemes, while demonstrating how to create an about us page.', 'duration': 320.8, 'highlights': ['The chapter demonstrates how to customize website fonts, emphasizing the importance of minimal font usage and consistent topography for a coherent design, with a recommendation of one or two fonts at most. The speaker advises against using too many fonts on a website and recommends minimal font usage, suggesting one or two fonts at most for a coherent design.', 'It explains the process of changing colors for buttons and modules, emphasizing the significance of aligning button colors with website objectives to enhance user engagement, while also showcasing the creation of an elegant button with a white border for a stylish look. The chapter demonstrates the process of changing colors for buttons and modules, emphasizing the significance of aligning button colors with website objectives to enhance user engagement, and showcases creating an elegant button with a white border for a stylish look.', "The chapter provides insights into creating an About Us page by leveraging pre-designed templates and modifying them to suit different business types, encouraging beginners to focus on customizing text and images rather than being limited by the original template's theme. The speaker provides insights into creating an About Us page by leveraging pre-designed templates and modifying them to suit different business types, encouraging beginners to focus on customizing text and images rather than being limited by the original template's theme."]}, {'end': 6134.32, 'start': 5874.443, 'title': 'Website design tips and strategies', 'summary': 'Discusses strategies for building websites, emphasizing the importance of avoiding excessive white space, optimizing images, and adding sections effectively, resulting in improved user engagement and a professional appearance.', 'duration': 259.877, 'highlights': ['Emphasizing the importance of avoiding excessive white space The speaker highlights the negative impact of excessive white space on user engagement, stating that it can lead people to leave the website, and recommends minimizing white space to prevent boredom and maintain user interest.', 'Optimizing images for web design The speaker discusses the challenges of working with images in web design, highlighting that images are hard to scale and size, and emphasizing the potential negative impact of large images on website speed.', 'Adding sections effectively for a professional appearance The speaker demonstrates the process of adding sections to the website, such as team member and testimonial sections, and emphasizes the importance of creating a professional and engaging website appearance through effective section additions.']}, {'end': 6561.672, 'start': 6134.78, 'title': 'Adding google maps, blog posts, and theme customization', 'summary': 'Covers adding google maps to a website, creating blog posts for an e-commerce site, and customizing the theme with the theme customizer, with a focus on the header and menu, including features like adding text, social icons, and checkout buttons.', 'duration': 426.892, 'highlights': ['Adding Google Maps to the website requires payment for the API, which was previously free. Google recently introduced a new update where you have to pay for the API, which was previously free.', 'Creating blog posts for an e-commerce site involves using the Gutenberg editor to add images, demo content, and selecting a featured image, followed by categorizing the blog posts. Creating blog posts for an e-commerce site involves using the Gutenberg editor to add images, demo content, and selecting a featured image, followed by categorizing the blog posts.', 'Customizing the theme with the theme customizer involves adjusting the header, adding text, social icons, and checkout buttons, and discussing the use of different languages and plugins for advanced features. Customizing the theme with the theme customizer involves adjusting the header, adding text, social icons, and checkout buttons, and discussing the use of different languages and plugins for advanced features.']}], 'duration': 1008.129, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE5553543.jpg', 'highlights': ['The chapter emphasizes the importance of minimal font usage and consistent topography for a coherent design, recommending one or two fonts at most.', 'It showcases the process of changing colors for buttons and modules, emphasizing the significance of aligning button colors with website objectives to enhance user engagement.', 'The chapter provides insights into creating an About Us page by leveraging pre-designed templates and modifying them to suit different business types.', 'The speaker highlights the negative impact of excessive white space on user engagement, recommending minimizing white space to prevent boredom and maintain user interest.', 'The speaker discusses the challenges of working with images in web design, emphasizing the potential negative impact of large images on website speed.', 'The speaker emphasizes the importance of creating a professional and engaging website appearance through effective section additions.', 'Google recently introduced a new update where you have to pay for the API, which was previously free.', 'Creating blog posts for an e-commerce site involves using the Gutenberg editor to add images, demo content, and selecting a featured image, followed by categorizing the blog posts.', 'Customizing the theme with the theme customizer involves adjusting the header, adding text, social icons, and checkout buttons, and discussing the use of different languages and plugins for advanced features.']}, {'end': 7771.284, 'segs': [{'end': 6609.838, 'src': 'embed', 'start': 6581.685, 'weight': 0, 'content': [{'end': 6584.946, 'text': 'So we have the top bar, the header main, and we have the header bottom.', 'start': 6581.685, 'duration': 3.261}, {'end': 6587.947, 'text': 'And you can just add in stuff wherever you want.', 'start': 6585.626, 'duration': 2.321}, {'end': 6589.668, 'text': 'So you can just keep dragging and dropping.', 'start': 6588.067, 'duration': 1.601}, {'end': 6593.27, 'text': 'And as you can see, you can make this header extremely diverse.', 'start': 6590.348, 'duration': 2.922}, {'end': 6595.711, 'text': "So there's a lot you can do with this header.", 'start': 6593.45, 'duration': 2.261}, {'end': 6598.673, 'text': 'So with this header builder, it makes things a lot easier.', 'start': 6595.811, 'duration': 2.862}, {'end': 6606.016, 'text': 'And I prefer this because other themes have to design headers with the page builder and that becomes a responsive nightmare.', 'start': 6598.773, 'duration': 7.243}, {'end': 6609.838, 'text': "So with this right here, it's very responsive out of the box.", 'start': 6606.036, 'duration': 3.802}], 'summary': 'Header builder allows diverse, easy, and responsive design, making it preferable over other themes.', 'duration': 28.153, 'max_score': 6581.685, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE6581685.jpg'}, {'end': 6654.306, 'src': 'embed', 'start': 6618.763, 'weight': 1, 'content': [{'end': 6621.384, 'text': "so there's a link in the description below to fiverr.com.", 'start': 6618.763, 'duration': 2.621}, {'end': 6624.226, 'text': 'so this right here is fiverr.com and i do have a coupon code.', 'start': 6621.384, 'duration': 2.842}, {'end': 6626.807, 'text': 'if you guys do decide to use this website now,', 'start': 6624.226, 'duration': 2.581}, {'end': 6632.99, 'text': "just type in logo and you'll have these freelancers make an amazing logo for you for as little as five dollars.", 'start': 6626.807, 'duration': 6.183}, {'end': 6638.413, 'text': "so let's say, for instance, your budget's five dollars, so the maximum you'll spend is five dollars.", 'start': 6632.99, 'duration': 5.423}, {'end': 6642.035, 'text': 'here you have tons of people who will make really high quality logos.', 'start': 6638.413, 'duration': 3.622}, {'end': 6646.018, 'text': "I've seen other videos on YouTube where people try to get free logos.", 'start': 6642.615, 'duration': 3.403}, {'end': 6654.306, 'text': "Now guys, that's not practical, and if you're anything serious about your business, you wouldn't mind spending five bucks to get a custom-made logo.", 'start': 6646.058, 'duration': 8.248}], 'summary': 'Fiverr.com offers custom logos for as little as $5, practical for serious businesses.', 'duration': 35.543, 'max_score': 6618.763, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE6618763.jpg'}, {'end': 6791.964, 'src': 'heatmap', 'start': 6659.991, 'weight': 2, 'content': [{'end': 6663.855, 'text': 'You guys can, I think, get an additional 10% off your logo if you want to use that.', 'start': 6659.991, 'duration': 3.864}, {'end': 6665.656, 'text': "But that's really up to you.", 'start': 6664.495, 'duration': 1.161}, {'end': 6667.697, 'text': 'But please use a custom logo.', 'start': 6665.736, 'duration': 1.961}, {'end': 6670.679, 'text': "Don't use like a free logo maker or those free websites,", 'start': 6667.877, 'duration': 2.802}, {'end': 6676.102, 'text': 'because the logo is not going to look good and thousands of other people have used that same logo.', 'start': 6670.679, 'duration': 5.423}, {'end': 6677.943, 'text': "So it's just not practical.", 'start': 6676.162, 'duration': 1.781}, {'end': 6678.944, 'text': "It's really, really not.", 'start': 6678.063, 'duration': 0.881}, {'end': 6686.006, 'text': 'So, you can kind of go through the options right here for the header, and you can just kind of mess around with this.', 'start': 6679.804, 'duration': 6.202}, {'end': 6691.088, 'text': 'Now, if you want this little button right here, how it kind of drops down, you will need to add the cart.', 'start': 6686.407, 'duration': 4.681}, {'end': 6693.569, 'text': 'So, right here you have the cart button.', 'start': 6691.329, 'duration': 2.24}, {'end': 6700.092, 'text': 'So make sure you have the cart if you decide to want this feature, where it drops down, where, if you add something to the cart,', 'start': 6693.709, 'duration': 6.383}, {'end': 6703.133, 'text': "it's going to automatically pop up for your visitors, which I actually prefer.", 'start': 6700.092, 'duration': 3.041}, {'end': 6703.653, 'text': 'I like it.', 'start': 6703.153, 'duration': 0.5}, {'end': 6704.554, 'text': 'I think it looks really cool.', 'start': 6703.693, 'duration': 0.861}, {'end': 6706.374, 'text': "So, I'll just click on this one right here.", 'start': 6705.054, 'duration': 1.32}, {'end': 6707.875, 'text': 'You know, I just want to add a preset.', 'start': 6706.474, 'duration': 1.401}, {'end': 6712.886, 'text': "We're gonna click on this one and that's it.", 'start': 6710.043, 'duration': 2.843}, {'end': 6716.869, 'text': "So I'll just leave it like this right now because I just think this is here actually.", 'start': 6713.026, 'duration': 3.843}, {'end': 6718.271, 'text': "Let's take a look at this one here.", 'start': 6717.29, 'duration': 0.981}, {'end': 6719.131, 'text': 'There we go.', 'start': 6718.771, 'duration': 0.36}, {'end': 6720.072, 'text': "We'll use this one for now.", 'start': 6719.251, 'duration': 0.821}, {'end': 6721.734, 'text': "All right, so this one's the one I'm using for now.", 'start': 6720.232, 'duration': 1.502}, {'end': 6723.535, 'text': "And here I'll click on publish.", 'start': 6722.374, 'duration': 1.161}, {'end': 6726.358, 'text': 'So again, the header is extremely diverse.', 'start': 6724.316, 'duration': 2.042}, {'end': 6727.479, 'text': "There's a lot of stuff you can do.", 'start': 6726.378, 'duration': 1.101}, {'end': 6730.222, 'text': 'So here are all the options for the header.', 'start': 6727.959, 'duration': 2.263}, {'end': 6734.547, 'text': 'Now each of these options right here, they all control the header.', 'start': 6730.802, 'duration': 3.745}, {'end': 6740.635, 'text': 'So for example, you want to upload your logo, you can just remove this and upload an image and your logo will display right here.', 'start': 6734.627, 'duration': 6.008}, {'end': 6745.422, 'text': 'If you want to change the local position, you can change it or you can use the preset options.', 'start': 6741.076, 'duration': 4.346}, {'end': 6749.626, 'text': 'So again, each of these controls the actual style of the module.', 'start': 6745.963, 'duration': 3.663}, {'end': 6752.809, 'text': 'So for example, cart, you can have a different looking cart.', 'start': 6749.667, 'duration': 3.142}, {'end': 6759.074, 'text': 'So see right here, we have a little bag with the number, you can add a shopping cart or a basket, you know, something like that.', 'start': 6752.829, 'duration': 6.245}, {'end': 6759.534, 'text': 'There you go.', 'start': 6759.094, 'duration': 0.44}, {'end': 6761.896, 'text': "So that's pretty cute, right? You know, it's cute.", 'start': 6759.634, 'duration': 2.262}, {'end': 6763.337, 'text': 'And then you can change.', 'start': 6762.516, 'duration': 0.821}, {'end': 6765.479, 'text': "Actually, the car so I'll leave it as drop down.", 'start': 6763.537, 'duration': 1.942}, {'end': 6766.159, 'text': 'I prefer that.', 'start': 6765.499, 'duration': 0.66}, {'end': 6769.282, 'text': 'So I think the other ones actually you know what.', 'start': 6766.78, 'duration': 2.502}, {'end': 6770.483, 'text': "the other ones aren't that bad at all.", 'start': 6769.282, 'duration': 1.201}, {'end': 6771.324, 'text': 'you know, i i do.', 'start': 6770.483, 'duration': 0.841}, {'end': 6777.692, 'text': "i do think they're, they're not bad, but i prefer just the drop down, because the drop down just makes it a lot easier.", 'start': 6771.324, 'duration': 6.368}, {'end': 6781.016, 'text': 'so you can kind of go through the card style and go through these, but um,', 'start': 6777.692, 'duration': 3.324}, {'end': 6785.822, 'text': "you'll have to save it and then close it and then you can kind of mess around with that and you know you can get comfortable with it, etc.", 'start': 6781.016, 'duration': 4.806}, {'end': 6790.224, 'text': "I'm just going to leave this for now because I think this right here is standard.", 'start': 6787.063, 'duration': 3.161}, {'end': 6791.964, 'text': 'Go back over here.', 'start': 6791.044, 'duration': 0.92}], 'summary': 'Recommend using a custom logo and exploring header options for better website aesthetics and functionality.', 'duration': 40.101, 'max_score': 6659.991, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE6659991.jpg'}, {'end': 6844.324, 'src': 'embed', 'start': 6820.112, 'weight': 4, 'content': [{'end': 6826.095, 'text': "Now, when you're designing your website, you're going to see that the modules have a primary, secondary, success color, and alert color.", 'start': 6820.112, 'duration': 5.983}, {'end': 6830.717, 'text': 'So, for example, right here, I have the button to primary and also secondary.', 'start': 6826.655, 'duration': 4.062}, {'end': 6836.96, 'text': "I forgot which one I chose, but once you're building your modules in your website, you can assign these specific colors.", 'start': 6830.757, 'duration': 6.203}, {'end': 6839.642, 'text': 'So, for example, the success color, you can make it blue.', 'start': 6837, 'duration': 2.642}, {'end': 6844.324, 'text': "So if you assign something with the success color, it's going to be blue.", 'start': 6840.262, 'duration': 4.062}], 'summary': 'Website modules can be assigned primary, secondary, success, and alert colors, such as making success color blue.', 'duration': 24.212, 'max_score': 6820.112, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE6820112.jpg'}, {'end': 6934.959, 'src': 'embed', 'start': 6895.521, 'weight': 5, 'content': [{'end': 6900.806, 'text': "So again, this is why you probably wanna stick with Flatsome when you're building out e-commerce websites.", 'start': 6895.521, 'duration': 5.285}, {'end': 6902.646, 'text': "Let's go ahead and go back right here.", 'start': 6901.486, 'duration': 1.16}, {'end': 6903.927, 'text': "I don't want to jump over too much.", 'start': 6902.666, 'duration': 1.261}, {'end': 6905.627, 'text': "I'm just kind of giving you an example.", 'start': 6903.947, 'duration': 1.68}, {'end': 6910.549, 'text': 'They have other things you can check out like topography and the image light box, etc.', 'start': 6906.288, 'duration': 4.261}, {'end': 6917.671, 'text': "When you're building your websites, these specific sections correspond to whatever you're looking at.", 'start': 6911.449, 'duration': 6.222}, {'end': 6918.691, 'text': 'Right here, the blog.', 'start': 6917.731, 'duration': 0.96}, {'end': 6922.952, 'text': 'This is going to correspond to the blog, so the blog layouts.', 'start': 6919.371, 'duration': 3.581}, {'end': 6928.155, 'text': 'You can have The post layout is normal, in line, two columns.', 'start': 6923.473, 'duration': 4.682}, {'end': 6933.978, 'text': 'And what you can do here is go on over to the blog section and just kind of, you know, mess around with it.', 'start': 6928.795, 'duration': 5.183}, {'end': 6934.959, 'text': 'See what happens.', 'start': 6934.038, 'duration': 0.921}], 'summary': 'Stick with flatsome for e-commerce websites; customize blog layouts and sections.', 'duration': 39.438, 'max_score': 6895.521, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE6895521.jpg'}, {'end': 7095.007, 'src': 'embed', 'start': 7068.186, 'weight': 7, 'content': [{'end': 7076.012, 'text': 'So here you can add in a header, you can add in the title, something like that.', 'start': 7068.186, 'duration': 7.826}, {'end': 7079.015, 'text': 'You can virtually add in anything that you wanna add here.', 'start': 7076.513, 'duration': 2.502}, {'end': 7083.178, 'text': 'So all these options right here, they control the actual product page.', 'start': 7079.115, 'duration': 4.063}, {'end': 7087.022, 'text': 'So if you wanna design your product page, you can go ahead and do that.', 'start': 7083.298, 'duration': 3.724}, {'end': 7092.807, 'text': 'Now I will have another tutorial on how to make a custom product page from scratch.', 'start': 7087.502, 'duration': 5.305}, {'end': 7095.007, 'text': 'Now to do this.', 'start': 7093.527, 'duration': 1.48}], 'summary': 'Tutorial on customizing product page options and design.', 'duration': 26.821, 'max_score': 7068.186, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE7068186.jpg'}, {'end': 7223.415, 'src': 'embed', 'start': 7197.122, 'weight': 8, 'content': [{'end': 7203.383, 'text': 'But here you can design the cart page from scratch and just have a really cute, nice looking cart page.', 'start': 7197.122, 'duration': 6.261}, {'end': 7206.724, 'text': 'So again, the theme customizer does control all these features.', 'start': 7204.083, 'duration': 2.641}, {'end': 7212.487, 'text': "So now that I've talked about that, Let's go ahead and talk about layouts.", 'start': 7207.384, 'duration': 5.103}, {'end': 7220.413, 'text': 'You can change the layout of your website to boxed, framed, which just looks like this right here, or width, full width like that.', 'start': 7212.607, 'duration': 7.806}, {'end': 7223.415, 'text': 'And then you can go ahead and go through these options.', 'start': 7221.494, 'duration': 1.921}], 'summary': 'Customize cart page and website layout with theme customizer.', 'duration': 26.293, 'max_score': 7197.122, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE7197122.jpg'}, {'end': 7474.615, 'src': 'embed', 'start': 7411.462, 'weight': 10, 'content': [{'end': 7413.404, 'text': 'but uh, this would be the plugin that you would need.', 'start': 7411.462, 'duration': 1.942}, {'end': 7417.226, 'text': "it's called mailchimp for wordpress And then here I'll just add it in.", 'start': 7413.404, 'duration': 3.822}, {'end': 7424.331, 'text': 'Now, once you actually get the form and you add in your API, the form will display just like this.', 'start': 7417.747, 'duration': 6.584}, {'end': 7429.275, 'text': "So, you need the API key and once you add in the API, it's really simple.", 'start': 7425.232, 'duration': 4.043}, {'end': 7432.477, 'text': 'You just copy and paste the API key and then you get the new contact form.', 'start': 7429.295, 'duration': 3.182}, {'end': 7436.28, 'text': "So, that's how you can kind of create a really nice custom footer.", 'start': 7432.517, 'duration': 3.763}, {'end': 7440.863, 'text': "And you can mix and match stuff if you don't want to have the signup form.", 'start': 7436.9, 'duration': 3.963}, {'end': 7442.224, 'text': 'You can add in something like pages maybe.', 'start': 7440.903, 'duration': 1.321}, {'end': 7444.586, 'text': 'So, this right here, you know, pages.', 'start': 7442.404, 'duration': 2.182}, {'end': 7448.072, 'text': 'you know, pages.', 'start': 7446.971, 'duration': 1.101}, {'end': 7451.515, 'text': 'So these are a list of all your pages which will help users navigate your websites.', 'start': 7448.092, 'duration': 3.423}, {'end': 7457.9, 'text': "So that's just a way on how you can design your footer and you can get customizable and all that really fun stuff.", 'start': 7452.175, 'duration': 5.725}, {'end': 7462.283, 'text': 'So that was just a quick rundown of how to design the footer.', 'start': 7457.94, 'duration': 4.343}, {'end': 7471.472, 'text': "And also one thing for layouts, I'm sorry, for the footer right here, we can go ahead and scroll down and go to the absolute footer.", 'start': 7463.064, 'duration': 8.408}, {'end': 7474.615, 'text': 'So the absolute footer is this one on the bottom right here.', 'start': 7471.953, 'duration': 2.662}], 'summary': 'Using mailchimp for wordpress plugin, add api key for customizable footer design.', 'duration': 63.153, 'max_score': 7411.462, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE7411462.jpg'}, {'end': 7581.622, 'src': 'embed', 'start': 7559.405, 'weight': 13, 'content': [{'end': 7567.911, 'text': 'there is two websites that will give you free templates for a generator to create a terms and conditions and a free privacy policy.', 'start': 7559.405, 'duration': 8.506}, {'end': 7573.995, 'text': 'so let me just run you through on how to make people check it, because this is a very important part of the video,', 'start': 7567.911, 'duration': 6.084}, {'end': 7577.278, 'text': 'because this will protect you against certain chargebacks.', 'start': 7573.995, 'duration': 3.283}, {'end': 7581.622, 'text': "and if you're american and you live in the united states, you know everyone out there likes to sue everybody for no reason.", 'start': 7577.278, 'duration': 4.344}], 'summary': 'Two websites offer free templates for terms and conditions and privacy policy to protect against chargebacks and potential lawsuits in the united states.', 'duration': 22.217, 'max_score': 7559.405, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE7559405.jpg'}], 'start': 6562.753, 'title': 'Customizing website design', 'summary': 'Covers custom header design, logo creation, e-commerce website customization with flatsome theme, and footer customization, offering diverse options for header customization, full control over website style, and various e-commerce customization features.', 'chapters': [{'end': 6678.944, 'start': 6562.753, 'title': 'Custom header design & logo creation', 'summary': 'Explains the customizability of the header builder, the ease of designing diverse headers, and the recommendation for using fiverr.com for custom logo creation, emphasizing the affordability and uniqueness of the service.', 'duration': 116.191, 'highlights': ['The header builder allows for up to three headers (top bar, header main, header bottom) and provides diverse design options through drag and drop functionality. The header builder enables the creation of up to three headers (top bar, header main, and header bottom) with diverse design options using drag and drop functionality.', 'Fiverr.com offers custom logo creation for as little as five dollars, providing high quality and unique logos, making it a practical choice for businesses. Fiverr.com offers custom logo creation for as little as five dollars, providing high quality and unique logos, making it a practical and affordable choice for businesses.', 'The recommendation to use custom logos from fiverr.com is reinforced by emphasizing the impracticality of using free logo makers and the lack of uniqueness in such logos. The recommendation to use custom logos from fiverr.com is reinforced by emphasizing the impracticality of using free logo makers and the lack of uniqueness in such logos.']}, {'end': 6895.381, 'start': 6679.804, 'title': 'Customizing website header and style', 'summary': 'Discusses customizing the website header with options for a drop-down cart feature, and the ability to control the style and color of the website modules, providing users with diverse customization capabilities and full control over various aspects of the website.', 'duration': 215.577, 'highlights': ['The chapter provides insights into customizing the website header with options for a drop-down cart feature, including the ability to control the style and color of various website modules, offering diverse customization capabilities. customizing options, drop-down cart feature, control over style and color', 'The speaker expresses a preference for the drop-down cart feature, stating its convenience and visual appeal, highlighting the flexibility to choose different cart styles and the ease of customizing the website header. preference for drop-down cart, flexibility in cart styles', 'The chapter emphasizes the control over the style and color of website modules, exemplifying the ability to assign specific colors to different elements such as buttons, links, and review stars, showcasing the extensive customization features available. control over style and color, specific color assignment to elements']}, {'end': 7390.625, 'start': 6895.521, 'title': 'Customizing e-commerce website with flatsome', 'summary': 'Details how to customize an e-commerce website using the flatsome theme, covering aspects such as blog layouts, product catalog design, checkout and cart page customization, website layouts, footer customization, and the use of widgets.', 'duration': 495.104, 'highlights': ['The chapter details how to customize an e-commerce website using the Flatsome theme, covering aspects such as blog layouts, product catalog design, checkout and cart page customization, website layouts, footer customization, and the use of widgets. The summary provides a comprehensive overview of the transcript, highlighting the key aspects and areas covered in the tutorial.', "The tutorial explains the process of designing blog layouts, including options for post layout, blog archive, and single post, providing flexibility for customizing the website's blog section. This highlight provides specific details about customizing blog layouts, showcasing the tutorial's focus on enhancing the visual and functional aspects of the blog section.", "The transcript delves into customizing the product catalog, highlighting features such as different styles, product per page and row, and header options, with a focus on creating a visually appealing and organized catalog for the e-commerce website. This highlight emphasizes the detailed exploration of customizing the product catalog, showcasing the tutorial's emphasis on creating an appealing and well-organized display of products.", "The tutorial explains the customization options for the checkout and cart pages, covering aspects such as layout styles, address and phone requirements, and the impact of different design choices on user experience and navigation. This highlight highlights the tutorial's focus on enhancing the user experience through the customization of checkout and cart pages, emphasizing the importance of design choices in influencing user behavior.", "The chapter provides insights into customizing website layouts, offering options such as boxed, framed, and full-width layouts, enabling users to tailor the website's visual presentation according to their preferences. This highlight showcases the tutorial's coverage of website layout customization, highlighting the flexibility and control provided to users for shaping the overall visual presentation of the website.", "The transcript explores the customization of footer sections, including the process of enabling and disabling footer areas, adding widgets, and enhancing the footer's functionality and visual appeal, demonstrating the importance of a well-designed footer in the overall website presentation. This highlight emphasizes the tutorial's focus on optimizing the functionality and visual appeal of the footer section, underlining its significance in contributing to the overall website design and user experience."]}, {'end': 7771.284, 'start': 7391.306, 'title': 'Designing footer and setting terms & conditions', 'summary': 'Discusses setting up a mailchimp sign-up form using the mailchimp for wordpress plugin, customizing the website footer, and creating terms and conditions and privacy policy pages for protection against chargebacks, with the option to use free templates.', 'duration': 379.978, 'highlights': ['Setting up mailchimp sign-up form using the mailchimp for wordpress plugin The tutorial demonstrates adding a mailchimp sign-up form using the mailchimp for wordpress plugin, requiring the API key and providing a simple process for creating a custom footer.', 'Customizing the website footer and navigation The process involves designing a custom footer with options to include pages for user navigation, providing the flexibility to personalize the footer.', 'Creating terms and conditions and privacy policy pages The tutorial emphasizes the importance of creating dedicated pages for terms and conditions and privacy policy to protect against chargebacks, along with the availability of free templates for generating these pages.']}], 'duration': 1208.531, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE6562753.jpg', 'highlights': ['The header builder enables the creation of up to three headers (top bar, header main, and header bottom) with diverse design options using drag and drop functionality.', 'Fiverr.com offers custom logo creation for as little as five dollars, providing high quality and unique logos, making it a practical and affordable choice for businesses.', 'The recommendation to use custom logos from fiverr.com is reinforced by emphasizing the impracticality of using free logo makers and the lack of uniqueness in such logos.', 'The chapter provides insights into customizing the website header with options for a drop-down cart feature, including the ability to control the style and color of various website modules, offering diverse customization capabilities.', 'The chapter emphasizes the control over the style and color of website modules, exemplifying the ability to assign specific colors to different elements such as buttons, links, and review stars, showcasing the extensive customization features available.', 'The chapter details how to customize an e-commerce website using the Flatsome theme, covering aspects such as blog layouts, product catalog design, checkout and cart page customization, website layouts, footer customization, and the use of widgets.', "The tutorial explains the process of designing blog layouts, including options for post layout, blog archive, and single post, providing flexibility for customizing the website's blog section.", 'The transcript delves into customizing the product catalog, highlighting features such as different styles, product per page and row, and header options, with a focus on creating a visually appealing and organized catalog for the e-commerce website.', 'The tutorial explains the customization options for the checkout and cart pages, covering aspects such as layout styles, address and phone requirements, and the impact of different design choices on user experience and navigation.', "The chapter provides insights into customizing website layouts, offering options such as boxed, framed, and full-width layouts, enabling users to tailor the website's visual presentation according to their preferences.", "The transcript explores the customization of footer sections, including the process of enabling and disabling footer areas, adding widgets, and enhancing the footer's functionality and visual appeal, demonstrating the importance of a well-designed footer in the overall website presentation.", 'Setting up mailchimp sign-up form using the mailchimp for wordpress plugin The tutorial demonstrates adding a mailchimp sign-up form using the mailchimp for wordpress plugin, requiring the API key and providing a simple process for creating a custom footer.', 'Customizing the website footer and navigation The process involves designing a custom footer with options to include pages for user navigation, providing the flexibility to personalize the footer.', 'Creating terms and conditions and privacy policy pages The tutorial emphasizes the importance of creating dedicated pages for terms and conditions and privacy policy to protect against chargebacks, along with the availability of free templates for generating these pages.']}, {'end': 8541.663, 'segs': [{'end': 7847.137, 'src': 'embed', 'start': 7813.582, 'weight': 0, 'content': [{'end': 7816.883, 'text': 'you will copy this now in the beginning of this video.', 'start': 7813.582, 'duration': 3.301}, {'end': 7818.844, 'text': 'you remember we had that custom link in the menu.', 'start': 7816.883, 'duration': 1.961}, {'end': 7820.284, 'text': 'you remember that.', 'start': 7818.844, 'duration': 1.44}, {'end': 7821.385, 'text': "let's do that now.", 'start': 7820.284, 'duration': 1.101}, {'end': 7823.245, 'text': "so here's go to dashboard.", 'start': 7821.385, 'duration': 1.86}, {'end': 7828.027, 'text': "so now I'm showing you how to add product categories to your menu, which is pretty important.", 'start': 7823.245, 'duration': 4.782}, {'end': 7838.21, 'text': "actually, here we have appearance and we'll go to menus and then we'll find custom links and you'll simply go ahead and paste that.", 'start': 7828.027, 'duration': 10.183}, {'end': 7838.99, 'text': 'you are all in there.', 'start': 7838.21, 'duration': 0.78}, {'end': 7847.137, 'text': 'just paste the URL, copy and paste, guys, and then here headphones, and then click on add to menu.', 'start': 7838.99, 'duration': 8.147}], 'summary': 'Demonstrates adding product categories to menu using custom links and urls.', 'duration': 33.555, 'max_score': 7813.582, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE7813582.jpg'}, {'end': 7955.108, 'src': 'embed', 'start': 7930.487, 'weight': 1, 'content': [{'end': 7936.372, 'text': "so the first thing we'll do is go on over here to dashboard, And you're going to notice that we have something called UX Blocks.", 'start': 7930.487, 'duration': 5.885}, {'end': 7941.137, 'text': 'So UX Blocks essentially can override certain pages.', 'start': 7937.113, 'duration': 4.024}, {'end': 7943.86, 'text': 'So you can make a custom shop page from scratch.', 'start': 7941.357, 'duration': 2.503}, {'end': 7948.885, 'text': 'Now click on Add New, and this is going to be Shop Header.', 'start': 7944.38, 'duration': 4.505}, {'end': 7955.108, 'text': 'Now all I want to do with this right here is I want to kind of add a section to my shop.', 'start': 7950.546, 'duration': 4.562}], 'summary': 'Using ux blocks, you can create a custom shop page from scratch to add sections to your shop.', 'duration': 24.621, 'max_score': 7930.487, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE7930487.jpg'}, {'end': 8073.241, 'src': 'embed', 'start': 8045.549, 'weight': 3, 'content': [{'end': 8050.311, 'text': 'okay, so I just basically made a section for virtually any part of the website.', 'start': 8045.549, 'duration': 4.762}, {'end': 8053.212, 'text': 'so let me go ahead and explain what we just did here.', 'start': 8050.311, 'duration': 2.901}, {'end': 8056.534, 'text': "so here I'll close this.", 'start': 8053.212, 'duration': 3.322}, {'end': 8057.754, 'text': 'now you see this shortcode.', 'start': 8056.534, 'duration': 1.22}, {'end': 8060.836, 'text': 'right here we have this shop header.', 'start': 8057.754, 'duration': 3.082}, {'end': 8061.976, 'text': 'go ahead and copy that now.', 'start': 8060.836, 'duration': 1.14}, {'end': 8066.378, 'text': "I know there's a bunch of weird stuff right here, but don't worry, this is just how it looks.", 'start': 8061.976, 'duration': 4.402}, {'end': 8068.879, 'text': "and let's go now to the theme customizer.", 'start': 8066.378, 'duration': 2.501}, {'end': 8073.241, 'text': 'so visit sites and and the shop page.', 'start': 8068.879, 'duration': 4.362}], 'summary': 'Created sections for different website parts, explained shortcode, and accessed theme customizer.', 'duration': 27.692, 'max_score': 8045.549, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE8045549.jpg'}, {'end': 8201.709, 'src': 'embed', 'start': 8170.899, 'weight': 4, 'content': [{'end': 8177.223, 'text': "So right here under widgets on the theme customizer, you'll go to shop sidebar, and you can add various widgets.", 'start': 8170.899, 'duration': 6.324}, {'end': 8179.144, 'text': 'So this right here is a product search.', 'start': 8177.463, 'duration': 1.681}, {'end': 8183.075, 'text': 'a product filter by price, products one day sale.', 'start': 8179.952, 'duration': 3.123}, {'end': 8188.98, 'text': 'We have recently reviewed products, recently viewed products, sorry, and we added a video.', 'start': 8183.856, 'duration': 5.124}, {'end': 8190.702, 'text': 'This is just a YouTube video.', 'start': 8189.481, 'duration': 1.221}, {'end': 8191.923, 'text': 'You can just link it in there.', 'start': 8190.722, 'duration': 1.201}, {'end': 8193.144, 'text': "That's all I did right there.", 'start': 8192.183, 'duration': 0.961}, {'end': 8201.709, 'text': 'now that you kind of get an understanding of the widgets and again you can, you know you can add in other widgets, you can mix and match this,', 'start': 8195.165, 'duration': 6.544}], 'summary': 'Customize shop sidebar with widgets including product search, filter by price, one-day sale, recently viewed products, and video.', 'duration': 30.81, 'max_score': 8170.899, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE8170899.jpg'}, {'end': 8347.827, 'src': 'embed', 'start': 8320.546, 'weight': 5, 'content': [{'end': 8325.311, 'text': 'You can design the header, you can add all sorts of really cool stuff, widgets, etc.', 'start': 8320.546, 'duration': 4.765}, {'end': 8329.475, 'text': "All right, so now it's time for the good stuff.", 'start': 8327.714, 'duration': 1.761}, {'end': 8336.44, 'text': 'We are going to dive into the WooCommerce settings where we can set shipping taxes and also get paid if I start accepting credit cards on the internet.', 'start': 8329.514, 'duration': 6.926}, {'end': 8338.061, 'text': "So let's go ahead and dive into this.", 'start': 8337.059, 'duration': 1.002}, {'end': 8344.565, 'text': "I'm gonna go to my dashboard right here and I'm gonna go ahead and talk about all the WooCommerce settings that are gonna be available to you.", 'start': 8338.081, 'duration': 6.484}, {'end': 8347.827, 'text': "So right here, first I'll go to WooCommerce and Dashboard.", 'start': 8345.106, 'duration': 2.721}], 'summary': 'Demonstrating woocommerce settings for shipping, taxes, and credit card payments.', 'duration': 27.281, 'max_score': 8320.546, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE8320546.jpg'}], 'start': 7771.364, 'title': 'Shop page design and customization', 'summary': 'Covers adding product categories to the menu, linking categories, and using ux blocks for layout customization. it also details shop page design using shortcodes, theme customizer, and widgets, including product search, filters, and videos, alongside woocommerce settings and features like orders, coupons, and email customizer.', 'chapters': [{'end': 8038.338, 'start': 7771.364, 'title': 'Adding product categories and designing shop page', 'summary': 'Covers adding product categories to the menu, providing a simple fix for linking categories, and designing the shop page using ux blocks to add a banner and customize the layout.', 'duration': 266.974, 'highlights': ['Adding product categories to the menu The speaker explains the importance of adding product categories to the menu, provides a simple fix for linking categories, and demonstrates how to add product categories using custom links and the appearance menu, emphasizing the importance of this process in managing the website.', 'Designing the shop page using UX Blocks The speaker demonstrates using UX Blocks to design the shop page, specifically focusing on adding a banner and customizing the layout, showcasing the capability to override certain pages and assign blocks to different parts of the website, and highlighting the flexibility in designing the shop page.', 'Customizing banner and layout using UX Blocks The speaker shows how to customize the banner and layout of the shop page using UX Blocks, including importing elements from Flatsome Studio, changing the background effects, and adjusting the dimensions to enhance the visual appeal of the shop page.']}, {'end': 8541.663, 'start': 8045.549, 'title': 'Designing and customizing shop page', 'summary': 'Details the process of designing and customizing a shop page using shortcodes, theme customizer, and widgets, allowing for specific parts to be designed, adding various widgets such as product search, filters, and videos, providing an understanding of how to build and customize the shop page, and also delves into woocommerce settings and features like orders, coupons, and email customizer.', 'duration': 496.114, 'highlights': ['The chapter details the process of designing and customizing a shop page using shortcodes, theme customizer, and widgets, allowing for specific parts to be designed. It explains the process of using shortcodes and theme customizer to design and customize specific parts of a shop page.', 'Adding various widgets such as product search, filters, and videos, providing an understanding of how to build and customize the shop page. It explains the addition of various widgets like product search, filters, and videos, providing insights into building and customizing the shop page.', 'Delves into WooCommerce settings and features like orders, coupons, and email customizer. It discusses WooCommerce settings and features such as orders, coupons, and email customizer.']}], 'duration': 770.299, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE7771364.jpg', 'highlights': ['Adding product categories to the menu is crucial for website management.', 'Designing the shop page using UX Blocks allows for flexible layout customization.', 'Customizing banner and layout using UX Blocks enhances the visual appeal of the shop page.', 'Using shortcodes and theme customizer allows for specific parts of the shop page to be designed and customized.', 'Adding various widgets like product search, filters, and videos provides insights into building and customizing the shop page.', 'Diving into WooCommerce settings and features such as orders, coupons, and email customizer is essential for effective management.']}, {'end': 9985.925, 'segs': [{'end': 8668.307, 'src': 'embed', 'start': 8641.05, 'weight': 3, 'content': [{'end': 8643.911, 'text': 'Shipping is probably a little bit more needed in this video.', 'start': 8641.05, 'duration': 2.861}, {'end': 8646.052, 'text': 'So we first need to set a shipping zone.', 'start': 8644.431, 'duration': 1.621}, {'end': 8647.313, 'text': 'So we have no shipping zones.', 'start': 8646.112, 'duration': 1.201}, {'end': 8649.454, 'text': "So here, I'll select a shipping zone.", 'start': 8647.433, 'duration': 2.021}, {'end': 8654.656, 'text': "So let's say, for example, I'm shipping in the United States, right? So I'll put United States.", 'start': 8650.294, 'duration': 4.362}, {'end': 8658.298, 'text': 'United States.', 'start': 8657.738, 'duration': 0.56}, {'end': 8660.559, 'text': "And then here, we'll go ahead and find United States.", 'start': 8658.698, 'duration': 1.861}, {'end': 8664.783, 'text': 'Now here I can add a shipping zone.', 'start': 8663.601, 'duration': 1.182}, {'end': 8668.307, 'text': 'So what do I wanna charge people in the United States??', 'start': 8664.963, 'duration': 3.344}], 'summary': 'Setting up shipping zones and rates for the united states.', 'duration': 27.257, 'max_score': 8641.05, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE8641050.jpg'}, {'end': 8792.087, 'src': 'embed', 'start': 8764.789, 'weight': 0, 'content': [{'end': 8768.011, 'text': "Here let's click on accounts and privacy.", 'start': 8764.789, 'duration': 3.222}, {'end': 8776.296, 'text': 'So this right here just allows people to guest check out account creation, and this right here is a new feature,', 'start': 8769.051, 'duration': 7.245}, {'end': 8782.881, 'text': "and this was because of the whole GDPR thing, where you want to delete people's information after a certain time.", 'start': 8776.296, 'duration': 6.585}, {'end': 8786.643, 'text': 'But yeah, you can kind of go through this and take a look at it.', 'start': 8783.541, 'duration': 3.102}, {'end': 8788.064, 'text': 'Privacy policy.', 'start': 8787.184, 'duration': 0.88}, {'end': 8792.087, 'text': 'Then this right here is personal data retention,', 'start': 8789.365, 'duration': 2.722}], 'summary': 'New feature for gdpr compliance: personal data retention settings added to privacy policy.', 'duration': 27.298, 'max_score': 8764.789, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE8764789.jpg'}, {'end': 8920.281, 'src': 'embed', 'start': 8892.458, 'weight': 2, 'content': [{'end': 8899.947, 'text': "so right here, under the general settings, i'm going to enable taxes, rates and calculations and click on save changes,", 'start': 8892.458, 'duration': 7.489}, {'end': 8903.191, 'text': "and what that's going to do is that that's going to order the tax button right here.", 'start': 8899.947, 'duration': 3.244}, {'end': 8909.015, 'text': "Now there's two ways on how you can do this, and I do recommend using Jetpack.", 'start': 8905.072, 'duration': 3.943}, {'end': 8914.157, 'text': 'WooCommerce created a plugin that will do the taxes for you automatically.', 'start': 8909.675, 'duration': 4.482}, {'end': 8920.281, 'text': "It'll automatically calculate the taxes based off where they're purchasing, or you can go ahead and set the taxes yourself.", 'start': 8914.558, 'duration': 5.723}], 'summary': 'Enable taxes in general settings for automated tax calculations in woocommerce.', 'duration': 27.823, 'max_score': 8892.458, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE8892458.jpg'}, {'end': 9265.923, 'src': 'embed', 'start': 9236.849, 'weight': 1, 'content': [{'end': 9239.81, 'text': "so i'm going to say this coupon is only good for another five days, and that's it.", 'start': 9236.849, 'duration': 2.961}, {'end': 9242.891, 'text': "And then there's other options right here, like usage restrictions.", 'start': 9240.57, 'duration': 2.321}, {'end': 9244.932, 'text': 'So the minimum spend?', 'start': 9243.472, 'duration': 1.46}, {'end': 9248.854, 'text': "so what's the minimum they need to spend in order to grant this coupon?", 'start': 9244.932, 'duration': 3.922}, {'end': 9250.255, 'text': "And what's the maximum?", 'start': 9249.275, 'duration': 0.98}, {'end': 9254.077, 'text': 'You can include certain products or exclude certain products.', 'start': 9250.795, 'duration': 3.282}, {'end': 9257.759, 'text': 'You can even do product categories or you can exclude categories.', 'start': 9254.557, 'duration': 3.202}, {'end': 9263.002, 'text': 'And then usage limits would be something like how many times can the person use this coupon?', 'start': 9258.399, 'duration': 4.603}, {'end': 9265.923, 'text': 'How many times can this coupon be used?', 'start': 9263.642, 'duration': 2.281}], 'summary': 'Coupon valid for 5 days, with options for min/max spend, product inclusion/exclusion, and usage limits.', 'duration': 29.074, 'max_score': 9236.849, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE9236849.jpg'}, {'end': 9307.904, 'src': 'embed', 'start': 9278.535, 'weight': 5, 'content': [{'end': 9282.339, 'text': 'So Daryl 50, and then right here, gives 50% off.', 'start': 9278.535, 'duration': 3.804}, {'end': 9285.423, 'text': 'And I will publish this coupon.', 'start': 9283.721, 'duration': 1.702}, {'end': 9292.231, 'text': "All right, so now that we have our coupons and everything's ready to go, let's add some payment gateways.", 'start': 9288.268, 'duration': 3.963}, {'end': 9295.434, 'text': 'Now, right here under the WooCommerce, we have settings.', 'start': 9292.772, 'duration': 2.662}, {'end': 9299.517, 'text': "So if you wanna take payments on your website, you're gonna click on Payments right here.", 'start': 9295.494, 'duration': 4.023}, {'end': 9307.904, 'text': 'Now, if you are in Europe or United States, the most common one is going to be PayPal and also Stripe.', 'start': 9300.318, 'duration': 7.586}], 'summary': 'Daryl offers a 50% discount, setting up payment gateways like paypal and stripe for europe and us.', 'duration': 29.369, 'max_score': 9278.535, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE9278535.jpg'}, {'end': 9833.675, 'src': 'embed', 'start': 9806.104, 'weight': 4, 'content': [{'end': 9810.065, 'text': 'Now, one thing I want to talk about before I let you all go is mobile responsiveness.', 'start': 9806.104, 'duration': 3.961}, {'end': 9818.148, 'text': "Now, by default, Flatsome is very mobile responsive and by default, you won't need to make a lot of adjustments on default.", 'start': 9810.145, 'duration': 8.003}, {'end': 9821.829, 'text': 'Now, for example, this is the website, how it looks like on desktop.', 'start': 9818.768, 'duration': 3.061}, {'end': 9827.572, 'text': "This is what it looks like on mobile devices and also, I'm sorry, tablets and also mobile devices.", 'start': 9822.529, 'duration': 5.043}, {'end': 9833.675, 'text': 'Now, if you want to change stuff, what you can do is you can actually go ahead and go to the specific section right here,', 'start': 9828.212, 'duration': 5.463}], 'summary': 'Flatsome is very mobile responsive by default, requiring minimal adjustments. it looks good on desktop and mobile devices.', 'duration': 27.571, 'max_score': 9806.104, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE9806104.jpg'}], 'start': 8541.663, 'title': 'Setting up online store and payment options', 'summary': 'Covers setting up store address, enabling taxes, adding currency, selecting shipping zones, and configuring online payment options like paypal, stripe, 2checkout, and razorpay for different regions. it also includes integrating jetpack for automated tax calculation and emphasizes the importance of mobile responsive design.', 'chapters': [{'end': 8764.789, 'start': 8541.663, 'title': 'Setting up store settings and shipping', 'summary': 'Covers setting up store address, enabling taxes and coupon codes, adding currency, selecting shipping zones, setting shipping rates, and adding additional shipping methods.', 'duration': 223.126, 'highlights': ['Setting up store address, enabling taxes, and adding currency The chapter covers setting up store address, enabling taxes and coupon codes, and adding currency.', 'Selecting shipping zones and setting shipping rates The chapter explains selecting shipping zones, setting shipping rates for specific countries, and charging flat rates.', 'Adding additional shipping methods and setting conditions for free shipping The chapter discusses adding additional shipping methods, setting conditions for free shipping, and charging default shipping rates for countries outside the selected zones.']}, {'end': 9299.517, 'start': 8764.789, 'title': 'Setting up woocommerce taxes and integrating jetpack', 'summary': 'Covers configuring privacy settings, setting up emails for order notifications, enabling taxes with options for automated tax calculation using jetpack and woocommerce services, and creating coupons with usage restrictions.', 'duration': 534.728, 'highlights': ['Configuring privacy settings for guest checkouts and personal data retention in compliance with GDPR guidelines. The chapter discusses configuring privacy settings for guest checkouts and personal data retention in compliance with GDPR guidelines.', 'Setting up emails for order notifications and managing their content and delivery options. The chapter explains the process of setting up emails for order notifications, managing their content and delivery options.', 'Enabling taxes and options for manual tax rate setup or automated tax calculation using Jetpack and WooCommerce Services. The chapter details the process of enabling taxes and the options for manual tax rate setup or automated tax calculation using Jetpack and WooCommerce Services.', 'Creating coupons with usage restrictions, including percentage off, free shipping, expiration date, minimum spend, and usage limits. The chapter covers creating coupons with usage restrictions, such as percentage off, free shipping, expiration date, minimum spend, and usage limits.']}, {'end': 9586.314, 'start': 9300.318, 'title': 'Accepting online payments: paypal, stripe, 2checkout, and razorpay', 'summary': 'Discusses accepting online payments using popular services like paypal and stripe in europe and the united states, while 2checkout and razorpay are recommended for india and the middle east. it provides a step-by-step guide for setting up paypal and stripe, including enabling test and real modes, and installing the stripe plugin for woocommerce.', 'duration': 285.996, 'highlights': ["For businesses in Europe and the United States, the most common online payment services are PayPal and Stripe, with Stripe being a free service that automatically transfers payments to the user's bank account.", '2checkout.com and Razorpay are recommended for businesses in India and the Middle East, providing viable alternatives for online payment processing in these regions.', 'Setting up PayPal involves creating an account, providing the same email address for PayPal settings, and then receiving payments directly into the PayPal account from customers.', 'Enabling Stripe requires having an SSL certificate, creating a Stripe account, enabling test mode, and installing the free Stripe plugin for WooCommerce to accept payments.', 'The process of enabling and setting up Stripe involves configuring test and real modes, obtaining and entering the publishable and secret keys, and customizing the payment form for a seamless checkout experience.']}, {'end': 9985.925, 'start': 9586.954, 'title': 'Accepting payments and mobile responsive design', 'summary': 'Discusses the process of accepting payments on an e-commerce website using stripe, with a demonstration of applying a coupon code for a 50% discount and making a test payment, as well as the importance of mobile responsiveness for the website design.', 'duration': 398.971, 'highlights': ["The process of accepting payments using Stripe is demonstrated, including the application of a coupon code for a 50% discount and making a test payment. The speaker demonstrates the process of applying a coupon code 'Daryl 50' to receive a 50% discount and making a test payment using a fake credit card.", 'Importance of mobile responsiveness in website design is emphasized, with guidance on making adjustments for different devices. The importance of mobile responsiveness in website design is highlighted, along with guidance on making adjustments for different devices, such as tablets and mobile devices.', 'The speaker provides instructions on obtaining API keys to enable real credit card payments on the website. Instructions are provided on obtaining API keys from Stripe to enable real credit card payments on the website, emphasizing the process of swapping the test key for the live key once the website is ready.']}], 'duration': 1444.262, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/TDNGEFd-aEE/pics/TDNGEFd-aEE8541663.jpg', 'highlights': ['Configuring privacy settings for guest checkouts and personal data retention in compliance with GDPR guidelines.', 'Creating coupons with usage restrictions, including percentage off, free shipping, expiration date, minimum spend, and usage limits.', 'Enabling taxes and options for manual tax rate setup or automated tax calculation using Jetpack and WooCommerce Services.', 'Selecting shipping zones and setting shipping rates.', 'Importance of mobile responsiveness in website design is emphasized, with guidance on making adjustments for different devices.', 'The process of accepting payments using Stripe is demonstrated, including the application of a coupon code for a 50% discount and making a test payment.']}], 'highlights': ['The tutorial showcases creating a professional and modern e-commerce website using a simple drag and drop builder with hundreds of free templates, catering to those without coding knowledge or experience.', 'The end goal of the tutorial is for viewers to be able to create their own e-commerce website from scratch and become a WordPress expert.', "The website's design is inspired by popular online retail stores like Walmart, H&M, Forever 21, and Guitar Center, aiming to impress visitors and ensure easy navigation for increased purchases.", 'Demonstrating the process of creating a professional and modern e-commerce website using WordPress, with a four-step process and live e-commerce website demonstration.', 'Explaining the features and functionalities of the e-commerce website, including a variety of templates, a customer dashboard, and product categorization.', 'The tutorial promises that viewers will be able to create a website similar to popular online retail stores, ensuring a professional and modern look.', 'SiteGround emerged as the top two for speed and reliability after being tested against 14 other web hosting companies for three months.', 'WordPress powers more than one third of the entire internet, making it a popular choice for website development.', 'The recommendation for the Grow Big plan from SiteGround, allowing users to host unlimited websites, is emphasized.', 'The importance of choosing a 12-month plan to get a good discount and enough time to evaluate the service is highlighted.', 'Enabling domain privacy protects personal information and prevents spam emails, such as promotional emails and pharmaceutical offers, by preventing random companies from accessing personal information.', 'Setting up SSL encrypts information for credit card users and secures the website, as recommended by Google for all websites, not just e-commerce ones, to ensure security and encryption of sensitive data.', 'Flatsum is the best-selling e-commerce theme for WordPress with 5,457 positive reviews, emphasizing its popularity and user satisfaction.', 'The chapter outlines the cost of purchasing and installing the Flatsum theme, emphasizing its affordability at $59.', 'The chapter contrasts the limitations of other e-commerce themes with the exceptional features of the Flatsum theme, highlighting its superiority in comparison to other themes.', 'The Animate feature allows users to easily add animations to elements on a website without the need for CSS or JavaScript, providing a user-friendly way to enhance visual appeal and interactivity.', 'The Flatsome Studio is highlighted as the main reason for using the theme due to its extreme ease of use, allowing for quick and efficient editing and customization of website elements.', 'The tutorial provides a step-by-step process for adding attributes, such as size and color, to a product in WooCommerce, ensuring a comprehensive understanding for beginners.', "The chapter demonstrates the use of UX builder to assign products to the homepage, offering a practical guide for incorporating products into the website's design, utilizing elements such as product lists and categories to enhance the visual appeal and functionality of the page.", 'The flexibility to add products to any section of the website, such as the homepage, about us page, and contact page, allows for a more customized and engaging user experience.', 'The header builder enables the creation of up to three headers (top bar, header main, and header bottom) with diverse design options using drag and drop functionality.', 'The chapter provides insights into customizing the website header with options for a drop-down cart feature, including the ability to control the style and color of various website modules, offering diverse customization capabilities.', 'The chapter details how to customize an e-commerce website using the Flatsome theme, covering aspects such as blog layouts, product catalog design, checkout and cart page customization, website layouts, footer customization, and the use of widgets.', "The tutorial explains the process of designing blog layouts, including options for post layout, blog archive, and single post, providing flexibility for customizing the website's blog section.", 'The transcript delves into customizing the product catalog, highlighting features such as different styles, product per page and row, and header options, with a focus on creating a visually appealing and organized catalog for the e-commerce website.', 'The tutorial emphasizes the importance of minimal font usage and consistent topography for a coherent design, recommending one or two fonts at most.', 'The chapter provides insights into creating an About Us page by leveraging pre-designed templates and modifying them to suit different business types.', 'The process of accepting payments using Stripe is demonstrated, including the application of a coupon code for a 50% discount and making a test payment.']}