Cum faci un site web cu ChatGPT: trei metode care chiar funcționează

Ca să faci un site web cu ChatGPT, poți să îi ceri să scrie fișierele HTML și CSS ale site-ului și apoi să le pui singur pe un serviciu de găzduire; îl poți folosi ca să planifici paginile și să scrii textele înainte de a construi site-ul într-un builder; sau poți conecta un builder AI precum Mythex în ChatGPT, ca să construiască, să găzduiască și să publice site-ul pentru tine din aceeași conversație. Prima metodă este gratuită și bună pentru un site dintr-o singură pagină; a treia este ce îți trebuie când site-ul are nevoie de formulare care salvează date, de autentificări sau de actualizări regulate. Acest ghid arată fiecare metodă, cu prompturi, și spune clar unde se oprește fiecare.

Ce poate și ce nu poate ChatGPT de unul singur

ChatGPT este foarte bun la scris: cod, titluri, text pentru pagini și planuri. Din oficiu nu este o companie de găzduire. Nu îi dă site-ului tău o adresă publică, nu rulează o bază de date și nu păstrează fișierele site-ului între proiecte, așa cum face un builder. Fiecare metodă de mai jos este un răspuns diferit la această lipsă.

Metoda 1: ChatGPT scrie codul, tu îl găzduiești

Aceasta este abordarea clasică și funcționează bine pentru un site simplu, static: un portofoliu, o pagină de prezentare, o pagină pentru o nuntă.

Pasul 1: Cere o pagină completă, dintr-un singur fișier

Fii specific în privința conținutului și a aspectului:

Scrie un site web complet dintr-o singură pagină, ca un fișier HTML, cu CSS-ul în interiorul unui tag style. Este pentru Maya Haddad, o ilustratoare freelance din Amman. Secțiuni: un antet cu numele ei și „Ilustrații pentru cărți și branduri”, o grilă cu șase imagini din portofoliu (folosește căi de imagini temporare pe care le pot înlocui), un paragraf scurt despre ea, o listă cu trei servicii și prețurile de pornire, și o secțiune de contact cu adresa ei de email ca link mailto. Aspect curat, modern, mult spațiu alb, care funcționează pe telefoane. Fără framework-uri JavaScript.

Cerând un singur fișier, este mai simplu de salvat și de încărcat.

Pasul 2: Salvează și deschide-l

Copiază codul într-un editor de text, salvează-l ca index.html și deschide-l în browser. Dacă ceva arată greșit, descrie problema lui ChatGPT: „grila de imagini are o singură coloană pe desktop; fă-o cu trei coloane peste 900px lățime.”

Pasul 3: Înlocuiește elementele de test

Schimbă imaginile temporare cu ale tale și înlocuiește orice text inventat de ChatGPT. Verifică atent prețurile, adresele de email și numele; AI-ul completează golurile cu încredere.

Pasul 4: Pune site-ul online

Încarcă fișierul pe o găzduire statică gratuită, precum GitHub Pages, sau pe orice găzduire pe care o plătești deja. Vei primi o adresă publică. Pentru a folosi un domeniu propriu, urmează instrucțiunile furnizorului tău de găzduire; ghidul nostru despre conectarea unui domeniu propriu explică partea de DNS.

Unde se oprește metoda 1

• Formulare care salvează date. Un formular de contact are nevoie de un loc unde să trimită răspunsurile. Ai nevoie de un serviciu de formulare sau de un server.
• Autentificări și zone pentru membri. Acestea au nevoie de un backend și de o bază de date.
• Multe pagini. Menținerea antetelor și a meniurilor consecvente în zece fișiere lipite manual devine obositoare.
• Actualizări. Fiecare schimbare înseamnă să ceri cod nou, să-l lipești și să încarci din nou.

Metoda 2: ChatGPT planifică, un builder construiește

Aici ChatGPT se ocupă de gândire și de scris, iar un builder de site-uri se ocupă de construcție și de găzduire.

Pasul 1: Planifică site-ul cu ChatGPT

Conduc o brutărie mică de familie din Manchester, care primește comenzi de torturi. Sugerează paginile de care are nevoie site-ul meu, ce ar trebui să spună fiecare pagină și acțiunea unică pe care vreau să o facă vizitatorii pe fiecare pagină. Păstrează-le la cel mult cinci pagini.

Pasul 2: Scrie textul

Cere textul fiecărei pagini, apoi rescrie-l cu vocea ta. Adaugă detalii reale pe care ChatGPT nu le poate ști: program, prețuri, zone de livrare, ce face torturile tale diferite.

Pasul 3: Construiește într-un builder

Lipește planul și textul într-un builder de site-uri. Într-un instrument drag-and-drop, plasezi textul într-un șablon. Într-un builder AI poți da planul complet într-un singur mesaj, iar el construiește paginile; de exemplu, în builderul de site-uri Mythex:

Construiește un site web pentru o brutărie de familie din Manchester, folosind acest plan și acest text: [lipește]. Include un formular de cerere de comandă care salvează fiecare cerere (nume, telefon, tip de tort, data necesară, mesaj), ca să le pot vedea într-o pagină de administrare în care intru doar eu. Design călduros, de casă, care funcționează pe telefoane.

Formularul de comandă de aici salvează într-o bază de date reală, lucru pe care un fișier HTML lipit nu l-ar putea face. Pentru mai multe despre această variantă, vezi cum construiești un site web cu AI.

Metoda 3: Construiește și publică din ChatGPT

Cea mai nouă opțiune este să conectezi un builder la ChatGPT, astfel încât ChatGPT să poată folosi direct uneltele builderului. Rămâi în conversația cu ChatGPT; builderul furnizează proiectul, previzualizarea, baza de date și găzduirea.

Mythex funcționează astfel, prin aplicația sa pentru ChatGPT (un conector MCP). Îl conectezi din Setările contului în Mythex; conectarea funcționează pe orice plan, iar uneltele care rulează sandbox-ul proiectului necesită Pro. Odată conectat, poți spune ChatGPT ceva de genul:

Folosind Mythex, creează un site web nou pentru brutăria mea, cu o pagină de pornire, o pagină de meniu cu torturi și prețuri și un formular de cerere de comandă care salvează într-o bază de date. Arată-mi previzualizarea și publică-l când spun că arată bine.

ChatGPT creează apoi proiectul, scrie codul, îl rulează și îl publică la o adresă URL publică atunci când aprobi. Modificările sunt doar alte mesaje în aceeași conversație. Aceeași abordare cu conector funcționează și din Claude, Cursor și Codex. Pentru context despre cum funcționează asta și ce builderi o acceptă, vezi aplicațiile AI cu MCP.

Ce metodă alegi?

Sfaturi pentru prompturi, valabile pentru orice metodă

• Dă faptele reale de la început. Nume, locație, servicii, prețuri, date de contact. Cu cât sunt mai puține detalii inventate, cu atât e mai puțină curățenie de făcut.
• Descrie vizitatorul și scopul. „Un părinte care caută un tort de ziua de naștere, care ar trebui să ajungă să trimită o cerere de comandă.”
• Cere aspecte gândite pentru telefon. Majoritatea vizitatorilor folosesc telefonul.
• Schimbă un singur lucru pe mesaj după ce există prima versiune.
• Cere explicit bazele SEO: un titlu și o descriere unice pe pagină, titluri reale, text alternativ pentru imagini. Vezi SEO pentru site-uri web construite cu AI.

Ghidul nostru despre scrierea prompturilor pentru builderi de aplicații AI are mai multe modele.

Probleme frecvente și remedieri

• Designul arată generic. Dă o referință: „ca o cafenea scandinavă liniștită, mult alb și un verde discret”.
• Codul s-a tăiat. Cere lui ChatGPT să continue de la ultima linie sau să împartă pagina în secțiuni și să ți le dea pe rând.
• A inventat mărturii sau statistici. Șterge-le. Recenziile false distrug încrederea și, în multe locuri, încalcă regulile de protecție a consumatorului.
• Site-ul se strică după o modificare. Păstrează o copie a ultimei versiuni care funcționa, înainte să lipești cod nou. Builderi precum Mythex păstrează puncte de control, ca să poți reveni.

Înainte să publici

Citește fiecare cuvânt de pe fiecare pagină. Verifică dacă datele de contact funcționează. Deschide site-ul pe telefon. Asigură-te că imaginile sunt ale tale sau au licență corectă. Apoi publică-l și distribuie-l acolo unde vizitatorii tăi sunt deja. Dacă vrei ca totul să nu coste nimic, cum faci un site web gratuit acoperă mai în detaliu opțiunile de găzduire gratuită.

Întrebări