AI Studio in Sparkforge: Build Sites and Pages With Prompts
AI Studio is a conversational builder in Sparkforge that turns prompts, URLs, and uploaded images into full multi-page sites, landing pages, surveys, and booking flows you can refine, preview, and publish to a custom domain.
AI Studio is a prompt-driven builder inside Sparkforge. You describe what you want, optionally provide a reference URL or image, and the studio drafts a working layout. From there you keep prompting until it matches your goal, then publish.
Important: AI Studio runs through Labs. Turn it on for your sub-account before using it.
What AI Studio builds
It is not limited to standard websites. AI Studio can generate:
- Landing pages and full multi-page sites
- Branded forms and lead-capture sections
- Multi-step surveys
- Custom booking and consultation flows
- Storefront layouts and dashboards
AI Studio and Agent Studio are separate tools. AI Studio creates pages and front-end experiences. Agent Studio builds AI agents that respond to events.
Where to find it
- Open your sub-account in Sparkforge.
- Enable AI Studio in Labs if it is not already on.
- Click AI Studio in the left navigation.
Starting a project
Start with a prompt
Describe what you want. The more detail, the better the first draft. You can attach files, images, or a live URL for layout inspiration.
Example prompts:
- Create a website for a dental clinic with online booking.
- Build a portfolio site for a freelance designer using the attached brand images.
- Build a family campground homepage using this URL as inspiration.
If your prompt is too broad, AI Studio asks a clarifying question before building.
Start with a template
Click the Templates tab and pick a starting point: Landing page, Dashboard, Ecommerce Storefront, or Portfolio.
Refining a project
AI Studio is conversational. Keep prompting until the page matches your goal:
- Change colors to use light green instead of orange.
- Add a Contact page.
- Add a testimonial section similar to the attached screenshot.
- Change the hero visual to the attached image.
Code Editor
The built-in Code Editor gives you direct control over the underlying code. Use it for targeted design tweaks, layout fixes, and fine-tuning advanced behaviors without regenerating the whole project.
Advanced SEO
AI Studio sites are modern web apps, which can make them harder for crawlers to index by default. Built-in SEO tools improve crawling, set the correct titles, descriptions, and previews for shared links, generate a sitemap, and make content readable for AI search tools.
Preview and version history
Inside the editor:
- Switch between Preview and Code view.
- View desktop, tablet, and mobile.
- Use the page dropdown for multi-page projects.
- Open the active page in a new tab.
Each AI-generated change creates a version. Open Version History to preview, bookmark, or revert to earlier drafts.
Forms and calendars
Forms and calendars in AI Studio start as front-end layouts. They are not connected to your CRM or scheduling automatically. When you are ready, ask AI Studio to connect the component, or click Connect when prompted in the chat.
Once connected, form submissions flow into your sub-account through external tracking. They appear in Contacts and under Sites > Forms > Submissions > External Forms, and can fire workflows through the External Tracking Event trigger.
For booking pages, AI Studio detects existing calendars in the sub-account and prompts you to pick one. Bookings made from the page write to the connected calendar.
Publishing
Preview domain
- Click Publish in the top right.
- Update the URL, then click Publish again.
- Update icon, name, description, and social image. Click Apply Changes.
- Click Publish.
Custom domain
You must publish to a preview domain first.
- Click Publish, then Add Custom Domain.
- Enter your domain.
- If the domain is managed in Sparkforge, the flow continues inline. Review any conflicting records before clicking Add Records.
- If the domain is external, add the DNS record and click Verify DNS.
Set a primary URL
If you connect multiple URLs, click the three-dot menu next to the URL you want to make primary and choose Set as primary. Other URLs 301-redirect to it.
Cloning projects
Click the three-dot menu on a project and select Clone. You can:
- Duplicate inside the same sub-account.
- Clone to another sub-account in your agency.
- Pick the target folder or root level.
- Choose whether to include chat activity and version history.
Current limits
- AI Studio projects stay in AI Studio. They cannot be moved into the standard Sites or Funnels builders.
- URL and image references are inspiration, not exact one-to-one copies.
- Forms and calendars require an explicit connection step before they capture data.
Frequently Asked Questions
Is AI Studio limited to websites and landing pages?
How much does AI Studio cost?
Do I need to move projects into Funnels or Websites to publish?
Can I move an AI Studio project into the standard Sites builder?
Can I preview on mobile before publishing?
Was this article helpful?
Thanks for the feedback.