Need help? We've got your back.

What Is It and Why You Need It

The most awaited feature is finally here! Your new vibe designer.

The all-new EzyCourse AI Website Builder [BETA]! Turn your creative ideas into fully built, high-converting pages in minutes.

Your own intelligent assistant that understands your brand, audience, and goals to build an entire page from a single prompt. 

Yes, we're talking 25X faster than building manually. A page that would take you hours now takes minutes. 

No design skills. No coding. Just your raw ideas, powered with AI.

How It Works

The overall flow is very quick and simple. We are breaking it down part by part so you know exactly how fast and flexible the experience is:

1. Starting With a New Page

At first, you need to create a new page from the EzyCourse Website Builder. 

2. Describing Your Page & Brand

From the AI Page Builder, select a page type to tell AI what kind of page you need so it generates accordingly. 

Describe how you want the page to look. The more detail you put into your description, the more accurate and personalized your output will be. 

3. Setting Your Page Colors and Fonts

Pick your page's color palette. You can either let AI automatically pick the best colors for your page. Or you can use your brand’s global colors.

Select the heading and body font (with size) for your page. You can either select from the default list or from your brand-used fonts.

4. Reviewing & Arranging Your Sections

Once AI generates a full section plan for your page, you can review and edit the details for each section. Sections can be modified with two layers: Content & Story and Layout & Design. 

5. Generating the Page Design

Let AI show its real magic, designing all the sections into a complete page for you. Meanwhile, you can watch the live progress as it builds automatically.

6. Adding New AI Sections Inside the Builder

Adding new AI sections to your page is simple. Set the brand colors and fonts, type a prompt of how you want the new section to look, or attach a reference image for visual ideas. AI does the rest instantly. 

If you prefer to work with code, you can manually create a section by pasting raw HTML.

7. Editing Sections with AI & Manual Controls

Every part of each section is editable. Click on any element, give your command in the chat, and see how AI updates it instantly. 

The AI-generated sections are fully responsive across multiple devices such as desktop, tablet, and mobile.

8. Code Access, Templates & Reuse

For those who want to go more technical, you have full code-level access. The built-in code editor allows you to modify using HTML, CSS, and JavaScript. 

You can also convert your page into a reusable template to reuse pages across multiple areas.

How to get started using it

Login to your EzyCourse dashboard and navigate to Website Builder -> Pages. 

At the top of the page, you can find the AI Credits icon showing the remaining credit balance. 

Learn About AI Credit & Usage.

Click Start with AI to create a new page.

Fill in the page details and click the Create button.

The system will prepare an intelligent assistant for your page. Wait for a few seconds for the AI Page Builder to load.

From the AI Page Builder, pick a Page Type. Scroll through the categories and select the one that matches your purpose. 

The available page types are: Funnels, Marketing, Education, Business, Community, Personal Commerce, Events and more.

Enter your Industry / Niche (field or market your page is for) and Brand Name (optional).

Provide a description explaining how your page should look, what sections it should include, what tone it should follow, and any specific elements you want. 

The more detail you provide, the better your result. Once done, click the Next: Branding button.

In the branding step, choose between Dark or Light Page Theme for visual preference. 

Set the Target Audience, and AI will tailor the messaging and structure to define who the page is for. 

For page colors, you can choose AI to pick the best color palette for your page. 

[Note: You can still adjust the primary and accent colors if needed.}

Or you can enable the Use my brand colors to fetch your site’s brand colors and modify on your own, including primary, buttons, navbar, and any custom colors. 

Select the Heading and Body fonts for your page. You can choose from the default Google dropdown list.

Or you can enable Use my brand fonts to select from the fonts already added to your site. You can even adjust the font sizes as well.

Once done, click the Design My Page button. Designing the page section plan will deduct 7 AI credits from your AI credit balance.

Within a few minutes, AI will generate a structured section plan for your page. You can add a new section from here, reorder, or delete any sections that don't fit your needs.

Carefully review each section detail, and make changes if required. Content & Story for messaging and narrative and Layout & Design for visual structure.

You can also view the Total AI credits it takes to generate all the sections. Note that each section costs 15 AI credits.

Click the Generate Sections button so that AI starts designing your page.

In the meantime, you can see the live progress, overall completion status, and the total character count.

Once the design is complete, click Done — Open Builder to load the generated page inside the website builder.

Inside the builder, you can add more sections to your page. Simply click Add AI Section and it will redirect you to the Visual Section Builder. 

From here, you can set the section theme and branding colors. Enter the description or attach a reference image of the section and then click Create. 

If you prefer to add sections using HTML code, you can do so from the HTML tab.

Once the new section is generated, click Add to page to insert the new section into the page.

To edit any element inside a section, left-click on the section and Edit icon to extend the visual section. 

[Note: Each edit deducts 15 AI credits from your balance]

Click any element and notice the chat field showing the selected element for making edits. 

Now type your edit instruction into the chat box, and see AI update it immediately. 

You can double-click on any element and use the sticky editing panel to manually make the changes.

If you want, you can Copy the full section code in one click. 

To make code-level changes to any section, click the Code icon to open the Code Editor. 

From here, you can edit using HTML, CSS, and JavaScript and see the changes made live. 

You can switch between three viewing modes - code only, split view, and preview only.

Click the Save & Apply button to apply the coding changes made.

Once you’re done with editing the section, click the Update button.

Now, close the visual section editor and hit Publish to make your AI-designed page live.

This is only the first version of the AI website builder. More changes and improvements are coming your way.