https://medifit-nienburg.de/assets/StudioStartGuide-idt9p7oF.js

1import{j as e,a as u}from"./trpc-vendor-Bta84Nsh.js";import{C as b,h as k,B as x}from"./index-_3-B0itT.js";import{p as S,G as A,a8 as N,K as M,l as v,a2 as C,a4 as w,M as B,ag as T,g as z,aE as I,d as D}from"./ui-vendor-NEZNvIbV.js";import"./react-vendor-DpXpH6G7.js";const g=[{id:"basis",icon:S,title:"1. Studio anlegen & Grunddaten",intro:"Die Basis: Marke anlegen und alle Stammdaten + CI hinterlegen — davon hängt fast alles ab (Mails, Website, Templates).",items:["Studio/Marke anlegen (Name, Slug)","Adresse, Telefon, E-Mail (Studio-Kontakt) eintragen","Header-Logo hochladen (Tab „Website & CI“ → Logo)","Favicon hochladen (Browser-Tab-Icon)","CI-Farben setzen: Primär-, Sekundär-, Akzentfarbe","Öffnungszeiten hinterlegen (für Termin-Slots & Kontakt-Sektion)"]},{id:"website",icon:A,title:"2. Website erstellen & live schalten",intro:"Die öffentliche Studio-Seite im Builder bauen und auf der Domain live schalten.",items:["Website-Builder öffnen (Studio → „Website-Builder öffnen“)","Sektionen anlegen/anordnen (Hero, Angebot, Bewertungen, FAQ, Kontakt …)","Hero-Bild ODER -Video setzen (mobil & desktop)","Header-CTA prüfen (Mitglied werden / Termin) + Mobil-Button-Position","Eigene Domain verknüpfen (CNAME → Railway, SSL „Full“)","„Veröffentlichen“ klicken → Live-Seite prüfen (Handy + Desktop)"]},{id:"whatsapp",icon:N,title:"3. WhatsApp live gehen",intro:"Damit WhatsApp-Nachrichten/Flows rausgehen, muss der WhatsApp-Kanal (WABA) verbunden und die Nummer registriert sein.",items:["Meta Business Manager: WhatsApp Business Account (WABA) anlegen/zuordnen","Telefonnummer in der WABA hinzufügen & verifizieren","WABA-ID + Phone-Number-ID aus dem Meta Business Manager kopieren","Im Studio eintragen: WABA-ID + Phone-Number-ID (Tab WhatsApp/Setup)","Nummer für die Cloud API registrieren (6-stellige PIN)","Display-Namen prüfen (Studio → WhatsApp-Karte) — ggf. bei Meta ändern lassen","Nachrichten-Templates anlegen & von Meta freigeben lassen (Status „approved“)","Test-Nachricht an eine eigene Nummer senden","WhatsApp-Website-Button aktivieren (optional)"]},{id:"email",icon:M,title:"4. E-Mail-Versand einrichten",intro:"Damit Bestätigungen, Flows & Mailings ankommen und nicht im Spam landen.",items:["Absender-Adresse (FROM) festlegen (z.B. [email protected])","Domain in Resend verifizieren — DNS-Einträge setzen: SPF, DKIM, DMARC","Mail-DNS im Studio prüfen (Mail-DNS-Check)","List-Unsubscribe ist automatisch aktiv (kein To-do)","Test-Mail senden + Mail-Health (letzte 7 Tage) prüfen"]},{id:"leads",icon:v,title:"5. Lead-Pipeline & Flows",intro:"Neue Leads sollen automatisch begrüßt und nachgefasst werden.",items:["Lead-Quellen prüfen (ads, online, walk_in …)","new_lead-Flows aktiv? (WhatsApp + E-Mail Begrüßung)","Wochen-Mailing/Reaktivierung eingerichtet","No-Show-Flow (appointment_no_show) aktiv","Test-Lead durchspielen → Begrüßung kommt an"]},{id:"termine",icon:C,title:"6. Termine & Verfügbarkeiten",intro:"Damit Interessenten online Termine buchen können und der Funnel sauber läuft.",items:["Verfügbarkeiten/Slots & Öffnungszeiten hinterlegen","Termin-Buchungsseite prüfen (Intro-Text passt zum Studio)","Termin-Bestätigung + Erinnerung aktiv","Feedback-Flow nach dem Termin aktiv (Erreicht/Nicht err.)"]},{id:"magicline",icon:w,title:"7. Magicline verbinden (falls genutzt)",intro:"Für Mitgliederzahlen, Abgänge, Probetrainings und Reporting.",items:["Magicline OpenAPI-Token im Studio-Setup eintragen","Mitgliederstamm-Baseline einmal ziehen („Aus Magicline ziehen“)","Probetraining-Sync aktivieren (optional)","Churn-/Abgänger-Import einrichten (optional)"]},{id:"ads",icon:B,title:"8. Werbung (Meta) & Tracking",intro:"Damit Werbebudget, CPL/CPT und Conversions im Report stimmen.",items:["Meta-Werbekonto mit dem Studio verbinden","Budget-Sync läuft (täglich 8:00 automatisch + „Von Meta aktualisieren“)","Conversion-Tracking: Pixel + Conversions-API (CAPI) prüfen","Domain-Verifizierung bei Meta (falls nötig)"]},{id:"google",icon:T,title:"9. Google-Bewertung",intro:"Direkter Bewertungslink + QR, damit Mitglieder ohne Umwege bewerten.",items:["Google Place-ID finden (Place-ID-Finder)","Link erzeugen & speichern (Tab „Website & CI“ → Google-Bewertung)","QR-Code herunterladen → Aushang an der Theke"]}

1,{id:"abschluss",icon:z,title:"10. Onboarding abschließen",intro:"Letzter Check, bevor das Studio scharf geschaltet wird.",items:["Kompletten Test-Lead von Anzeige bis Vertrag durchspielen","Alle Bestätigungs-Mails/-WhatsApps kamen an","Inhaber-Zugang einrichten + Inhaber-Report aktivieren","Live-Seite final auf dem Handy prüfen"]}];function j({topic:n}){const[a,r]=u.useState(!1),o=t=>`guide_${n.id}_${t}`,[l,c]=u.useState(()=>n.items.map((t,i)=>{try{return localStorage.getItem(o(i))==="1"}catch{return!1}})),h=t=>{c(i=>{const s=[...i];s[t]=!s[t];try{localStorage.setItem(o(t),s[t]?"1":"0")}catch{}return s})},p=()=>{c(n.items.map(()=>!1)),n.items.forEach((t,i)=>{try{localStorage.removeItem(o(i))}catch{}})},m=l.filter(Boolean).length,f=n.icon,d=m===n.items.length;return e.jsx(b,{className:d?"border-green-500/40":"",children:e.jsxs(k,{className:"p-0",children:[e.jsxs("button",{onClick:()=>r(t=>!t),className:"w-full flex items-center gap-3 p-4 text-left",children:[e.jsx("span",{className:`flex h-9 w-9 items-center justify-center rounded-lg shrink-0 ${d?"bg-green-500/15 text-green-500":"bg-primary/10 text-primary"}`,children:e.jsx(f,{className:"w-5 h-5"})}),e.jsxs("span",{className:"min-w-0 flex-1",children:[e.jsx("span",{className:"block text-sm font-semibold text-foreground",children:n.title}),e.jsx("span",{className:"block text-xs text-muted-foreground truncate",children:n.intro})]}),e.jsxs("span",{className:`text-xs font-medium shrink-0 ${d?"text-green-500":"text-muted-foreground"}`,children:[m,"/",n.items.length]}),e.jsx(I,{className:`w-4 h-4 text-muted-foreground shrink-0 transition-transform ${a?"rotate-180":""}`})]}),a&&e.jsxs("div",{className:"px-4 pb-4 space-y-2 border-t border-border pt-3",children:[n.items.map((t,i)=>e.jsxs("label",{className:"flex items-start gap-2.5 text-sm cursor-pointer group",children:[e.jsx("input",{type:"checkbox",checked:l[i],onChange:()=>h(i),className:"h-4 w-4 mt-0.5 shrink-0 cursor-pointer"}),e.jsx("span",{className:l[i]?"line-through text-muted-foreground":"text-foreground",children:t})]},i)),e.jsx("div",{className:"pt-1",children:e.jsxs(x,{variant:"ghost",size:"sm",className:"text-xs h-7 gap-1 text-muted-foreground",onClick:p,children:[e.jsx(D,{className:"w-3 h-3"})," Checkliste zurücksetzen"]})})]})]})})}function L(){const n=g.reduce((a,r)=>a+r.items.length,0);return e.jsxs("div",{className:"p-6 max-w-3xl mx-auto space-y-4",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold flex items-center gap-2",children:"🚀 Studio-Start — Anleitung & Checklisten"}),e.jsxs("p",{className:"text-muted-foreground text-sm mt-1",children:["Schritt für Schritt ein neues Studio aufsetzen. Jedes Thema aufklappen → Checkliste abhaken. Die Häkchen werden lokal gespeichert (",n," Schritte gesamt). Tipp: pro Studio die Listen zu Beginn zurücksetzen."]})]}),e.jsx("div",{className:"space-y-2.5",children:g.map(a=>e.jsx(j,{topic:a},a.id))}),e.jsx("p",{className:"text-[11px] text-muted-foreground pt-2",children:"Fehlt ein Thema oder ein Schritt? Sag Bescheid — die Anleitung wird laufend ergänzt."})]})}export{L as default};