Special Marketing Digital

„Hack” πŸ‘ pentru cresterea si optimizarea ratei de conversie pe mobil

&

Cum peste 60% dintre cautarile in Google sunt efectuate de pe dispozitive mobile, un site responsive sau dezvoltat pe baza tehnologiei AMP (Accelerated Mobile Pages) este un must have critic ca un business online sa obtina clienti prin pozitionari organice.

Intr-un univers paralel, unde toate site-urile sunt optimizate atat pentru desktop cat si pentru mobil, un simplu hack pentru cresterea ratei de conversie pentru dispozitivele mobile este de multe ori ignorat si nu i se acorda importanta pe care o merita pe deplin. Astfel, trecandu-se cu vederea peste aceasta modificare, detinatorii de business-uri online (magazine online, site-uri de prezentare, servicii online etc.) pot pierde cu pana la 400% din numarul de potentiali clienti.

Studiu de caz

Se da urmatorul website: prestator de servicii offline cu prezenta online, website responsive, pozitii organice in top 10, viteza de incarcare buna, site usor de parcurs. Perioada de esantionare a fost de o saptamana fara/cu hack-ul pentru cresterea conversiilor.

Saptamana fara hack: site-ul obtinea in medie 80-90 de apeluri pe saptamana de la clientii interesati de serviciile prestate de catre societate. Un numar satisfacator avand in vedere ca media valorii unui serviciu era de ~500 Lei.

Saptamana cu hack-ul propus: in primele doua zile a obtinut numarul de apeluri pe care in mod normal l-ar fi obtinut intr-o saptamana. Pana la sfarsitul saptamanii, numarul de comenzi telefonice/apeluri a crescut cu aproximativ 400% de la 80 de apeluri pe saptamana la 350.

Ce sa intamplat? Probabil pare suprinzator si imposibil, dar ai fi surprins ca unele persoane sunt foarte comode atunci cand folosesc telefonul mobil iar un simplu inconvenient pe care l-ar obliga sa depuna un efort in plus, ar putea cauza pierderea unui potential client.

„Hack” πŸ‘ pentru cresterea ratei de conversie pe mobil

Prima data am observat acest sistem la OLX, am considerat ca asa este configurat site-ul lor, nu e cine stie ce inventie, fiind vorba de 1-2 butoane amplasate in mod sticky in footer-ul paginii. Ulterior am observat ca foloseam doar acele butoane pentru a lua legatura cu vanzatorul unui produs pe care mi-l doream.

Cum arata asa zis-ul hack? In imaginea de mai jos veti vedea cat de banala si de simpla a fost acesta mica modificare.
Hack crestere rata de conversie

Dupa cum puteti vedea sunt doua butoane, ce raman mereu sticky (lipite de partea de jos a telefonului) ce au ca scop usurarea modului prin care un utilizator plaseaza o comanda sau solicita mai multe informatii printr-un apel direct sau email.

Aceste butoane au fost implementate in studiul de caz al site-ului de mai sus, unde s-a atins un procent de >400% in numarul de apeluri. Butoanele pot varia ca si idee, mesaj, culoare etc. Totul depinde de cum doriti sa se afiseze in site, dar cel mai important lucru: NU TREBUIE SA LIPSEASCA! In cazul site-urilor de tip e-commerce (magazine online), as sugera ca pe pagina de produs in loc deΒ „Suna-ne” sa fie pretul produsului iar in dreapta in loc deΒ „Contact” sa fie celebrul buton „Adauga in cos” pentru a usura cercetarile facute pentru a gasi butonul de adaugare in cos a unui produs.

Pentru a implementa acel simplu Suna-ne & Contact, am pus mai jos codul CSS + HTML necesar pentru a se afisa. Atentie: nu uitati sa schimbati numarul de telefon πŸ˜€ + adresa de e-mail.

<div class="ct-sticky-container"><div class="ct-sticky-container"> <div class="ct-sticky-button ct-sticky-call"> <a href="tel:+4 0701 234 567"> Suna-ne</a> </div>Β  <div class="ct-sticky-button ct-sticky-email"> <a href="mailto:contact@domeniu.ro"> Contact</a> </div></div>
@media screen and (min-width:769px){
.ct-sticky-container {
display: none;
}
}
@media screen and (max-width: 768px){
.ct-sticky-container {
display: block;
position: fixed;
bottom: 0;
width: 100%;
z-index: 99999;
}
.ct-sticky-button{
width: 50%;
float: left;
display: inline-block;
text-align: center;
padding: 10px 0;
}
.ct-sticky-call {
background-color: #ff004f;
}
.ct-sticky-email {
background-color: #2c3e50;
}
.ct-sticky-email a, .ct-sticky-call a {
color: #fff;
}
.ct-sticky-call a:before {
content: "\2706";
margin-right: 5px;
}
.ct-sticky-email a:before {
content: "\2709";
margin-right: 5px;
}
}

Ai nevoie de ajutor la instalarea codului HTML & CSS?

Nu ezita sa ma contactezi.

Spune-ti parerea

Special Marketing Digital

Categorii

Articole recente

Unde ma poti gasi

Vrei sa socializam sau sa schimbam o idee?
Ma poti contacta pe Facebook sau Instagram.