WebZum Logo
WebZum

From Zero to Website Hero

Sign InSign Up
Back to Blog
website-editoraiuxproductno-codewebsite-builder

Stop Dragging Boxes. Edit Your Whole Website by Chatting With It.

WebZum Team•April 23, 2026•7 min read
Stop Dragging Boxes. Edit Your Whole Website by Chatting With It.

TL;DR: Every website builder since 2007 has shipped some version of the same UI: a drag-and-drop canvas with sidebars, sections, and boxes you push around with your mouse. WebZum threw it out. Our editor is a chat. You type “make the hero headline bigger and add a video here” and the change ships. No selection handles, no nested menus, no template surgery. This post explains what we built, why it works, and what’s now possible that wasn’t.

The Drag-and-Drop Editor Is a 2007 Idea

Wix shipped a drag-and-drop site editor in 2006. Squarespace followed. Webflow refined it. Framer modernized it. Every major builder for the last twenty years has competed on the quality of the same fundamental interaction: pick up a box with your cursor, drop it somewhere else, fight with snap-to-grid.

The problem isn’t that drag-and-drop is bad. The problem is that drag-and-drop forces you to think in widgets. You have to know that what you want is “a 3-column section with image-left and text-right and a CTA on row 2.” Most people don’t know that. They know they want “a section that shows the three things I do.”

Drag-and-drop is the editor for people who already know what websites look like under the hood.

What We Built Instead

WebZum’s editor is a chat panel that sits next to your live site. You type what you want. The AI does it.

Examples that work right now:

  • “Make the hero headline bigger on mobile”
  • “Add a pricing page with three tiers: Basic $9, Pro $29, Team $79”
  • “Replace the section after About with a video”
  • “Move the testimonials section above the services section”
  • “Generate a new logo, more minimal this time”
  • “Add an FAQ page with the five most common questions for plumbers”
  • “Change my phone number to (415) 555-0123 everywhere on the site”
  • “Delete the team page”
  • “Undo that last change”

Each instruction routes through the right tool—a copy-edit, an HTML diff, a regenerate, a structural change—and applies the change to your live site. The chat keeps history, so you can scroll back and undo anything.

The Tool Set Behind the Chat

Under the hood, the editor isn’t one big “do whatever I say” model. It’s a router that picks from a small set of structured tools:

  • update_contact — change phone, email, address, hours. Surgical edits to fields the chatbot and contact forms read.
  • update_site_html — propose an HTML diff. The diff LLM is taught to grow sections rather than rewrite them, so a “make this bigger” instruction adds detail instead of regenerating from scratch.
  • add_page / delete_page — create or remove a page in the site’s navigation. Used to be a “rebuild_site” tool that nuked everything; we retired it because surgical edits are almost always what users actually want.
  • regenerate_logo / regenerate_hero — call the image generator with new direction, then verify the output (legible text, on-brand colors) before applying.
  • Per-image editor — a unified flow for replacing logo, hero, and section photos. Drop a file or describe what you want; the editor handles the rest.
  • Domain routing — when you say “I want my own domain,” the editor doesn’t try to write HTML. It opens the domain flow.

Each tool has its own prompt, its own evaluation, and its own fallback. If the first attempt to apply a change fails (e.g. the diff doesn’t apply cleanly because something moved), the system retries with a smaller scope rather than throwing an error in your face.

Why This Works Better Than Drag-and-Drop

You don’t need to know what the change is called. “Make this part louder” is enough. The model figures out you mean a larger headline, more contrast, possibly an accent color.

You don’t have to find the thing first. In Wix, half the work is locating the right element in a nested tree. In a chat, you describe what you mean (“the section with the testimonials”) and the model finds it.

It works on phones. Drag-and-drop on mobile is universally awful. A chat works the same on phone, laptop, or tablet.

It scales to bigger changes. “Add a pricing page with three tiers and the right copy for a B2B SaaS” is one chat message. It’s twenty minutes of clicking in any drag-and-drop builder.

It’s auditable. Every change is a chat turn. You can scroll back and see exactly what was asked and what was done. Undo any specific change. We persist feedback on regenerations so the model learns what you accepted vs. rejected.

The Hardest Part Was Making the Copy Sound Human

A surprising amount of editor work is content edits—rewriting headlines, expanding services, generating FAQ answers. Early versions of the editor wrote copy that read like every other AI-generated website: “Welcome to our innovative solutions.” “Empowering businesses through cutting-edge technology.” Adjective stew.

We added a set of human-voice rules to the section copy generator. They’re short and unglamorous:

  • No “innovative,” “cutting-edge,” “seamless,” “revolutionary,” or any synonym
  • No “we believe” / “we are passionate” intros
  • Concrete claims with numbers when possible
  • Sentences a real person would say out loud

When you type “rewrite the about section,” the result reads like a person wrote it for their own business. Not perfect. But noticeably less AI-sounding than what other builders produce, because the rules are actively suppressing the worst defaults.

What This Unlocks for Non-Technical Users

The first version of WebZum was about generation: type one sentence, get a website. The chat editor closes the second loop: keep the site as a living thing without ever touching code or a canvas.

The result is that non-technical users now own the full site lifecycle. Generate. Edit by chat. Add pages by chat. Update contact info by chat. Connect a domain by chat. The entire surface area that used to require a developer or a designer is now a conversation.

For technical users, the chat editor is a faster way to make small changes that aren’t worth context-switching to your IDE for. “Change the price on the Pro tier” should not require a git commit.

The Limit of the Approach (For Now)

The chat editor doesn’t yet handle every change you might want. Some things still benefit from direct manipulation: pixel-precise layouts, custom interactive components, animations more elaborate than scroll effects. We expose direct HTML editing for users who want it, but the default is the chat.

Over time, the set of “things you can do by chat” gets larger. Each shipped capability is one more reason to never open a drag-and-drop canvas again.

The Underlying Bet

Drag-and-drop made sense when AI couldn’t read intent. It can now. The friction of pushing boxes around stops being a feature once the model understands “make this section emphasize speed instead of price.”

Every interaction in a WebZum site that you’d normally do with your mouse is something you can do with a sentence. The mouse becomes optional.

Try It

Build a site at /create-website. Then open the editor and start typing. Ask for a new page. Move a section. Rewrite a paragraph. See how far you can get without ever touching a drag handle.

The next time someone shows you a Wix dashboard, the gap will look obvious.

Build and edit a site by chat →

Ready to Build Your Website?

Join hundreds of businesses using WebZum to create professional websites in minutes, not weeks.

Get Started Free
Live in 5 minutesNo credit card required
Home•Free Tools•Blog•Directory•About•Agencies•Partners
FAQ•Privacy•Terms•© 2026 WebZum