Consumatorii se așteaptă să aibă opțiuni, cum ar fi ridicarea din magazin sau livrarea în aceeași zi. Google a analizat numărul crescut de cautări pentru „aproape de mine” și „în stoc”. Rezultatul analizei a evidentiat faptul că pentru cumpăratori, comoditatea este un factor important in luarea deciziilor. Includerea disponibilității produsului și opțiunile de preluare pe fiecare pagină de descriere a produsului vă poate crește ratele de conversie online și poate genera vizite în magazin. În acest articol, descriem soluția Google care vă poate ajuta să realizați acest lucru.
Soluția Google Product Locator
Utilizarea Product Locator pe paginile cu descrierea produsului conectează clienții cu informațiile de care au nevoie pentru opțiunile locale de preluare și livrare. În acest fel, clienții sunt conștienți de opțiunile de preluare și livrare pe parcursul întregii călătorii de cumpărare și nu doar de plată. Product Locator poate ajuta în plus să-i determine pe clienți să viziteze, arătând distanța exactă până la magazinele fizice și chiar timpul estimat de conducere, pentru a evidenția în plus confortul unei vizite la magazin.
Un studiu realizat de Shopify a constatat că prezentarea inventarului local a stimulat vânzările, inclusiv o extra vânzare la 45% din comenzile cu ridicare din magazin.
Ghid de implementare pentru Product Locator
Ajutați vizitatorii online să găsească cel mai bun și mai convenabil mod de a vă obține produsul prin implementarea soluției Product Locator în magazinul dvs. online. Mai jos descriem pașii de bază pentru implementare.
Activarea API-urilor
Pentru a implementa Product Locator, trebuie să activați următoarele API-uri în Google Cloud Console. Faceți clic pe linkuri pentru a accesa Google Cloud Console și a activa fiecare API pentru proiectul selectat:
Asocierea locațiilor magazinelor cu locațiile Google Maps Platform
În acest pas, veți potrivi o locație a magazinului cu o locație în Google Maps Platform ca un set de destinații finale în care utilizatorii dvs. pot ridica produse. Mai întâi, găsiți place_ID-ul care corespunde fiecărui magazin din baza de date. Puteți efectua un apel gratuit către Palces API și puteți solicita doar câmpul place_id.
Iată un exemplu de solicitare a place ID pentru biroul Google London:
https://maps.googleapis.com/maps/api/place/findplacefromtext/json?input=google%20london&inputtype=textquery&fields=place_id&key=YOUR_API_KEYPuteți stoca place ID în baza de date împreună cu restul datelor din magazin și îl puteți folosi ca o modalitate eficientă de a solicita informații despre magazin.
Dacă baza de date a magazinelor are adrese stradale, dar nu și coordonate geografice, utilizați API-ul Geocoding pentru a obține latitudinea și longitudinea acelei adrese pentru a calcula ce magazine sunt cele mai apropiate de clientul dvs.
Iată un exemplu de utilizare a API-ului Geocoding pentru a obține latitudinea și longitudinea ID-ului locului care a fost returnat pentru biroul Google London:
https://maps.googleapis.com/maps/api/geocode/json?place_id=ChIJVSZzVR8FdkgRTyQkxxLQmVU&key=YOUR_API_KEYIdentificarea locației utilizatorului
O componentă cheie din Product Locator este identificarea locației de pornire a utilizatorului dvs. Puteți oferi utilizatorului două opțiuni pentru a specifica locația de pornire: tastarea originii căutării sau acordarea permisiunilor pentru geolocalizarea browserului web sau serviciile de localizare mobilă.
Utilizatorii de astăzi sunt obișnuiți cu funcționalitatea de completare automată predictivă oferită de Google Maps. Această funcționalitate poate fi integrată în orice aplicație utilizând bibliotecile Google Maps Platform de pe dispozitivele mobile și de pe web.
In the following example, add the Place Autocomplete library to your site by adding the libraries=places parameter to the Maps JavaScript API script URL.
În exemplul următor, adăugați biblioteca Place Autocomplete pe site-ul dvs. adăugând parametrul libraries=places la la URL-ul Maps JavaScript API.
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places&callback=initMap" defer></script>Apoi, adăugați o casetă de text la pagina dvs. pentru inputul utilizatorului:
<input id="autocomplete" placeholder="Enter
starting address, city, or zip code" type="text"></input>În cele din urmă, trebuie să inițializați serviciul Autocomplete și să îl conectați la caseta de text numită. Limitarea predicțiilor de completare automată pentru a accepta adrese stradale, cartiere, orașe și coduri poștale, astfel încât utilizatorii să poată introduce orice nivel de specificitate pentru a-și descrie originea. Asigurați-vă că solicitați câmpul de geometrie astfel încât răspunsul să conțină latitudinea și longitudinea originii utilizatorului.
// Create the autocomplete object, restricting the search predictions to
// geographical location types.
const autocomplete = new google.maps.places.Autocomplete(
document.getElementById("autocomplete"),
{ types: ["geocode"],
componentRestrictions: {'country': ['gb']},
fields: ['place_id', 'geometry', 'formatted_address'] }
);
// When the user selects an address from the drop-down
// zoom to the select location and add a marker.
autocomplete.addListener("place_changed", searchFromOrigin);
}Pentru a solicita și gestiona geolocalizarea browserului HTML5, consultați ghidul Google despre cum să activați “Use my location”.
Identificarea celor mai apropiate magazine
După ce aveți locația utilizatorului, o puteți compara cu locația magazinului dvs. Făcând acest lucru cu serviciul Distance Matrix vă ajută utilizatorii să selecteze locația cea mai convenabilă pentru ei, în funcție de timpul de conducere sau distanța rutieră.
Distance Matrix API funcționează făcând o listă a locațiilor de origine și destinație și returnând nu numai distanța de călătorie, ci și timpul dintre ele. În cazul unui utilizator, originea ar fi locul în care se află în prezent sau punctul de plecare dorit, iar destinațiile ar fi cele ale magazinelor. Originile și destinațiile pot fi specificate ca perechi de coordonate sau ca adrese; când apelați serviciul, serviciul corespunde adreselor. Puteți utiliza serviciul Distance Matrix Service cu parametri suplimentari pentru a afișa rezultatele pe baza timpilor de conducere curenți sau viitori.
Puteți citi mai multe despre implementarea serviciului Distance Matrix în documentația Google.
Afișarea informațiilor despre magazin
Puteți partaja detalii bogate despre locație, cum ar fi informațiile de contact, orarul de funcționare și starea curentă pentru a ajuta clienții să își aleagă locația preferată sau să finalizeze comanda.
După ce ați efectuat un apel către API-ul Places Details pentru detaliile despre locație, puteți filtra și reda răspunsul. Pentru a solicita detalii despre locație, veți avea nevoie de Place ID pentru fiecare dintre locațiile dvs.
Următoarea solicitare Place Details despre locație returnează adresa, coordonatele, site-ul web, numărul de telefon, evaluarea și orele pentru ID-ul Google London:
var request = {
placeId: 'ChIJVSZzVR8FdkgRTyQkxxLQmVU',
fields: ['name', 'formatted_phone_number', 'geometry', 'opening_hours', 'rating', 'utc_offset_minutes', 'website']
};
service = new google.maps.places.PlacesService(map);
service.getDetails(request, callback);
function callback(place, status) {
if (status == google.maps.places.PlacesServiceStatus.OK) {
createMarker(place);
}
}In concluzie
Atunci când utilizatorii vă văd produsele online, vor să găsească cel mai bun și mai convenabil mod de a comanda produsele dvs. În acest articol, am prezentat cei mai importanți pași pentru implementarea Product Locator. Cu toate acestea, vă recomandăm să consultați ghidul complet de implementare creat de Google și, în cazul oricăror întrebări, nu ezitați să ne contactați. Experții noștri Google Maps Platform vor fi bucuroși să vă ghideze!