Wix Editor: About Sections

3 min read
Sections are a quick and easy way to structure your pages. Use them to organize your site's content, and create a clear, comprehensive design. There are a variety of predesigned sections available with different layouts and elements, so you have everything you need to get started.
A live Wix site, designed into sections.

Organize and divide your content

Sections are the building blocks of a page, and you can use them to divide and organize your page's content. For example, you may have a section for your company's services, and another for your contact details. 
Two sections in the Editor. The 'Contact Me' section is selected and highlighted.

Get started with our pre-designed sections

You can add a blank section to start from scratch, or choose from a variety of ready-made designs. The sections are organized by topic such as Promotion, Team, and List, and may include designs based on your business type (blog, store etc.). Pre-designed sections include handpicked elements to help you get started. 
The 'Add Section' panel. The 'Subscribe' tab is open, and there are presets displayed.
Whether you choose a blank or pre-designed section, you can add all the elements you need and customize them to suit the section's intent.
The 'Add Elements' panel in the Editor is open. The cursor is hovering over the 'Icon Buttons' tab.
Did you know?
Sections span the full width of your visitors' browser and maintain their grouping when visitors view your site on mobile devices. 

Design your section for your needs

You can customize any section you add to your site, whether it's pre-designed or blank. Choose the background and size to make it look how you want, and add scroll effects to create unique, eye-catching content. Learn more about customizing your sections
A section in the Editor. The 'Section Background' panel is open.

Adjust sections to mobile

Sections you've added on desktop automatically appear your mobile site. However, you may want to change the order in which they appear on your mobile site, or even hide certain sections. These changes don't affect the desktop version of your site.
Rearranging your sections on mobile is a great way to adapt and customize which information your visitors see first. For example, you may want to highlight your business' phone number by moving that section to the top of your home page.  
If you have information on a section that isn't relevant to visitors on mobile, you can hide it completely, and you can easily display the section again if you so choose. Learn more about sections on your mobile site
A section, highlighted in the mobile Editor. The cursor is hovering over the option to move the section down.
Ready to get started?
Click Add Section  on the left side of the Editor to add and set up a section on your site. Learn more about adding sections 

Did this help?

|