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

Пікірлер: 51

  • @KylePrinsloo
    @KylePrinsloo7 ай бұрын

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

  • @CodexCommunity

    @CodexCommunity

    7 ай бұрын

    Thanks Kyle!

  • @laurentglaenzer4639
    @laurentglaenzer46395 ай бұрын

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

  • @D0J0Master
    @D0J0Master7 ай бұрын

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

  • @CodexCommunity

    @CodexCommunity

    7 ай бұрын

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

  • @aryaanshetty8959

    @aryaanshetty8959

    6 ай бұрын

    Is editor x and wix studio the same

  • @D0J0Master

    @D0J0Master

    6 ай бұрын

    no@@aryaanshetty8959

  • @maxvanrossem
    @maxvanrossem7 ай бұрын

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

  • @CodexCommunity

    @CodexCommunity

    7 ай бұрын

    Perfect!

  • @cekuhnen
    @cekuhnen5 ай бұрын

    Thank you for this nice run down

  • @emuemu
    @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.

  • @josucode5048
    @josucode50486 ай бұрын

    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

  • @aljames7345
    @aljames73452 ай бұрын

    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?

  • @christinalee725
    @christinalee7254 ай бұрын

    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.😊

  • @vidpic8311
    @vidpic83112 ай бұрын

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

  • @silvestrecamposano6317
    @silvestrecamposano6317Ай бұрын

    Thank you!...

  • @soneghetsantos
    @soneghetsantos6 ай бұрын

    Thanks!

  • @user-ku2br4dp8x
    @user-ku2br4dp8x6 ай бұрын

    Thanks

  • @nkosinathitrevor-nc7zq
    @nkosinathitrevor-nc7zq5 ай бұрын

    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??

  • @suburbanview
    @suburbanview2 ай бұрын

    How we can do the transition to Wix Studio

  • @ReformationsGlassArt
    @ReformationsGlassArt3 ай бұрын

    so a shape can become a button?

  • @Epirium
    @Epirium6 ай бұрын

    Make more videos on Scroll Animations using Wix Studio

  • @SecondTakeGER
    @SecondTakeGER6 ай бұрын

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

  • @CodexCommunity

    @CodexCommunity

    6 ай бұрын

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

  • @SecondTakeGER

    @SecondTakeGER

    6 ай бұрын

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

  • @suburbanview
    @suburbanview2 ай бұрын

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

  • @vidpic8311

    @vidpic8311

    2 ай бұрын

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

  • @MashaoleMogale
    @MashaoleMogale6 ай бұрын

    vendor locking is the limitation here

  • @poeticgeenetikstv4672
    @poeticgeenetikstv46726 ай бұрын

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

  • @suburbanview

    @suburbanview

    2 ай бұрын

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

  • @pikkuGH
    @pikkuGH7 ай бұрын

    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

    @CodexCommunity

    6 ай бұрын

    Sure can do!

  • @spaceshipdev
    @spaceshipdev7 ай бұрын

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

  • @CodexCommunity

    @CodexCommunity

    6 ай бұрын

    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

    @spaceshipdev

    6 ай бұрын

    @@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.

  • @2558vv
    @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.

  • @tsotnekalandadze4266
    @tsotnekalandadze42667 ай бұрын

    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

    @CodexCommunity

    6 ай бұрын

    Alright noted!

  • @musartai

    @musartai

    6 ай бұрын

    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

    @benjohnpaulvarghese7705

    4 ай бұрын

    It’s good

  • @ChristoCY

    @ChristoCY

    Ай бұрын

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

  • @SunriseBusinessClub
    @SunriseBusinessClub2 ай бұрын

    Useless tutorial Just overwiev.

  • @mae2309
    @mae23097 ай бұрын

    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

    @poppingjaz

    7 ай бұрын

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

  • @CodexCommunity

    @CodexCommunity

    7 ай бұрын

    Editor X did sound kinda fresh and new haha!

  • @suburbanview

    @suburbanview

    2 ай бұрын

    @@CodexCommunity Elon Musk sue Wix for using X LOL

Келесі