Onepage AI Assistant

The AI Assistant enables you to automatically create complete websites in just a few steps, from the initial idea to the final landing page.

With just one prompt, you can generate a professional design that you can then customize flexibly.

Creating websites with the AI assistant is intuitive and fast:

Click on the blue “Create project” button.
​

Click on the “Create site with AI” button and give your page a name.
​

Describe your goal, e.g., “Create a landing page for a health and fitness app with a ‘Sign up now’ call-to-action button”.
​

Select the desired style for your website. You can choose between Modern, Direct, or Formal.

You also specify whether the AI should choose a light or dark design.
​

Using the gear icon, you can set the language and region. This way, your page will be displayed in the appropriate language and targeted to the right audience.
​

​Then click on the blue button at the bottom right.

You can now view your structure plan and check whether the structure suits your needs. If necessary, you can add, delete, or change sections.
​

Then click on the blue button at the bottom right.

The AI creates your complete website in just a few moments.

Please feel free to check your website now.
​

You can accept this proposal or start over.

In just a few minutes, you will have a complete website that should already meet most of your requirements. Now you can refine it to suit your individual needs.

The AI assistant gives you maximum flexibility to further develop your site at any time.

You can remove unwanted sections by clicking on the three dots in your page structure for the respective section and then selecting “Delete section”.
​

You can view alternatives for sections by clicking on the AI widget → selecting “Edit section” → clicking on the desired section → and going to “Layout alternative.”

You can check spelling and grammar by clicking on the AI widget → selecting “Edit section” → clicking on the desired section → and clicking on “Check spelling and grammar.”
​

Last but not least, you can also translate your page into another language by clicking on the AI widget → selecting “Edit section” → clicking on the desired section → and clicking on “Translate.”
​

You also have the option to check the spelling and grammar of the entire page or translate the page into another language.

To do this, click on the AI widget → “Edit page” and select either “Check spelling and grammar” or “Translate.”
​

Create a new section using AI. To do this, click on the AI widget → “Create section” → and enter your prompt in the prompt, e.g., “Frequently asked questions”.
​

Another option would be to add a new section in the editor and select “Create section with AI.”
​

Or regenerate the entire page if you want a completely fresh result. To do this, click on the AI widget → “Create page” and proceed as before: enter your prompt, select style. Select language and region, then check the preview.
​

You can then check the new final result again and accept the suggestion or restart the process.
​

To create a new form, first click on the AI widget and then select “Create multi-step form.”
​

Then enter your prompt, which is a brief description of what your form or funnel should do.
​
​Example: "Create a multi-step form for a health and fitness app that guides new users through the registration process step by step. The form should include the following steps:

The final result would then look like this:
​

You can also choose between two types of forms:

You can enhance existing templates using AI.

You can use a suitable template as a basis.

Select “Remix with AI” and describe your goal, e.g., “Create a landing page for a health and fitness app with a ‘Sign up now’ call-to-action button”.
​

Your page will now be created based on the template. You can then review it and, if needed, make changes or further optimize the page.
​
You have several options:

With custom code, you can extend your page’s capabilities even further, AI will help you generate your own code and even embed images.

Add a new section and select “Custom Code”.
​

You now have the opportunity to write in detail what you want AI to create for you.
​
​Example: “Create a calorie calculator in English and include the following color: #00d54b.”
​

You can review the result and then decide whether to accept or decline it.
​

If you decline the result, you can enter a new prompt.

​

If you accept the final result, you have the option to make further adjustments.

​

​Example: “Please make the ‘Calculate calories’ button round with a radius of 0px”.
​

With AI, you have virtually endless possibilities for making small adjustments to your website. You can create entire sections, upload your own images to be integrated by the AI, and much more.

As a general rule, AI only adjusts the selected element, not other parts of the website. The code (HTML, CSS, JS) is only changed if you make additional adjustments. If you are satisfied with the initial result, you can save the code externally.
​

You can experiment with the AI until you achieve the desired result; small adjustments step by step are the key to perfect results.

For more information on custom code with AI, see the following article: Code Generation AI Assistant.
​

💡Do you have any feedback concerning this article? Please let us know through our live chat or at support@onepage.io, so we may keep it up to date. Thank you! 🙂