Adres otomatik tamamlama (Google Maps)

Adres otomatik tamamlama ile Sami B2B Onboarding, alıcı sokak adını yazmaya başlar başlamaz Google’ın adres önerilerini gösterir. Bir öneriyi seçmek, o adresin geri kalanını alıcı için doldurur. Alıcılar formu daha hızlı tamamlar ve uygulamanın Shopify’da oluşturduğu şirket lokasyonu temiz bir adres alır.

Mağaza için tek bir Google Maps anahtarı eklersiniz. Otomatik tamamlamayı her form için ayrı ayrı açıp kapatırsınız.

Not

Başlamadan önce faturalandırması ayarlanmış bir Google Cloud hesabına ihtiyacınız var. Google, Maps API’lerinin kullanılabilmesi için bunu ister.

Google Cloud’da tarayıcı anahtarı oluşturun

1. Bir proje seçin

   Google Cloud console sayfasını açın ve bir proje oluşturun ya da kullanmak istediğiniz projeyi seçin.

2. API’leri açın

   APIs & Services › Library bölümünde Maps JavaScript API ve ardından Places API için arama yapıp ikisini de etkinleştirin. İlki önerileri mağaza vitrininizde yükler. İkincisi adresleri bulur.

3. Anahtarı oluşturun

   APIs & Services › Credentials bölümünde Create credentials › API key seçeneğine tıklayın. Anahtarı kopyalayın. Anahtar AIza ile başlar.

4. Anahtarı mağazanızla sınırlayın

   Anahtarın ayarlarını açın:

   1. Application restrictions altında Websites seçeneğini seçin ve mağazanıza ulaşılan her alan adını ekleyin; örneğin https://example.com/* ve https://your-store.myshopify.com/*.
   2. API restrictions altında Restrict key seçeneğini seçin ve Maps JavaScript API ile Places API öğelerini işaretleyin.
   3. Save düğmesine tıklayın.

Dikkat

Anahtar mağaza vitrini sayfanıza yazılır, bu yüzden oradan herkes okuyabilir. Başkasının anahtarı kullanmasını ve Google faturanızı şişirmesini engelleyen şey web sitesi kısıtlamasıdır. Uygulamanın paneli de bunu hatırlatır: This key is printed into the storefront page, so restrict it to your store’s domain in the Google console.

Anahtarı ekleyin ve açın

1. Address autocomplete panelini açın

   Forms bölümüne gidin ve formun yanındaki Edit düğmesine tıklayın. Soldaki rayda Integrations öğesine tıklayın. Connected apps altında Address autocomplete satırındaki Set up düğmesine tıklayın.

   Address autocomplete paneli iki bölümle açılır: Account ve This form.

   

   Anahtarınızı eklemek için Set up’a tıklayın; panel hangi alanın öneri alacağını açıklar ve anahtarı kısıtlamanızı hatırlatır.

2. Anahtarı yapıştırın

   Account altında Set up düğmesine tıklayın. Address autocomplete iletişim kutusunda anahtarı Maps API key alanına yapıştırın ve Save düğmesine tıklayın. Keys saved iletisini görürsünüz ve Account satırında anahtar görünür.

3. Etkinleştirin

   Panelin altında Enable düğmesine tıklayın. Düğme Disable olarak değişir ve Connected apps içindeki Address autocomplete satırında Active yazar. Henüz kaydedilmiş anahtar yoksa bir banner’da Add your Maps API key first. yazar.

4. Formu kaydedin

   Kaydetme çubuğunda Save düğmesine tıklayın. Form saved iletisini görürsünüz.

Hangi alanları doldurur

Öneriler, formun Shopify panelinde Address line 1 ile eşlenen her alanda görünür. Panelin dediği gibi: When a buyer starts typing in a field mapped to Address line 1, Google suggests addresses. Picking one fills that block’s city, state, postal code and country.

Alıcı bir öneri seçtiğinde uygulama, aynı adresin şu alanlarla eşlenen alanlarını doldurur:

Eşlendiği alan	Doldurulan değer
Address line 1	Sokak numarası ve sokak adı
City	Şehir veya kasaba
State / province	Eyalet veya il
ZIP / postal code	Posta kodu
Country	Ülke

• Address line 2, Recipient ve Phone alanlarını alıcı kendisi doldurur.
• Kargo ve fatura adresleri birbirinden ayrı tutulur. Bir kargo adresi seçmek fatura alanlarını hiçbir zaman değiştirmez.
• Alıcı, doldurulmuş herhangi bir kutuyu yine de değiştirebilir.
• Öneriler, mağaza sayfasının dilindedir.

Uygulamanın oluşturduğu Wholesale application formu bu alanları her iki adres için zaten eşler. Kendi adres sorularınızı oluşturursanız bunları Company location altında eşleyin. Bkz. Yanıtları Shopify ile eşleştirme.

Mağaza vitrininizde deneyin

1. Formu açın

   Forms bölümüne gidin ve formun yanındaki Copy link düğmesine tıklayın. Bağlantıyı gizli bir tarayıcı penceresinde açın.

2. Bir adres yazın

   Shipping address altında Address line 1 alanına yazmaya başlayın; örneğin 123 Main Street. Google’ın öneri listesi kutunun altında açılır.

3. Bir öneri seçin

   Listeden bir adrese tıklayın. City, ZIP or postal code, Country ve State or province o adrese göre dolar.

Hiç öneri görünmüyorsa:

Kontrol	Yapılacaklar
Address autocomplete satırında Active yazıyor ve form kaydedilmiş.	Panelde Enable, ardından Save düğmesine tıklayın.
Anahtarın web sitesi kısıtlaması, denediğiniz alan adını içeriyor.	Mağazanız kendi alan adınızdan ve myshopify.com alan adından yanıt verir. İkisini de Google Cloud’da ekleyin.
Maps JavaScript API ve Places API etkin ve projede faturalandırma ayarlı.	Bunları APIs & Services › Library bölümünden açın.
Alan Address line 1 ile eşlenmiş.	Bunu Shopify panelinde, Company location altında eşleyin.

Kapatma

• Tek bir formda: Address autocomplete panelini açın, Disable düğmesine, ardından Save düğmesine tıklayın.
• Tüm formlarda: Account altında Change, ardından Remove keys düğmesine tıklayın. İletişim kutusu şu uyarıyı verir: Every form in this store stops using Address autocomplete until you add keys again. Onaylamak için Remove keys düğmesine tıklayın.

Sonraki adımlar

• Yanıtları Shopify ile eşleştirme — adres sorularınızı şirket lokasyonunu dolduracak şekilde eşleyin.
• Formunuzu oluşturma — forma adres alanları ekleyin.
• Captcha (reCAPTCHA, hCaptcha) — botları aynı formdan uzak tutun.