Videos · 10:09
Edit your AI website: texts, sections, images and brand
Edit your AI website: texts, sections, images and brand. Step by step in WebSiteBuilder ai — every step is a real recording of the product.
Read the transcript
Edit your AI website: texts, sections, images and brand. Typing directly on the page. In the preview, click the text you want to change. Type the new text. Press Enter or click elsewhere to apply it — Escape discards what you typed. Designing the menu and footer. In the editor, click “Menu & footer” on the left. Choose “Main menu” at the top and click a template; the “Visitor preview” shows your menu in it, switchable between “Desktop” and “Phone”. Open “Customise menu” if you need to and adjust the bar. Click “Save design” and then “Back to editor”. What goes into the footer. Open “Menu & footer” and choose “Footer” at the top. Open an area such as “Custom links”, enter a link label and destination, and click “Add link”. Check “Your footer preview” and click “Save design”. Putting your shop on the page. Select the section on the page that the shop should follow, and click “ShopBuilder” under “Connect tools” on the left. Next to the page, click “Insert” on your shop — or “Add to menu”. On the right, set under “Appearance” and “What to show?” what the section shows. Adding, ordering, duplicating and deleting sections. Click “Sections” on the left. Select a section, click “Add section” and then a kind. Drag sections into place or use the up and down arrows. Ten kinds of section. In the preview, click a section with points, for example “Pricing”. Click “Add point” for another point. Change the fields on the right under “Points”; a change is applied as soon as you leave the field. The header. Click “Header” in the section list, or click into the top of the page in the preview. Choose one of the three forms under “Structure” on the right. Background, image side, alignment. In the preview, click a section. On the right, choose the “Background”, for text sections “Image beside the text”, and the “Alignment”. Device preview. Click “Phone” at the top. Scroll through the page and check the menu, images and buttons. “Desktop” takes you back to full width. Undo and redo. Click Undo to take back the last step. Click Redo to bring it back. Changing things with Kenji. In the editor, click “Edit with Kenji” on the left — or the round button with the K at the bottom right. Type what you want into the field “Say what should change, or ask me something …” and press Enter. Wait until “Done” appears in the window and the preview shows the new state. Text suggestions for one spot. Click “Company” on the left and open “Texts”. Expand the spot you want to change. Click “Shorter”, “Longer”, “Different tone” or “Three suggestions”. Click the version you like — it is in the draft immediately. Finding and placing an image. Click the image in the preview, or “Choose image” in the section on the right. Type a term in the “Search” tab and click “Search”. Click an image — it appears in the preview immediately. Your own images from MediaStudio. Click “Choose image” and then “My images”. Search for the image or open an album. Click the image. Removing an image. Click the section with the image. Click “Remove image” on the right. Your own design and back to the brand. Click “Colors & font” on the left. Click “Use my own design” and set colours and typeface. To go back, click “Back to the brand” at the top. Publishing needs your brand. Click “Publish”; if the notice appears, click “Go to BrandStudio”. Enter the missing details. Return to the editor and click “Publish” again. You’ll find the written guide with every step in the description.
