← Inapoi la Ghid
Pasul 6 din 7 · Optional

Fa-l si Mai Bun

Site-ul tau e deja live. Acum poti sa-l faci si mai profesional cu cateva adaugiri simple. Totul e optional — alege ce ti se potriveste.

6.1 Adauga Google Maps

O harta interactiva arata clientilor exact unde te gasesc. E simplu de adaugat:

Sau, daca vrei sa il adaugi manual, codul arata cam asa:

Cod iframe Google Maps
<iframe src="https://www.google.com/maps/embed?pb=..." width="100%" height="300" style="border:0; border-radius: 12px;" allowfullscreen="" loading="lazy"> </iframe>

Lipeste acest cod in HTML-ul tau, langa sectiunea de contact. Harta va aparea automat cu locatia afacerii.

Sfat: Daca nu vrei sa dai adresa exacta, poti cauta doar orasul sau zona. Harta va fi mai generala, dar tot utila.

6.2 Adauga buton WhatsApp

Un buton de WhatsApp e extrem de util pentru orice afacere. Clientii pot scrie direct de pe site, fara sa caute numarul. Butonul apare fix in coltul din dreapta-jos al paginii.

Cod buton WhatsApp (copiaza si lipeste inainte de </body>)
<a href="https://wa.me/40XXXXXXXXX" style="position:fixed; bottom:20px; right:20px; background:#25D366; color:white; padding:15px 20px; border-radius:50px; text-decoration:none; font-weight:bold; box-shadow: 0 4px 15px rgba(0,0,0,0.3); z-index:1000;"> WhatsApp </a>

Important: Inlocuieste 40XXXXXXXXX cu numarul real de telefon:

Sfat: Poti cere AI-ului: "Adauga un buton de WhatsApp fix in coltul din dreapta-jos, cu numarul 40722123456, cu iconita verde". AI-ul va face ceva si mai frumos decat codul de mai sus!

6.3 Adauga link-uri Social Media

Daca afacerea are pagina de Facebook sau cont de Instagram, adauga link-urile in footer (subsolul paginii). Clientii vor putea da follow direct de pe site.

Cod link-uri social media (in footer)
<div style="display:flex; gap:15px; justify-content:center; margin-top:20px;"> <a href="https://facebook.com/PAGINA-TA" style="color:#1877F2; text-decoration:none; font-size:1.1rem;"> Facebook </a> <a href="https://instagram.com/CONTUL-TAU" style="color:#E4405F; text-decoration:none; font-size:1.1rem;"> Instagram </a> </div>

Sfat: Poti cere AI-ului: "Adauga iconite de social media in footer — Facebook si Instagram". AI-ul poate adauga si iconite SVG frumoase, nu doar text.

6.4 Adauga un formular de contact simplu

Vrei ca vizitatorii sa poata trimite mesaje direct de pe site? Ai doua optiuni simple:

Optiunea A — Buton email direct

Cel mai simplu: un buton care deschide aplicatia de email a vizitatorului, cu adresa ta deja completata.

Buton email direct
<a href="mailto:email@exemplu.com?subject=Mesaj de pe site" style="display:inline-block; background:#06b6d4; color:white; padding:12px 24px; border-radius:8px; text-decoration:none; font-weight:600;"> Trimite Email </a>

Optiunea B — Formspree (gratuit)

Un formular real, unde vizitatorii scriu direct pe site, iar tu primesti mesajul pe email. Fara programare:

Exemplu formular Formspree
<form action="https://formspree.io/f/CODUL-TAU" method="POST"> <input type="text" name="name" placeholder="Numele tau" style="width:100%; padding:10px; margin:5px 0; border-radius:8px; border:1px solid #ccc;"> <input type="email" name="email" placeholder="Email-ul tau" style="width:100%; padding:10px; margin:5px 0; border-radius:8px; border:1px solid #ccc;"> <textarea name="message" placeholder="Mesajul tau" rows="4" style="width:100%; padding:10px; margin:5px 0; border-radius:8px; border:1px solid #ccc;"> </textarea> <button type="submit" style="background:#06b6d4; color:white; padding:12px 24px; border:none; border-radius:8px; font-weight:600; cursor:pointer;"> Trimite Mesaj </button> </form>

Sfat: Formspree ofera 50 de mesaje gratuite pe luna — mai mult decat suficient pentru o afacere mica. Nu trebuie sa stii programare.

6.5 Favicon (iconita din tab)

Favicon-ul e iconita mica care apare in tab-ul browserului, langa numele paginii. Fara el, site-ul arata neterminat. Cu el, arata profesional.

AI-ul va adauga in <head> ceva de genul:

Linia pe care o adauga AI-ul
<link rel="icon" href="favicon.ico" type="image/x-icon">

Sfat: Daca nu ai un logo, favicon.io poate genera unul din initiale. Scrie literele afacerii, alege culoarea, si gata — ai un favicon profesional in 30 de secunde.

6.6 Optimizare pentru Google (SEO basic)

Vrei ca afacerea sa apara cand cineva cauta pe Google? Cere AI-ului sa adauge meta taguri SEO. Nu trebuie sa stii ce sunt — doar spune:

Ce sa ii ceri AI-ului
"Adauga meta taguri SEO pentru o [brutarie/service/salon] din [oras]. Numele afacerii e [NUME]."

AI-ul va adauga automat:

Sfat: SEO e un domeniu vast, dar aceste meta taguri de baza fac o diferenta enorma. E diferenta dintre "invizibil pe Google" si "apare in cautari locale".

6.7 Metoda universala: cere AI-ului

Ai deja tot ce-ti trebuie ca sa adaugi orice functionalitate. Metoda e mereu aceeasi:

Poti cere ORICE. Animatii, galerie foto, slider de imagini, testimoniale animate, countdown pana la un eveniment, newsletter signup, meniu de navigatie sticky, efecte la scroll, dark mode, versiune in alta limba. Daca poti descrie ce vrei, AI-ul poate construi.

☑ Checkpoint — Ce ai imbunatatit?

Am adaugat Google Maps in sectiunea de contact
Am adaugat butonul de WhatsApp
Am adaugat link-urile de social media
Am republicat site-ul actualizat pe Netlify