Quick answer · Building a website · 2 min read
How do I add elements in Wix Studio Two: Add Elements or Draw Element?
Use Add Elements for ready-made elements, sections and pages, and Draw Element to place a basic element at an exact size and position. Draw Element lets you click and drag on the canvas to draw text, containers, images, buttons, shapes or videos.
Key points
- Add Elements covers elements, sections and pages, with AI generation for sections and pages.
- Draw Element draws six basic element types at the size you drag.
- Use Add Elements for anything with built-in behaviour, like galleries or repeaters.
Use Add Elements for ready-made elements, sections and pages, and Draw Element when you want to place a basic element at an exact size and position. Both sit on the left rail of the Wix Studio Two Editor. Draw Element lets you click and drag on the canvas to draw text, containers, images, buttons, shapes or videos.
What's in Add Elements?
Hover over Add Elements and choose:
- Elements: text, media, buttons, layout tools such as repeaters and popups, menus, embeds and app elements. Your styled elements from Site Styles appear here too.
- Sections: a blank section, a designed one, or Generate a section with AI.
- Pages: Generate with AI, a blank page or a designed page. New pages are added to the site menu automatically, so remove any you're only testing.
Text comes in several types: styled titles and paragraphs linked to Site Styles, unlinked titles and paragraphs, collapsible text, running text, text effects and text combos.
When should you draw instead?
- Pick Draw Element on the left rail and choose what to draw.
- Click and drag on the canvas to set its size and position.
- Fine-tune it in the Inspector, then check it on mobile.
Drawing suits layout work: a container for a card, a shape behind a heading, a button exactly where the design puts it. For anything with built-in behaviour, like a gallery or a repeater, use Add Elements.
Wix's orientation page mentions keyboard shortcuts that skip the Draw Element panel, but we haven't found an official list yet. We'll add them here when Wix publishes one.
New to the editor? Take our tour of what's changed in Studio Two, or see our Wix Studio 2 service.
Sources
- Get to know the editor (Wix Studio Two orientation page) (Wix)
- Studio Two Editor: A Guided Tour of the Studio Two Editor (Wix)
- Studio Two Editor: Adding and Customizing Text (Wix)
- Studio Two Editor: Working with Styled Elements (Wix)
- Studio Two Editor: The Difference between the Studio Editor and the Studio Two Editor (Wix)