The editor

Getting into the editor

The editor is a full-screen view of the app, not a separate web address. There are two ways in, and both start on the dashboard.

1. 1On the Home board, tap the round black pencil button riding the bottom-right corner of your page preview. Its tooltip reads Edit this page.
2. 2Or, in your page list, tap Customize on the row for the page you want. That switches to the page you tapped first, so you always edit the right one.

What is on screen

• The canvas — the middle of the screen. Your page's grid, at real proportions.
• The toolbar pill — bottom centre. Your @username on a wide screen, then Undo, Redo, the Phone/Desktop switch, Preview, a question-mark button that replays the tutorial, and Save.
• The Design button — bottom left, a round palette button, tooltip Design panel.
• The dashboard button — bottom right, tooltip Back to dashboard.
• The AI pill — just above the dashboard button, labelled Compose. It hides itself whenever a widget is selected or a sheet is open.

Your first time: choosing a starting point

The very first time you open the editor, a small dialog asks How do you want to start? Under it: "Your page comes with a starter layout. Keep it, or begin with a blank sheet — you can change everything later."

If you choose Start clean you get a confirmation: Blank canvas ready / "Tap any cell to add your first widget." Either way, the guided tour opens a moment later.

The starter layout borrows its shape from the Enchant.ee showcase page, never its identity. Names, photos, prices and prose are all reset before you see them, and the Profile widget picks up your own name, bio and avatar.

The guided tour

About a second after the editor loads for the first time, a spotlight overlay dims the screen and highlights one control at a time. It has four steps — or three if your page has no widgets yet, because the step about moving things has nothing to point at.

The card shows Step 1 of 4 and a row of dots. Skip closes it immediately; Next advances, and on the last step the same button reads Done. Escape closes it too. Finishing or skipping means it never opens by itself again.

Replaying it

In the toolbar, tap the small round question-mark button — its tooltip reads Replay the editor tutorial. The tour restarts at step one.

Phone and Desktop: two views of one page

The two icons in the middle of the toolbar switch which canvas you are arranging. Their tooltips read Phone canvas (4×8) and Desktop canvas (8×4).

The desktop canvas is your phone grid rotated a quarter turn: desktop columns are phone rows, and desktop rows are phone columns. One grid size drives both — you cannot give them unrelated shapes.

• Each mode keeps its own arrangement. Positions and sizes are stored separately. Switching away saves what you had; switching back restores it exactly.
• Nothing is ever deleted by a switch. If two widgets would collide in the new shape, one moves to the next free slot. It is never dropped.
• Your selection survives. If the Edit Widget sheet is open, it stays open on the same widget.

How each canvas scrolls

• Phone — a portrait window with square cells sized to fit the width. Extra rows stack below, and the canvas scrolls up and down.
• Desktop — square cells sized to fit the height. Extra columns extend sideways, and the canvas scrolls left and right. A vertical mouse wheel scrolls it sideways.

Adding a widget

An unoccupied cell on the canvas is a dashed button with a + in it — its label is Add a widget here. Tap the cell you want the widget in, and the picker opens. On a very large grid only the earlier cells get that button; the rest of the grid is still there, and you can drag a widget into it.

On a completely empty page, a card floats in the middle instead: Tap + to add your first widget over Every block on your page is a widget. Tapping it opens the same picker, aimed at the middle of the grid.

1. 1Tap an empty cell's +.
2. 2Search, change the sort, or pick a category tab.
3. 3Tap a widget tile. The picker closes and the widget appears on the canvas.

Close the picker without adding anything with its round X, a tap on the dimmed backdrop, or Escape.

Finding the one you want

• Name sorts A to Z by the widget's on-screen name.
• Size puts the biggest footprints first.
• Recently used puts the widget types you added most recently first. The app remembers your last 16.
• All holds every tile — Profile, the ten social tiles and every other widget type, 69 in total. Whatever the sort says is the order you see, including in All.
• Social holds ten ready-made link tiles: Instagram, X, TikTok, YouTube, Spotify, GitHub, LinkedIn, Dribbble, Email and Website.

If nothing matches you see No widgets match followed by what you typed. On a computer the search field focuses itself when the picker opens; on a phone it deliberately does not, so the keyboard does not cover the grid.

What each tile tells you

• A coloured icon square, the widget's name, and a one-line description.
• A small size badge in the top-right corner, like 2×2.
• A faint dot in the top-left corner means you do not have one of these on your page yet. Its tooltip reads Not on your page yet.

Where a new widget lands

It lands in the cell you tapped, at its Compact size, if it fits there. If it does not fit, it goes to the first free slot that does. It arrives unselected — tap it when you are ready to edit it.

The Store tab

The last tab holds widgets other creators have shared. It shows only the free ones — paid widgets are bought from the marketplace instead, and arrive on your page the same way.

1. 1Open the picker and tap Store.
2. 2Wait for the tiles — you will see Loading… meanwhile.
3. 3Tap a tile. The widget downloads, installs and lands on your grid, with a Widget added confirmation.

If nobody has shared anything yet you see No shared widgets yet. If the list cannot load you get a tappable line: Couldn't load the store — tap to retry.

The collection meter

At the bottom of the picker, a line beginning You've used counts how many of the 64 widget types are on your page, alongside a percentage and a bar.

Selecting a widget

Tap a widget once. It lifts slightly, gains a ring and a shadow, and three small controls appear at its corners.

Every other widget starts to jiggle, the way app icons do on a phone home screen. That is the signal that the page is in an arranging state. It stops the moment nothing is selected.

The three controls are hidden while you are dragging the widget, and while the Edit Widget sheet is open — at that point the widget itself has flown up to the middle of the screen.

Deselecting

• Tap the editor background, anywhere outside a widget, a panel or a popup.
• Finish a drag — dropping a widget clears the selection.
• Delete the selected widget.

With a keyboard

Every widget on the canvas can be reached with Tab, and Enter or Space selects it. From there you can reach its Edit and Delete buttons.

Moving a widget

On a touchscreen

1. 1Press and hold the widget for about half a second. A short buzz tells you it has lifted.
2. 2Drag. The widget follows your finger, tilted slightly, and the other widgets slide out of the way to open a gap. A dashed outline marks where it will land.
3. 3Lift your finger. It springs into the cell, with a second short buzz.

With a mouse

No hold is needed. Press the left button and move a few pixels, and the drag starts at once.

What the other widgets do

• They reflow live, pushed to the nearest free slots. The widget in your hand always wins.
• It is fully reversible. The reflow is always recalculated from the layout as it was when you picked the widget up, so dragging back where you started puts everyone back where they were.
• Nothing is deleted. If pushing widgets around would overflow the grid, the app consolidates the gaps instead, largest widget first.
• The corner you grabbed stays under your finger. A tall widget grabbed near its bottom edge does not jump so its top-left corner meets your thumb.

Reaching off-screen rows

While dragging, hold near an edge of the canvas and it scrolls in that direction, so you can carry a widget to a row or column that is not currently visible. It only starts once you have actually moved — a stationary press near an edge will not run away from you.

Cancelling, and what a landing feels like

• Release outside the grid and the whole layout snaps back to how it was before you picked it up, with a short shake. Nothing is lost.
• An interruption — an incoming call, a system gesture — does the same thing.
• Put it back where it started and it settles quietly, with no shake.
• A real move gets a small squash-and-settle bounce.

After any drop, the widget is deselected and the jiggling stops.

Resizing a widget

There are two ways: drag the corner bracket for fine control, or tap a preset for a known-good shape.

Drag the corner bracket

1. 1Tap the widget to select it.
2. 2Press the L-shaped bracket at its bottom-right corner — its tooltip reads Drag to resize.
3. 3Drag outward to grow, inward to shrink. A dashed outline previews the new footprint, with its size in the corner, like 3×2. Each cell boundary you cross gives a tiny tick of haptic feedback.
4. 4Release to commit. The whole drag is a single undo step.

Growing pushes overlapping widgets into free slots; shrinking lets them come back. Shrinking below where you started leaves the freed cells empty. Dragging near the edge of the canvas scrolls it, so you can grow a widget past what is currently on screen.

Size presets

Select a widget, tap Edit widget, and the first control in the sheet is Size: up to three chips — Compact, Medium, Large — each showing the exact footprint underneath, like 2×1. One tap applies it.

Every widget type has its own three. They are curated, not generated: Compact is the smallest size at which that widget's content is still fully visible, which is why it is also the size a widget arrives at and the smallest you can shrink it to.

• Some widgets show only two chips, because two of their three sizes are identical. Social Link, Button, Section header, Marquee and Personality are among them.
• Spacer shows no Size row at all. Its sheet says instead: A spacer adds breathing room — drag its corner on the canvas to resize. Custom widgets have no row either — their size is set by whoever built them.

What actually decides the final size

Both the chips and the bracket run the same three rules, in this order:

1. 1Never smaller than one cell.
2. 2Never past the right or bottom edge of the grid, measured from where the widget currently sits.
3. 3Never smaller than that widget's Compact size — unless rule two forces it. The grid edge wins.

The Edit Widget sheet

Tapping the pencil dims the canvas and flies the widget up to the middle of the free space above the sheet, so you can see it change as you edit. Its cell stays behind as a dim placeholder. The sheet is a fixed half-height card; its contents scroll.

Close it with its X, with Escape, with the system back gesture, by tapping the dark area above it, or by swiping down on the strip at the top of the card. Swiping anywhere else scrolls the sheet's contents instead.

Why a widget looks the same everywhere

A question that comes up early: why does making a widget bigger not make its text bigger? The answer is worth one paragraph, because it explains several behaviours at once.

Every widget is drawn once at a fixed internal size, then scaled as a whole to fit whatever cell it is in. Nothing inside is re-laid-out. That is why a widget looks identical on the editor canvas, in the phone preview, on your published page, inside a shared post and in a template thumbnail — only the zoom changes, never the proportions.

The practical consequence: text keeps its proportion to the tile. A 2×2 widget made 4×4 is the same picture, twice as large. Nothing crops, nothing reflows, and nothing looks different on someone else's phone than it did on yours.

Why text moves inward at high Corners

A rounded corner eats into the rectangle. If a widget's corners are very round and its text ran to the edge, the curve would slice through the letters. So the app measures how much the corner takes and pushes the content inward by exactly that much.

Raise the Widget corner slider and you will see text and icons pull away from the corners. That is not a bug — it is what stops them being clipped. A larger widget gets more of this padding than a small one, because its corner radius is a proportion of its own shorter side.

The Design sheet: grid, spacing, padding and corners

Tap the round palette button in the bottom-left corner — tooltip Design panel. The sheet's title reads Design. This section covers the controls that shape the canvas itself; backgrounds, themes, fonts and page effects have their own chapter.

Grid size

The block directly under the plan card, headed Grid size, holds two steppers: Columns and Rows. Each is a minus button, a typeable field and a plus button.

1. 1Tap − or + to step by one.
2. 2Or type a number into the field and press Enter — or tab away — to commit it. The up and down arrow keys also step it.
3. 3The canvas reflows immediately.

Growing the grid by more than 40 at once builds it progressively, in chunks, with a live line reading Building grid… and the current count. The steppers are disabled while that runs.

The minimum is 2 columns and 4 rows on the phone canvas — the reverse on desktop. Changing the grid needs a paid plan Élégante; on the free plan the steppers carry a padlock, the field is read-only, and touching it shimmers and shows Paid feature with an explanation.

Spacing, padding and corners

• Spacing is the gutter between every cell. A larger gap means smaller cells for the same canvas width, so every widget shrinks in proportion — nothing crops.
• Page padding insets the whole grid from the canvas edge. One slider moves all four sides at once.
• Canvas corner rounds the page frame. It is capped so the frame can never round into a circle.
• Widget corner rounds every widget tile. The radius is a proportion of each widget's own shorter side, so a squircle keeps its shape at every size — it never collapses into a circle in a small cell.
• Icon labels shows or hides the small text labels under widget icons, on the canvas and on your published page.

Deleting a widget, and clearing the canvas

Deleting one widget

The trash button appears in two places, and both behave the same: the top-left corner of a selected widget, and the small trash icon in the header of the Edit Widget sheet.

In most cases the widget is removed straight away, with no confirmation — Undo brings it back. The exception is a widget you have shared as a post.

Clearing the whole canvas

The last control in the Design sheet is a full-width button: Clear canvas.

1. 1Tap Clear canvas.
2. 2A dialog asks Clear the canvas? — "Removes every widget and sets the background to plain white — a blank sheet to build on. Undo brings it back."
3. 3Tap Clear canvas again to confirm, or Cancel to back out.

You get a confirmation — Canvas cleared / "A blank white page — tap any cell to start building." Every widget is gone and the page's styling is back to its defaults.

Undo and redo

The two arrows at the left of the toolbar are Undo and Redo. They fade out and stop responding when there is nothing to undo or redo. The editor keeps the last 50 steps.

What counts as one step

One gesture. A whole drag, a whole resize, a whole slider sweep — each is a single step, not fifty. The side effect is that two separate small edits made within half a second of each other share one step.

These all record a step you can undo:

• Adding, deleting, moving or resizing a widget
• Changing the grid size
• Switching between the phone and desktop canvas
• Any design change — spacing, padding, corners, colours, fonts
• Clear canvas, Start clean, applying a template, and applying an AI composition
• Installing a widget from the Store tab

What undo will not bring back

• Don't save on the way out — that deliberately wipes both the undo and the redo history.
• Anything from a different page. History is kept per page.
• Anything from before you loaded the page or signed in.

Undo also clears your selection, and any new edit clears the redo stack — the usual rule.

Saving, drafts and leaving

The dark pill at the right of the toolbar is Save. It has three states, and on a phone you see only the icon.

A successful save shows Page saved / "Your changes are live." Anything else shows Saved locally / "Your edits are kept in this session."

Things the server will refuse

• Too many widgets on one page. There is a hard cap on how many widgets a single page may hold, checked when you save. It is far above anything a page needs, and it is not a plan limit — every plan has the same one.
• A grid bigger than your plan allows. The message names the grid you tried to save and your plan's limit. Pages that were already over the limit are left alone — only growing is blocked, so an old oversized page still saves when you move a widget on it.
• More pages than your plan allows. The message tells you how many your plan includes.

Leaving with unsaved changes

Tap the dashboard button, or use the system back gesture, while you have unsaved changes, and a dialog appears: Save your changes? It names your page and how many widgets are affected.

• Save & go — saves, then leaves. This is the one to reach for.
• Don't save — reverts the page to its last save, then leaves.

The crash-safe draft

While you work, your unsaved changes to your main page are written to this device about a second after each change, and flushed the moment the page is hidden. If your browser crashes, or the tab is closed, or your phone kills the app, the next time you open the editor you get Draft restored / "Unsaved edits from your last visit are back — Save to keep them."

The version on the server is still what Don't save reverts to, and a successful save clears the draft.

Preview

The eye button in the toolbar, Preview, swaps the editor for a preview screen that renders your live page inside realistic device frames.

The device buttons are icons only — the words live in their tooltips. There is also a fullscreen button and a button that copies your page link.

• Phone, and iPad in Portrait 3:4, show your phone layout.
• Desktop, and iPad in Landscape 4:3, show your desktop layout.
• Whichever you pick, the editor's canvas switches to match when you go back — so you land on the arrangement you were just looking at.

Every control in the editor

When something goes wrong