Wix Studio Crash Course - Beginner Friendly No Code Tutorial

This crash course on Wix Studio will cover all the beginner aspects to learn to use the editor to build a website from the ground up. I'll cover the interface, elements, and how the editor works to start building a web site and editing the no code platform.
Check it out here: www.wix.com/studio
00:00 - Wix Studio Introduction
00:18 - New Account and New Site
00:44 - Top Menu
01:39 - Left Menu - Quick Add
02:14 - Left Menu - Sections
03:22 - Left Menu - Layers
04:11 - Left Menu - Pages
04:45 - Left Menu - Global Sections
05:24 - Left Menu - Global Styles - Typography - Color
05:51 - Left Menu - App Market and App Manager
07:03 - Left Menu - CMS
08:02 - Left Menu - Code - Page Code - CSS - Backend Code - Databases
08:50 - Left Menu - Comments - Help
09:20 - Right Menu - Inspector - Page
10:10 - Right Menu - Inspector - Section
10:45 - Right Menu - Inspector - Text
11:36 - Right Menu - Inspector - Images
13:05 - Editor - Docking
16:15 - Editor - Responsive Design
17:12 - Editor - Breakpoints
19:08 - Editor - Sections
20:40 - Quick Add Elements - Images and Text
21:41 - Quick Add Elements - Buttons
22:33 - Quick Add Elements - Containers
23:24 - Quick Add Elements - Videos
24:45 - Quick Add Elements - Shapes
25:33 - Quick Add Elements - Lines
26:22 - Quick Add Elements - Gallary
27:35 - Quick Add Elements - Menu
28:59 - Quick Add Elements - Code and iFrame
30:26 - Building a Website on Wix Studio
33:59 - Wix Studio Conclusion
Check out my courses!
📘 Teach Me Design: www.enhanceui.com/
📚 OpenAI GPT: enhanceui.gumroad.com/
Join my Community!
🟣 Discord: www.mergewebdev.com/
Software & Discounts!
🖥️ Screen Recorder: screenstudio.lemonsqueezy.com?aff=po745
⛌ Wix Studio: www.editorx.com/adrian-twarog

[@KylePrinsloo]

What a juicy detailed walkthrough! I also love the sections, wireframes, and pre-built templates

[@CodexCommunity]

Thanks Kyle!

[@laurentglaenzer4639]

Very well done. I particularly like the speed. We can understand many features in a short amount of time. Thank you so much..

[@maxvanrossem]

Just started wix studio today. This comes at precisely the right time! Tu

[@CodexCommunity]

Perfect!

[@D0J0Master]

Love wix studio, everyone focuses on webflow but I really think this is more powerful when utilized correctly.

[@CodexCommunity]

It works entirely different, but yea, more people definitely should try and get to know it!

[@aryaanshetty8959]

Is editor x and wix studio the same

[@D0J0Master]

no@@aryaanshetty8959

[@cekuhnen]

Thank you for this nice run down

[@christinalee725]

Thank you for the insightful tutorial! I found it extremely helpful. Could you possibly provide guidance on creating a left-side menu while ensuring that images and content are fully extended without overlapping the menu? Your expertise in this matter would be greatly appreciated.😊

[@josucode5048]

HI, great crash course, Do you now if we can make react components like with codux, or use the components on the store in react ? Thanks

[@emuemu]

FYI to anyone starting this now, the "blank canvas" option has moved. Click the "Create New Site" option and then choose "Start with Design." After clicking that you will see an option to start with a blank canvas.

[@aljames7345]

That was excellent thank you. Is it possible to have a different menu for each page, e.g. if I havce each page as a bespoke real estate listing and I want to have buttons like, e.g. floor plan, photos etc. then each listings button clicks goes to just that listings items?

[@vidpic8311]

Nice ❤ lesson thanks for sharing ❤ How do i change the outline of a font? Black font with white outline ?

[@silvestrecamposano6317]

Thank you!...

[@soneghetsantos]

Thanks!

[@nkosinathitrevor-nc7zq]

so after u just created the website, does it want any fee for other people to see it. And how do people access the website u created??

[@user-ku2br4dp8x]

Thanks

[@Epirium]

Make more videos on Scroll Animations using Wix Studio

[@suburbanview]

How we can do the transition to Wix Studio

[@AvantiMusicNJ]

Seems pretty close to Editor X which is nice

[@ReformationsGlassArt]

so a shape can become a button?

[@SecondTakeGER]

Was there a big update recently? My UI looks very different. I also cant find global sections or the page inspector

[@CodexCommunity]

Oh do you mean from Editor X, or just generally?

[@SecondTakeGER]

Its all good, I was still in Editor X and didnt realize @@CodexCommunity

[@suburbanview]

Many of us already have a website publish by Wix editor, how do we can use Wix Studio?

[@vidpic8311]

U have to start all over cut and paste into new x editor

[@MashaoleMogale]

vendor locking is the limitation here

[@poeticgeenetikstv4672]

If I have wix premium basic business does it cost use wix studio

[@suburbanview]

Nope, but u cant used it on an already published website.

[@pikkuGH]

can you make a tutorial dark and light mode in wix studio? this is searched a lot in the wix community and there are only bad tutorials for this.

[@CodexCommunity]

Sure can do!

[@spaceshipdev]

Fantastic tool but beware of the ecosystem lock in. No code export.

[@CodexCommunity]

Understandable, however that is basically life, you pick a car, and you're locked to it, you pick an operating system, you're locked to it, and if you pick a website, you're locked to what you're using. Usually you pick what is most flexible, and when it's time to migrate (which people rarely do, but when they do, they just make something new usually)

[@spaceshipdev]

@@CodexCommunityThanks for your reply, and I absolutely get where you're coming from. It's true that choices in life often come with some degree of lock-in. However, when it comes to technology, especially web design and hosting tools, the stakes can be higher than choosing a car or an OS. Here's why: Data Portability: With a car, you can always sell it and buy a new one. In the world of web hosting and design, migrating your data and designs can be a complex and risky process, especially if the initial choice didn't offer much in the way of data portability. Security Concerns: Being locked into an ecosystem could limit your ability to enhance security measures as threats evolve. This is crucial in the rapidly changing landscape of cybersecurity. Costs: Over time, being locked into an ecosystem might subject you to unexpected costs, be it through subscription hikes or needing additional services that are priced at a premium. Innovation: Open ecosystems often foster innovation by allowing you to integrate with a variety of other services and technologies. A closed ecosystem might limit your ability to adapt and evolve. So while it's true that every choice comes with limitations, the extent and impact of those limitations can vary greatly depending on the context. That's why it's so important to consider flexibility and potential for lock-in when choosing a technology stack or platform.

[@tsotnekalandadze4266]

Just a friendly advice: there's no need to use zoom in/zoom out effects on every single interaction, it makes the video unwatchable for many people

[@CodexCommunity]

Alright noted!

[@musartai]

I disagree, the zoom in is to show the action you're mentioning, zoom out to show the full view, my critic is that is very fast 😜👍

[@benjohnpaulvarghese7705]

It’s good

[@ChristoCY]

It wasn't a thing until you mentioned it, now i can't unsee it. 🤔😬

[@2558vv]

Your tutorial is great. The Studio is severely lacking when you try to transition to the tablet and mobile versions. It is a mess. It is a known issue but Wix does not fix it. Terrible customer service. Huge waste of time.

[@petermckinnon3104]

Dont even bother using wix studios responsive AI. It's very very poor. I lost images, headings after its completion and the burger menu doesn't even work.

[@SunriseBusinessClub]

Useless tutorial Just overwiev.

[@mae2309]

Can you tell us why was EditorX killed?. I just hate the name wix. 😂.. I think wix made a mistake.. I will check this out though.

[@poppingjaz]

Just the name was changed. I liked the name to be honest

[@CodexCommunity]

Editor X did sound kinda fresh and new haha!

[@suburbanview]

@@CodexCommunity Elon Musk sue Wix for using X LOL