Editing code directly

Most of the time you'll make changes in Wemob by chatting. But sometimes the change you want is so small that describing it takes longer than making it yourself — a typo, a color tweak, swapping one word for another. For those moments, Wemob gives you a full code editor right inside the Studio.

When to use the code editor#

The code editor is the right tool when:

• You want to change a single word or number
• You're comfortable reading code and the change is tiny
• You need to see exactly what your site is doing behind the scenes
• You want to copy a snippet out of your project to reuse elsewhere

For anything bigger — a new section, a whole page, a redesign — talking to Wemob in chat is almost always faster and produces better results. You don't have to choose one or the other; most people use both.

Opening the editor#

In the Studio, click the Codetab at the top. On the left you'll see a file tree — the list of files that make up your project. On the right you'll see the content of whichever file you clicked.

Files that Wemob recently changed show a small mark next to their name, so you can always spot the most recent edits.

Making a change#

Click any file in the tree to open it. You can scroll, select, copy, and edit just like you would in any text editor. Syntax highlighting and line numbers are on by default. Hit ⌘F to find text inside the current file.

Saving your edits#

When you change something, a small Unsaved badge appears at the top of the editor. Click the Save button to confirm the change. Your live preview will refresh automatically with the new version.

Creating a new file#

Click the +button at the top of the file tree to add a new file. You'll be asked for a name and where you want to put it.

Most people don't need to do this — if you want a new section or page, it's usually easier to ask Wemob in chat. But the option is there.