Videos · 3:15
Developer mode: edit the code of your website and export it
Developer mode: edit the code of your website and export it. Step by step in WebSiteBuilder ai — every step is a real recording of the product.
Read the transcript
Developer mode: edit the code of your website and export it. Custom CSS, head, footer, JavaScript. Open “Advanced” at the bottom right and switch on “Developer mode”. Click “Developer” on the left and choose a slot, for example “CSS”. Write your code and click “Save draft” — or press Ctrl+S. Preview in the sandbox. In the “Developer” workspace, click “Preview”. Check the page under “Preview with draft code” and close it with “Close”. Release and versions for code. Click “Publish”, enter a note if you like and click “Publish now”. Expand “Versions” and click a version to see the difference. Click “Back to this version” and then “Yes, go back”. Code proposal from Kenji. In the field below the code, write what the code should do and send it. Read the explanation and the difference. Click “Apply” or “Discard”. Downloading the website as an archive. Click “Take it with you” in the header — on a phone the button is behind “Show more”. Wait until “Packing …” disappears; your browser saves the file. You’ll find the written guide with every step in the description.
