Website Onboarding

Create a professional website effortlessly with our Site Builder. Our AI-powered onboarding process will guide you through customizing colors, fonts, hero images, and other essential website elements to reflect your unique brand identity. Upon completing the onboarding process, you'll receive a beautifully generated website tailored to your preferences. 

Accessing Website Onboarding Functionality

To access the Website Onboarding functionality:

  • Click Add Draft (or Add First Draft for your first project) from the Websites section:

  • Proceed to the With AI Builder section, and click Generate Website:

You can also create a website using the With a Template (Site Wizard) option. Please refer to the Creating Website with Templates article to learn more about the With a Template (Site Wizard) path.

Navigating the Onboarding Steps

Follow these simple steps to create your dream website:

  • Enter your Website Name and Category:

  • Add information about your project and explain what makes it unique. Click the Let's Go button to proceed:

Choosing Style

  • Choose a website style: Playful, Modern, Professional, Bold, or Classic. Then, proceed to Next.

Choosing Colors & Fonts

  • Select colors for your project among the Recommended Colors:

  • You can also add custom colors by clicking the Custom button and entering the HEX codes for primary, secondary, and text colors. You can use the color picker or choose from the suggested colors:

  • Check how selected colors will appear on the website on the preview screen:

  • Select Next to proceed.
  • Choose fonts from the Recommended Fonts:

  • You also can select your own fonts for heading and body text:

  • Select Next to proceed.

Adding Content

  • Drag and drop the logo into the Image placeholder. Alternatively, you can click the placeholder to open the Upload Photo dialog:

  • Select Next to proceed.
  • You can add your logo later; click the Skip button to move to the next step:

  • Add the hero image to your website. You can search for a free image, drag and drop it, or browse from your computer:

  • You can also Edit or Remove the image by clicking the corresponding buttons:

  • Preview the image and click Next to proceed:

  • Review the proposed headline for the section and make some edits if needed:

  • Review or edit the Button Text and click Next to proceed.

  • Review the suggested list and choose sections you would like to add to your website:

  • Click Next to proceed.
  • Wait a bit to generate your website:

Reviewing the Website

  • Check the website that was generated for you. Click Open in Editor to access it:

  • You can also click Start Over Again to re-fill the information and create a new website: