Your goal is to update the live 8A Pro website — not to learn HTML.
8aproservicesllc.com is the public website customers see. The files in the 8a-pro-site folder are the working copy used to prepare and preview changes before they are published.
Make sure Google Drive and ChatGPT are using the 8A Pro account.
The website files live in Google Drive. ChatGPT needs access to that same Drive account before it can safely find, review, and update the working site.
1. Open the project in Google Drive
- Sign into Google as 8aproservicesllc@gmail.com.
- Open Google Drive and go to My Drive → GPT → 8a-pro-site.
- Confirm you can see index.html, leads.html, website.html, services.md, assets, and data.
2. Install Google Drive for desktop
Drive for desktop makes the project appear in Windows File Explorer. This is useful for previewing HTML files, working with photos, and seeing the same project folder without downloading copies by hand.
- Download and install Google Drive for desktop from Google.
- Sign in with 8aproservicesllc@gmail.com.
- In File Explorer, open Google Drive → My Drive → GPT → 8a-pro-site.
3. Connect Google Drive to ChatGPT
- Open ChatGPT Settings and find Apps / Connected apps.
- Find Google Drive and choose Connect.
- When Google asks which account to use, select 8aproservicesllc@gmail.com.
- Review the permission screen and allow the Drive access ChatGPT requests so it can find and read the project files.
4. Test before editing
“Find the 8a-pro-site folder in Google Drive. Tell me the current title of index.html and list the HTML files in that folder. Do not change anything.”
Know what ChatGPT is changing.
You do not need to edit these files by hand. index.html controls the operations landing page, leads.html is the Lead KB, website.html is this Website KB, assets/ holds images, and services.md holds the service information. Tell ChatGPT what you want changed on the live website and let it identify which working files need to change.
Use AI as the editor.
- Tell AI exactly which page and section to change.
- Tell AI what must stay unchanged.
- Ask: “Before editing, tell me what files you plan to touch.”
- Make one small change at a time.
- Read the changed copy yourself before publishing.
Add or replace images safely.
- Put the new image in the assets folder.
- Give it a simple filename such as
roof-project-aug2026.jpg. - Ask AI to replace only the intended image reference.
- Preview the crop on desktop and phone width.
Never publish blind.
- Open the changed page in a browser.
- Read the new text.
- Click every button or link you changed.
- Check desktop width.
- Narrow the browser and check phone width.
Deploy one known-good change.
- Confirm the preview looks right.
- Use the deployment process practiced in Lesson 3.
- Open the live website in a fresh tab.
- Confirm the live page matches the preview.
When something goes wrong.
- Identify whether the problem is the file, the preview, or the live deployment.
- Confirm the working files still exist in Google Drive.
- Write down the last thing changed.
- Ask AI: “Compare this to the previous working version. Do not change anything yet.”
- Restore the previous good version before experimenting further.
Next three lessons.
Lesson 1 — Overview
DTG: ____________
Goal: understand the dashboard, the two knowledge pages, sources.csv and parsed.csv.
Lesson 2 — Data
DTG: ____________
Goal: add a source, add/rank a lead, and update a next action without instructor keyboard help.
Lesson 3 — Website
DTG: ____________
Goal: make one website edit, preview it, publish it, and verify the live page.