After your AI generates a website, you'll enter the Kanorio editor. This is your primary workspace for modifying website content: changing text, swapping images, checking how it looks on different devices, and preparing for launch can all be done here.
Don't worry if there seem to be many buttons at first. Remember this principle: If you see content you want to change, click on it first. The editor will display corresponding settings based on the content you've selected.
The toolbar at the very top of your screen is called the Top Toolbar. Here you'll find common functions:
You don't need to memorize every button upfront. When you want to accomplish a task, just find the corresponding function in the toolbar.
The center is your website preview. This shows a representation close to what visitors will actually see, not lines of code or complex settings.
As you edit text, images, or layouts, the preview updates instantly. This "edit and see the effect" workflow is called What You See Is What You Get (WYSIWYG); in simple terms, what you see is what you'll get after publishing.
Once you click on a section in the preview, the editor will open its corresponding editing panel. Different sections have different fields, for example:
You don't need to leave the current page. After making changes, check the central preview first; if the panel shows "Save" or "Add to Site," complete the save before exiting.
If you're unsure which category a section belongs to, just click on it; the editor will show you what can be adjusted.
This guide only introduces the workspace. To actually accomplish a task, please read the corresponding guide directly:
Visitors don't always use computers to view your website. The editor provides three device previews:
This relates to Responsive Web Design (RWD). Simply put, the website adjusts its layout based on different screens, but you should still check if text is too long, images are cropped, or buttons are difficult to tap.
Before publishing, switch to the mobile preview at least once. Many visitors click social links from their phones, and the mobile reading experience is often more critical than the desktop version.
The toolbar allows switching between light and dark mode previews. This helps you check if text contrast, images, and brand colors remain clear across different themes.
For example, gray text that looks faint on a light background might be harder to read in dark mode. If you find text difficult to discern after switching previews, go to the "Design" tab in "Settings" to adjust brand colors, fonts, or appearance modes.
Changes in the editor are initially saved as drafts, but the saving process differs for various actions. Dragging to reorder, hiding, or deleting sections usually saves to the draft immediately. When editing content in forms within sections, headers, or footers, click "Save" or "Add to Site" as prompted before leaving.
However, be aware of two different concepts:
Therefore, "saved" does not equal "visible to visitors." After completing a batch of changes, you still need to click "Publish."
For detailed steps, please read: and .
Once you're comfortable with the basic operations, you can explore other features in the toolbar:
You don't need to configure all these advanced features on day one. Start by completing your homepage and basic contact information, then gradually expand.
If your content is nearing completion, preview it on mobile first to confirm the display, then read to set a URL and go live.
Some actions save to the draft immediately; for forms in sections, headers, and footers, you need to click "Save" or "Add to Site" as prompted. If you are uploading an image, wait for the upload to complete before closing the page to avoid interruption.
Because the changes were saved to the draft first. Please open "Publish" from the toolbar to sync your current draft to the public website.
Yes. The editor supports operation on mobile phones, tablets, and computers. On smaller screens, the panel presentation might differ, but basic editing functions remain available.
Content, layout, and brand settings are primarily referenced in the preview. Some external services or tracking tools may only load on the live website, so it's still recommended to check again with the actual URL after publishing.
First, check if you can use the undo function in your current operating environment to revert to the previous step. If it cannot be undone, you can re-add a similar section and re-enter the content. It's advisable to keep original files for important text and images.
AI features use the AI credits provided by your plan and may also be temporarily affected by service status. Please check your account plan and AI credits, then try again later. Regular text and image editing are not affected by AI credits.
