Articles in this category

GOOD STUFF!

AI Website Builder

Dusan Videnovic Updated by Dusan Videnovic

The AI Website Builder is Subbly’s newest feature, allowing you to design, build, and customize your subscription website by simply chatting with an AI agent. It’s fast, smart, and tightly integrated with your Subbly backend. It is one of the 3 features that you will get when you purchase our AI Addon bundle.

1. How to Access the AI Website Builder

Currently, the AI Website Builder is available by invitation only.

Here's how to request access:
  1. Go to your Subbly dashboard
  2. Click your avatar (top right) and select My Plan
  3. In this section, you will see the new AI Addon updated version, where you can click on the Invite link required to request the invite
  4. Choose from:
    • Join the waiting list (to wait when we open new slots)
    • Ask the community for an invite (recommended as you will get the invite from our Experts, or other users)
You can also get an invite by joining the Subscription-first Entrepreneurs Facebook group, then posting a request. A Subbly expert or community member will send you a link!

2. How much does it cost?

Once you receive the invite link, you will see the option to purchase the new AI Addon plan in the My Plan section, like this:

The Monthly plan is $59.00 and includes $30 credit balance that you can use for 30 days. After that, it expires. However, on every renewal, you will get another $30.

You can always add more credits to your account manually (Starting from $50 credit balance, which is $60 in price charge, up to $250, which is $300 charge) by clicking on the Buy more usage button that will appear after you activate the AI Addon bundle.

This credit is used to give prompts to your AI assistant on the website builder and build your website.

3. How to use the AI Website Builder

Building your website with Subbly's AI Website Builder is like having your own personal web designer — but faster, cheaper, and always ready to help. Here's how to get started, step-by-step:

Step 1: Open the Builder

Once you’ve been invited and purchased the AI Addon on your account :

  1. Go to your Subbly Dashboard
  2. Click your profile in the top right corner and select → My Plans

Now, you will see 2 new options:

Generate invite links and Open the builder.

You can now share up to 2 invites with your friends!

Click on the Open the builder to access your AI Website Builder.

When the builder opens, you’ll see a panel on the left with a few key sections:

  • Projects – This is where all your website builds live. You can create as many as you need.
  • Feedback – Since the builder is still in beta, you’re encouraged to share your thoughts or report bugs here.
  • Usage – Here’s where you track how much credit you’ve used (and how much is left).
  • Return to Admin – A quick link to go back to your main Subbly dashboard.

Step 2: Start a New Project

Ready to build? Start typing your prompt in the Projects section to start your new project:

You’ll be prompted with a simple question: “What would you like to build?”

This is where the magic begins. Just type what you want, like: “Build a subscription landing page for a coffee business.”

Because the builder is connected directly to your Subbly store, it can pull in your:

  • Products
  • Bundles
  • Brand styles
  • Logo and more

So, you’re not starting from scratch — you’re starting smarter.

This gives you the option to start with a more detailed prompt, such as "Build a subscription type of a coffee business and use my subscription products created to list them under the hero section."

The builder will start to build the site based on your initial prompt and will give tasks to itself, so that you can follow the progress:

Step 3: Use Prompts to Build & Edit Your Site

Think of this builder like a design-savvy chatbot. You simply type in what you want to happen, and the AI will handle the rest.

Here are a few examples:

  • “Make the hero image full width”
  • “Add an FAQ section below the pricing”
  • “Create a separate landing page listing all my one-time products with the MEAL tag.”

Once you type a prompt, you’ll see the changes happen in real-time in the preview on the right.

The more specific you are, the better the results.

Sometimes you don’t want to change the whole page — just a piece of it.

That’s where the Element Selector comes in handy.

With it, you can:

  1. Hover over and click on a specific part of your site (a button, a section, a headline, etc.)
  2. Then give a prompt like:
    • “Make this button red.”
    • “Remove product reviews from this section”

This ensures the AI knows exactly what you’re referring to.

Want to add your own visuals? Easy.

Just upload your image or file and include it in your prompt:

  • “Use this attached image and put it in the hero section next to the title.”

Perfect for brand logos, product shots, or banners.

You can always see the live preview of your site in the smaller window next to the chat:

However, if you want to see how it is going to look in the browser window, you can do it by clicking on the Open in new tab section at the top and checking it in real time

You can also create a prompt to add the existing products on your backend manually using the @ symbol to tag resources, such as Products or Bundles. Because it’s integrated with your Subbly store, it pulls in product info automatically — no need to copy/paste anything.

Step 4: Customize Project Settings & Launch Your Site

Before you go live, you can fine-tune your project settings:

  • Rename your project to keep things organized
  • Connect a custom domain if you have one
  • Set project-wide instructions

    For example:
    “Always use Montserrat font and round buttons.”
    These rules will apply to the entire site, saving you time on repetitive prompts and helping your builder follow the rules when building the site/making changes.

Once you're happy with the site, you can click on the Deploy button and the system will generate the website URL for you:

It might take a few minutes before you get your URL :

4. Best Practices (FAQs)

Q: How should I structure my prompts for the best results?

A: Be specific. For example: “Change hero section background to dark blue” don't use “Change this section”

Q: Should I start a new chat or continue in the same one?

A: Start a new chat for every new page or major feature. It keeps the context clean and helps the AI avoid confusion.

You will always have access to the old chat in case you need to get back:

Q: What is the Element Selector for?

A: It lets you click and select a specific block, button, or section. After selecting, give a tailored prompt just for that element.

Q: How do I keep my branding consistent?

A: Use the Project Instructions to set design rules like fonts, button styles, capitalization, etc.

Q: Can I undo changes?

A: Yes! Use the Site Versioning feature to roll back to a previous version if you don’t like the changes made.

Q: How do I manage credits efficiently?

A: Check your remaining balance in the Usage section. Buy more credits as needed. Small edits cost less, big changes use more.

Q: The builder stopped working after presenting an error. What can I do?

A: You can copy the error message and paste it in the chat, and give the builder the prompt to fix it. If it does not work, please reach out to support chat.

Q: Where can I get help?

A: Join the Subscription-first Entrepreneurs Facebook Group or message our support team directly from your subbly admin using the chat widget.

With this builder, you can go from idea to live website in a matter of minutes — no coding, no dragging and dropping, just telling the AI what you want.

Let your creativity flow and let the AI handle the rest!

Did you find this resource helpful?
Return to top
Ready to get started
with Subbly?
Try for free