The AI Website Builder lets you create a full website just by describing what you want - no coding required.
Step 1: Accessing the AI Website Builder
- If your domain is mywebsite.lk, then your AI Website Builder is located at: https://mywebsite.lk/_studio
- When you open the _studio URL, you will be prompted to log in using your username and password.
- You can find username and password in the email address you provided during signup. If you don’t see the email in your inbox, please check your Spam or Junk folder.
- After logging in for the first time, you’ll be asked to provide some basic details about your website. This helps the AI understand what you want to build.
Site Name: This is the name of your website or business.
Example: Colombo Coffee House
Tagline (optional): A short and memorable phrase that describes your business.
Example: Freshly brewed coffee, every day
Description: A detailed description of your website, business, products, or services.
Include: What your business does, Your target audience, Key services or products, The tone or style you prefer
Once you’ve filled in the required details, Click “Save & Continue” to proceed or click “Cancel” to return to the dashboard.
Step 2: Start Building with the AI Chat
After completing the initial setup, you will see the main AI Website Builder interface.
- On the left side, you’ll find the AI chat: This is where you describe what you want to create, and guide the AI by sending instructions.
- On the right side, you’ll see your generated website: This updates in real time as the AI builds and modifies your site.
IMPORTANT: Think of the chat as talking to your own website designer or developer. The more clearly you explain your idea and provide context, the better the AI can bring it to life.
- Instead of saying:
Make a website
-
Try something more detailed:
Create a modern website for a coffee shop with a homepage, menu page, and contact page. Use a warm, cozy design with brown and cream colors, and include a section for featured drinks and customer reviews.
See our prompt examples depending on your industry/use-case.
What to include;
- What your business or project is
- Pages you want (Home, About, Services, Contact, etc.)
- Style or vibe (modern, minimal, corporate, playful)
- Any features (contact form, booking, gallery, etc.)
After sending your message, The AI will generate the page structure, navigation menu, content sections, the layout and styling. <pregenerated prompts>
Step 3: Refine Using Chat
You can continue chatting to improve and customize your website. The AI allows you to add more details and provide additional information for each page.
Examples:
- “Make the homepage more modern and add a hero section with a call-to-action”
- “Add a testimonials section to the homepage”
- “Change the color scheme to blue and white across all pages”
- “Add a booking form to the contact page with name, email, and message fields”
- “Update the About page to include our company story and team section”
You can pass specific instructions and content for each page, and the AI will update your website accordingly.
Step 4: Add Your Own Images
In order to add your site-specific images like your own photos, logos, or product shots,
- Click "Manage" from the top left menu, then open the "Assets" tab.
- Click "Upload Files".
- Select images from your computer (e.g., logos, product photos, team photos).
- Once uploaded, these images are stored and AI will automatically know where they are.
You can now use your uploaded images when editing your site or asking the AI to update content by simply referring to the image file name.
Instead of saying:
- “Add an image here”
You can say:
- “Use the image team-photo.jpg as the banner image on the About page”
- “Replace the homepage hero image with coffee-shop.jpg”
5. Publish Your Website
When you’re ready:
- Click "Publish" from the bottom right side.
- Your changes will be applied live to your website.
6. Update Anytime
- Use the AI chat to make changes.
- Edit content manually.
- Click Publish again to update your live site.
If you’re unsure about how the AI Website Builder works, or what a button or feature does, you can simply ask the AI. It will guide you step by step and help you complete what you need.
