Lesson 1: Get to know the Editor | Wix Learn

Summary

In this course, Ali guides you through the Wix Editor to create a compelling website that tells your brand's story. Starting with selecting or creating a site, you'll learn to customize pages using various tools, add and organize elements, and manage your site's structure. Ali also covers site themes for consistent branding, integrating apps for enhanced functionality, and utilizing the Media Center for content management. The course ensures you're equipped to build a professional and effective online presence.

Takeaways

• 🌐 The website should narrate a compelling story about the brand, products, and values in an eye-catching manner.
• 🛠️ Ali specializes in the Wix Editor and will guide through building a powerful website tailored to specific needs.
• 🏗️ The course will cover website structure, design, and the customization of various elements on the pages.
• 🔍 Starting with the Wix Editor involves choosing an existing site to edit or creating a new one from scratch or a template.
• 🎨 Templates can be customized to fit specific needs, even if they don't initially match the intended purpose.
• 📝 The canvas in the Wix Editor serves as a preview and editing space for the pages of the website.
• 🛠️ Add Elements tool allows for the inclusion of text, images, buttons, and other interactive or decorative elements.
• 🔄 Sections in the editor can be rearranged, and new ones added to structure the layout of the website.
• 📁 The pages menu manages the site's pages, allowing for addition, removal, and organization of content.
• 🎨 Site themes ensure brand consistency across the site by maintaining uniform fonts and colors, with options for customization.
• 🧩 The Wix Editor allows for the integration of apps and extensions to enhance site functionality without leaving the editor.
• 🖼️ The Media menu provides a centralized location for managing all media content used on and off the site.
• 🛒 The My Business tab is a hub for managing business applications and exploring additional tools for site enhancement.
• 🔍 Layers tool offers a detailed view of all page elements, aiding in precise editing and adjustments.
• ⚙️ The top bar includes settings for site management, SEO, business information, and other workspace views.
• 📱 The mobile Editor ensures the site's design and content are optimized for mobile viewing and editing.
• 🔍 The workspace search bar helps quickly locate tools and access help articles for building the site.

Q & A

What is the primary focus of Ali's course on the Wix Editor?

The primary focus of Ali's course is to show how to use the Wix Editor tools to build a powerful website that effectively tells the brand's story, including its products, values, and more.

What are some of the topics covered in Ali's course?

The course covers topics such as website structure and design, adding and customizing elements on pages, and the step-by-step process from creation to launch.

How can users start building their website on Wix?

Users can start by choosing an existing website to edit or creating a new site from scratch, with the help of Wix AI, or by using a template as a starting point.

What is the Wix Editor's canvas used for?

The canvas in the Wix Editor serves as both a preview and a space to edit pages freely, allowing users to see their site's layout and make changes in real-time.

What can be added to a website using the 'Add Elements' tool in Wix?

Using 'Add Elements', users can add text, images, buttons, strips, decorative elements, galleries, interactive elements, and links to social media.

How does the section feature in Wix help with page organization?

Sections in Wix allow users to move entire blocks of content up and down a page by clicking, with all design elements within the section moving along with it.

What is the purpose of the 'Pages Menu' in the Wix Editor?

The 'Pages Menu' allows users to manage their site's pages by adding, removing, rearranging, or sorting them into folders for organization.

How does the 'Site Themes' feature help maintain consistency across a website?

The 'Site Themes' feature ensures consistency by providing pre-made color and text themes that comply with accessibility standards, allowing users to keep fonts and colors uniform across the entire site.

What can be done with the 'Apps' feature in the Wix Editor?

With the 'Apps' feature, users can integrate various tools and extensions into their site without opening new windows, such as chat bots or translator apps.

How can users manage their media content in the Wix Editor?

Users can manage their media content through the 'Media' menu, where they can upload, view, and edit images and videos, as well as access Wix Photo Studio for free images.

What additional tools and features can users access from the Wix Editor's top bar?

From the top bar, users can access settings, view their live site, manage their site's address or domain, use undo and redo, and search for tools or help articles.

Outlines

00:00

🛠️ Introduction to Wix Editor and Building a Website

Ali introduces the Wix Editor, emphasizing its capabilities in crafting a compelling brand narrative through website design. The course will guide users through the process of building a functional and visually appealing website, covering aspects like structure, design, and customization of elements. Ali demonstrates how to select or create a site, navigate the Wix Editor's interface, and utilize tools for adding text, images, buttons, and social media links. The concept of 'sections' for organizing page elements and the 'pages menu' for managing site pages are explained. The importance of site themes for maintaining brand consistency and the integration of apps for site enhancement are also highlighted.

05:02

🔍 Exploring Wix Editor Features and Workspace Customization

This section delves into the advanced features of the Wix Editor, including the customization of site themes, the management of business applications, and the use of the Media Center for content management. Ali discusses the ease of integrating apps into the site without opening new windows and the ability to explore the App Store for additional tools. The 'My Business' tab for managing business apps and the 'Content Manager' for organizing site content are introduced. The 'Layers' tool for detailed page element management and the 'top bar' for settings and workspace view adjustments are also covered. Ali concludes by encouraging users to get creative with the tools learned and looks forward to the next lessons, which will focus on page structure and design.

Keywords

💡Wix Editor

The Wix Editor is a user-friendly platform for building and managing websites. It provides a visual interface for users to design and customize their sites without needing to write code. In the video, Ali specializes in the Wix Editor and guides viewers through its features, emphasizing its role in creating a compelling online presence for brands and businesses.

💡Structure and Design

Structure and design refer to the organization and aesthetic presentation of a website. These are critical components in web development as they influence user experience and the effectiveness of the site in conveying its purpose. The video discusses how to use the Wix Editor to create a well-structured and visually appealing website, which is essential for telling a brand's story effectively.

💡Customize Elements

Customizing elements involves tailoring the various components of a website, such as text, images, and buttons, to fit the specific needs and style of the brand. The video mentions adding and customizing elements on pages as a key aspect of building a powerful website with the Wix Editor, allowing for a personalized and engaging user interface.

💡Templates

Templates in web design are pre-designed layouts that serve as a starting point for creating a website. They save time and provide a professional look. The script mentions that users can choose from a variety of Wix templates or start from scratch, highlighting the flexibility of the platform to fit different project requirements.

💡Sections

Sections in web design are distinct parts of a webpage that can be moved and edited independently. The video explains that sections help organize content on a page, allowing for easier management and reordering of page elements, which is crucial for maintaining a coherent and navigable site structure.

💡Site Themes

Site themes are collections of design elements, such as colors, fonts, and styles, that maintain consistency across a website. The video emphasizes the importance of themes in ensuring that a site remains on brand and accessible, providing a cohesive look and feel that enhances the user's experience.

💡Apps Integration

Integrating apps into a website refers to adding functionalities that enhance the site's capabilities, such as chatbots or translator apps. The video highlights the Wix Editor's ability to seamlessly integrate apps without opening new windows, showcasing the platform's versatility in meeting diverse business needs.

💡Media Management

Media management involves the uploading, organization, and editing of multimedia content like images and videos on a website. The script discusses the Wix Editor's Media Center as a tool for managing media, which is essential for maintaining a rich and engaging visual content strategy.

💡Content Manager

The Content Manager in the Wix Editor is a tool for organizing and managing the content of a website. It allows for easy updates and edits, ensuring that the site's information remains current and relevant. The video mentions the Content Manager as part of the broader suite of tools available for comprehensive website management.

💡SEO

SEO (Search Engine Optimization) is the process of improving a website's visibility in search engine results. The video script mentions working on SEO within the Wix Editor's settings, indicating the platform's support for enhancing a site's discoverability and online presence.

💡Mobile Editor

The Mobile Editor is a feature within the Wix Editor that allows for the customization and optimization of a website's mobile view. The video script explains that it enables users to tailor their site for mobile browsing, which is crucial given the increasing trend of mobile internet usage.

Highlights

The website should narrate a brand's story, products, and values effectively.

Ali specializes in the Wix Editor and will guide through building a powerful website.

Course covers structure, design, and customization of website elements.

Walkthrough from website creation to launch will be provided.

Introduction to the Wix Editor toolbox and its capabilities.

Option to edit an existing site or create a new one from scratch.

Templates can be browsed by category and customized to fit specific needs.

The canvas serves as a preview and editing space for pages.

Add Elements tool allows adding text, images, buttons, and more.

Sections on the page can be moved and new ones can be added.

Pages menu for managing site pages, including adding, removing, and rearranging.

Site themes ensure brand consistency across the site.

Themes can be customized to fit specific design needs.

Apps can be integrated into the site for enhanced functionality.

Business applications can be managed from the My Business tab.

Media menu for managing images and videos on and off the site.

Content Manager and Ascend Business Tools are accessible within the Editor.

Layers tool for a comprehensive view of all page elements.

Top bar for managing settings and workspace views.

Site can be saved, previewed, published, and viewed with a QR code for mobile.

SEO and business information can be updated in settings.

Dev Mode allows adding custom code to the site.

Workspace search bar for finding tools and help articles.

Next lessons will focus on using elements and tools to create a dream website.

Transcripts

Your website should

tell a story about your brand, your products, your values,

and you have all the tools to be able to tell that story in an eye-catching, effective way.

I'm Ali. I specialize in the Wix Editor,

and throughout this course, I'm going to show you how to use all of your tools

to build a powerful website that does exactly what you need it to do.

We'll cover things like structure and design and how to add and customize elements on your pages.

And I'll be walking you through every step

of the way, from creation to launch.

But before we dive into all that, let's start by looking into your toolbox, your Wix Editor.

To start, you'll need to pick your site, either

by choosing an existing website to edit or by creating a brand new site.

You can start from a blank slate, get help from the Wix AI or use one of these as a starting point

and I can browse templates by category,

but that doesn't mean I have to choose one that exactly fits my intent or industry.

Say I want to create a site for my services and a blog

and find a template that I love, but it doesn't have those elements built in.

I can start with the template that caught my eye and I can always add those elements to my site later on.

I've already created a site that I'll be editing throughout this course, so let's jump into my Editor.

The first thing you see in your new workplace is your canvas.

This serves as both a preview and a space to edit your pages freely.

Take a look at your left bar.

This is where you'll find all of your tools to customize your site and manage your business.

So let's go through it together. First, we have Add Elements.

This is also where I can add things like text, image,

buttons, strip, even decorative elements.

I can also add things like galleries, interactive elements or links to my social media.

We'll dive into adding some of those elements later in this course.

But all of these elements will live within something called sections on your page.

You can see how my site is split up into sections

and I can move entire sections up and down just by clicking here.

All of these design elements within the section move along with it.

Now I can add a new section to my page by just clicking over here.

Whenever you add a section in, they'll come already formatted to fit your site's theme.

Another important element is my pages menu.

This includes exactly what you'd expect:

The individual pages that make up my site.

Here I can add, remove,

rearrange pages on my site or sort them into folders to keep my site organized.

Now let's check out your site design.

Site themes are helpful tools that ensure your entire site

get stays on brand by keeping all your fonts and colors consistent.

You can choose from pre-made color and text themes, all designed to comply with accessibility standards.

And I can try out these featured themes.

See, when I click on any of these themes,

the rest of my site changes in one click,

and if I want to change something specific about this theme,

I can click colors or text and customize it to fit what I need.

We'll take a look at this more in the later lesson.

But for now,

one of my favorite things about the Editor

is that I can seamlessly integrate apps into my site without even opening a new window.

I can search for any tool that I need or extension I want to offer my site

visitors, like a chat bot or a translator app.

And as my business grows, I can always come back and explore

the App Store for new tools to enhance and even monetize my site.

And speaking of applications,

you can manage all of your business applications right here in the My Business tab.

So you saw that you can add images and videos to your site in the Add Elements menu,

but your Media menu is where you can manage all of your content for on and off your site.

This is my Media Center.

From here I can upload images or videos to my site,

see the files I've already uploaded, and edit those images and videos right here.

If I want to add any new images, I can upload my own

or pick free ones from Wix Photo Studio.

You also have the Content Manager

and Ascend Business Tools, which are both accessible right from this Editor.

For more about either of these, we have our Content Manager course

and a course on promoting your business where we talk about the Ascend tools.

Down here all the way at the bottom,

you have layers. Layers help you get a comprehensive look at

everything on your page, from the largest images down to the tiniest design elements.

This is a great tool to use when you want to hone

in on the specific element within a page, a section or strip.

Now let's move on.

The last stop on our tour of your workspace is your top bar.

This is where you can manage your settings and your view of your workspace.

Let's start all the way at the top. Here

under site, you can save, preview, publish, view

your live site and even get a QR code to view your mobile site.

In settings, you can work on your SEO and even update your business information.

In Dev Mode, you can add code and under help,

you can search the Editor and also search the Editor Help Center.

Over here we have save, preview and publish.

Moving down to the next row, we have another pages area.

Unlike the pages menu on your left bar,

this menu is just designed to help you navigate between your existing pages while you're editing your site.

You can click manage pages here to quickly jump back to the pages menu

and make any changes that you want.

When you switch to the mobile Editor, your site's design

and content will automatically adapt to a smaller screen.

You'll be able to make changes just to your mobile site,

so you can tailor your visitors' experience for mobile browsing.

Here in the center, you can manage your site's address or domain,

sticking with a free Wix URL or connecting a branded domain name.

Next, we have undo and redo.

This zoomed out view is great for seeing your entire page all at once broken out into sections.

This is the best way to reorganize your page without wondering if things are landing in the right place.

Once you get more comfortable with your site,

this toolbar offers even more tools to get your layout just right.

We'll take a look at some of these tools in a later lesson.

And last but not least, your workspace has a search bar.

It'll help you find any of the tools we just mentioned in a pinch

or find a help article to answer any questions that come up as you build your site.

And if you decide you want to edit freely on your canvas,

you can always click this arrow at the top of your screen to hide all of your controls temporarily.

Now that you have a

feel for the workspace, it's time to get creative. In our next few lessons,

we'll go over how to use all of these elements and tools to create your dream website,

starting with the structure of your pages.

That's where we'll pick up, and I'll see you there.