By Business 14 min read

How to build a yoga studio website with AI

A practical guide for yoga studio owners. What your site needs, copy-ready prompts you can paste into Ullbek, and how class schedules, teacher bios, workshop PDFs, and intro offers stop needing a developer.

Illustrated yoga teacher in meditation pose with a golden energy stream leading to a glowing studio website

Why studio websites are harder than they look

A yoga studio site is never finished. Your schedule changes every week. Teachers rotate. Workshops sell out. A new intro offer replaces last month's. Traditionally, every one of those updates meant pinging a web person, waiting, and hoping the PDF flyer they uploaded still opened on someone's phone in the lobby.

The old way

Email the new schedule PDF. Wait for someone to swap the file. Pay for a small change. Discover the old times are still on the homepage three days later.

With Ullbek

Drag the new schedule into chat. Say “replace this week's timetable and update the homepage strip.” Done in one conversation — you own the calendar.

This guide does two jobs at once. It tells you what a strong studio website includes, and it shows you how to get each piece built in Ullbek — plain language, your own files, and copy-ready prompts.

How to use the prompts

Every prompt below uses a fictional studio called Stillwater Yoga. Swap the bold details for your name, city, class types, and teachers. Hit Copy, paste into the Ullbek chat, and adjust anything that doesn't fit.

What a great yoga studio website needs

Students decide fast — often on a phone between meetings. Give them schedule, teachers, pricing, and a way to say hello without making them dig.

Homepage with a calm first impression

Who you are, what you teach, and a clear path to the schedule or intro offer.

Class schedule that's easy to update

Weekly timetable on the site — plus a downloadable PDF if you still print one for the studio wall.

Class types & levels

Vinyasa, Yin, Restorative, beginners — short descriptions so new students know where to start.

Teachers

Real faces, short bios, certifications. Trust is personal in a studio.

Pricing / intro offer

Drop-in, packs, membership — and a first-class offer if you have one. Keep it scannable.

Contact or intro-class form

Messages land in your inbox — no third-party form account to manage.

Studio photos & location

The room, the light, the mats. Address, transit, and parking notes.

Mobile-first layout

Most people check the schedule on the way over — or from the changing room.

The prompt library

Work through these in order the first time you build. After launch, jump to the tier you need — new schedule, workshop flyer, teacher photo — and paste the matching prompt.

Tier 1 Kick off the whole site

Start with one rich description. Give Ullbek the facts; it builds a first draft you can steer.

Capability: full site from plain language
Kickoff — full studio site
Build a website for my yoga studio, Stillwater Yoga, a boutique studio in Portland, Oregon. We teach Vinyasa, Yin, and Restorative classes in a calm, light-filled room — timber floors, soft neutrals, lots of plants. Audience: busy professionals who want a steady practice, plus beginners who feel intimidated by big gyms. Pages I need: Home, Schedule, Classes, Teachers, Pricing, Visit, and Contact. Include clear calls to action for “See the schedule” and “Try your first class.” Use a serene palette (warm white, soft sage, deep plum accent) and type that feels calm but modern. Don't invent reviews, teacher bios, or class times I haven't given you — leave those as placeholders I can fill next.
Tier 2 Shape the pages

Once the shell exists, tighten structure around what a student actually needs — not a generic “services” grid.

Capability: restructure layout by describing intent
Structure — homepage sections
Rebuild the homepage for Stillwater Yoga with these sections in order: (1) a full-width calm hero with our name, a one-line promise (“A steady practice in the heart of Portland”), and two buttons — See schedule and Try a class; (2) a “This week” strip highlighting today's classes; (3) three cards for Vinyasa, Yin, and Restorative; (4) a short intro-offer banner (First class $20); (5) a teacher preview with two faces; (6) Visit block with address and hours; (7) a simple footer with Instagram. Keep it breathable on a phone — generous spacing, no long paragraphs above the fold.
Tier 3 Add your class schedule PDF (the weekly pain, solved)

This is where traditional studio sites fall over. You export a timetable from a spreadsheet or Canva. You need it on the site — maybe as a download, maybe as a clean on-page grid. With Ullbek you don't email anyone. You drag the PDF into the chat window (or attach it), then tell the AI what to do with it.

How to give Ullbek your schedule PDF

Drag the file straight into the chat, or attach it to your message. Once it appears, reference it (“this PDF”, “the schedule I just uploaded”). Ullbek can place a download button, host the file, and help you design an on-page timetable around it. See also Working with assets.

Capability: drag-and-drop files + PDF download
Schedule — PDF + on-page timetable
I've just uploaded our weekly class schedule PDF. On the Schedule page: (1) create a clear “Download this week's schedule (PDF)” button that uses this file; (2) build a clean on-page timetable using these classes: [paste days, times, class names, teachers]; (3) note that the PDF is always the latest print version. Make the download easy to find on mobile. Rename the file something like stillwater-yoga-schedule.pdf if the filename is messy.
Schedule — swap next week
I've uploaded the new week's schedule PDF. Replace the existing schedule download with this file, update the on-page timetable to match: [paste new week], and change any “week of” label to March 17, 2026. Keep the rest of the Schedule page layout the same. Also refresh the homepage “This week” strip so it matches.
Tier 4 Workshop flyer or retreat PDF

Weekend workshops and guest teachers often arrive as a designed flyer. Get it on the site the same day.

Capability: upload flyers · event sections
Workshop — flyer + event block
I've uploaded a PDF flyer for our Sunday Yin & Sound workshop. Add an Events section on the homepage and a short Workshop page: date Sunday 23 March, 4–6pm, price $45, teacher Maya Chen, a short description from the flyer, a “Download flyer (PDF)” button using my upload, and a button that jumps to the Contact form with the subject pre-filled as workshop enquiry. Remove any past workshops that are already sold out if they're still listed.
Tier 5 Photos of the studio and teachers

Real room light and real faces beat generic zen stock. Upload what you have; fill gaps carefully.

Capability: your uploads · stock · AI images
Images — place your own photos
I've uploaded photos from the studio. Use the best wide room shot as the homepage hero. Put teacher headshots on the Teachers page (crop carefully so faces aren't cut off). Use two practice-in-session photos in a calm gallery on Home. Optimise for the web, keep a soft warm look that matches our sage-and-plum palette, and never stretch images — crop to the slot instead.
Images — stock when you're still shooting
I don't have professional photos yet. Find calm, realistic stock for a boutique yoga studio — light-filled practice room, mats, gentle movement — matching a warm white, sage, and plum palette. Use them as temporary placeholders and note in our working notes which ones I should replace with real photos. Prefer photographic over illustrated; avoid cliché sunset-silhouette yoga poses if possible.
Tier 6 Teachers, classes, and pricing

Structure the content students compare before they walk in.

Capability: structured pages from your facts
Teachers — bios from your notes
Build the Teachers page for Stillwater Yoga from these facts only — don't invent training or years: Maya Chen — lead teacher, 200hr RYT, loves slow Vinyasa and beginners; Jordan Lee — Yin and Restorative, also a massage therapist; Sam Okonkwo — weekend Vinyasa, formerly taught at a gym. Each card: photo slot, name, short bio, classes they teach. Tone: warm and plain, no guru language.
Pricing — clear packs
Create a Pricing page with three simple cards: Drop-in $28, 5-class pack $120, Unlimited month $160, plus a highlighted intro offer: First class $20. Add a short FAQ: packs expire in 6 months; membership pauses for 2 weeks with notice. Link each card's button to the Contact form. Keep it scannable on mobile — no fine-print walls.
Tier 7 Intro class & contact forms

Ullbek has a built-in form backend. No Formspree, no Google Form embed. Submissions are spam-checked and emailed to you.

Capability: built-in forms → your inbox
Contact — intro class form
On the Contact page, add an intro-class form with fields: Name, Email, Phone, Preferred class type (Vinyasa / Yin / Restorative / Not sure), Preferred day, and a message box. Title it “Book your first class.” Use Ullbek's built-in form handling so submissions email me automatically with spam filtering. Add our email hello@stillwateryoga.example and Instagram as simple text alternatives. Note under the form: “New students — arrive 10 minutes early for a short orientation.”
Contact — private session enquiry
Add a second form (or a toggle section) for private sessions and small groups. Fields: Name, Email, Session type (1:1 / duo / workplace), Preferred times, and goals. Label submissions clearly so I can tell privates apart from intro-class requests in my inbox.
Where submissions go

Form messages land in the email on your Ullbek account. Full walkthrough: Contact forms & submissions.

Tier 8 Visit — location and studio hours
Capability: structured content you can update anytime
Visit — address & hours
On the Visit page for Stillwater Yoga, set address to 218 Alberta Street, Portland OR 97211. Front desk hours: Mon–Fri 6:30am–8pm, Sat–Sun 8am–2pm. Add a “Open in Google Maps” button, a short transit note (Street parking + nearby bus lines), and a mat-rental note: “Mats and props available — $2.” Mirror the address in the footer sitewide.
Tier 9 Polish for phones and search
Capability: responsive design + on-page SEO
Polish — mobile & SEO basics
Review the whole Stillwater Yoga site for mobile: schedule and intro-offer CTAs should be easy to reach with a thumb, teacher faces not cropped oddly, and forms usable on a small screen. Add a sensible page title and meta description to every page, mentioning yoga studio Portland naturally where it fits. Add alt text to key images. Don't stuff keywords — keep it human.
Tier 10 Publish and go live
Capability: one-click publish · free subdomain · custom domain
Launch — publish checklist
I'm ready to publish Stillwater Yoga. Do a final pass: every page has a title and meta description, the schedule PDF download works, the intro-class form is wired up, teacher placeholders are either filled or clearly temporary, and there is no lorem ipsum left. Then walk me through publishing to a free Ullbek subdomain. After that, explain how I'd connect stillwateryoga.com when I'm ready.
“For a studio, the website isn't a brochure — it's the front desk that never closes.”

After launch: the updates that used to be painful

Common studio updates → what to do in Ullbek
New week schedule
Drag the PDF into chat → use the Tier 3 update prompt. Homepage strip included.
Workshop flyer
Upload PDF → Tier 4 workshop prompt for event block + download.
New teacher
Upload a headshot + paste a short bio → ask Ullbek to add a Teachers card.
Intro offer change
One prompt: update Pricing + homepage banner so they stay in sync.
Private enquiry form
Tier 7 — built-in form, messages to your inbox. Details in Contact forms.
Own domain
Publish first on the free subdomain, then connect your domain. See Publishing & going live.

Tips that save studio owners hours

  1. Keep a current schedule PDF in your phone files

    When the week changes, export, drag into chat, done. That habit replaces most “quick website update” invoices.

  2. Update schedule and homepage together

    Ask Ullbek explicitly to refresh both — otherwise the pretty homepage strip can lag the Schedule page.

  3. Never invent teacher credentials

    Paste real training hours and specialties. Placeholders beat made-up RYT numbers every time.

  4. One form for intro, one for privates

    Clear labels in the inbox matter when you're answering between classes.

  5. Republish after important changes

    Edits in the builder aren't automatically live. After a schedule swap, publish again so students see it.

Preview ≠ live

The left-hand preview shows your working site. Visitors only see what you've published. After a schedule or offer change, publish again.

Ready to build your studio site?

Open Ullbek, paste the Tier 1 kickoff prompt, and swap in your name and city. Your first draft is one conversation away.