7 moduri în care puteți folosi AMP pentru comerțul electronic pentru a genera mai multe vânzări (exemple)

Paginile web lente generează rate de conversie scăzute. Cercetările au arătat că chiar și o încetinire de 100 ms a timpului de încărcare poate afecta conversiile pe o pagină web. În cele din urmă, utilizatorii nu vor să aștepte. Acesta este adevărul care a determinat Google să accelereze web-ul mobil cu Accelerated Mobile Pages cu ani în urmă.

Și, deși cadrul AMP a crescut capabil să găzduiască o varietate de pagini web într-o varietate de verticale, unii încă cred că AMP nu poate accelera mult dincolo de o pagină web statică. Astăzi, totuși, AMP este capabil să difuzeze conținut dinamic, pagini de plată, site-uri web întregi și chiar web progresivă cu cadrul său ușor. Drept urmare, mărcile apelează din ce în ce mai mult la AMP pentru comerțul electronic.

Utilizarea AMP pentru comerțul electronic

Există un motiv pentru care mărcile de comerț electronic au întârziat să investească în AMP: nevoile lor sunt mult mai complexe decât nevoile editorilor de știri, pe care AMP și-a propus inițial să le servească. Mărcile de comerț electronic au nevoie de listări de produse, capacități de conectare, conținut dinamic, pagini de plată și cele mai înalte niveluri de securitate web.

Dar la ani de la lansarea sa inițială, AMP permite mărcilor de comerț electronic să îndeplinească aceste nevoi, cu noi componente și soluții tehnice care aduc timpi de încărcare de mare viteză pentru toate tipurile de pagini. Iată doar câteva lucruri impresionante pe care AMP le poate suporta acum:

• Conținut dinamic: conținutul unui site de comerț electronic este în continuă schimbare. Suportul AMP pentru conținutul dinamic asigură că clienții văd întotdeauna cele mai actualizate informații.
• Finalizare/plăți: AMP acceptă acum coșuri de cumpărături, fluxuri de finalizare a comenzii și procesarea plăților. Acum, utilizatorii pot cumpăra direct din paginile dvs. AMP.
• Personalizare/conectare: personalizarea este piatra de temelie a oricărei campanii de marketing relevante. Acum, prin AMP, puteți oferi clienților dvs. conținut personalizat, cum ar fi produse recomandate și cărucioare actualizate.

Deci, cum face AMP? Și cum poți? De la amp-bind la amp-selector și nu numai, iată câteva componente pe care le puteți folosi pentru a crea pagini de produse, pagini de categorii, coșuri de cumpărături și multe altele.

Componente utile pentru AMP pentru comerțul electronic

1. Pagini de produse

Adesea, utilizatorii ajung la paginile dvs. de produse printr-o pagină de categorie, o pagină de pornire, rețele sociale sau o reclamă plătită. Aceste pagini detaliază caracteristicile și beneficiile produsului dvs. și sunt extrem de atrăgătoare din punct de vedere vizual, cu fotografii de erou îndrăznețe și suficiente unghiuri pentru a vă informa vizitatorul.

Crearea lor cu AMP implică elemente precum amp-carusel și amp-video, pe care le puteți folosi pentru a crea fotografii cu eroi uimitoare, fotografii informaționale și videoclipuri cuprinzătoare.

Pentru descrieri lungi de produse care să însoțească fotografiile dvs., căutați la amp-accordion pentru capacitatea de a extinde și de a minimiza conținutul. Elementul amp-form vă va permite să creați un sistem de comentarii pentru ca vizitatorii dvs. să lase recenzii despre produsul dvs.:

Pentru ceva mai simplu, CSS personalizat va face posibilă activarea unui sistem de evaluare cu stele pentru evaluările produselor:

Și cu elementul amp-social-share, puteți oferi utilizatorilor posibilitatea de a partaja produsul pe rețelele sociale.

De asemenea, AMP poate accepta acum un coș de cumpărături și butonul „adăugați în coș”, atunci când vizitatorii sunt gata să cumpere. Și dacă nu sunt, puteți folosi elementul amp-sidebar pentru a implementa un meniu de navigare în toate paginile. Acesta este doar un exemplu de pagină de produs construită în AMP:

2. Pagina categoriei de produse

Utilizatorii își încep deseori călătoria de pe pagina de pornire a unui site sau de pe pagina unei categorii de produse. Acestea sunt pagini grozave pentru AMPlify mai întâi, așa cum a discutat eBay în postarea lor.

Aceste tipuri de pagini sunt foarte potrivite pentru AMP. Conținutul este de obicei static și orientat spre oferirea celei mai bune vitrine de produse disponibile.

Deosebit de utile pe paginile categoriilor de produse sunt elemente precum amp-carousel și amp-bind, care oferă vizitatorilor o modalitate de a crea galerii pe care le pot răsfoi pe produse și subcategorii. Acestea pot include și legendele care descriu pe scurt imaginea.

Când trebuie să caute un anumit produs, puteți utiliza amp-form pentru a crea o bară de căutare și puteți afișa acele rezultate pe o altă pagină sau pe aceeași pagină. Puteți chiar să completați automat termenii:

În afara capacității de a căuta și organiza după produs sau tip, care vine în mod nativ în AMP, paginile categoriilor de produse sunt de obicei destul de simple. Cu o vitrină de imagini și text minim, acestea au un design simplu care poate oferi experiențe la viteze de neegalat.

AMP oferă acest exemplu de pagină de produs cu o funcție de căutare și organizare a produsului:

Iată o indicație mai bună a unei pagini de categorie de produse pe care o puteți crea cu AMP:

Acesta vine de la Myntra, cel mai mare brand de modă online din India. Când au investit în AMP, au văzut o îmbunătățire cu 60% a vitezei și o reducere cu 40% a ratelor de respingere pe cele mai importante pagini de destinație post-clic. Și cu ajutorul amp-bind, nu au trebuit să facă compromisuri cu privire la experiența utilizatorului. Vizitatorii puteau sorta și filtra produsele și dimensiunile așa cum ar face-o pe orice pagină non-AMP. Au beneficiat de o experiență excelentă de utilizator oferită într-o clipă.

3. Afișați conținut personalizat

Cea mai puternică tactică a specialiștilor în marketing pentru creșterea conversiilor este personalizarea. Cu cât o ofertă este mai relevantă pentru publicul dvs., cu atât este mai probabil ca acesta să o revendice.

Acum, cu componenta amp-access, marketerii pot afișa blocuri de conținut în funcție de starea utilizatorului, ca dacă sunt sau nu conectați. Pentru a afișa conținut personalizat sau recomandări într-un carusel, utilizatorii pot profita de amp-list. Google spune:

Comportamentul implicit amp-mustache pentru redarea datelor din lista de amp este să circule în interiorul obiectelor articolelor; adăugarea unui amp-carusel în interiorul șablonului ar face șablonul să redea mai multe carusele; o modalitate de a rezolva acest lucru este ca punctul final amp-list să returneze o singură intrare în articole.

De asemenea, pot folosi amp-list pentru a returna conținut personalizat utilizatorului cu ajutorul cookie-urilor (folosind atributul credentials=”include”) sau ID-ul clientului AMP:

O altă modalitate de a afișa conținut personalizat, spune AMP, este să utilizați amp-bind cu un punct final JSON. Acest lucru este util în special atunci când datele trebuie actualizate după o interacțiune cu utilizatorul, cum ar fi un hotel care afișează disponibilitatea camerei după o rezervare.

4. Coș de cumpărături

Asistența pentru un coș de cumpărături este acum nativ în AMP. Pentru a-l crea, Google recomandă utilizarea amp-list, care poate afișa utilizatorului o listă dinamică a ceea ce a adăugat la el:

amp-list trebuie să trimită cookie-ul de sesiune în antetul cererii, astfel încât serverul să poată prelua conținutul coșului din sesiune. Din acest motiv, folosim credentials="include", ca atribut suplimentar.

Aranjat astfel, fiecare rând al listei poate conține comenzile de cumpărături personalizate ale unui utilizator. Și fiecare articol din acea listă va avea un buton pentru a elimina articolele din coș. În plus, suportul pentru adăugarea acestor elemente este așa cum arată această demonstrație.

5. Fluxul de plată și plăți

Odată, dacă ați vrut viteză și abilitatea de a primi plăți, trebuia să începeți cu AMP și să vă redirecționați utilizatorii către o pagină de plată non-AMP. Astăzi, puteți permite utilizatorilor să verifice din paginile dvs. AMP.

În Chrome, puteți utiliza API-ul de solicitare de plăți. Acest lucru va permite utilizatorilor să verifice printr-o casetă de dialog din browserul lor. Iată un exemplu rapid.

Cealaltă opțiune este să vă construiți fluxul de plată în interiorul AMP cu amp-form. Dacă plata pentru un produs necesită autentificare, puteți combina aceste elemente cu amp-access.

Și dacă preferați să verificați utilizatorii de pe site-ul dvs. web, aceasta este totuși o opțiune, cu condiția să puteți trece rapid și fără probleme vizitatorii la procesul de plată al site-ului dvs. Iată un exemplu de la WompMobile:

6. Analytics

Măsurați eficiența utilizării AMP pentru comerțul electronic cu amp-analytics. Acest element acceptă atât instrumente de analiză terță parte, cât și instrumente interne. Aceasta include soluții populare precum Google Analytics, Adobe Analytics, Nielsen, Quantcast și multe altele.

Pentru o idee generală despre modul în care vizitatorii interacționează cu paginile AMP, consultați analizele native ale AMP. În prezent, amp-analytics poate urmări evenimente precum:

• Vizualizare pagina
• Clicuri de ancorare
• Temporizator
• Derulare
• Modificări ale caruselului AMP
• Formă

Pentru a colecta date de analiză direct, vă puteți integra soluția cu AMP. Asigurați-vă că datele dvs. AMP sunt atribuite corect. Pentru a testa dacă acesta este cazul, Google recomandă să vă încărcați paginile mobile accelerate prin Google AMP Cache.

7. Și mai mult...

Caracteristicile de mai sus sunt cele acceptate nativ de cadrul AMP. Pentru a adăuga funcții care nu sunt încă acceptate de AMP, puteți utiliza amp-iframe pentru a încorpora conținut sau instrumente mai sofisticate, cum ar fi aplicații de chat, hărți sau alte soluții terțe.

O altă opțiune este să cauți asistență de la o aplicație terță parte, cum ar fi cele create pentru utilizatorii Shopify. Aplicații ca acestea fac posibilă utilizarea AMP cu pluginuri și extensii, permițând utilizatorilor să lanseze cu ușurință un site cu încărcare rapidă.

Cele mai eficiente aplicații AMP pentru Shopify sunt capabile să creeze multe tipuri de pagini, cum ar fi pagini de produs, colecție, de pornire și blog. De obicei, sunt accesibile sau chiar gratuite și vin cu asistență de încredere:

Există pluginuri similare pentru utilizatorii WordPress, precum și pentru utilizatorii Magento.

AMP pentru exemple de comerț electronic

Ați văzut componentele, acum să aruncăm o privire la modul în care unele dintre cele mai mari mărci online folosesc AMP pentru comerțul electronic. Iată o scurtă prezentare, compilată de Plumrocket.

Pagina de produs Newegg

Pagina categoriei 1-800-Flori

Pagina de produse Eventbrite

Pagina categoriei de produse Lancome

Au reușit mărcile cu AMP pentru comerțul electronic?

Potrivit Forrester, un site AMP cu trafic considerabil s-ar putea aștepta la o creștere cu 20% a ratei de conversie a vânzărilor pe paginile AMP, o creștere cu 10% de la an la an a traficului pe site-ul AMP și o creștere cu 60% a paginilor per fiecare. vizita. Deci, cum se descurcă mărcile din viața reală?

AMP pentru utilizatorii de comerț electronic, după cifre

• Advance Create, cel mai mare site de comparare a asigurărilor din Japonia, a redus timpul de încărcare a paginii cu 61,2% și costul pe acțiune cu 36,8%, în timp ce a crescut rata de conversie cu 28,9%.
• Event Tickets Center a produs o creștere cu 20% a ratei de conversie și o creștere cu 13% a timpului pe site, în timp ce a scăzut rata de respingere cu 10%.
• DiscoverCarHire.com a generat o creștere cu 22% a vizitelor pe dispozitive mobile și cu 29% mai multe conversii de pe dispozitivele mobile prin intermediul programului său Google Ads. De asemenea, au îmbunătățit traficul organic mobil al site-ului cu 73% folosind AMP.
• Clienții Fastcommerce au observat o creștere cu 15% a conversiilor pe 2 milioane de pagini atunci când au comparat paginile AMP cu paginile non-AMP.
• WompMobile a înregistrat o creștere cu 105% a ratelor de conversie și o scădere cu 31% a ratelor de respingere cu paginile AMP de comerț electronic în comparație cu paginile non-AMP.
• Wego.com a generat o creștere de 95% a ratelor de conversie ale partenerilor săi și o creștere de trei ori a conversiilor publicitare după crearea versiunilor AMP ale paginilor de destinație cheie.
• Greenweez a văzut că jumătate din traficul său organic mobil provine din AMP între ianuarie și martie 2017. De asemenea, au sporit ratele de conversie pe dispozitive mobile cu 80%, în timp ce au scăzut costurile de achiziție pentru dispozitive mobile cu 66%.

Creșteți-vă rata de conversie cu AMP pentru comerțul electronic

Deși unii susțin că AMP nu poate accepta site-uri de comerț electronic, este clar că nu este cazul. Mărcile au avut deja succes cu AMP ca modalitate de a oferi experiențe ușor de utilizat mult mai rapid. Și în comerțul electronic, timpul înseamnă bani. Viteza este venit.

În mod similar modului în care Shopify, WordPress și Magento acceptă aplicațiile AMP, la fel și Instapage. Aceasta înseamnă că, prin generatorul Instapage, puteți crea pagini de destinație AMP post-clic la fel de intuitiv ca orice altă pagină. Aflați cum să o faceți la scară cu o demonstrație Instapage.