Uploaded June 2026 | Updated September 2026, 1 week ago
In this module, learn the fundamentals of web design using Wix in this episode of CODE Along. Follow a step-by-step process to build a professional website, from initial account setup to customizing headers, hero sections, and product galleries. You will also learn to enhance engagement by embedding YouTube videos, managing a blog, and using AI-generated art.
Skip to the good stuff:
0:00 Introduction
0:30 Setting up your Wix Account
0:55 Choosing and Customizing a Template
1:16 Designing the Website Header
2:14 Creating a High-Impact Hero Section
2:58 Adding a Call to Action (CTA) Button
3:34 Embedding YouTube Videos
4:03 Adding and Managing a Blog
4:34 Enhancing Your Site with AI-Generated Art
5:40 Showcasing Products with Image Galleries
5:57 Setting up a Product Store and Pricing
6:11 Optimizing for Mobile Devices
6:34 Final Review and Publishing
6:48 Summary and Recap
Missed a line of code? View the CODE Along Cheat Sheet here: tiny.url/bgccheatsheet
Want more? Join our community at community.wearebgc.org
Support Our Non-Profit Mission
----------------------------------------------
Support us: donorbox.org/blackgirlscode
Check out our merch: wearebgc.org/merch
----------------------------------------------
Connect With Us
----------------------------------------------
Peep us on Instagram: instagram.com/blackgirlscode
Follow us on Facebook: facebook.com/BlackGirlsCodeOrg
Share our content on TikTok: tiktok.com/@blackgirlscode
Find us on Twitter: https://x.com/BlackGirlsCode
Send us a message: wearebgc.org/connect-with-us
About CODE Along
CODE Along is a free, video-based academy from Black Girls CODE offering tutorials to help students of all genders build tech skills and confidence through fun projects like digital art and game development.18
#howtocode #blackgirlscode #wix #websitedesign #codealong #webdevelopment
In this module, learn the fundamentals of web design using Wix in this episode of CODE Along. Follow a step-by-step process to build a professional website, from initial account setup to customizing headers, hero sections, and product galleries. You will also learn to enhance engagement by embedding YouTube videos, managing a blog, and using AI-generated art.
Skip to the good stuff:
0:00 Introduction
0:30 Setting up your Wix Account
0:55 Choosing and Customizing a Template
1:16 Designing the Website Header
2:14 Creating a High-Impact Hero Section
2:58 Adding a Call to Action (CTA) Button
3:34 Embedding YouTube Videos
4:03 Adding and Managing a Blog
4:34 Enhancing Your Site with AI-Generated Art
5:40 Showcasing Products with Image Galleries
5:57 Setting up a Product Store and Pricing
6:11 Optimizing for Mobile Devices
6:34 Final Review and Publishing
6:48 Summary and Recap
Missed a line of code? View the CODE Along Cheat Sheet here: tiny.url/bgccheatsheet
Want more? Join our community at community.wearebgc.org
Support Our Non-Profit Mission
----------------------------------------------
Support us: donorbox.org/blackgirlscode
Check out our merch: wearebgc.org/merch
----------------------------------------------
Connect With Us
----------------------------------------------
Peep us on Instagram: instagram.com/blackgirlscode
Follow us on Facebook: facebook.com/BlackGirlsCodeOrg
Share our content on TikTok: tiktok.com/@blackgirlscode
Find us on Twitter: https://x.com/BlackGirlsCode
Send us a message: wearebgc.org/connect-with-us
About CODE Along
CODE Along is a free, video-based academy from Black Girls CODE offering tutorials to help students of all genders build tech skills and confidence through fun projects like digital art and game development.18
#howtocode #blackgirlscode #wix #websitedesign #codealong #webdevelopment
