Editing & Components

Adding components

1. In the left panel, open the Add tab.
2. Drag a component from Components onto the canvas.
3. Drop it where you want it. A guide line shows where it will land.

Available components

Selecting things

Click an element on the canvas to select it. If something is hard to click (for example text sitting on top of an image), open the Layers tab and select it there. You can also reorder or hide parts from Layers.

The hint at the top of the right panel tells you what you've selected and how to edit it.

Editing text

Double-click any text to type over it. A small toolbar appears for basic formatting. Use the Styles panel for fonts, sizes, and colors.

Changing images

1. Double-click the image.
2. The image picker opens. It shows images you've uploaded before and the images that come with the templates.
3. Click an image to use it, or drop a new file onto the upload area.

Uploads must be JPG, PNG, or WebP, up to 5 MB. Images wider than 2400 pixels are scaled down automatically so your store loads quickly.

For background images (for example in an Image Section), select the section and use Styles → Background → Background Image.

Links on buttons

1. Select the button or text link.
2. In the Settings panel on the right, enter the Link URL.
3. Tick Open in new tab if you want it to open in a new window.

Deleting components

Select the element and press Delete or Backspace. Use Undo if you remove something by mistake.

Undo and redo

Use the Undo and Redo buttons in the top bar, or the keyboard:

Next, learn how to style your components.