Build Your First Section
Add a UiChemy Composer widget in Elementor and build your first section, in code, visually, or with AI Chat.
There are two ways to build a section with UiChemy: write or paste code (HTML on Free, CSS and JavaScript editing on Pro), or build it with AI Chat (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 UiChemy 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, content fields appear in the Elementor Content panel, letting you update text, images, and links without touching code. See Editor Tab and Content Fields.
Step 5: Publish
Click Update or Publish in Elementor to finalize the page.
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.
AI Chat Tab
Describe a change in plain language and let AI Chat make the edit for you.
Content Fields
Turn your section into a reusable template with swappable content.