Tam bir pazarlama otomasyonu yapmak için hubspot nasıl webflow'a bağlanır.

Güzel web sitesi ... ama müşteriler tamamen kayboldu mu? Web People webflow ve pazarlama ekibinin gerçekten karşılaştığı sorunlar.

Hiç bu durumla baş ağrınız oldu mu? Webflow üzerinde güzel, modern, hızlı yük tasarlanmış bir web siteniz var. Ama gerçekten kullanıldığında, web üzerindeki formu dolduran müşteri bilgilerinin dağılmış olduğunu buldum! Pazarlama ekibi, manuel bilgi bilgilerinin tek tek HubSpot'a koymasını beklemek zorundadır, satış ekibi her ipucunun kökenini bilmiyor. Özellikle, son olarak, kurşun havaya düşmüştü. Takip yok -bu olmalıdır ... eğer başını sallıyorsanız, doğru yere geldiğinizi gösterin.

İllüstrasyonlar istemi: Dağınık bilgilerle çalışması gereken pazarlama ekibinin sinirliliğini gösteren görüntüler. Bir taraf güzel bir web akışı ekranıdır. Diğer taraf dağınık bir excel masası ve kurşun simgesi kayboldu.

Webflow ve Hubspot neden birbirleriyle konuşmuyor? Verilerin bağlı olmamasının nedeninin kilidini açın

Birçok kişi genellikle sadece en iyi 2 en iyi 2 aracı (web ve pazarlama için hubspot için webflow) kullanmanın ve her şeyin otomatik olarak birlikte çalışacağını yanlış anlar. Ancak gerçekte bu platformların her ikisi de "ada" gibidir. Webflow, esnek ve güzel bir tasarım adasıdır. HubSpot, bu iki adayı birbirine bağlayan doğru "köprü" olmadan bilgi ve otomatik otomatik sistemler adasıdır. Bilgi birbirine seyahat edemez. Bunun ana nedeni:

• Tamamen ayrılmış sistem: Webflow evi (web sitesi ve formlar) yönetirken, HubSpot arka bahçeyi (CRM & Automation) doğal olarak yönetirken, tek bir tıklamayla bağlanmak için oluşturulmaz.
• Teknik kompleks: Birçok kişi sistemi bağlamanın zor olduğunu düşünüyor. Karmaşık bir kod yazmak için bir programcı kullanmalısınız, bu nedenle daha kolay olduğu için çalışma kılavuzuna devam etmeyi seçin
• Daha kolay bir yol olup olmadığını bilmiyorum: İyi haber, her zaman kodu yazmak zorunda değiliz! Bu "köprü" in düşündüğümden kolayca oluşturulmasına yardımcı olan araçlar ve yöntemler var.

İllüstrasyonlar istemi: "Webflow Adası" ve "Hubspot Adası" adı verilen 2 ada haritası, aralarında ayrılmış büyük alanlar. Henüz bağlı olmayan sistemi aktarır

Bırak ... düşündüğünüzden daha hasar gördü! Pazarlama verileriniz "silo" olduğunda etki

Web web akışından ve HubSpot'un pazarlama otomasyon sisteminden müşteri bilgilerinin ayrı ayrı olmasına izin vermek, sadece ekibin daha yorgun olmasını sağlamakla kalmaz. Ancak beklemeyeceğiniz işi doğrudan etkiler:

• Kayıp İş Fırsatları (Kayıp Potansiyel Kaldırma): Formu dolduran ipucu takip edilmeyebilir. Veya müşteriler rakiplere gidene kadar çok geç takip edin
• Yönsüz pazarlama: Hangi makale liderliğinin okumakla ilgilendiğini bilmiyorsunuz. Veya irtibat kurmadan önce web üzerindeki ürünün hangi sayfasını görün, olası satışların ekilecek bir e -posta göndermesini veya gönderilmesini sağlayın.
• YG'yi ölçemiyorum: Reklamlara ne kadar para harcıyorsunuz? Ancak, müşteri yolculuğu verileri eksik olduğu için liderliğin ne kadar kaliteli olduğunu ve en iyi sonuçlar olduğunu açıkça söyleyemiyor mu?
• Kötü müşteri deneyimi: Müşterilerin demo biçimini doldurduğunu düşünün, ancak bunun yerine ilgilendiği şeyle ilgili olmayan genel makaleler önermek için bir e -posta aldığını düşünün. Başından beri iyi bir deneyim yaratmak çok önemlidir. müşteri işinde

İllüstrasyonlar istemi: Kurşun şekilli bir simgeye sahip büyük bir sızdıran su borusu görüntüsü ve bu sızıntıdan para akar. Fırsat ve bütçelerin kaybını iletin

Bir çözüm var! Web akışını Hubspot'a bağlayan 2 ana yöntem (ve nasıl başlayacağınız)

Bu iki adayı birbirine bağlayan bir "köprü" inşa etme zamanı! Webflow'un en popüler ve etkili hubspot ile nasıl bağlanacağı. Her biri farklı avantajları olan 2 ana yöntem vardır:

1. Yöntem 1: Doğrudan Entegrasyon - Bu yöntemden başlamanız önerilir!
   Bu, Webflow web sitenize gömülecek HubSpot'un "İzleme Kodunu" getirmenin ve orijinal web akışı formu yerine "HubSpot Forms" kullanmanın en kolay ve en güçlü yoludur. Bu, HubSpot'un web sitenizdeki herkesin davranışlarını ayrıntılı olarak izlemesine izin verecektir. Ve formdan dolduran tüm bilgiler gerçek -time hubspot CRM'ye gönderilecek
2. Yöntem 2: ara katman yazılımı entegrasyonu.
   Bu yöntem, Webflow formlarını her zamanki gibi kullanmaktır, ancak Zapier veya Integromat gibi bir ortam kullanmaktır. Webflow araçlarıyla, ancak birçok adımla değiştirilmeli ve aracıdan ek maliyetlere sahip olabilir.

Öneriler: İşin% 90'ı için, en derin verileri (tam müşteri yolculuğu izleme) sağladığı için yöntem 1 (doğrudan bağlantı) Kurulumu kolay ve HubSpot'un gücünü maksimuma kullanmanıza olanak tanır.

İllüstrasyonlar istemi: Diyagram görüntüsü 2 yöntem karşılaştırın. İlk yöntem, web akışından HubSpot'a (doğrudan entegrasyon) düz bir çizgidir ve ikinci yöntemin ortada webflow ve hubspot (ara katman yazılımı entegrasyonu) arasında bir zapier logosu vardır.

Başarı Örneği: B2B Tech Company,% 250 kalite potansiyelini artırdığında

Daha net olabilmek için B2B yazılım hizmetleri sunan bir teknoloji şirketine örnek vermek istiyorum. Webflow'da mükemmel içerik merkezi var tutarlı müşteri bilgisi sağlıyorlar, ancak sorun "ne okuduğunu bilmiyorum" ve aynı olan lider.

Bağlanmadan önce: Satış ekibi yalnızca e -posta adını ve telefon numarasını aldı. Webflow web sitesinde, Lead'in makaleyi okuduğunu bilmeden "Teklif İsteyin". "Özelliklerin Karşılaştırılması" veya daha önce "vaka çalışmasına" girdiniz mi? Konuşmayı zorlaştırır

HubSpot ile webflow bağlantısından sonra: İzleme kodunu gömdüler ve yapılır yapılmaz HubSpot formlarına geçtiler. Mucize oldu! Şimdi, satış ekibine yeni bir olası satış girdiğinde, HubSpot'taki bu olası satışın tüm "zaman çizelgesi etkinliğini" görebilirsiniz.

• "Ah! Khun a bu Facebook kamerası kampanyasından geliyor."
• "Özellikle otomatik iş akışı makalesiyle ilgileniyor. 3 makaleyi okuyun."
• "Fiyatlandırma sayfamızı 2 kez görmek için baskı yaptı!"

Sonuçlar: Satış ekibi konuşmayı doğrudan açabilir. ("Özellikle otomasyonumuzla ilgilendiğinizi görüyorum ...") Müşterilere şirketin sorununu gerçekten anladığını hissettiriyor, kurşundan مرحله demosuna dönüşüm oranının% 25 arttığını ve daha hızlı kapatılabileceğini hissettiriyor. Çünkü "evet" kalite ipucuna odaklanabilirler

İllüstrasyonlar istemi: Bir müşterinin zaman çizelgesi etkinliğini gösteren hubspot ekranı "Görüntülenen sayfa: /blog /x", "görüntülenen sayfa: /fiyatlandırma", "doldurulmuş form: demo isteği" gibi çeşitli etkinlikler vardır.

Elini tut! Hubspot'u adım adım web akışına nasıl bağlar (hemen kullanılabilir).

Henüz yapmaya hazır mısınız? Bakalım doğrudan nasıl bağlanacağımızı (doğrudan entegrasyon), bu da iyice en iyi yolu. Düşündüğünüzden daha kolay olduğunu söyleyebiliriz!

1. Adım: HubSpot İzleme Kodunu Arayın ve Kopyala

1. Hubspot hesabınıza giriş yapın
2. Sağ üst köşedeki Ayarlar simgesine (ayarlar) tıklayın.
3. Sol Menüde İzleme ve Analytics> Kod İzleme
4. "Gömme Kodu" adlı kod kutusunu göreceksiniz. Bu kutudaki tüm kodları kopyalayın.

Adım 2: İzleme kodunu web akışına yerleştirin.

1. Webflow projenizi açın ve site ayarlarına (tasarımcı değil) gidin.
2. Özel Kod sekmesini seçin.
3. Head Code adlı kanalda , HubSpot'tan kopyalanan kodu koyun.
4. Değişiklikleri Kaydet'e basın ve web sitenizi tekrar yayınlayın Takipçilerin kurulumunu tamamladı!

Adım 3: Hubspot'ta form oluşturun.

1. Hubspot'a geri dönün Pazarlama > Kurşun Yakalama> Formlar.
2. Yeni bir form oluşturun (form oluştur) ve gömülü tür türünü seçin.
3. Ad, soyadı, e-posta gibi istediğiniz yere yerleştirme formunu tasarlayın ve bir mesaj kanalı olabilir.
4. "Ücretsiz Demo Al" veya "E-Kitap İndir" gibi ilginç olacak düğmeye çağrı-kontrattaki metni ayarlayın
5. Tasarım bittiğinde, sağ üst köşedeki güncelleme veya yayın

Adım 4: Hubspot formunu web akışı tasarımcısına gömmek için getirin.

1. HubSpot'un formunda, paylaşım ve formun "gömme kodunu" kopyalayın.
2. Webflow tasarımcısına geri dönün Görevinizi açın. Bir form koymak istiyorsunuz (bizimle iletişime geçin).
3. Elemanlar Ekle panelinden ( + + düğmesi), istenen konuma gömülü
4. Açık bir pencere olacak. HubSpot'tan kopyalanan kodu indirmek ve Kaydet ve Kapat'a basın.
5. Web sitenizi tekrar yayınlayın . Ve gerçek web sitesini açmaya çalışın Hubspot'un formunun göründüğünü göreceksiniz!

Sadece bu, WebFlow web siteniz HubSpot'a zaten bağlanmıştır. Doldurulan her bilgiler hemen izleme verileriyle CRM ile karşılaşacak ve bu da lider besleme otomasyonunuzu kolaylaştıracak!

İllüstrasyonlar istemi: Anlaması kolay olan 4 adım infografik görüntüler. Her adımdaki simgelerle (simge kodu, webflow ayarları simgesi, hubspot formları, öğe simgesi

İnsanların webflow ve hubspot bağlantıları hakkında şüphelendiği (SSS) soruları

S1: Webflow ve Hubspot'u kullanmanız gerekiyor mu?

C: izleme kodunu gömmek için özel kod özelliğini kullanabilmek için para kaybetme planı (çekirdek plan) izleme kodu ve kullanılacak formlara sahip ücretsiz planlarla başlayabilir

S2: Hubspot formunun tasarımını web sitemize ayarlayabilir miyiz?

C: Evet, HubSpot formatında, markanıza uyacak şekilde rengi, yazı tiplerini ve yüzleri belirli bir ölçüde ayarlayabilmeniz için bir "stil" sekmesi olacaktır. Ancak gerçekten özelleştirmek istiyorsanız, kodu doğrudan yazmak için küçük bir CSS bilgisi gerektirebilir.

S3: Orijinal web akışı formlarındaki bilgiler ne yapacak?

C: Eskiden web akışında bulunan eski veriler aynı yerde kalacaktır. Bir CSV dosyasına dışa aktarabilir ve ardından tüm müşteri bilgilerini tek bir yerde birleştirmek için HubSpot'a içe aktarabilirsiniz.

S4: Bu kodlar Web'i daha yavaş hale getirecek mi?

C: HubSpot'un İzleme Kodu, eşzamansız olarak çalışmak üzere tasarlanmıştır, bu da ana ekranı engellemeden web sitesinin diğer kısımlarıyla birlikte yükleneceği anlamına gelir, bu nedenle web hızı üzerindeki etki çok küçüktür. Neredeyse hissetmeyene kadar

İllüstrasyonlar istemi: Webflow ve Hubspot logosunu yan yana olan büyük soru simgeleri (?).

Özet: Güzel web sitesini bugün bir lider yapım makinesine değiştirin!

HubSpot ile webflow bağlantısı artık korkunç bir teknik mesele değil, dijital dünyada ciddiye almak isteyen tüm işletmeler için "gerekli yatırım". İzleme kodu yüklemek ve HubSpot formlarına geçmek için biraz zaman, daha önce hiç alamayacağınız pazarlama potansiyelinin kilidini açacaktır.

Manuel çalışma süresini durduracak ve hatalarla dolu olacaksınız, 360 derecelik müşterilerin müşteri yolculuğunu görmeye başlayacaksınız ve gerçekten müşteri olan otomatik pazarlama kampanyaları oluşturabilirsiniz. Güzel webflow web sitenizi günün 24 saati sizin için çalışan "Kalite Kurşun Üretim Makineleri" olarak değiştirmenin zamanı geldi.

Bekleme! Yapmayı önerdiğim adımları getirmeye çalışın. Ve veri odaklı pazarın ne kadar güçlü ölçüldüğünü göreceksiniz. Daha karmaşık bir otomasyon sistemi kurmaya yardımcı olacak bir uzmana ihtiyacınız varsa, N8N otomasyon uzman ekibimiz tavsiye Veya Başlangıç Webflow Web Sitesi Tasarım ve Geliştirme Hizmetlerinden sizinle tanışmaya hazırdır!

İllüstrasyonlar istemi: Webflow ve HubSpot logonunun zemininde kalite kurşun sayısının büyümesini gösteren grafik görüntüleri eller sıkıca tutan grafik görüntüleri

‍