👋 Îți spun sincer: la început mi s-a părut complicat să adaug butonul ăla verde de WhatsApp pe blog. Am pierdut vreo două seri să caut pe net, am găsit tot felul de coduri care nu mergeau, altele care îmi strâmbau tot designul. Până la urmă, am reușit. Și am zis să scriu exact ce mi-ar fi plăcut mie să găsesc atunci: un ghid simplu, cu cod gata făcut, fără povești.
Dacă și tu vrei să le dai cititorilor o cale rapidă să te contacteze, ai nimerit bine. În maxim 10 minute ai butonul pe blog. Promit.
De ce ai nevoie de buton WhatsApp pe blog?
Până acum vreun an, nici eu nu-i vedeam rostul. Dar de când am revenit cu blogul (după o pauză binemeritată de câțiva ani), am observat că oamenii nu prea mai au răbdare să caute un formular de contact sau să scrie un e-mail. Vor să dea un mesaj rapid, direct de pe telefon. Și dacă nu găsesc o cale simplă, pleacă și gata. Un simplu buton WhatsApp creează senzația că ești accesibil, că ești acolo pentru ei.
Pasul 0: Ce ai nevoie înainte să începi
- Un număr de WhatsApp activ. Ideal ar fi cel pe care îl folosești zi de zi.
- Acces la panoul de administrare Blogger. Nimic mai mult. Niciun plugin, nicio temă specială.
- 5 minute de liniște. Atât durează tot procesul.
Varianta 1: Link simplu în meniu sau în sidebar (cea mai rapidă)
Aceasta e metoda pe care o recomand dacă vrei ceva simplu, fără să bagi cod în template. Practic, pui un link care arată ca un buton și duce direct la conversația cu tine pe WhatsApp.
Generează-ți linkul unic
Linkul de WhatsApp arată așa: https://wa.me/407xxxxxxxx. În loc de 407xxxxxxxx, treci numărul tău complet, cu codul țării (40 pentru România). De exemplu, dacă numărul tău e 0712345678, linkul va fi: https://wa.me/40712345678 (atenție, fără 0 în față după 40, doar 40 și restul cifrelor).
Adaugă un buton în sidebar (gadget)
- Mergi în Panou Blogger → Aspect → Adaugă un gadget în zona de sidebar.
- Alege "HTML/JavaScript".
- Dă-i un titlu, de exemplu "Contact rapid".
- Copiază și lipește codul ăsta:
Atenție: Înlocuiește 40712345678 cu numărul tău real, în format internațional.
Rezultatul
O să ai un buton verde, frumușel, în bara laterală. Când cineva dă click, se deschide direct WhatsApp cu un chat către tine. Simplu și curat.
Varianta 2: Buton fix în colțul ecranului (flotant)
Metoda asta e preferata mea. Butonul stă acolo, în colțul din dreapta jos, indiferent cât de mult dai scroll. Vizitatorii îl văd instant, fără să caute prin sidebar.
Pași pentru buton flotant
- Mergi la Temă → Modificare HTML.
- Caută în cod linia
</body>(sfârșitul codului). - Chiar înainte de
</body>, lipește următorul cod:
Nu uita: Schimbă numărul de telefon în cod, la fel ca la metoda anterioară.
Ce face codul ăsta
Pur și simplu creează un cerc verde în colțul din dreapta jos, cu o pictogramă de telefon. E fix genul de buton pe care îl vezi pe toate site-rile acum.
Personalizare (dacă vrei să te joci puțin)
- Culoare: Poți schimba
#25d366cu alt cod (ex: roșu#ff0000). - Text în loc de iconiță: Înlocuiește "📱" cu "WhatsApp" sau ce vrei tu.
- Dimensiune: Modifică
width:60pxșiheight:60pxpentru un buton mai mare/mic.
Cum testezi dacă merge?
După ce ai adăugat codul (la oricare dintre variante), deschide blogul pe telefon. Dă click pe buton. Ar trebui să se deschidă WhatsApp direct, cu numărul tău completat automat. Dacă nu, verifică formatul numărului: https://wa.me/40XXXXXXXXX, fără spații, fără plus în față.
Întrebări pe care mi le-am pus și eu la început
📱 Merge și pe iPhone?
Da, linkul https://wa.me/numar funcționează la fel pe orice telefon. Pe calculator deschide WhatsApp Web, dacă ești autentificat.
🔄 Pot avea același număr la două butoane (sidebar + flotant)?
Absolut. Poți pune și 10 butoane, toate duc la același număr. Dar nu văd de ce ai face asta. Unul e suficient.
⚡ Nu încetinește blogul?
Deloc. E doar o linie de cod, nu încarcă nimic în plus. Blogul tău va rula la fel ca înainte. Dacă ai însă probleme de viteză, poate ar fi bine să vezi și articolul meu despre temele nefolosite în WordPress, deși e pentru WordPress, ideea de "curățenie" se aplică oriunde.
📊 Pot vedea câți dau click pe buton?
Dacă ai Google Analytics instalat, da. Trebuie doar să modifici puțin linkul, dar e o discuție mai avansată. Dacă vrei, fac un articol și despre asta.
Ce alegi: buton simplu sau flotant?
Dacă ești la primul contact cu codul, recomand varianta 1 (buton în sidebar). E mai ușor de implementat, nu riști să greșești în template. Dacă te simți încrezător, varianta flotantă arată mai profi și e mai vizibilă.
Concluzia mea după ce l-am implementat
Am pus butonul ăsta acum vreo două luni și chiar am primit mesaje de la cititori pe care altfel nu i-aș fi cunoscut. Unii m-au întrebat diverse, alții doar mi-au mulțumit pentru articole. E o senzație faină să vezi că cineva își face timp să scrie.
Dacă ai nelămuriri sau ți se pare că nu iese ceva, lasă un comentariu. Îți răspund în câteva ore, maxim o zi. Și dacă reușești, dă și tu un semn, mă bucur să aflu că merge.
Și dacă vrei să citești și cum să-ți schimbi numele blogului fără să pierzi SEO, am scris aici un ghid pas cu pas care cred că o să-ți fie util.
Succes și să ne auzim cu bine! ✌️
){kind=link}
0 Comentarii