ORAGE
AI in
Marketing
By ORAGE
A hands-on AI class for your business
Friday, October 16 · 10 AM – 12 PMMaxwell's on the Lake · Oklahoma City
Hello
Hi, I'm
George.
George W. Moffat · Founder, ORAGE

An AI agency, right here at home.

Oklahoma City
Why · Why listen to me
Why me?
Some of the biggest companies in the state
Companies with
250+
employees
Helped with operations.
AI maximized efficiency there.
Small businesses
Better communication.
Time back. Do more.
This is the only thing we focus on.
Source: ORAGE client work. Client names kept private.
Why · The proof
The funnel that got you into this room
is the funnel I'll show you.
Our ad
01The ad
The landing page
02The page
The text with your ticket
03The text
You
04Your seat
…and the one you can use to get more clients.
Why · Leverage
To grow, you need leverage.
YOUR BUSINESS AI
Money
Takes capital
People
Hiring and managing
Time
Only so many hours
AI
Unlocks a lot, without the operational stress
Why · Right now
This one is unique right now.
Nov 30, 2022
ChatGPT launches
Today
Under 4 years
1.2B+
people use ChatGPT
every week
Sources: OpenAI, "Introducing ChatGPT" (Nov 30, 2022) · OpenAI, "GPT-6 and Intelligent UI for everyone" (Oct 7, 2026)
What · Roadmap & strategy
The 10,000-foot view
10,000 ft
AI is one form of leverage.
Closer
We solve business problems.
On the ground
First question: how does it apply to your business?
What · Today
Today:
marketing.

Not everything. Just how AI makes you more efficient at marketing.

01Content creation
02Lead magnets
03More leads
04Following up
05Delivery
Endless
leads
How · Today's plan
Three things.
01
Code
02
Communication
03
Workflow thinking
How · Before we start
How today works
Q&A after each part

Three breaks for your questions.

It's all yours, free

Every link, every prompt, and this deck.

No need to take notes

Just watch, and think about your business.

Part 1 of 3
01
Code

The language behind every visual you'll see today.

Who here knows how to code?
Raise your hand
Good news: today, you won't need to.
01 · Code
Code = instructions a computer follows.
Before
You had to learn the language.
<button onclick="book()"> Book now </button>
Now
You describe it in plain words.
AI writes the code.
"Make a flyer for my bakery. Black and gold."
Why code matters
Better at code = smarter AI
Real software bugs the best AI could fix on its own · SWE-bench
100%
75%
50%
25%
0%
2024
2025
2026
2%
Oct 2023
49%
Oct 2024
81%
Nov 2025
97%
2026
2% → 97%

In under 3 years. The test ran out of room.

Sources: Jimenez et al., SWE-bench (Oct 2023) · Cognition (Mar 2024) · Anthropic (Jun 2024–Nov 2025, Apr 2026) · Vals AI leaderboard (2026, Claude Opus 5). Points up to Mar 2024 use the original SWE-bench, later points SWE-bench Verified; test setups differ, so read it as a trend.
Today's code
HTML

The language of every web page.

It makes every visual you'll see today, including this presentation.

my-page.html
AI in Marketing
Friday, October 16
10 AM – 12 PM
Save your seat
Text
Boxes
Colors
Images
This is HTML
Words in. Visuals out.
<h1 style="color:gold">AI in Marketing</h1>
<p>Friday, October 16 · 10 AM</p>
<a class="button">Save your seat</a>
my-first-page.html
AI in Marketing
Friday, October 16 · 10 AM
Save your seat
Blank page
Press V on any slide to see its code
The square
One language. Four jobs.
HTML
01
Our video ads
The animations & captions
AI in
Marketing
BY ORAGE
02
This presentation
Every slide you see
03
Website & form
Where you registered
04
The emails
The ones you received
To be clear
You don't need to read HTML.
  • Understand what it is
  • Know how to use it
  • Make anything visualOne of the easiest ways to use AI.
<table width="100%" cellpadding="0"> <tr><td align="center" style="padding:34px 28px"> <h1 style="font-size:30px;color:#fff"> Thanks for registering, Maria! </h1> <p style="color:#cfcfcf"> Your seat at AI in Marketing is saved. </p> <a href="#ticket" style="background:#C9923F"> View my ticket </a> </td></tr> <tr><td style="padding:26px 28px 6px"> <div style="color:#C9923F">What we'll cover</div> </td></tr> </table>
No reading required
Your first task
Make a flyer in HTML
PromptMake a one-page flyer as a single HTML file. Business: [your business name] Offer: [your offer + the date it ends] My colors: [black and gold] Include: a big headline, three short benefits, my phone [number] One button: [Book now] Big, readable text. It must fit on one printed page.
Works in
Who here has asked AI for a presentation…
and it looked horrible?
Raise your hand
Or a flyer?
Sound familiar?
Made by AI, and not because it's good.
OUR AMAZING FALL CATERING PACKAGES FOR YOUR WHOLE OFFICE!!!
3. How to order
1. Our packages
2. Why catering?
STOCK PHOTO
Call us today to order the BEST catering in Oklahoma City for your office!! We have breakfast, lunch and dessert options for teams of every size and we also do weddings, birthdays, graduations and
1Out of order
2Text cut off
3Bad images
Straight to PDF or slides
Fall catering · OKC
Lunch, handled.
BreakfastCoffee & pastries
LunchSandwich boxes
DessertPies & cookies
Order for your team
HTML first
The method
Don't start with the PDF. Start with HTML.
1 · Ask
Describe what you need
2 · HTML
See it. Fix it.
Like it.
3 · Convert
Turn it into what you need
PDFSlidesImageDoc
Straight to PDF or slides
Once you like it → convert
Live demo
Same prompt. Three tools.
  1. 1Click + → Canvas
  2. 2Paste the prompt
  3. 3Share & export → Slides
  1. 1Paste the prompt
  2. 2Click Preview
  3. 3Plus: Sites → live page
Took Canvas out of its current
models on May 28, 2026.
  1. 1Paste the prompt
  2. 2It opens on the right
  3. 3Pro: Output → Slides
And then: our custom agents
Sources: OpenAI Help Center (ChatGPT release notes, May 28, 2026; code blocks; ChatGPT Sites) · Google Gemini Help (Canvas) · Claude Help Center (Artifacts). Help pages read Oct 7, 2026; menus can move.
The demo prompt
Paste this into all three
PromptCreate a 5-slide presentation as a single HTML file. Business: a bakery in Oklahoma City Offer: fall catering for busy offices Slides: title · the problem · 3 packages · how to order · call to action Colors: black and gold. Big, readable text. No more than 25 words per slide.
Our custom agents
How this deck was made
The brief
My voice notes
The brand
Black · white · gold
The facts
Researched & checked
Custom agents
Write it · look at it · fix it
ai-in-marketing.html
AI in
Marketing
BY ORAGE
A hands-on AI class for your business
HTML deck → PDF
The simplest way to get the visual you need
HTML first.
Then the document you need.
Ctrl
+
P
Windows
or
⌘
+
P
Mac
Save as PDF
AI in
Marketing
BY ORAGE
One language. Four jobs.
HTML
Who here knows how to code?
Better at code = smarter AI
97%
Practical example 1
This presentation.

The information inside it
is the key.

Not the creating of it.

Practical example 2
Who saw an ad like this?
Facebook · InstagramRaise your hand
Inside the ad
The animations & the captions?
HTML.

Camera footage + an HTML layer = the ad.

01 · Location badge
OKC Business Owners
FREE AI CLASS
02 · Date pill
OCT 16 · 10 AMONLY 10 SPOTS
03 · Word-by-word captions
THAT YOU CAN
AI FOLLOW-UPS
04 · End card
FREE CLASS · ONLY 10 SPOTS
FRIDAY, OCTOBER 16
10 AM – 12 PM
MAXWELL'S ON THE LAKE
CLICK BELOW ↓
HTML in marketing
Perception

You can create a high-quality product

without spending an enormous
amount of time.

Q&A
1 of 3 · Questions about code & HTML
Part 2 of 3
02
Communication

Emails, calls and messages: how to get back to every lead without living on your phone.

02 · Communication
A huge part of any marketing effort is communication.
A lead
Everything in between
A customer
Where leads get lost
The trap
01
On your phone 24/7
02
You forget to get back to people
03
Not enough leads
04
And when they come, no time for them
7×
Reply within an hour and you're nearly 7× as likely to qualify the lead as if you wait just one more hour.
Source: Harvard Business Review, "The Short Life of Online Sales Leads," Mar 2011, 1.25M leads. Qualify = a conversation with a decision maker.
Who here has felt that pain?
Raise your hand
The triangle
Three ways to
reach people
Your leads
Our welcome email
01Emails
Professional.
A great way in.
02Calls
Capture info.
Bridge to a person.
Our text message with the ticket
03Messages
Simple. Activation.
Marketing. Retargeting.
01 · Emails
Every visual you received in our emails was HTML.
  • ProfessionalYour brand, your colors, real buttons.
  • A great way into companies' and people's lives.
02 · Calls
Let's be honest:
no one wants to talk to an AI.

But it's amazing for reminders, communication, and holding the line.

Capture

Takes down the information: name, number, what they need.

Bridge

Holds the line until a real person picks up.

Our example
You registered.
Sofía called.
  • A short thank-youNo conversation. Then she hangs up.
  • Twilio number + ElevenLabs voice
  • Only between 9 AM and 8 PM
Incoming call
ORAGE
Sofía
AI voice agent
ORAGE
Thank-you call
Illustration of the call screen
Source: our follow-up system for this class (event.orage.agency): thank-you call after registration, calls only 9 AM–8 PM.
03 · Messages
One of my favorites
  • SimpleShort, direct, right on their phone.
  • ActivationGet them to act: confirm, reply YES.
  • MarketingOffers, news and reminders.
  • RetargetingBring back the ones who went quiet.
Our real text messages, shown with a sample name: ticket, then the day-before reminder
Reply YES / NO
Test run
Spanish class
Our test of the YES/NO replies (Spanish system)
Our real follow-up
Two types of communication
Routines
On a schedule
Day before · 10 AM
Reminder text + email: reply YES or NO
Morning of · 7:30 AM
Last reminder + directions
Triggers
When you do this, this happens
You register
Text + ticket, email, thank-you call
You reply NO
Your seat goes to someone else
Source: our real follow-up for this class (event.orage.agency).
The tools
A number + a voice = an agent

A phone number over the internet.

twilio.com
+

Some of the best real-life voice agents.

elevenlabs.io
=

One of our first agents: follow-ups for scheduling.

“My first personal assistant.”
Try it now · Your own email
Make your own HTML email
Email layout rules: Mailchimp, "HTML email basics" (tables, inline CSS, 600–800px). Address + opt-out: FTC CAN-SPAM compliance guide.
Calls + messages
What is a RAG agent?

A small database you give an AI agent.

RAG stands for
Retrieval-augmented generation
01
Knowledge
Specific info about your business
02
Personality
Who it is, how it talks
03
Guidelines
How it's supposed to act
AI
agent
Your phone
Your messages
Think of it like this
Like onboarding a new hire
Knowledge
The binder

What it knows.

Personality
How we talk

Its name, its tone, its language.

Guidelines
The rules

How it's supposed to act.

It only knows what you give it.

Messages = a chatbot
Like talking to ChatGPT

But it only knows your business, and answers within the parameters you set.

YB
Your business
Text messages
Example
Are you open Saturday?
Yes, 9 AM to 2 PM. Want me to book you?
From your info
Can you give me a discount?
I can't promise prices. The owner will text you today.
Within your rules
Example conversation for illustration: not a real business or customer.
Q&A
2 of 3 · Questions about emails, calls & messages
Part 3 of 3
03
Workflow
thinking

How it all fits together: one circle that keeps bringing you leads.

03 · Workflow thinking
Now let's see how it comes together

— and how you'll do it on your side.

Code
+
Communication
→
Workflow thinking

How does AI fit into your marketing — into getting leads?

You have the information. Now, the important part:

How do I use this
inside my business?
The circle
Your
marketing
Endless
leads
01
Ads & content
(content, ads, editing)
02
Landing page
& form
(page, info, registration)
03
Communication
(follow-ups: messages, calls, emails)
04
Delivery
(presentation, page with assets, examples)
The players
Every big AI now has an agent
You chat with
Its agent — works while you're away
→
Dots
→
Grok Bot
→
Claude Code
→
Gemini Spark
→
Your own agent
→
Built for your business
The rule
You create the plan. AI does the execution.
You
The plan.
The direction.
→
AI
The execution.

Plan it with AI's help — but you give the direction.

What we solve

As business owners, we don't have time
to jump across a lot of platforms.

+
You have a business to run.
Now that you see the flow
Here's everything we did to get you here
Our ad
1
The ads
→
Landing page
2
The page
→
Form
3
The form
→
Follow-up text
4
Follow-up
→
Check-in
5
The event
→
AI in
Marketing
6
This presentation
1 of 6 · Ads
The ads
you saw
  • Short videos of me on Facebook & Instagram
  • Captions & motion graphics: HTML
  • Didn't register? You saw us again.That's retargeting.
2 of 6 · Landing page
One page.
One button.
  • Built with AI, as code
  • Code on GitHub, hosted on Vercel
  • Our own domain, live seat counter
event.orage.agency
AI in Marketing landing page
From our live page for this class: event.orage.agency
3 of 6 · The form
8 short steps
  • Name, email, phone
  • Then: your ticket, instantly
Form, step 1 of 8
Step 1
Form, step 8 of 8
Step 8
Your ticket
Your ticket
From our live funnel. Step 8 and the ticket screen are from our Spanish class (same system).
4 of 6 · Follow-up
The follow-up sequence
Instantly · a trigger
Text with your ticket, email, thank-you call
The call: Sofía, our AI voice agent
Day before · 10 AM · a routine
Reminder text + email
Reply YES / NO
Morning of · 7:30 AM
Last reminder, with directions
Text messages: ticket and reminder
Text
Welcome email
Email
From our live funnel for this class (event.orage.agency). Calls only between 9 AM and 8 PM.
5 of 6 · The event
You came
to the event
  • QR code scanned at the doorYou're marked "arrived"
  • A live check-in dashboardArrived · missing · confirmed
Check-in dashboard
Live check-in dashboard (Spanish class)
Arrived
Missing
Confirmed
Ticket scanned: arrived
Check-in screens from our Spanish class — the same system runs today.
6 of 6 · Delivery
Delivery becomes
the next ad
  1. This presentation
  2. Becomes clips & a recap
  3. Becomes the next ads
  4. Brings more people like you
Our January event → the recap video

A circle that keeps bringing leads —
easier every time.

ORAGE

Figuring out all of these platforms on your own

We believe we
solved that.
Examples you can use
Tools for every arrow
AI editing

Captions · OpusClip

Live demo
Claude Code
Landing pages

Lovable · v0

Live demo
v0
Communication

A CRM · Twilio · ElevenLabs

Live demo
n8n
Delivery

CodePen · any AI subscription

Live demo
One page
Arrow 1 · Ads & content
AI editing
Live demo · Claude Code
Terminal — my-video (example)
~/my-video $ claude> Turn talk.mp4 into a vertical 9:16 Reel. Cut the first 4 seconds, normalize the audio, and add a 2-second end card with logo.png. Save it as reel.mp4.● Running ffmpeg…
✓ Saved reel.mp4

It looks scary. It's just typing a sentence.

Arrow 2 · Page & form
Landing pages
Live demo · v0
Ask v0 to build…Build a mobile-first landing page for my event, with a registration form and a big "Save your seat" button. Black and white, one gold accent.
GitHub
The code lives here
→
Vercel
Puts it online
→
Your domain
Get it at Vercel
Arrow 3 · Communication
The follow-up
Live demo · n8n (example)
Trigger — something happens
When
New registration
Then
Create the CRM contact
Then
Tag it with the event
Routine — on a schedule
When
Weekdays, 8 AM
Then
Find leads who haven't booked
Then
Send a friendly text
Arrow 4 · Delivery
Deliver it on one page
Live demo · one page
One page · everything from today
ORAGE · AI in Marketing
Everything from today
The presentation
Every prompt
Every link
Examples & guidelines
Honest moment
It gets hard
before it gets easy.

Yet every one of these tools
is extremely powerful.

Hard
Easy
Effort
Time →
What we're solving
How do you get all this power in one place?
One
place
It's not magic.
It lets you create leverage — advantages you never had.
Our platform
Built for your business
A million great platforms
Cc
Op
L
HL

Everything I showed you today is great.

→
ORAGE
Custom
agents

Specific to your business — so instead of figuring all this out, you take care of your business.

Q&A
3 of 3 · The last one: workflow thinking, or anything from today
Now · Why now
There has never been a better time

The tech is really good. And it's still early.

Nov 2022 · ChatGPT launches
You are here
Next year
Start now → you get ahead
Wait → you play catch-up
The
gap
Source: OpenAI, "Introducing ChatGPT," Nov 30, 2022. The two paths are an illustration, not data.
Now · The big players
They already have leverage
Money
Headcount
+ AI
U.S. firms that use AI · Sept 2026
250+ employees33% in Dec 202544%
1–4 employees18% in Dec 202524%
0%100%

The gap grew from 15 to 20 points.

Source: U.S. Census Bureau, Business Trends and Outlook Survey, data by employment size: Sept 7–20, 2026 (published Sept 24, 2026) vs Dec 2025. "Used AI in a business function in the last two weeks."
Now · What we solve
The tools.
Without the news.

We keep up.
You run your business.

2026 · just a few headlines
May 28ChatGPT: Canvas out, Preview in
Jul 9Codex moves into ChatGPT
Aug 11xAI launches Grok Bot
Sep 16Claude rebuilds Artifacts
Sep 29OpenAI launches Dots
Oct 6Gamma 5 launches
Dates: OpenAI release notes and DevDay 2026 · xAI · Anthropic release notes · Gamma (Business Wire). All 2026.
How · Recap
Three things. Three shapes.
AdsSlides PageEmails
01 · Code
HTML first

Then turn it into anything.

02 · Communication
Emails, calls
and messages

Routines + triggers. A RAG brain.

03 · Workflow thinking
Ads → Page →
Follow-up → Delivery

Then it starts again.

Now · Next steps
Two next steps
01 · Free
Learn it yourself
  • Every link
  • Every prompt
  • This presentation
class.orage.agency

Free. We'll send it to you after class.

02 · Work with us
Want our help?

If you believe this can help your business, book a call.

Book a call ↗
QR code to book a call with ORAGE
Scan to book a call
Thank you
George W. Moffat · Founder, ORAGE
orage.agencyAI in Marketing · Oct 16
QR code to book a call with ORAGE
Scan to book a call
Appendix
Everything from today
All of it onlineclass.orage.agency
Appendix · Resources 01
Presentations
From 01 · Code
Gemini CanvasGoogle
Free AI workspace: builds slides, web pages and flyers. Export to Slides or PDF.
gemini.google.com
Free with a Google account · AI Plus $4.99/mo
ChatGPTOpenAI
Took Canvas out of its current models May 28, 2026. Now previews HTML in the code block; Sites publishes pages.
chatgpt.com
Code blocks on Free · Sites: Plus $20/mo and up (beta)
Claude ArtifactsAnthropic
Builds live HTML pages, flyers and decks beside your chat. On Pro: Output → Slides.
claude.ai
Free: artifacts · Pro $20/mo adds Slides & Design
HTML → PDFYour web browser
Open the HTML, press Ctrl/Cmd + P, Save as PDF. Tick "Background graphics".
support.google.com/chrome/answer/1069693
Free · built into every browser
Prices: US, checked Oct 7, 2026; they change often. Gemini's Canvas button moves between versions: look for + or Tools under the prompt box.
Appendix · Resources 02
AI assistants
From 03 · Workflow thinking
ChatGPTOpenAI
All-purpose assistant: chat, research, docs, slides and websites.
chatgpt.com
Free · Go $8 · Plus $20 · Pro from $100/mo
ClaudeAnthropic
Writing, analysis, docs, slides and live HTML pages.
claude.ai
Free · Pro $20 ($17 yearly) · Max from $100/mo
GeminiGoogle
Google's assistant, built into Gmail, Docs, Chrome and Search.
gemini.google.com
Free · AI Plus $4.99 · AI Pro $19.99/mo
GROK
GrokxAI (now SpaceXAI)
Assistant with real-time X and web search, plus images and video.
grok.com
Free · SuperGrok $30/mo
Prices: US, checked Oct 7, 2026 (ChatGPT Go varies by region). Model names change every few weeks: learn the brand, not the model number.
Appendix · Resources 03
AI agents
From 03 · Workflow thinking
DotsOpenAI
Always-on agent that keeps working between chats. New: Sep 29, 2026.
learn.chatgpt.com/docs/dots
One dot with ChatGPT Pro (from $100/mo)
GROK
Grok BotxAI · beta
Always-on AI teammates that log into your tools and finish jobs.
x.ai/bot
With SuperGrok ($30/mo) and up
Claude CodeAnthropic
Builds and fixes things from plain-English requests.
claude.com/product/claude-code
Claude Pro $20/mo and up (not on Free)
Gemini SparkGoogle
A 24/7 personal agent inside the Gemini app.
gemini.google/overview/agent/spark
AI Ultra $99.99/mo; rolling out to AI Pro (US)
CLAW
OpenClawFormerly Clawdbot
Free, open-source agent you run yourself, on WhatsApp or Telegram.
openclaw.ai
Free (MIT) · you pay for the AI model
Custom agentsORAGE
Agents built for one business: yours.
orage.agency
Book a call to talk it through
Prices: US, checked Oct 7, 2026. Dots, Grok Bot and Spark are new and rolling out; not every eligible account has them yet.
Appendix · Resources 04
Ads & editing
Arrow 1 · Ads & content
CAP
Captionsby Mirage
Upload a video of you talking; AI edits it into a polished social video.
captions.ai
Free · Max $24.99/mo · Basic $9.99 (help center)
OPUS
OpusClipOpus Pro
Turns one long video into many short clips.
opus.pro
Free: ranked clips only · edit, no watermark: Starter $15/mo
Claude Code+ FFmpeg (free)
Tell the AI in your terminal how to edit; it runs the edits for you.
code.claude.com/docs/en/quickstart
Claude Pro $20/mo · FFmpeg free
HF
HyperFramesHeyGen · open source
Write a web page, get a video. Built for AI agents.
hyperframes.heygen.com
Free (Apache-2.0)
REM
RemotionVideo with code
Make videos with code, or ask your AI agent to build them.
remotion.dev
Free up to 3 people · 4+: from $25/seat/mo
Prices: US, checked Oct 7, 2026. Captions is made by Mirage; its help center also lists Basic. OpusClip Free has no editing.
Appendix · Resources 05
Landing pages
Arrow 2 · Page & form
LOV
LovableAI site builder
Describe your site in plain words; it builds, hosts and publishes it.
lovable.dev
Free 5 credits/day · own domain: Pro $25/mo
v0by Vercel
Type what you want; v0 builds a real site and publishes it on Vercel.
v0.app
Free ($5 of credits once) · Plus $30/user/mo
GitHubMicrosoft
The filing cabinet: your site's code, with every change saved.
github.com
Free
VercelHosting + domains
The storefront: puts your site online, on your own domain.
vercel.com
Business: Pro $20/mo · Hobby free, personal only · .com $11.25/yr
Prices: US, checked Oct 7, 2026. Vercel Hobby is non-commercial: a business page belongs on Pro. Domains at Vercel: .dev and .app $9.99 the first year (renew $13 and $15); .site $1.99 the first year (renews $27).
Appendix · Resources 06
Communication
From 02 · Arrow 3
HL
HighLevel"GoHighLevel" · CRM
All-in-one CRM: forms, texts, emails, calls, booking, AI follow-up.
gohighlevel.com/pricing
14-day trial · Starter $97/mo + usage
HubSpotSmart CRM
Free CRM (2 users, 1,000 contacts) that remembers every lead and deal.
hubspot.com/products/crm
Free · Smart CRM Starter from $15/seat
TwilioTexts + calls
Business phone numbers online: texts and calls, automatically.
twilio.com/en-us/phone-numbers
Number $1.15/mo · text $0.0083 + carrier fees
ElevenAgentsby ElevenLabs
Lifelike AI voice agents that answer and make calls, 24/7.
elevenlabs.io/agents
Free 15 min · Starter $6 · Creator $22/mo
n8nAutomation
Connects your apps: follow-ups on routines (schedules) or triggers.
n8n.io
Cloud from €20/mo (yearly) · self-hosted free
RAG
RAG agentA method, not an app
Your business info + a personality + rules, so the AI answers for you.
aws.amazon.com · "What is RAG?"
Included in agent tools (ElevenAgents, HighLevel)
HTML emailAny email tool
Emails are mini web pages. Build them right so they land in the inbox.
support.google.com/a/answer/81126
Resend free 3,000/mo · Mailchimp HTML: Standard
Prices: US, checked Oct 7, 2026; usage is billed on top. US business texting needs A2P 10DLC registration. AI calls need prior consent.
Appendix · Resources 07 · 1/2
Delivery: share it
Arrow 4 · Delivery
CodePenLive HTML playground
Paste AI-made HTML, see it live, share a link.
codepen.io
Free public Pens · deploy from $8/mo (yearly)
Netlify DropNetlify
Drag one HTML file onto a page; get a live link.
app.netlify.com/drop
Free (300 credits/mo) · set to Public first
GitHub PagesGitHub
A free web address for a simple HTML page.
pages.github.com
Free (public code) · not for running a store
Your one pageAny AI + a free host
All your assets and guidelines on one page: logo, colors, fonts, voice, links.
app.netlify.com/drop
Free with any AI + Netlify Drop
Prices: US, checked Oct 7, 2026. Anything on a public link can be seen by anyone: leave out private prices and passwords.
Appendix · Resources 07 · 2/2
Delivery: make it
Arrow 4 · Delivery
GAM
GammaGamma 5
Type an idea; get a deck, a doc or a one-page site.
gamma.app
Free 400 credits once · Plus $12/mo ($9 yearly)
Canva AI + CodeCanva
AI designs slides and posts; Canva Code builds web pages.
canva.com
Free (20 AI uses) · Pro $18/mo
Claude DesignAnthropic
Decks, one-pagers and brand assets in your colors and fonts.
claude.ai
Claude Pro $20/mo · research preview
ChatGPT SitesOpenAI
ChatGPT builds, hosts and publishes a website from a chat.
chatgpt.com
Plus $20/mo and up · public beta
Prices: US, checked Oct 7, 2026. Also for delivery: Gemini Canvas (Resources 01) and Vercel (Resources 05).
Appendix · Every prompt 1/2
Prompts from Code
Fill in the gold parts
01 · Your first task · a flyer
PromptMake a one-page flyer as a single HTML file. Business: [your business name] Offer: [your offer + the date it ends] My colors: [black and gold] Include: a big headline, three short benefits, my phone [number] One button: [Book now] Big, readable text. It must fit on one printed page.
02 · Live demo · a presentation
PromptCreate a 5-slide presentation as a single HTML file. Business: a bakery in Oklahoma City Offer: fall catering for busy offices Slides: title · the problem · 3 packages · how to order · call to action Colors: black and gold. Big, readable text. No more than 25 words per slide.
Paste into Gemini ChatGPT Claude
The bakery is a made-up example. Then: open the HTML in your browser, Ctrl/Cmd + P, Save as PDF.
Appendix · Every prompt 2/2
Communication & workflow thinking
Fill in the gold parts
03 · Your own HTML email
PromptHere are my colors: [your brand colors] This is the message I need to convey: [your offer or news] Create an HTML email for me. It's for: [your customers] One big button: [Book now] linking to [your link] 600px wide, tables and inline styles, so it works in Gmail and Outlook. Footer: my business name, address and an unsubscribe link.
04 · Edit a video · Claude Code
PromptTurn talk.mp4 into a vertical 9:16 Reel. Cut the first 4 seconds, normalize the audio, and add a 2-second end card with logo.png. Save it as reel.mp4.
05 · A landing page · v0
PromptBuild a mobile-first landing page for my event, with a registration form and a big "Save your seat" button. Black and white, one gold accent.
The video prompt runs inside Claude Code in a folder with your talk.mp4 and logo.png (Claude Pro and FFmpeg needed). The page prompt goes into v0.app.
Appendix · Glossary
Words that sound technical (but aren't)
HTML
The language of every web page: text, boxes, colors, images.
CSS
The style rules for HTML: colors, fonts, spacing, layout.
Prompt
What you type to tell an AI what you want.
AI agent
An AI that doesn't just answer: it does the task for you, step by step.
RAG agent
An AI agent with a small database about your business, a personality and rules.
CRM
Your memory of every lead and customer: contacts, notes, follow-ups.
Trigger
An action that starts a reaction: you register, you get a text.
Routine
Something that runs on a schedule: every day at 10 AM, send reminders.
Webhook
A doorbell between apps: when something happens, one app pings another.
API
The way two apps talk to each other, in code.
Domain
Your address on the internet: yourbusiness.com.
Hosting
The computer that keeps your page online for everyone to see.
Appendix · Sources 1/3
Every number
Checked Oct 7, 2026
On screen
Open · CloseChatGPT launched Nov 30, 2022
OpenAI, "Introducing ChatGPT" (openai.com/index/chatgpt)
Open1.2 billion+ people use ChatGPT every week
OpenAI, "GPT-6 and Intelligent UI for everyone," Oct 7, 2026; worldwide (openai.com/index)
CodeAI fixes real software bugs: ~2% (2023) → ~97% (2026)
SWE-bench paper, Oct 2023 (arxiv.org/abs/2310.06770) · Anthropic · Vals AI. A trend: test setups differ.
CommsReply within an hour → nearly 7x as likely to qualify
Harvard Business Review, "The Short Life of Online Sales Leads," Mar 2011 (hbr.org)
CloseFirms using AI: 44% (250+ people) vs 24% (1–4)
U.S. Census Bureau, BTOS, Sept 7–20, 2026; about 1 in 4 overall (census.gov/hfp/btos)
Only in my notes · Close
Close66% of small businesses say they use AI
U.S. Chamber of Commerce, Oct 2, 2026; 3,732 firms, self-reported (uschamber.com)
Close60% expect more AI investment next year
McKinsey, "The state of AI in 2026," Aug 2026; global survey of 1,719 (mckinsey.com)
Close$2.7 trillion AI spending forecast, 2026
Gartner, Sep 16, 2026; a forecast, mostly data centers and chips (gartner.com/en/newsroom)
Appendix · Sources 2/3
Numbers from my notes
If someone asked
Comms37% answer a web lead within an hour; 23% never do; 42-hour average
HBR, Mar 2011; audit of 2,241 U.S. companies (hbr.org)
Comms69% of marketers struggle to respond promptly
Salesforce, State of Marketing, Feb 19, 2026; 4,450 marketers, mostly larger firms (salesforce.com)
Comms64% of customers would prefer no AI in customer service
Gartner, Jul 9, 2024; survey of 5,728 customers, Dec 2023 (gartner.com/en/newsroom)
Comms72% are open to AI agents for quicker answers
Five9 2025 CX Study, Mar 13, 2025; 1,000+ consumers; Five9 sells AI call software (five9.com)
CommsEmail: 35% get $10–$36 back per $1; 30% get $36–$50
Litmus, State of Email 2025; ~500 marketers, self-reported; Litmus sells email software (litmus.com)
Comms"98% of texts get opened" is outdated; ~55% today
Mobilesquared, the firm behind the 2010 figure; a vendor estimate (mobilesquared.co.uk)
Workflow60% of small businesses spend 1–10 hours a week on marketing; 72% with 10 or fewer people
LocalIQ, Feb 24, 2026; ~300 owners; LocalIQ sells marketing (localiq.com)
Appendix · Sources 3/3
Facts, rules & prices
Checked Oct 7, 2026
CodeChatGPT: Canvas out of current models; HTML Preview; Sites
OpenAI Help Center, release notes, May 28, 2026 (help.openai.com)
CodeGemini Canvas · Claude Artifacts
Google Gemini Help (support.google.com) · Claude Help Center (support.claude.com)
CodeWhy AI-made slides break
Practitioner write-up, Sep 18, 2026 (note.com) · OpenAI slide guide (learn.chatgpt.com)
CommsHTML email rules: layout, inbox, the law
Mailchimp HTML email basics · Google sender rules (support.google.com) · FTC CAN-SPAM
CommsAI calls need consent; texts need registration
FCC, Feb 2024 (fcc.gov) · Twilio A2P 10DLC (twilio.com/docs)
CommsWhat a RAG agent is
AWS, "What is RAG?" (aws.amazon.com) · ElevenLabs knowledge-base docs
WorkflowThe agents: Dots, Grok Bot, Spark, OpenClaw
learn.chatgpt.com/docs/dots · x.ai · gemini.google · openclaw.ai
CloseThe 2026 headlines
OpenAI and Anthropic release notes · xAI · Gamma 5 (Business Wire, Oct 6, 2026)
AllEvery price
Each company's own pricing page, US, Oct 7, 2026 (links on Resources 01–07)
AllOur funnel: ads, page, form, follow-up, check-in
Our live system for this class (event.orage.agency); some screens from our Oct 9 Spanish class