Shopify için FlowHunt AI Chatbot'u Nasıl Yapılır

Bu rehber, FlowHunt’ı Shopify mağazanıza bağlamanızı, önceden hazırlanmış bir Shopify chatbot akışı eklemenizi, yayınlamanızı ve chatbot’u mağaza vitrininize yerleştirmenizi adım adım anlatır.

Ön Koşullar

• Yönetici erişimine sahip bir Shopify mağazası
• Workspace erişimi olan bir FlowHunt hesabı: https://app.flowhunt.io/
• Önemli: FlowHunt hesabınızda, Shopify yönetici hesabınızla aynı e-postayı kullanın.

1) Shopify’ı FlowHunt ile Entegre Etme (Shopify App Store üzerinden)

1. Shopify App Store’u açın ve “FlowHunt” arayın.
2. Yükle’ye tıklayın ve istenirse doğru mağazayı seçin.
3. İstenen izinleri gözden geçirin ve Uygulamayı yükle / Yetkilendir’e tıklayın.

Kurulumdan sonra, Shopify ve/veya FlowHunt’a yönlendirileceksiniz. Bağlantı, pazar yeri kurulum akışıyla oluşturulur.

2) FlowHunt Uygulamasını Shopify mağazanıza yükleyin

1. Shopify yetkilendirme ekranında, istenen izinleri gözden geçirin.
2. Kurulumu tamamlamak için Uygulamayı yükle’ye tıklayın.

3) Shopify entegrasyonunun etkin olduğunu doğrulayın

Başarılı kurulumdan sonra, FlowHunt → Entegrasyonlar’a dönün. Shopify’ın Bağlandı/Aktif olarak işaretlendiğini görmelisiniz.

Etkin değilse, tekrar Bağlan’a tıklayın ve yetkilendirme akışını izleyin.

4) Flow Kütüphanesinden bir Shopify chatbot’u ekleyin

1. FlowHunt’ta Flow Kütüphanesi’ne gidin.
2. “Shopify Chatbot” arayın.
3. Şablonu açın ve Çalışma Alanına Ekle’ye tıklayın.

Bu işlem, çalışma alanınıza kullanıma hazır bir Shopify chatbot akışı ekler.

5) Chatbot’u markanız için özelleştirin

Yeni eklediğiniz akışı açın ve aşağıdakileri ayarlayın:

• Sistem istemi ve tonu: Marka dilinizi ve sınırlarınızı belirleyin.
• Bilgi kaynakları: Ürün kataloğunuzu, SSS, politikalarınızı veya diğer belgeleri bağlayın.
• Araçlar ve eylemler: Plan ve kurulumunuz uygunsa sipariş sorgulama, durum kontrolü veya CRM güncellemelerini isteğe bağlı olarak etkinleştirin.
• Arayüz/markalama: Widget adı, karşılama mesajları ve görünür etiketleri daha sonra Chatbotlar bölümünde yapılandırın.

İşiniz bittiğinde, değişikliklerinizi Kaydedin.

6) Akışı Yayınlayın

Akışta Yayınla’ya tıklayın, böylece web sitenizde/mağazanızda bir chatbot tarafından kullanılabilir hale gelir.

7) Yeni bir Entegrasyon Kodu (Chatbot) oluşturun

1. FlowHunt’ta Chatbotlar’a gidin.
2. Yeni Entegrasyon Kodu’na tıklayın.
3. Yukarıda oluşturduğunuz yayınlanmış akışı seçin.
4. Widget seçeneklerini yapılandırın (tema, konum, açılış davranışı, dil, alan adı izin listesi vb.).
5. Kaydedin. FlowHunt bir komut dosyası kodu (Entegrasyon Kodunuz) oluşturacaktır.

Bu kodu saklayın—bir sonraki adımda Shopify temanıza yapıştıracaksınız.

8) Chatbot’u Shopify mağaza vitrininize yerleştirin

Entegrasyon Kodunu iki şekilde ekleyebilirsiniz. İhtiyacınıza en uygun olanı seçin.

Seçenek A — theme.liquid’e ekleyin (site genelinde)

Bu yöntem, chatbot’u mağazanızdaki her sayfaya ekler. Aşağıdaki adımları izleyin:

Adım 1: Shopify yönetim panelinize gidin ve Online Mağaza > Temalar‘a tıklayın

Adım 2: Etkin temanıza karşılık gelen Özelleştir butonuna tıklayın Adım 3: Sol üstteki 3 noktaya (⋯) tıklayın ve Kodu Düzenle‘yi seçin

Adım 4: theme.liquid dosyanızı Layout klasöründe bulun (/layout/theme.liquid)

Adım 5: Entegrasyon Kodunu kapanış </body> etiketinden hemen önce ekleyin Adım 6: Ctrl + S (veya Mac’te Cmd + S) ile değişikliklerinizi kaydedin

Kaydettikten sonra mağaza vitrininizi ziyaret edin ve sayfayı yenileyin. Chatbot tüm sayfalarda görünmelidir.

Önemli Notlar:

• </body> etiketi öncesine yapıştırmak widget’ın her sayfada yüklenmesini sağlar
• FlowHunt kodunu olduğu gibi ve değiştirilmeden bırakın
• Chatbot mağazanızın tüm sayfalarında görünecektir

Seçenek B — Özel Liquid bölümünden ekleyin (belirli sayfalar)

Bu yöntemle chatbot’u yalnızca belirli sayfa veya şablonlarda gösterebilirsiniz. Özellikle yalnızca ürün sayfalarında veya belirli açılış sayfalarında chatbot isterseniz idealdir.

Adım 1: Online Mağaza > Temalar‘a gidin ve etkin temanıza karşılık gelen Özelleştir’e tıklayın

Adım 2: Chatbot eklemek istediğiniz belirli şablonu seçin (örn. Ürün sayfaları, Koleksiyon sayfaları veya belirli bir sayfa)

Adım 3: Bölüm ekle veya Blok ekle‘ye tıklayın (temanıza bağlı olarak) Adım 4: Mevcut seçeneklerden Özel Liquid‘i bulun ve seçin Adım 5: FlowHunt Entegrasyon Kodunuzu Özel Liquid içerik alanına yapıştırın

Adım 6: Kaydet ve ardından Önizle‘ye tıklayarak chatbot’u ilgili şablonda test edin

Önemli Notlar:

• Bu yöntem, chatbot’un nerede görüneceği üzerinde tam kontrol sağlar
• Chatbot’u istediğiniz her şablon için bu adımları tekrar etmeniz gerekir
• Site genelinde yayınlamadan önce, belirli sayfalarda chatbot’u test etmek için idealdir
• Chatbot yalnızca yapılandırdığınız şablonlarda görünecektir

Doğrulama ve test

• Vitrininizi gizli/özel bir pencerede açarak önbelleğe alınan varlıklardan kaçının.
• Akışı doğrulamak için sıkça sorulan soruları (kargo, iade, ürün bulunabilirliği) sorun.
• FlowHunt’ta görüşme kayıtlarını inceleyin (gerekirse Ayrıntılı’yı etkinleştirin) ve hangi belge veya araçların kullanıldığını görün.

Sorun Giderme

• Chatbot görünmüyor: Entegrasyon Kodunun sayfada olduğundan, temanızı yayınladığınızdan ve alan adının Chatbotlar ayarlarında izinli olduğundan emin olun.
• Çift widget’lar: Fazladan kod parçalarını kaldırın ve bir adet aktif Entegrasyon Kodu bırakın.
• Eksik yanıtlar: Akışınızda Bilgi Kaynakları ve Belge Getirici ayarlarını kontrol edin, ardından tekrar yayınlayın.
• Shopify izin hatası: Shopify’ı FlowHunt → Entegrasyonlar bölümünden tekrar bağlayın ve gerekirse yeniden yükleyin.