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 My Site 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 primarysecondary, 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:

Completing Previously Abandoned Website Onboarding

If you previously started but didn't complete Website Onboarding, you can resume where you left off. All your saved information will be available upon your next login:

  • If no website drafts exist, you'll be automatically redirected to Website Onboarding when you access the Websites tab. Here, you can choose to:
    • Continue Editing. Complete the Website Onboarding process.
    • Exit to the website dashboard:

  • If you have existing draft projects, select Continue Building in the Drafts section to finish the Website Onboarding process:

  • Click start from scratch to start a new Website Onboarding.
  • Click the vertical ellipsis ( ⋮ ) on the saved Website Onboarding card and select Delete to remove the previously saved Onboarding progress:

Please Note: Your Website Onboarding progress will be saved for 30 days. After this period, the data will be automatically deleted.