How to Build Your Website Using Artificial Intelligence
You are stepping into the easiest, most convenient and direct way to build complex, high performance websites.
Welcome
You do not need to learn complicated website builders such as Wix, Squarespace, Divi, Elementor, or similar systems.
AI will generate complete web pages for you from start to finish, without wrestling with traditional builder tools. This same approach, using ChatGPT alone, was used to create both this sandbox environment and every page on the website at JWWebsites.com
Rather than spending time navigating complex interfaces, you will use plain English to guide AI. By describing what you want, requesting adjustments, and refining results, you can produce full, complex web pages through direct communication at the ChatGPT prompt.
How This System Works
There are two simple ways to build with this system. Both lead to the same result: usable code you can paste into your web page.
|
1
Method 1 — Describe It in Plain EnglishOpen your ChatGPT (Preferably the Pro version) and describe the page you want in normal language. There are no special requirements. You can keep it simple by requesting a website for an industry, or provide more detail if you have specific preferences for layout, style, or content. This method is simple, flexible, and fast. The more direction you give, the more tailored the result can be, but even a basic request is enough to get started. For example you could simply say: "I need a web site for a Janitorial business. Please generate the computer code." That's it! |
2
Method 2 — Use the Prompt GeneratorThe Prompt Generator is software that provides a guided form that walks you through building your request step by step, using organized text fields to make the process easier. Instructions for Use are built directly into the form. This method is recommended for beginners and for anyone who wants more consistency from page to page. It also helps support stronger search engine optimization by guiding you to include the types of page details and content structure that search engines favor. You can access the Prompt Generator from the WordPress menu on the left-hand side of your screen. |
Same Goal, Different Starting Point
Method 1 starts with conversation. Method 2 starts with a structured form. Both are valid. Use whichever helps you communicate your page idea most clearly.
Step 1: Prepare and Generate
Initialize the AI CorrectlyBefore building your first page, make sure you have been given the special instruction block for ChatGPT's permanent memory. This helps the model generate safe, compatible code for your working environment. Once that is in place, you can work through normal conversation or use the Prompt Generator whenever needed. |
Generate Your First PageUse either method to create your prompt, then ask ChatGPT to produce the code for your page.
|
Step 2: Add the Page to Your Sandbox
Paste the Code into Your SystemAfter ChatGPT generates your page code, follow these steps:
|
What to Look ForOnce the page is saved, review the layout, text, spacing, and overall appearance. This gives you a clear starting point for any changes you may want next. This process is designed to be flexible. Some pages come together immediately, while others improve step by step; both are part of the workflow. You may get everything right on the first pass. If not, that is completely normal. Simply go back to the prompt and describe what you want changed in clear, everyday language, and the AI will adjust it for you. |
Step 3: Revise and Improve
Common Revision RequestsIf you want to revise a page, return to the same ChatGPT conversation and ask the AI to update it. You can also paste at the prompt a snippet or screenshot of the problem area and ask for a fix. For example:
|
Edit Content DirectlyYou can also change text directly in the code block using this process: Copy the exact wording from the page in your browser, then double click inside the code block in your JW-websites Proprietary AI System and press Ctrl + F. Paste the copied text into the Find Box, (not into the code itself.) The editor will jump directly to that text in the code block so that you can edit it. |
Why the Prompt Generator Helps
A Better Starting Point for BeginnersThe Prompt Generator helps organize your instructions into a cleaner format, which can make the workflow easier to follow when you are just getting started. You can access the Prompt Generator from the WordPress menu on the left-hand side of your screen. |
More Consistent OutputSometimes it helps to have a starting point for what to say to the AI. The Prompt Generator gives you a simple structure to follow. It also encourages better page planning by helping you clearly define your goal and the step-by-step direction needed to achieve it before you begin building. |
Huge SEO Benefits
The Prompt Generator naturally and inherently encourages cleaner page structure, clearer keyword relevance, and a more organized content hierarchy. That improves readability for visitors and makes pages easier for search engines to understand.
Document Your Experience
As you work through the process, make notes about what happened. Record what worked well, what surprised you, and what questions came up along the way.
Your feedback helps improve the system and gives us useful discussion points for future workshops.
Additional Learning ResourcesMore detailed guides are available here: You can also visit the JWWebsites home page for additional examples. Want to know why Artificial Intelligence says this system is superior in 107 different ways? Click Here |
Your Sandbox EnvironmentYou have creative control over your sandbox. This is NOT a fixed template. AI can generate a wide range of layouts and styles based on the directions you provide, even emulating the structure and design of other websites. Some standard WordPress features are also still available for simpler adjustments such as header and footer revisions, background colors, main menu and image changes. Additional guidance on these features will be covered in future workshops and video tutorials. |
Helpful Tools
|
|