How to Create and Connect New Pages
Let's say you have built a wonderful landing page for your t-shirt company, but you are missing one crucial element: a way for people to actually give you their money.
You need pricing buttons, and you need those buttons to connect to a brand-new checkout page. You could just ask the AI to change an existing button to say "Checkout," but we are going to do something a little more advanced to give you a true flavor of what this system can do.
Here is how to create entirely new sections, generate new pages, and wire them all together seamlessly.
The "Human Developer" Mindset
If you are ever looking at your project and wondering, "Why doesn't my site have a checkout page?" the answer is simple: because you haven't told it to have a checkout page yet.
You need to adopt the "Human Developer" mindset. Imagine there is a human sitting right next to you. What specific orders or prompts would you give them to build exactly what you need? You have to ask for it!
The Prompt: Building Tiers and a Checkout Page
Instead of just changing a button, let's create a brand-new pricing section from scratch and link it to a checkout page that doesn't even exist yet.
Here is the exact prompt to make it happen:
Create a section with three pricing tiers with pricing buttons that connect to a new checkout page where users can input their credit card info.
Note: You can be as specific as you want here (e.g., "one t-shirt for $20," "two for $15," etc.), but for this example, we are keeping it general and letting the system do its thing.
The Results
Once you enter that prompt, you can watch the AI's thought process down the left-hand side of your screen. When it finishes, you will see the magic.
Here is what the system accomplishes with that single prompt:
Generates the Pricing Section: It creates a beautifully formatted section with three distinct pricing tiers on your current page.
Creates the Buttons: It adds specific "Get Started" or "Buy" buttons to each tier.
Builds a New Page: It generates an entirely new checkout page designed to collect names, card payments, and credit card information.
Wires It Together: It automatically connects those new pricing buttons directly to your new checkout page.
All that is left for you to do is connect your Stripe account (or your preferred payment processor), and you are ready to take payments just like that!
Toggling Between Your Pages
Now that you have multiple pages in your project, you might be wondering how to navigate between them. It is incredibly easy:
Look at the left-hand side of your dashboard.
You will see a list of your pages (e.g., Home, Checkout).
Simply click on the page name to toggle back and forth between your homepage and your newly created checkout page.
This exact process works for any page your heart desires. Whether you need to build a landing page that connects to your software app, or a contact page linked from your footer, just be concise, explain exactly what you want, and tell the AI to connect the dots.