Build Your First Section
Add a Composer widget in Elementor and build your first section, in code, visually, or with Chat AI.
There are two ways to build a section with UiChemy: write or paste code (Free), or build it with Chat AI (Pro). Pick whichever fits how you work.
Step 1: Open a Page in Elementor
In your WordPress dashboard, go to Pages, then Edit with Elementor on the page you want to add a section to.
Step 2: Add the Composer Widget
Search for Composer in the Elementor widget panel and drag it onto the canvas.
Step 3: Build the Section
Step 4: Update Content Through the Panel
Once you've built a section either way, editable fields (slots) appear in the Elementor Content panel, letting you update text, images, and links without touching code. See Editor Tab and Slots.
Step 5: Publish
Click Update or Publish in Elementor to finalize the page.
Screenshot: a Composer widget with a built section, the Content panel showing its editable slots.
Use Cases
- Building your first section to learn the workflow before starting a real project.
- Prototyping a section quickly, without a Figma file to convert from.
Related
Editor Tab
Fine-tune styles, spacing, and attributes by hand once you're happy with the structure.
Code Tab
Go deeper into the raw HTML, CSS, and JS behind your section.
Chat AI Tab
Describe a change in plain language and let Chat AI make the edit for you.
Slots
Turn your section into a reusable template with swappable content.