Home
Search results “Product pages website design”
12 essential tips to create an efficient product page
 
05:39
In this video, the Expert at Envergure Digitale, will show you how to create an efficient product page, in order to boost your sales and reassure your customers. Envergure Digitale is an interactive digital marketing agency specialized in e-commerce and in the acquisition of qualified traffic. Envergure is a PrestaShop partner agency located in France (Paris, Bordeaux) Contact the expert : http://bit.ly/2kT5rDs PrestaShop website: https://www.prestashop.com/ PrestaShop on Twitter: https://twitter.com/PrestaShop PrestaShop on Facebook: https://www.facebook.com/prestashop/
Views: 25635 PrestaShop Official
UX Design for eCommerce: Lecture 11- Effective Product Page Visuals: Part 1
 
05:58
This lecture continues where the last lecture left off. You'll learn four more important things to think about when designing product page images.
Views: 1410 Netcraft
eCommerce Marketing - 10 Tips to a Highly Convertible Product Page
 
07:42
What your store to have a highly convertible eCommerce product page? Watch this video for 10 great tips! ...check it out! - By Marketing 360® / https://www.ecommercemarketing360.com/ Intro: A highly convertible product page is key to success with any eCommerce store. So let’s jump in and talk about 10 tips on how to do that! 10 Tips: 1 - Big professional product photography 2 - Product video 3 - Trust Badges (free shipping, fast shipping, quality guarantee, easy/free returns, secure checkout) 4 - SEO optimized title and description. 5 - Clear price and order button (big order button, shash out price, price match) 6 - Lots of reviews! 7 - Social share buttons “share with friends” 8 - Easy to find support number and/or chat 9 - Fast load time, mobile friendly 10 - Compare with competitors and make sure you’re is the best! Would you click you? Would you buy from you? Conclusion - Thanks for watching. If you found this content helpful please take a second and like, share and comment. Also make sure to follow us for more great content just like this down the road or text “marketing” to 39970 to opt into our weekly marketing tip text messages. Happy marketing! --- Presented by: JB Kellogg JB Kellogg is the Co-Founder & Co-CEO of Madwire®. Madwire's brands Marketing 360® and Top Rated Local® are popular platforms used to help small businesses grow. Madwire was founded in 2009 and has since grown to nearly 1,000 people and over 100MM in annual revenue. JB & Co-CEO Joe Kellogg were recognized as Glassdoor's Highest Rated CEOs for 3 consecutive years (#1 overall in 2016). JB is passionate about small business marketing, leadership, sales, team culture and more and often shares the tips, tricks and strategies he's learned in life and while growing Madwire. JB Kellogg on LinkedIn: https://www.linkedin.com/in/jb-kellogg-8567a029/ --- Marketing 360® is the #1 Marketing Platform® for Small Business. It has everything you need from design, to marketing, to CRM. Powered by Madwire® - voted one of the Nation's Best Places to Work by Glassdoor in 2016 & 2017! Follow Us: Marketing 360® Website: https://www.marketing360.com/ Madwire® Website: https://www.madwire.com/ Facebook: https://www.facebook.com/marketing360/ Instagram: https://www.instagram.com/marketing360 Twitter: https://twitter.com/fuelsyourbrand Pinterest: https://www.pinterest.com/fuelyourbrand/ Snapchat: https://www.snapchat.com/add/fuelyourbrand Youtube: https://www.youtube.com/marketing360
Views: 244514 Marketing 360
Designing the product page — Webflow Ecommerce tutorial
 
05:34
In this video lesson, we'll cover building out a product page from a Webflow Ecommerce store that contains several sample products. ---------- Get started with Webflow: https://wfl.io/2r7cVUW https://webflow.com https://twitter.com/webflow https://facebook.com/webflow
Views: 3723 Webflow
5 Ecommerce Optimization Tips to Improve Your Product Page Conversion Rates
 
02:54
As an e-commerce store, you make all of your money from product pages. And I am going to show you how to optimize them. Subscribe here to learn more of my secret SEO tips: https://www.youtube.com/subscription_center?add_user=neilvkpatel Find me on Facebook: https://www.facebook.com/neilkpatel/ Read more on my blog: https://neilpatel.com/blog/ Step #1: Optimize your meta tags - Put in your product name within the title tag and include keywords. And for your meta description be descriptive on what the product is and the benefits. Step #2: Optimize user metrics - If people bounce off your product pages it will hurt your search rankings. Focus on your product description, high-quality product images and maybe even add a video. If you have reviews, showcase them as well as what people rate the product as. Step #3: Optimize headings - Headings make it easy to skim your product page as well as tell search engines what your products are about. Within your headings include keywords. Step #4: Include feature lists - When people are looking for products they sometimes Google for the features. Make sure you bullet out the main features on each of your product pages. Step #5: Cross link - Within your product page link to other relevant products. Cross linking ensures that all of your products get indexed, which helps with your search rankings.
Views: 26967 Neil Patel
Create Custom Product Pages Using Elementor *FINALLY*
 
18:36
In this video I show you how to create custom product pages and custom archive pages for your WooCommerce Shop. You can try it already using the beta version of Elementor Pro and soon it will be released in the new version of Elementor Pro! You can get Elementor Pro over here: http://ferdykorp.com/elementor WooCommerce is an amazing tool that helps you to create webshops on your Wordpress website but the downside is that it has quite some limitations when it comes to designing the product page. Using Elementor Pro you can eliminate those limitations. You can style the product and archive pages of your WooCommerce tutorial exactly how you want this! In this video I will show you how it is done!
Views: 32236 Ferdy Korpershoek
Free Design Resources for Graphic, Web, & Product Design | Inspiration, Assets, Typography, Tools
 
09:55
Talking about amazing free resources for graphic designers, web designers and product designers. If you're just starting out in web design and need to know where to go for some good assets, or maybe you're a seasoned graphic or product designer that's in need a shot of inspiration. In this video I cover some of my favorite resources you can find online and the best part is... there all free. Well almost all of them, there are some tools at the end that cost but have free trials. Remember to Subscribe https://goo.gl/6vCw64 🤘 Links to all of the resources are below, and please let me know what type of videos you would like to see in the future. /// Inspiration Dribbble - https://dribbble.com/ Muzli - https://medium.muz.li/ Inspiration Grid - http://theinspirationgrid.com/ PTTRNS - https://pttrns.com/ // Assets The Noun Project - https://thenounproject.com/ Premium Pixels - http://www.premiumpixels.com/ Sketch App Rocks - http://sketchapp.rocks/ // Typography Google Fonts - https://fonts.google.com/ My Fonts - http://www.myfonts.com/ Grid Lover - https://www.gridlover.net/try // Stock Photography Unsplash - https://unsplash.com/ Pexels - https://www.pexels.com/ // Tools Coolers - https://coolors.co/ Invision - https://www.invisionapp.com/ Right Font - https://rightfontapp.com/ Sketch - https://www.sketchapp.com/ ------------------------------------------------------------------------------------ ////////// Website http://www.jesseshowalter.com - ////////// Subscribe: https://goo.gl/6vCw64 - ////////// Social Twitter: http://twitter.com/iamjesseshow Anchor: https://anchor.fm/iamjesseshow Instagram: https://www.instagram.com/iamjesseshow Medium: https://medium.com/@iamjesseshow - ////////// Equiptment Vlogging Camera - Panasonic G85 http://amzn.to/2EwumHn - Drone- DJI Spark http://amzn.to/2CpodH9
Views: 58628 Jesse Showalter
Breaking The Mold Part 2 | E-Commerce Product Page
 
15:44
Today we are going to design an E-Commerce Product page. We will be trying to break out of the norm of white backgrounds with a simple image gallery and add a little pizzaz. We will comply with some of the standards but add some vertical text, full image backgrounds, and flip the script by adding the info on the left instead of right. Remember to Subscribe https://goo.gl/6vCw64 This series is all about finding those typical web design patterns and thinking outside the box to find a fresh and fun way to execute a similar vision. Don't get wrapped up in doing the same thing over and over, try something new, be inspired, Break The Mold! #webdesign #uidesign #breakingthemold ------------------------------------------------------------------------------------ ////////// Sign up for my Monthly Newsletter http://jesseshowalter.com/newsletter ////////// Like What I Do, Buy Me a Coffee https://www.buymeacoffee.com/jesseshowalter ////////// My Awesome Music is from Musicbed http://share.mscbd.fm/iamjesseshow ////////// Equiptment https://www.amazon.com/shop/jesseshowaltertv ////////// Social Twitter: http://twitter.com/iamjesseshow Anchor: https://anchor.fm/iamjesseshow Instagram: https://www.instagram.com/iamjesseshow Medium: https://medium.com/@iamjesseshow
Views: 1784 Jesse Showalter
Create Your Own Product Page Design with Elemetor Pro - WooCommerce Product Page Dynamic Template
 
22:51
How to Create Your Own WordPress WooCommerce Single Product Page Design with Elemetor Pro - Single Product Page Dynamic Template 2018 Tutorial ★ ----- Important Links ----- ★ * Tmd Hosting -- https://bloggdude.com/tmd (Use NAYYAR7 for 7% Discount) * Elementor Pro -- http://bloggdude.com/elementor * Free Images Download -- http://bit.ly/2QMJ67L * SiteGround --- https://bloggdude.com/sg (Get 60% OFF Link) * A2 Hosting --- https://bloggdude.com/a2 (Get 51% OFF Link) -------------------------------------- ☑ Watched the video! ☐ Liked? ☐ Subscribed? -------------------------------------- ☑ Twitter -- https://twitter.com/realnayyar ☑ Facebook -- https://www.facebook.com/bloggdude -------------------------------------- ★★★Elementor Pro Video Playlist★★★ https://www.youtube.com/watch?v=YlqhPnKf8HU&list=PLjR7HjmPoicEVCFa75468V_XVA47FLJO4 ★★★eCommerce Video Playlist★★★ https://www.youtube.com/watch?v=sO3ujao67Dw&list=PLjR7HjmPoicEyJPKnoj5w7rdPIKjJ-KZu ★★★Complete WordPress Website Tutorials★★★ https://www.youtube.com/watch?v=mRsUSoyhDNk&list=PLjR7HjmPoicHwIytCRu8LothNjizC5vr_ ★★★WordPress Tips & Tricks★★★ https://www.youtube.com/watch?v=-ym9ep8aLv4&list=PLjR7HjmPoicHi7wS3JK2dGfBmoDFCg7o8 For more tutorials like this, or to learn how to make a wordpress website feel free to visit my website. Also make sure to subscribe to my newsletter where i give away divi layouts! Note: Some of the above links are Affiliate Links, Which Means I earn Some Commission through that Which helps me Keep Making these Free Videos for You. #wordpress #elementor #woocommerce
Views: 5113 Nayyar Shaikh
How to design a killer home page (advanced web design)
 
09:53
Download all my best web design wireframes at http://bit.ly/webblueprints. Call or click Videospot today for a website design evaluation or a quote on working with us as your design team. We are happy to review your assets and see if we can improve them. 760-208-1000 http://thevideospot.net/work-with-us In this video, I'll look at some simple techniques for home page design. In this video, the main points that I cover include: Table of Contents Engagement Media Content Silos Scrollable Connects to your main offer Defines your role Footer No Flash (media or programming) In web design, the home page design should function as your gateway to the rest of your offers and content and should therefore operate as a funnel to your company. The home page design should 1 of 5 major page designs including: Home page design Silo page design Sub-silo page design Landing Page Design Contact page Design For more information: [email protected] http://www.thevideospot.net 760-208-1000 http://www.twitter.com/thevideospot http://www.fb.com/yourvideospot
Views: 287456 Owen Video
🔥High Converting Shopify Product Page Guide | 2018
 
09:33
In the video I will show how to create a high converting product page to increase your sales. ✅ Get Your FREE Winning Product Cheatsheet (+Bonuses) http://lnkh.co/WinningPDF ✅ My Recommended Resources, Tools, Apps (+FREE Bonuses): http://lnkh.co/IvyResources ✅ Coaching Student Results (Testimonials) http://lnkh.co/StudentResults ➡️ Facebook Group http://lnkh.co/IvyZhuFbGroup ➡️ Instagram (@theivyzhu) https://www.instagram.com/theivyzhu/ 🔴SUBSCRIBE & Join the #IvyNation: http://bit.ly/SubscribeToIvyZhu ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 💵 LINKS THAT WILL MAKE YOU MONEY: ✅  Apply For 1on1 Coaching With Me (Watch Case Study First) http://lnkh.co/FreeCaseStudy ✅ My Recommended Resources, Tools, Apps (+FREE Bonuses): http://lnkh.co/IvyResources ✅ Want To Start Your Own Shopify Store? (Free Trial) http://bit.ly/IWantToStartShopify ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 🗣TALK TO ME ON SOCIAL MEDIA: Want Daily Quick Tips? Follow Me On Instagram ► http://bit.ly/TheIvyZhuInstagram Have Questions? Ask Me In My FB Group ► http://bit.ly/eComSquadFBGroup ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ DISCLAIMER: Any information or advice I give is purely based on my own experience and research. There is no guarantee as there are many variables that will impact your success. Everything stated should be taken as opinion. ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ keywords: hayden bowles, tanner planes, beast of ecom, braden wuerch, james still, trey cockrum, malik mufasa, the real zaki, kevin david, franklin hatchett, ricky hayes, gabriel st. germain, king comm, gary lim, steve tan, evan tan, istack, oberlo, jordan welch, nick arora, andy mai, marco rodriguez, sean prentice, instagram influencers, best instagram influencers for dropshipping, braden wuerch, facebook ads targeting, how to scale dropshipping, when to kill adset, shopify winning product,, shopify secret, facebook ads method, shopify method, paypal hold, shopify stripe, paypal issues, how to edit video, shopify video editing, facebook video ads, shopify case study, shopify success story, shopify product research method, facebook ads mastery, step by step tutorial shopify, shopify guide, shopify course, shopify hack, shopify dropshipping fail, how to scale facebook ads,thaddy, thaddeus strickland, shri kanase, nate andres, ethan zeng, entrepreneur uprising, tremayne turner, zaki mohamed, tanner j fox, sebas bedoya, chirag sharma, j rich, gabriel beltran, zach inman, sebastian esqueda, alex becker, devin zander, deadbeat super affiliate, ryan daniel moran, mike vestil, samir chibane, chris record, adil maf, ecommerce empire builders, brennan valeski, champagne, brotherhood, richard jordan louie, nick peroni, dominik lisowski, sean kelly, drop ship lifestyle, till boadella, peppe, fred lam, dan dasilva, clickfunnels, sebastian gomez, james beattie, arie scherson, tristan broughton, juan valdez, the realistic entrepreneur, sebastian ghiorghiu, youse, flying start online, dropshipping amazon, dropshipping facebook ads tips, best products to dropship 2018, dropshipping niche 2018, drop shipping facebook ads strategy, facebook store drop shipping, how to sell aliexpress products on facebook, best products to sell online 2018, trending items 2018, niche products 2018, instagram influencers shopify, scott hilse
Views: 6300 Ivy Zhu
How to Craft The Best Shopify Product Page on the Web
 
24:15
Discover the top 3 persuasion levers every Shopify product page MUST have to maximize your conversions, sales and profits. Grab my FREE E-Commerce Email Marketing Templates here → https://shoptimized.net/e-commerce-emails/ Shoptimized FB Group → https://www.facebook.com/groups/shoptimized Subscribe to the Shoptimized YouTube Channel too—we'll be releasing more FREE Shopify training videos soon!
Views: 12960 Shoptimized Theme
Product Page User Interface Design | HoeGaatDat Speedart
 
04:09
Vandaag is het weer tijd voor een nieuwe speedart! Dit keer is het een product page user interface design. We zijn benieuwd wat jullie hiervan vinden en of jullie het vaker willen zien, laat het achter in de reactie's! Volg ons op Social Media https://www.facebook.com/hoegaatdat https://twitter.com/HoeGaatDat http://instagram.com/hoegaatdat Heb je een uitgebreidere vraag of wil je gewoon even je hart luchten? Stuur je werk voor MailTijd in via [email protected] Voor andere vragen [email protected] HGD zakelijk [email protected] Zakelijk: [email protected] HGD website: http://hoegaatdat.com/ Ons achterliggende bedrijf: http://coffeebottle.com/ BEDANKT VOOR HET KIJKEN ! Wie laf joe
Views: 4486 HoeGaatDat
Responsive Bootstrap Website Tutorial with Full Screen Landing Page
 
43:28
➢ LATEST BOOTSTRAP TUTORIAL: http://bit.ly/COMPLETE-HTML-WEBSITE ➢ STARTER FILES: https://m.w3newbie.com/d/tutorial-26.zip ➢ NEW BOOTSTRAP THEME COURSE: http://bit.ly/advanced-bootstrap-course (94% Off Link) ➢ SUSCRIBE: http://goo.gl/Y2rJSj ➢ FACEBOOK: https://www.facebook.com/w3newbie/ ➢ TWITTER: https://twitter.com/DrewOnCue ➢ INSTAGRAM: https://www.instagram.com/drew_ryan_/ Create A Responsive Bootstrap Website Tutorial with a Full Screen Landing Page!
Views: 144413 Drew Ryan
How to Design and Code a Product Landing Page – Part 1
 
35:22
This video is the very first of a new series called "How To Design and Code a Product Landing Page". The specific project you will see involves me taking you from start to finish while designing and coding a responsive product landing page. Project details The subject matter at hand is a real life project my partner Alyssa and I (https://coupleofcreatives.com) are building for a family member. The product itself is called H2OH drink. It is targeted toward those looking for a beverage that actually promotes healthy teeth and gums rather than being filled with sugar, dies/colors, and unnatural ingredients that would otherwise cause harm over time. The website will be a portal for, Jaime (the owner), to allow customers to purchase the drink mix online and be shipped virtually anywhere in the world. My responsibilities include designing a modern landing page and coding it. For this project, I make use of Affinity Designer, Photoshop, Affinity Photo, Sublime Text, WordPress and a few plugins. There is some e-commerce integration as well. Original blog post: https://web-crunch.com/design-code-product-landing-page-part-1/ Check out the blog: https://web-crunch.com Check out my agency: https://coupleofcreatives.com
Views: 2202 Web-Crunch
Building a product page | Webflow Ecommerce series - Episode 2
 
22:55
Next up in my Webflow Ecommerce series I'm building a product page that displays all the information about my prints for sale. AD - Proudly sponsored by Webflow: https://wfl.io/products Webflow now has Ecommerce! That means you can build online stores just as easily as you can any other website or landing page by coding it visually. In this series I'm taking you through the whole process of building out my own online store as part of my personal website. In this episode I'm building the product page and you'll see how I connect to the CMS to fetch product images, use a dynamic background color and create some fun interactions! --- Episode one: Store setup https://youtu.be/6h4gAfSdZQ4 Episode two: Product page (this video!) Episode three: Category page & storefront https://youtu.be/7-aMTeFbTWY Episode four: Shopping cart - coming Feb 15th Episode five: Checkout & order confirmation - coming Feb 16th Episode six: Emails & ads - coming Feb 17th Start building an online store for yourself or your clients using Webflow: https://wfl.io/products ----------------------------------------------- // ENJOY MY VIDEOS? My videos no longer have pre-roll ads because I think ads are annoying. That means you don't have to sit through ads, and it also means I don't earn anything from the content I put on YouTube. If you want to support me and my channel the best thing you can do is join my Patreon! You'll get tons of extra content and ways to learn, like behind-the-scenes process info, downloadable assets or even a monthly group Google Hangout! Choose your tier and sign up here: http://patreon.com/charlimarie ----------------------------------------------- // ABOUT ME Hello there! I'm Charli and I'm a web and graphic designer from New Zealand currently living in London and posting design videos every Saturday about tools, projects, and concepts and vlogs every Tuesday about my life as a designer. Please subscribe and say hi in the comments so we can be friends :) ----------------------------------------------- // MORE Blog: http://www.charlimarie.com Online apparel store: http://linernotekids.com/ Design portfolio: http://charlimarie.com/portfolio Podcast: http://designlife.fm // SOCIAL Twitter: https://twitter.com/charliprangley Instagram: http://instagram.com/charliprangley Facebook: http://www.facebook.com/charlimarieTV My sister SmayJay's channel: http://www.youtube.com/frangisamme ----------------------------------------------- // MUSIC & TECH Music: YouTube Audio Library My gorgeous intro animation was created by hand lettering animator Austin Saylor, you should hire him to do yours too: http://www.austinsaylor.com/ ----- This video is part of a paid promotion by Webflow, my favorite website building tool!
Views: 4056 CharliMarieTV
How To Make Ecommerce Product Page Using HTML CSS And Bootstrap
 
13:03
How To Make eCommerce Website Product Page Using HTML CSS And Bootstrap ► Subscribe Us: https://goo.gl/tTFmPb In this video you will learn to create an e commerce website product page using HTML, CSS and Bootstrap. ------------------------------------- Watch more videos from my channel: 1. Create Website Team member in HTML & CSS https://youtu.be/cP9KxNqHrUY 2. Create Services section Using HTML and CSS https://youtu.be/twvWRXbj_qI 3. How to create Profile card in HTML and CSS https://youtu.be/nRrzonv1R5c 4. Add Moving Particles on Website with HTML and CSS https://youtu.be/Uzpn4n0nk4I 5. Create Contact Form Using HTML CSS PHP https://youtu.be/Iv93yjdvkWI 6. Add Background Video in HTML Website https://youtu.be/PqVZTYxF0hk 7. Make Image Gallery in Website using HTML and CSS https://youtu.be/C1B1Fx3XKOg 8. Create Login form in HTML and CSS https://youtu.be/OWNxUVnY3pg ------------------------------------ Image Credit: Image from Pixabay Music Credit: Song: Ikson - Anywhere (Vlog No Copyright Music) Music promoted by Vlog No Copyright Music. Video Link: https://youtu.be/UY08PUqArZI ------------------------------------- Like - Follow & Subscribe us: ► YouTube: https://goo.gl/tTFmPb ► Facebook: https://goo.gl/qv7tEQ ► Twitter: https://twitter.com/ItsAvinashKr
Views: 8700 Easy Tutorials
Customising the Woocommerce Product Page using Beaver Builder and Toolset
 
22:50
Thanks for watching! Stay Tuned for more videos so make sure you subscribe. You can download the tools you need for this tutorial here. Toolset - https://goo.gl/V1LSCD Powerpack - https://goo.gl/Vf4YQV Beaver Builder - https://goo.gl/QP41lw Make a donation : http://wp.me/P2S1Ro-Sv Check out my website : http://thedesigncreative.co.uk/ ---------------------------------------------------- Favourite Plugins Divi - http://thedesigncreative.co.uk/godivi Beaver Builder - http://thedesigncreative.co.uk/gobeaver SoulSections - http://thedesigncreative.co.uk/goginger Duplicator Pro -http://thedesigncreative.co.uk/goduplicator Gravity Forms - http://thedesigncreative.co.uk/gogravity ---------------------------------------------------- Favourite Themes Headway Themes - http://tiny.cc/2pnnjx WordPress - http://tiny.cc/gtnnjx GeneratePress - http://bit.ly/1YQ7D9F Divi - http://goo.gl/mmi6pg Beaver Builder - http://thedesigncreative.co.uk/gobeaver Please note some of these are affiliate links and I probably will make some money if you click and buy. This helps towards supporting the creation of more videos, so thank you for clicking.
Views: 7802 The Design Creative
How to Design a Landing Page in Photoshop - Kickstarter Product
 
17:20
Hey guys, in todays video I’ll show you how to design a landing page for a product using Photoshop CC. This landing page can also be used as a standalone homepage for the product as well. You can use some of these techniques in your own design process, iI wanted to challenge myself and create a unique layout just by using simple shapes. Follow along and download the fully layered Photoshop files that includes the full design template of the landing page here: https://www.cosminserban.com/how-to-design-a-landing-page-in-photoshop This particular landing page doesn't have a form, but has the goal to get any visitor interested in the actual crowdfunding campaign. If you want to support this channel and get access to exclusive content like the realtime recordings of tutorials (unedited), timelapse videos, design podcast and custom illustrations check out my Patreon page: https://www.patreon.com/cosminserban I’ll use a typical structure that answers the three big questions for any visitor: What is this product? Why should I care about it? Who else used the product? Having the right message flow is very important with any landing page, so try and focus on that whenever you'd like to design one inside Photoshop. The grid system I've used at the beginning of this video: https://1200px.com/ Just in case you'd like to learn how to design a landing page in real-time, check out my course: https://www.udemy.com/design-beautiful-landing-pages-that-generate-quality-leads/?couponCode=YT-2019 About me // My name is Cosmin Serban, I’ve been a graphic designer for over 10 years now, started my career by doing logos and small websites for clients around the world, right now I work as a Design Consultant for https://www.instapage.com If you’d like to say hi or if you have a project in mind, you can get in touch with me here: https://www.cosminserban.com Follow me on Instagram: https://www.instagram.com/cosmindesign/ Read articles about “Design Mindset”: https://medium.com/@cosminserban Don’t forget to like this video tutorial if you enjoyed it and subscribe for more! Music: https://soundcloud.com/julian_avila/tracks #howto #design #landingpage #photoshop #webdesign
Views: 7548 Cosmin Serban
How to Create an Ecommerce Website with Wordpress ONLINE STORE! - 2018
 
04:07:35
SUPER PROFESSIONAL! Create an amazing ecommerce website using wordpress Demo site: http://www.nyctechdemo.com Important links: UPDATED VIDEO 2018: https://youtu.be/ZHdgiLV3kfU TUTORIAL: http://nyctechclub.com/make-ecommerce-website-wordpress-online-store-2016/ GoDaddy: http://www.nyctechclub.com/godaddy HOSTGATOR: http://www.nyctechclub.com/hostgator/ (affiliate link) SHOPKEEPER THEME: http://www.nyctechclub.com/shopkeeper (affiliate links above) HOSTGATOR COUPON CODE (HIGHEST POSSIBLE): NYCTECH30 (affiliate coupon code) 20:04 - Step 1: Register Domain & Hosting - Ecommerce Website http://www.nyctechclub.com/hostgator/ 25:01 - Step 2: Go to Email Inbox 25:24 - Step 3: Log into Cpanel 25:44 - Step 4: Install Wordpress 27:47 - Step 5: Log into Wordpress Website 28:34 - Step 6: Get Shopkeeper theme by Getbowtie http://www.nyctechclub.com/shopkeeper 30:17 - Step 7: Install Wordpress Ecommerce Theme (online store) 32:39 - Step 8: Install Plugins for Online Store 37:17 - Step 9: Download Demo Content (not necessary) 37:44 - Step 10: Upload Demo Content 38:58 - Step 11: Create Homepage and Blogpost page for Ecommerce Website 41:36 - Step 12: Set up Wordpress Website Homepage and Blog page 42:39 - Step 13: Modify Online Store Website Permalinks 43:31 - Step 14: Add WWW. to wordpress URL 45:42 - Step 15: Select Layout Settings for Ecommerce Website 59:56 - Step 16: Create Logo and Favicon for Wordpress Website 1:08:44 - Step 17: Create Slider for Ecommerce Online Store 1:42:24 - Step 18: Customize Ecommerce Homepage 2:04:50 - Step 19: Create Shop Page for Online Store with Wordpress 2:07:13 - Step 20: Add Widgets to Shopping Page Sidebar 2:09:52 - Step 21: Create Single Product for ecommerce website 2:23:44 - Step 22: Create Variable Products for online store website 2:41:33 - Step 23: Customize Category Pages for ecommerce website 2:44:10 - Step 24: Create About Page for Wordpress Website 3:09:21 - Step 25: Create FAQ Page for online store website 3:22:26 - Step 26: Create Contact Us Page for Ecommerce website 3:27:34 - Step 27: Create Terms and Conditions Page 3:32:44 - Step 28: Create Privacy Policy Page 3:36:31 - Step 29: Make sure all the pages have been created 3:38:47 - Step 30: Create blog posts for your ecommerce website 3:45:18 - Step 31: Create Header and Footer menus for wordpress online store 3:48:24 - Step 32: Links everything together 3:54:01 - Step 33: Select Woocommerce Settings for Ecommerce Website 4:05:39 - Step 34: Test Transaction using your ecommerce website / online store with wordpress ! Learn how to create an ecommerce website with Wordpress. This is a step by step tutorial on how to make an online store so you can sell whatever you want. This free tutorial on how to use wordpress to create an ecommerce website will teach you everything about wordpress. You'll also get step by step help on how to set up your online store so it looks super professional. HOW TO MAKE AN ECOMMERCE WEBSITE WITH WORDPRESS :D Whether you want to make an ecommerce website to sell jewelry, clothes or anything else. This tutorial covers making an online store to sell simple products, variable products, virtual products and downloadable products. Want to see affiliate products through amazon? You can do that too if you make an ecommerce website following this wordpress website tutorial.
Views: 928104 NYC TECH CLUB
WordPress Product Catalog Plugin - TC Product Catalog | Best WordPress Plugins
 
08:56
Plugin Demo: http://productcatalog.themescode.com Download: https://wordpress.org/plugins/tc-product-catalog Please Subscribe This Channel and be Connected for regular updates. https://goo.gl/XJ7e4g Some Free WordPress Plugins: https://profiles.wordpress.org/themescode#content-plugins Product showcasing is an easy task for WordPress based websites using WordPress product catalog plugins. Tc product catalog is responsive and nice looking WordPress product catalog plugin. this plugin will improve the presentation of your products in your website. You show products of any specific catalog or all product using the WordPress shortcode . and this plugin is compatible will any free or premium quality WordPress themes Thank You For Watching........ Some Free WordPress Plugins: https://goo.gl/eNQrmS Visit My site: https://www.themescode.com/ Facebook: https://www.facebook.com/imran.emu88/ -~-~~-~~~-~~-~- Please watch: "Elementor Tutorial For Beginners 1 | Best WordPress Page builder Plugin 2019" https://www.youtube.com/watch?v=4Wo_T0MEu4s -~-~~-~~~-~~-~-
Views: 73359 Imran Emu
How To Create An eCommerce Website With Wordpress ONLINE STORE! - 2019 NEW!!
 
03:57:22
Get SiteGround Hosting: https://www.siteground.com/go/darreloffer #1 Flatsome Theme: https://darrelwilson.com/flatsome Join The 1st Wordpress Social Platform! Register NOW: https://www.wpfriends.com Get a Logo Here: https://www.darrelwilson.com/fiverr SUPER MODERN! Create A PROFESSIONAL and AMAZING eCommerce Website Wordpress TODAY! Here is the demo eCommerce Wordpress Website: https://www.flatsometutorial.com Here are some websites to help you with images https://www.unsplash.com https://www.fotor.com https://www.picmonkey.com https://www.pexels.com https://www.pixabay.com You can download them demo images for this tutorial here: https://s3-us-west-1.amazonaws.com/darrel/Flatsome+Images.zip Below are timestamps for you to follow in this wordpress commerce tutorial 16:40 Get THE BEST Hosting For Wordpress With Siteground 19:52 Web Hosting Dashboard 21:00 Installing Wordpress 24:00 General Wordpress Settings 26:19 Install #1 BEST WOOCOMMERCE THEME, The Flatsome Theme 31:50 Creating Pages 33:35 Creating A Menu For eCommerce Website 36:50 Designing The eCommerce Website 43:10 Finding Websites With Images, Links Are Below! 59:40 Creating Banner Section For Website 1:10:45 Creating Product 1:11:15 Installing WooCommerce Plugin 1:15:40 Creating A Simple Product 1:25:05 Editing The Product Pages 1:35:00 Customizing Category Page 1:41:30 Creating A Variable Product 1:54:20 Adding Products To Front Page 2:06:30 Adding Widgets To Website 2:12:00 Adding Blocks To Website 2:17:40 Customizing Checkout Page 2:19:00 Customizing The Account Portal 2:25:50 Adding Product Categories 2:28:00 Adding Email Subscribe On Website 2:29:40 Plugins (InstaGram) 2:33:40 Adding InstraGram Feed 2:37:00 Creating Blog Posts 2:42:38 Creating A Footer 2:53:00 Adding Blog To Website 2:54:32 Get A Clean Logo 2:55:00 Creating A Header and Theme Customizer 3:09:30 Changing The Fonts 3:14:35 Adding The Wishlist Feature 3:19:00 Creating The About Us Page 3:22:40 Mobile Optimization 3:25:30 Creating The Contact Page 3:31:15 Testing The Contact Form 3:32:25 General WooCommerce Settings 3:34:20 WooCommerce Taxes Setup 3:38:22 WooCommerce Shipping Setup 3:42:28 Setting Up Payment Methods 3:43:20 Creating A Stripe Account 3:49:00 Customizing Emails 3:53:00 Creating Coupons 3:56:46 My Favorite Beer SALES TAX FAQ: You can read more about sales tax from the taxer blog here https://blog.taxjar.com/charging-sales-tax-rates/ ADDITIONAL TUTORIALS: To watch the complete woo commerce tutorial for 2018 click here! https://www.youtube.com/watch?v=-nEPFB0e4vs&t=2419s FREE lives sales notifcations for your store: https://www.youtube.com/watch?v=gjgwv1pMrKM&feature=youtu.be To learn more about product add ons or other woo commerce extensions, click here! https://www.youtube.com/watch?v=KEyCFZtdUh0 Use the #1 best commerce wordpress theme, 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 wth wordpress! This is a step by step tutorial on how to make an online store and commerce website! Its 2018, no more ugly websites! You are going to learn how to create an amazing commerce wordpress website, so watch this video on How To Make An eCommerce Website With Wordpress 2018 and you will have an amazing commerce wordpress website running in a few hours! For more tutorials like this, feel free to visit my website at https://www.darrelwilson.com
Views: 509816 Darrel Wilson
How to Make a Single Product Template for WooCommerce with Elementor Page Builder
 
12:43
Elementor just released their long-awaited ability to style single woo product pages with Elementor itself! This is a much-needed ability and makes life so much easier when building e-commerce sites! Get Elementor Pro: https://wattz.co/elementorpro Get Astra: https://wattz.co/astra
Views: 26855 WPBuilders
[Day 13] Shopify A to Z - HOW TO CUSTOMIZE PRODUCT PAGES AND CREATE LANDING PAGES IN SHOPIFY
 
17:58
Brand new Facebook Ads method: https://danbukin.com Spy Software Access: https://danbukin.com/shopify-spy-tool Free USA Drop Ship Directory - https://danbukin.com/usa-dropshipping-directory If you enjoyed the content leave me a like, comment, and subscribe! Follow me! Instagram: https://www.instagram.com/danbkn Facebook: https://www.facebook.com/profile.php?id=100009434420702 Snapchat: @ecomgod Email: [email protected] Thanks for watching!
Views: 42152 Dan Bukin
Responsive Product Landing Page | HTML, CSS and jQuery Tutorial 2019
 
49:05
In this video I will be showing you how you can create responsive product landing page. I hope you enjoy this tutorial! Make sure to subscribe and to hit the bell icon so that you get a notification whenever I upload a new video. Don't forget to like, comment, and subscribe! More from me: https://bit.ly/2Q3pCiB Disclaimer: To save time, I rarely include css vendor prefixes for cross browser compatibility. If you plan to use this code please make sure that you use a prefixer. ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Contact info: [email protected] ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Ignore: landing page,full screen landing page,html landing page,landing page design,media queries,full screen landing page design,landing page tutorial,full screen landing page css,full screen landing page html,responsive landing page,responsive website,responsive design,responsive web design,html,css,html5,css3,web development tutorial,jquery,responsive web design tutorial,how to make a responsive website,how to create a landing page,landing pages
Views: 4277 Coding with Julio
How To Customize Woocommerce Product Pages with Elementor Pro
 
22:01
Who hates boring #Woocommerce pages? Yay! Me too!!! With the new version of #Elementor Pro for #WordPress, you can do away with the yawn fest of similar designs and get creative building your own custom looks. Tap into the incredibly powerful template engine that Elementor provides to create a simple page layout for all your sales pages or create truly unique designs and harness the power of conditions to have loads of different designs. - ELEMENTOR PRO: http://bit.ly/2u3mzYX Take your Wordpress website and skills to the next level! AFFILIATE DOWNLOADS If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support. - Pre Order Brizy Pro NOW: https://bit.ly/2Ji97r8 - OCEANWP: http://bit.ly/2fRHBr0 - ELEMENTOR PRO: http://bit.ly/2u3mzYX - WPBakery Page Builder (Formerly VISUAL COMPOSER): https://bit.ly/2NVbVNP - DIVI 3 Page Builder: http://bit.ly/2HiiDcE - DIVI Theme: http://bit.ly/2G8JMiA - SMART SLIDER 3: http://bit.ly/2G0G1vB - Astra Pro: http://bit.ly/2zruoKn - CSSHERO: http://bit.ly/2qbrRl6 - SLIDER REVOLUTION 5 - https://bit.ly/2NYr8NV - IMPREZA THEME: https://bit.ly/2mpK9wp SUBSCRIBE http://bit.ly/2rX7rhu LETS CONNECT: https://twitter.com/WPTutz SUPPORT: Our website offers additional information and perks. Please check it out! http://wptuts.co.uk -~-~~-~~~-~~-~- Speed Up Your Wordpress Website in 30 Seconds or Less!! https://www.youtube.com/watch?v=9pLbCFHzWyE -~-~~-~~~-~~-~-
Views: 40352 WPTuts
THE PERFECT SHOPIFY PRODUCT PAGE! DESCRIPTION, IMAGES, CTA, SCARCITY - (Day 14/30) #Bizathon3
 
32:11
Sign up for the Zero Up webinar: https://www.flyingstartonline.com/go-zeroup As of June 2018, our store runs on the fabulous Dropship Theme. Get it here: https://ecom.flyingstartonline.com/theme In This Video, Rito explains and shows you: - How to set up the perfect Shopify product page - The core elements of each product page on your store - Why you need to pay attention to little things like image placement - How you can increase AOV by 30% on average with this one hack! To learn the entire system step-by-step, enroll in The DOer Club: ⭐ Get The Shopify Bizathon Course: http://TheDOerClub.com ⭐ Watch me build a brand new Shopify Store from SCRATCH in 30 Days - working just 15 minutes/day - LIVE on Camera! #Bizathon3 * Subscribe to our YouTube channel * * Like, Comment, & Share * -~-~~-~~~-~~-~- Please watch: "How To Create "Money Making" Facebook Ad Videos" https://www.youtube.com/watch?v=972AIFrIksM -~-~~-~~~-~~-~-
Views: 23567 Flying Start Online
How To Build A One Product Dropshipping Store with Shopify (2019)
 
02:53:38
SHOPIFY 14 Day FREE Trial: https://www.shopify.com/?ref=elliott-prendy *I am giving away a dropshipping store created by me! https://chilkootridge.com/. To be in with a chance of winning the store, head to https://foundergo.co/ and enter in your email address. Be sure to comment 'Chilkoot Ridge' down below too!* Today, I will be showing you how to set up a one product dropshipping store using Shopify. I will be showing you everything step by step in this full length tutorial. One product dropshipping is an amazing way to get started with dropshipping as it allows you to solely focus on one product and use all your efforts into marketing that product. I hope you enjoy the full tutorial, please be sure to give the video a thumbs up if you do and make sure to subscribe to the channel One Product Shopify Store Preview: 00:00:00 - 00:02:43 Benefits of One Product Dropshipping: 00:02:44 Type of products that work with One Product Dropshipping: 00:04:49 The Perfect One Product Store: 00:05:09 Features VS Benefits of a product: 00:06:43 Examples of good products for One Product Dropshipping: 00:07:27 Picking a brand name for your store: 00:12:16 Purchasing a domain name: 00:15:08 Signing up for Shopify: 00:15:37 Installing Oberlo: 00:17:30 Importing your first product: 00:18:42 Choosing a product title: 00:20:13 Writing the perfect product description: 00:22:47 Pricing your product & pushing to your store: 00:31:19 Choosing a theme: 00:35:20 Getting the perfect product images: 00:36:38 Customzing your theme (Hero Image): 00:43:13 Choosing store fonts & colors: 00:49:54 Adding a gallery to your store: 00:53:43 Creating product images with Canva: 00:54:53 Adding text & images to your gallery: 00:59:12 Adding a product video to your store: 01:05:53 Editing your product video: 01:07:09 Uploading the product video to YouTube: 01:13:40 Uploading product video to your store: 01:15:14 Adding Anchor Links to Shopify: 01:19:26 Finishing off your landing page funnel: 01:27:45 Adding Images to your Product: 01:36:28 Editing the menu: 01:41:30 Creating a logo: 01:42:58 Creating a Returns & Refunds page: 01:49:01 Creating a Contact Us Page & Form: 01:53:16 Creating a Privacy Policy page: 02:01:19 Creating a Terms of Service page: 02:10:17 Creating a Shipping & Returns page: 02:14:23 Adding a footer menu: 02:23:11 Adding a Currency Converter app: 02:29:01 Adding a Sales Timer app: 02:32:24 Adding an Abandoned Cart app: 02:42:53 Connecting a domain to your Shopify store: 02:51:03 Adding an announcement to your store: 02:51:55 ENTER INTO THE MASSIVE GIVEAWAY: 02:53:06
Views: 98608 Elliott Prendy
How To Create A Custom Category Page and Product Page With The Divi Theme!
 
10:01
Get Access To Divi Archive Builder: https://darrelwilson.com/divikingdom Get Divi Theme Here: https://www.darrelwilson.com/divi In this video, ill go over how to can edit the divi theme product page, divi theme category page, and even the post, product archive pages as well this the new divikingdom plugin. The divikingdom plugin allows you to make custom pages without have the website re-direct to the old builder. You can also get access to the blog page on how to change the post category page here: https://www.brandedbybritt.co/how-to-create-custom-category-pages-for-your-divi-blog/ In that article, the owner goes over several ways on how to add CSS in order to change your old post archive page into something that you can customize with the divi builder! More more tutorials like this or to learn how to use the divi theme, feel free to visit my website at https://www.darrelwilson.com
Views: 17098 Darrel Wilson
Photoshop and HTML Tutorial Now Available: Designing a Single Page Product Website
 
01:12
Learn more: http://www.digitaltutors.com/tutorial/1812-Designing-a-Single-Page-Product-Website-in-Photoshop-and-HTML In this Photoshop tutorial we'll look at the design and development workflow for a single page product website. We'll begin with how to design a concept and subsequent wireframe document. Then we'll use the leading tool in the field, Photoshop, to design the actual layouts for the website. This will include preparing the basic design elements, separate sections and also the mobile device elements for responsive layout. Once we have the layout finished, we'll use technologies such as HTML5, CSS3, jQuery and Sass with Compass to develop the website and bring our design to life. By the end of this Photoshop training, you’ll be more comfortable setting some global and helper styles, styling specific sections of the website, integrating plugins and setting media queries for different screen sizes. -~-~~-~~~-~~-~- Digital-Tutors is now Pluralsight. Learn more: ➨ https://www.youtube.com/watch?v=DswEJDodZEI -~-~~-~~~-~~-~- Digital-Tutors is now part of the Pluralsight technology learning experience! Enjoy all the creative learning you've come to love from Digital-Tutors on Pluralsight and MORE! Gain access to THOUSANDS more expert-led courses.
Views: 2661 Pluralsight Creative
Creating Product Pages That Convert - Grow Store | Bigcommerce University
 
04:24
Product pages are the most important part of any ecommerce store. Your Bigcommerce store should have identifying product titles, detailed descriptions, attractive images and beautiful product page design so your shoppers don't have to think twice about buying your products.
Views: 4229 BigCommerce
UI Design - eCommerce Product Page Design Tutorial in Adobe Photoshop
 
12:30
UI Design - eCommerce Product Page Design Tutorial in Adobe Photoshop eCommerce Product Page design in Adobe Photoshop. Working on creating a cool product page layout for future web designs. This design has simple breadcrumb menus, product image, product description, macro information, review button and an order button. Have a great day and don’t forget to Like, Share the video and Subscribe to NEW VIDEOS! Used: Adobe Photoshop CC 2018 Social Link:- Facebook - https://www.facebook.com/designcollarstudio Twitter - https://twitter.com/design_collar Instagram - https://www.instagram.com/designcollarstudio/ Linkedin - https://www.linkedin.com/company/13430390/ Behance - https://www.behance.net/DesignCollarStudio
Views: 477 Nishanth Kunder
Web design tutorial: How to design Website in Photoshop
 
13:14
Web design tutorial: How to design a website in Photoshop - In this video tutorial I show you How to design Website in Photoshop in easy to follow steps. You will learn photoshop shortcuts and tips to build a web page design in Photoshop CC. ---------------------------------- Sign up today with InMotion Hosting and get 57% OFF on hosting and full access to my Divi and WordPress courses for free. https://makuniversity.com/hosting BUY DIVI 3.0 HERE https://makuniversity.com/divi 50% DISCOUNT ON DIVI 3.0 BEGINNER COURSE COUPON CODE DV50 https://makuniversity.com/db3 ▷ Try Skillshare Premium FREE for 2 months: https://makuniversity.com/skillshare
Views: 351700 MAKTV
How to Customize WooCommerce Product & Product Archive Pages Via Elementor
 
07:22
In this tutorial learn how you can build the WooCommerce single and archive product page templates using Elementor's WooCommerce Builder. You'll learn how to: ✓ Use WooCommerce with Elementor ✓ Create a custom design for your products and archive ✓ Save a single and archive template with conditions by category Subscribe to our Youtube channel and be the first to get our AWESOME videos! Get Elementor: https://elementor.com/ Join Pro: https://elementor.com/pro/ Get WooCommerce: https://woocommerce.com/
How to Design an eCommerce Website With Elementor, WooCommerce & Storefront
 
15:12
UPDATE: We just released a new tutorial on the subject: https://www.youtube.com/watch?v=F2gyAeZdU9s Get Elementor Pro with WooCommerce widgets: https://elementor.com/pro In this video, you will learn how to design a complete eCommerce hompage and contact page, using Elementor, WooCommerce and StoreFront. Storefront is the free and official theme for WooCommerce, the most popular eCommerce store solution for WordPress. By utilizing the visual design capabilities of Elementor, you can customize your Storefront website in a visual, quick and easy way. ** Tools Used ** Elementor: https://elementor.com Elementor Pro: https://elementor.com/pro WooCommerce: https://woocommerce.com/ Storefront: https://woocommerce.com/storefront/
Homepage Design | UX/UI Design | Product Design | Udacity
 
03:13
Learn with Udacity and Google in our FREE Product Design course and check out the Tech Entrepreneur Nanodegree program! ►►► http://bit.ly/Tech-Entrepreneur-Nanodegree ◄◄◄ ----------------------------------------­--------------------------------------------------- Built in partnership with Google, this program mixes theory and practice to show students how to transform ideas into market-ready products. ----------------------------------------­--------------------------------------------------- Product Design: Validation and UX through Design Sprints ----------------------------------------­--------------------------------------------------- ►►► http://bit.ly/Product-Design-Course ◄◄◄ ----------------------------------------­--------------------------------------------------- ● What's in the course? There is nothing more powerful than an idea whose time has come. This course is designed to help you materialize your game-changing idea and transform it into a product that you can build a business around. Product Design blends theory and practice to teach you product validation, UI/UX practices, Google’s Design Sprint and the process for setting and tracking actionable metrics. ● Why take this course? Over the years, Silicon Valley startups have developed a series of frameworks and best practices for product design. Through startup case studies and interviews with industry experts, we want to bring you the best of Silicon Valley with lessons you can apply to influence the design of your mobile or web app. By the end of the course, you will know how to perform a Google Design Sprint (developed at Google Ventures and exclusively taught in this course) to design, prototype and test your ideas. You will also learn to design low fidelity mockups for your product and capture appropriate metrics. ----------------------------------------­---------------------------------------------------- LESSON 2: UI/UX Design ● What's in the lesson? This lesson takes you beyond visual style to understand material design, building for accessibility, user flows and personas. You’ll hear about how startups make design decisions and learn from senior designers at Google on how they use design to emphasize the purpose of their products. By the end of the lesson, you will analyze the user experience of another product and start documenting a user flow for your own product. ----------------------------------------­---------------------------------------------------- Tech Entrepreneur Nanodegree Our Tech Entrepreneur Nanodegree program teaches you the skills you need to create your own revenue-generating app, and build a successful business around it. You’ll learn to succeed the Silicon Valley way! ----------------------------------------­---------------------------------------------------- ►►► http://bit.ly/Tech-Entrepreneur-Nanodegree ◄◄◄ ----------------------------------------­---------------------------------------------------- Udacity | Google | Tech Entrepreneur | Tech Entrepreneur Nanodegree | Product Design | Validation and UX through Design Sprints | UX/UI Design
Views: 6248 Udacity
E-Commerce web design: Secrets to Product detail pages that sell
 
07:32
Product detail pages can make or break the sale. This month we focus on tips to make your product detail pages shine.
Views: 4005 stuart Silverstein
Custom Woocommerce Shop Design with Elementor Pro & OceanWP
 
21:57
Get creative with your WooCommerce Shop layout using OceanWP and Elementor Pro to create custom layouts and start standing out from the crowds! CSS For Buttons: .woocommerce ul.products li.product .button { background-color: #790808; color: #fff; text-transform: uppercase; padding: 10px 20px; border:0px; } .woocommerce ul.products li.product .button:hover { background-color: #540000; color: #fff!important; } Free tutorials for Wordpress, Slider Revolution and Visual Composer. New tutorials added every Wednesday. Take your Wordpress website and skills to the next level! AFFILIATE DOWNLOADS If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support. OCEANWP: http://bit.ly/2fRHBr0 ELEMENTOR PRO: http://bit.ly/2u3mzYX CSSHERO: http://bit.ly/2qbrRl6 SLIDER REVOLUTION 5 - http://bit.ly/2qDFU4G VISUAL COMPOSER: http://bit.ly/2rnre70 IMPREZA THEME: http://bit.ly/2rn5yYx SUBSCRIBE http://bit.ly/2rX7rhu LETS CONNECT: https://twitter.com/WPTutz SUPPORT: Our website offers additional information and perks. Please check it out! http://wptuts.co.uk -~-~~-~~~-~~-~- Speed Up Your Wordpress Website in 30 Seconds or Less!! https://www.youtube.com/watch?v=9pLbCFHzWyE -~-~~-~~~-~~-~-
Views: 56521 WPTuts
How To Customize your Shopify Store Design
 
11:17
In this video tutorial we go through the steps of customizing the Debut Shopify theme to better match our products and branding. Follow along with us step-by-step to quickly customize your own Shopify theme. Download the Free Shopify Theme Checklist: https://curiousthemes.com/pages/free-shopify-theme-checklist Watch our last video on how to choose the best Shopify Theme for your Store: https://youtu.be/GGoTazZrFLM Still need to set up your online store? 😥 Learn how to set up your Shopify store in just ONE weekend with our online class: https://curiousthemes.com/products/shopify-in-a-weekend 👉 Subscribe for daily Shopify tutorials and behind the scenes videos of our Shopify store: https://www.youtube.com/c/curiousthemes?sub_confirmation=1 🔻🔻🔻 Check out our TOTALLY FREE Guides on Growing your Shopify Store 🔻🔻🔻 https://curiousthemes.com/pages/free-guides 👍 Follow Us Online 👍 • Our Blog: https://curiousthemes.com/blogs/online-marketing-for-shopify-stores • Facebook: https://www.facebook.com/curiousthemes • Pinterest: https://www.pinterest.com/curiousthemes/
How to Design and Code a Product Landing Page – Part 2
 
52:53
Welcome to part 2 of a my new screencast series called "How To Design and Code a Product Landing Page". The specific project you will see involves me taking you from start to finish while designing and coding a responsive product landing page. Project details The subject matter at hand is a real life project my partner Alyssa and I (https://coupleofcreatives.com) are building for a family member. The product itself is called H2OH drink. It is targeted toward those looking for a beverage that actually promotes healthy teeth and gums rather than being filled with sugar, dies/colors, and unnatural ingredients that would otherwise cause harm over time. The website will be a portal for, Jaime (the owner), to allow customers to purchase the drink mix online and be shipped virtually anywhere in the world. My responsibilities include designing a modern landing page and coding it. For this project, I make use of Affinity Designer, Photoshop, Affinity Photo, Sublime Text, WordPress and a few plugins. There is some e-commerce integration as well. Original blog post: https://web-crunch.com/design-code-product-landing-page-part-2/ Check out the blog: https://web-crunch.com Need help on your next project or idea? Let's work together: https://coupleofcreatives.com
Views: 533 Web-Crunch
Build a Landing Page with Elementor: Step-by-Step
 
33:01
In this tutorial, we'll be building a stylish landing page with Elementor. Made 100% in Elementor, in this A to Z tutorial you'll learn: * Creating a page * Building a WordPress menu * Using sections and columns * Adding widgets * Build a complete landing page! ➡ Subscribe: https://goo.gl/rTEfkv Get Elementor: https://elementor.com Join Pro: https://elementor.com/pro/
Wix Ecommerce Series | Part 7 | Creating A Custom Product Page in Wix with Wix Code
 
15:01
Wix Training Academy- https://www.wixtrainingacademy.com/ ------------------------ Comment Below on what you would like to see in this series! Don't forget to subscribe over to the right if this series has provided you value! ------------------------ Are you asking: How do I build an online store in Wix? I wanted to create a series to help fill a major need in the Wix market. People want to know how to build a Wix Ecommerce website and what the capabilities of the platform truly are. With that in mind, I listened to my community, read comments and engaged with Wix Design Pros. Today, I am bringing you the Introduction of a multiple part series. The series is called: "Wix Ecommerce: The Ultimate Guide To Building An Online Store in Wix" Part 7 of this Wix Ecommerce Series is dedicated to showing you how to create custom product pages using Wix Code for your Wix online store. Having the ability to create custom product pages changes the game, because you now have full control over the look and feel of that page. Therefore, you can create a truly unique experience for your shopper while also increasing sales due to this control over the page. Wix Code is a powerful engine and now that Wix Stores API has opened up to it, there is no telling the possibilities. This series is specifically made for entrepreneurs, CEO's, Founder's, President's and Co-Founder's looking to build an online store for their startup/business or re-design their existing online store. The goal is to bring you quality Wix Ecommerce training videos while also displaying the capabilities you have with Wix Code too. I want this series to serve as your main resource when building an online store in Wix. Ecommerce is an entirely huge market at the moment and I have not found a Wix Ecommerce full inclusive series, so I wanted to pioneer it. If you are interested in hiring my team and I to build your online store in Wix, email me: [email protected] ------------------------------------------------ Series Schedule: (x1 Video Per Day) Friday January 18 - Part 1 | The Introduction Saturday January 19 - Part 2 | Wix Ecommerce Setup/Planning Sunday January 20 | Customizing Your Wix Store Monday January 21 | Discovering Administrative Functions in Wix Tuesday - Thursday January 22-24 | Wix Code + Wix Stores Friday | Wix Stores Marketing Strategies -------------------------------------------------------- Stay Connected: Email: [email protected] Twitter: https://twitter.com/WixTraining Subscribe: https://bit.ly/2Hj9zsS Wix Training Academy: https://www.wixtrainingacademy.com/
[PART 8] How to Add Menu, Product Category and Attributes - WordPress Web Design Hindi Tutorial
 
12:11
Hi Friends, Todays I going to discuss... How to Add Menu, Product Category and Attributes... Step to add Menu: Go to Appearance - Customize - Menus. Click the “Add a Menu” button & Write a menu name on the field, it can be anything you like. Now Click the “Create Menu” button. Click the “Add Items” button to add menu items to your menu. [PART 1] How to Choose Best Domain & Hosting Services for your business: https://youtu.be/7V2v9kffZAM [PART 2] Why choose Perfect Themes for New WordPress Website & Blog: https://youtu.be/ysE5x-VUFlI [PART 3] How to Add Add-on domain & Install WordPress in Cpanel: https://youtu.be/nbsCI7-Qw2k [PART 4] Add & Change Domain Nameservers to your Hosting Account: https://youtu.be/7lUVyyO4Xrk [PART 5] Add New Theme & Required Plugin and WooCommerce Setup: https://youtu.be/Olf_2QKsMMM [PART 6] How to Add Products In WooCommerce: https://youtu.be/48njUp8yV_0 [PART 7] How to add Affiliate/External Products in WooCommerce: https://youtu.be/HJ_-X2OJXnI To add a product page or product category page to a custom menu, complete the following steps in your WordPress Admin Panel: Go to Appearance -then click on Menus. In the upper right corner, click on Screen Options and ensure the "Products" and "Product Categories" boxes are checked. ------------------------------------------------ Solution to all issues related to WordPress: https://goo.gl/b2Z8qZ Also Check Out, Complete WordPress Website Development Tutorial: https://goo.gl/7wlI55 Please Visit, www.anantvijaysoni.com for Latest Blogs and Tutorials. Please Subscribe to Our YouTube Channel - https://www.youtube.com/c/anantvijaysoniavstech Facebook: https://www.facebook.com/AnantVijaySoni.Blogger Twitter: https://twitter.com/anantvijaysoni LinkedIn: https://in.linkedin.com/in/anantvijaysoni Instagram: https://instagram.com/anantvijaysoni My Blog - http://www.anantvijaysoni.com/ Website: http://www.avs-tech.in/ ------------------------------------------------ Please Like and share this video with your friends & Family. Subscribe our channel for Latest Updates. Best, Anant Vijay Soni Avstech Software, Mumbai, India ------------------------------------------------ Topics Covered in this Video (Try to Ignore this): How do I add a header in WordPress? How do I change the header in WordPress? How do I add a menu item in WordPress? How do I add a new menu tab on WordPress? How to Add Custom Navigation Menus in WordPress Themes functions - How to add a data attribute to a WordPress menu item Adding custom attributes to WordPress menus How to add custom attribute to a nav menu item in WordPress woocommerce attributes variations, woocommerce add attribute to product programmatically, woocommerce product attributes plugin, woocommerce global attributes, woocommerce get product attributes, woocommerce attributes not showing, how to add products in woocommerce, wordpress title attribute menu How to Use Product Attributes in WooCommerce how to add product category in wordpress Adding Product Categories to Menus in WooCommerce and wordpress woocommerce product category display type woocommerce product categories plugin product categories woocommerce how to add products to a page in wordpress woocommerce product-category page woocommerce product category menu shortcode woocommerce product category list shortcode get all product category woocommerce How to Add More Navigation Menus to your WordPress Theme
Responsive Product Landing Page || HTML || CSS || Responsive web design
 
01:07:19
In this video, we will be building a responsive product landing page for an imaginary mobile company. The main focus of this tutorial to understand the responsive web design i.e, media query, adding breakpoints and knowing how to create responsive web pages. Link for code: https://github.com/doctypecode/responsive-web-design Sorry guys. around 1:03:20, I made a mistake. It should be width: 100% but instead I wrote 1005, damn shift key. So if you see that on smaller screen. the content written inside '.feature-content' won't expand completely on the screen and that would look bad. So please make sure you write width:100%. Thanks.
Views: 3252 DOCTYPE Code
Recreate Stunning Product Sections with Functioning Add to Cart Buttons for Divi
 
12:35
The products on your eCommerce website need to pop–I think that's something we can all agree on. The more attention they pull and the clearer they are, the more chances you have to turn visitors into customers. WooCommerce is often the obvious choice when you're creating an online store with WordPress. But sometimes, it's hard to start off with a product page and turn it into exactly what you had in mind. It's not really necessary either. With Divi, you can design any kind of product showcase and include a functioning Add to Cart button right there, within your Divi design. That way, you won't necessarily have to guide your visitors to each product page for them to do the shopping they want on your website.  In this tutorial, we're going to show you how to create stunning product sections with functioning Add to Cart buttons which you can use on any online store you're building for yourself or a client. Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/recreate-stunning-product-sections-with-functioning-add-to-cart-buttons-with-divi
Views: 7403 Elegant Themes
How to change the style of ecommerce store product pages in WIX
 
09:07
This tutorial takes you through step by step how to change the style of your product pages in the wix editor (2017 onwards). Change the layout, fonts, colours, positions, add to cart button, product info sections and so on. Super easy and to the point! CREATE YOUR WIX STORE TODAY USING MY SPECIAL LINK: http://wixstats.com/?a=15268&c=2197&s1=
Views: 3883 NicoleHerrick
How to add custom product tabs to Shopify product page WITHOUT CODING
 
07:21
Product Page Hacks: How to create size chart popup for a Shopify product page WITHOUT CODING! GET THE DOCUMENT BELOW! 1) VIDEO TIMESTAMP 1:03 Part 1: The power of product tabs 1:30 Part 2: Create product tabs without coding 6:50 Some inspirations for tabs content 3 tabs I created: DETAILS, REVIEWS & SIZE CHART 2) SHOPIFY APPS WE USED: GemPages page builder to design store without coding: https://apps.shopify.com/gempage 3) DOCUMENTS & SHORTEN CODE: Add product tab using Shopify coding guide: https://help.shopify.com/en/themes/customization/products/features/add-tabs-to-product-descriptions Add review sections to product page: https://www.youtube.com/watch?v=4w62i0Smcng&list=PLcyXSkBJcv4kBNy_RVsN8Pi0WKhxaWtd0 Notice that the Shopify tutorial documents provide you a code-needed solution, so just keep watching this video (especially part 2) to know how I created product tabs for my product page without coding.
Views: 3728 Shopify Design Hacks
SPEED UI/UX DESIGN | Adidas Product Page
 
04:16
Speed video showing my full process on creating an Adidas product page redesign. Done in Inkscape in ~45min.
Views: 144 Owen Powell
Design an E Commerce Website in Sketch Tutorial: Product Page UI 👉PART 6
 
05:01
✅ MY DESIGN PRODUCTS: https://ui8.net/users/pierluigi-giglio/?rel=pigi ....................... 🤓 BEST UI/UX DESIGN COURSES: https://academy.thefutur.com/?affcode=112836_psb3cl2y ....................... 👉 MY FAVOURITE DESIGN TOOLS: https://www.pierluigigiglio.com/tools ....................... 🤑 BEST PLACE TO FIND HIGH-PAYING DESIGN CLIENTS ONLINE: https://www.toptal.com/#annex-nothing-but-wise-mobile-app-designers ....................... ✅ MY DESIGN COURSES: http://pierluigigiglio.com/courses ....................... 👍 MY FREEBIES: 3 Ways to get a Dribbble invite: https://www.pierluigigiglio.com/value/ How to find design clients on UpWork: https://www.pierluigigiglio.com/value/ ....................... 📷 Follow me on INSTAGRAM: https://www.instagram.com/pierluigi_giglio_/ 🏀 Follow me on DRIBBBLE: https://dribbble.com/pierluigigiglio ✋ Questions? Contact Me on FACEBOOK: https://www.facebook.com/pierluigi.giglio.9 .......................... Songs in my Youtube videos: We Are One by Vexento https://www.youtube.com/user/Vexento https://soundcloud.com/vexento Music promoted by Audio Library https://youtu.be/Ssvu2yncgWU Adventures by A Himitsu https://www.youtube.com/channel/UCgFw... Creative Commons — Attribution 3.0 Unported— CC BY 3.0 http://creativecommons.org/licenses/b... Music released by Argofox https://youtu.be/8BXNwnxaVQE Music provided by Audio Library https://youtu.be/MkNeIUgNPQ8 Rock Angel by Joakim Karud https://soundcloud.com/joakimkarud Creative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0 http://creativecommons.org/licenses/b... Music promoted by Audio Library https://youtu.be/K8eRXvLL7Wo JPB - High [NCS Release] https://youtu.be/Tv6WImqSuxA https://soundcloud.com/jpb https://www.facebook.com/jayprodbeatz https://twitter.com/gtaanis Music provided by NoCopyrightSounds Music promoted by Audio Library https://youtu.be/R8ZRCXy5vhA
Views: 82 Pierluigi Giglio
How to Design and Code a Product Landing Page  - Part 3
 
01:11:03
In part 3, I continue on designing our product landing page with Affinity Designer. This portion of the series deals with designing for eCommerce as well as adding realistic content to the design. In this video I wrap up the proposed final design. Follow along and let me know what you think! Original blog post: https://web-crunch.com/design-code-product-landing-page-part-3/ Check out the blog: https://web-crunch.com Check out my micro design agency: https://coupleofcreatives.com
Views: 446 Web-Crunch

Here!
Here!
Free boat fucking video
Dating sites in sydney australia
Dating sites that are not scams