Jak připojit HubSpot k WebFlow a provést úplnou marketingovou automatizaci.

Krásný web ... ale zákazníci jsou úplně ztraceni? Problémy, se kterými se webflow a marketingový tým skutečně setkávají.

Už jste někdy měli s touto situací bolesti hlavy? Máte web navržený na WebFlow krásně, moderním a rychlém zatížení. Ale když se skutečně používá, zjistili, že ... Informace o zákaznících, které vyplňují formulář na webu, jsou rozptýleny! Marketingový tým musí čekat na informace o manuálu jeden po druhém, aby je vložil do HubSpotu, prodejní tým nezná původ každého vedení. Zejména se konečně olovo upadl do vzduchu. Žádné následování -up (péče), které by mělo být ... pokud kývnete show, že jste přišli na správné místo.

Výzva pro ilustrace: Obrázky ukazující podrážděnost marketingového týmu, který musí pracovat s rozptýlenými informacemi. Jedna strana je krásná webová obrazovka. Druhou stranou je chaotický stůl Excel a ikona olova zmizela.

Proč WebFlow a HubSpot spolu nemluví? Odemkněte důvod, proč data nejsou připojena

Mnoho lidí často nepochopilo, že právě využívá nejlepší 2 nejlepší nástroje (WebFlow pro web a hubSpot pro marketing) a všechno bude spolupracovat automaticky. Ale ve skutečnosti jsou obě tyto platformy jako „ostrov“. Webflow je ostrov flexibilního a krásného designu. Hubspot je ostrov informací a automatické automatické systémy bez správného „mostu“ spojujícího tyto dva ostrovy. Informace nejsou schopny navzájem cestovat. Hlavním důvodem je:

• Systém, který je zcela oddělen: WebFlow spravuje domov (web a formuláře), zatímco HubSpot spravuje dvorek (CRM & Automation) přirozeně, není vytvořen pro připojení jedním kliknutím.
• Technický komplex: Mnoho lidí si myslí, že propojení systému je obtížné. Pro psaní komplexního kódu musíte použít programátor, proto se rozhodněte pro pokračování v pracovní příručce, protože je to snazší
• Nevím, jestli existuje jednodušší způsob: dobrá zpráva je, že ne vždy musíme psát kód! Existují nástroje a metody, které pomáhají vytvářet tento „most“ snadno, než si myslím.

Výzva pro ilustrace: 2 ostrovní mapy zvané „Webflow Island“ a „Hubspot Island“ s velkými prostory mezi nimi. Předává systém, který ještě nebyl připojen

Odcházejte ... poškozený, než si myslíte! Dopad, když jsou vaše marketingová data „Silo“

Umožnění informací o zákaznících z Web WebFlow a marketingového automatizačního systému HubSpotu samostatně, nejen to, že tým funguje. Ale přímo to ovlivňuje podnikání, které nemusíte očekávat:

• Ztracené obchodní příležitosti (ztracené vedení): Vedení, které vyplňuje formulář, nelze dodržovat. Nebo následovat příliš pozdě, dokud zákazníci nechodí k konkurentům
• Marketing bez směru: Nevíte, jaké vedení článku má zájem o čtení. Nebo podívejte se, jakou stránku produktu na webu před kontaktováním, přičemž vedení ohodnotí nebo odesílá e -mail.
• Nelze měřit návratnost investic: Kolik utratíte peníze za reklamy? Ale nelze jasně říct, jak kvalita byla vedení a která kampaň je nejlepšími výsledky, protože údaje o cestě zákazníka chybí?
• Špatná zkušenost se zákazníky: Předpokládejme, že zákazníci vyplňují formu demo, ale místo toho obdrželi e -mail, aby doporučili obecné články, které nesouvisejí s tím, o čem ho má zájem, je špatný vztah. Vytváření dobré zkušenosti od začátku je velmi důležité. Zejména v procesu na palubě zákazníka

Výzva pro ilustrace: Z tohoto úniku proudí velký obraz pro netěsnost vodního potrubí s ikonou ve tvaru olova a peníze. Zprostředkovat ztrátu příležitostí a rozpočtů

Existuje řešení! 2 Hlavní metody spojující webflow s HubSpotem (a jak začít)

Je čas postavit „most“ spojující tyto dva ostrovy dohromady! Jak propojit WebFlow s nejpopulárnějším a nejúčinnějším hubspotem. Existují 2 hlavní metody, z nichž každá má různé výhody:

1. Metoda 1: přímá integrace - doporučuje se začít s touto metodou!
   Toto je nejjednodušší a nejsilnější způsob, jak přinést „sledovací kód“ HubSpot, který má být pohřben na vašem webu WebFlow, a místo původního formuláře WebFlow použít „formuláře HubSpot“. To umožní HubSpotu podrobně sledovat chování všech na vašem webu. A všechny informace, které vyplňují formulář, budou odeslány na real -time hubspot CRM
2. Metoda 2: Integrace middlewaru.
   Tato metoda má použít formuláře WebFlow jako obvykle, ale pomocí média, jako je Zapier nebo Integromat) k odesílání informací z WebFlow do HubSpotu. S nástroji WebFlow, ale musí být vyměňován s mnoha kroky a může mít dodatečné náklady od zprostředkovatele.

Návrhy: U 90% podnikání by měla začít metodou 1 (přímé připojení), protože poskytuje nejhlubší data (plné sledování cesty zákazníka). Snadné nastavení a umožňuje vám použít sílu HubSpot na maximum.

Výzva pro ilustrace: Schéma obrazu Porovnejte 2 metody. První metodou je přímka od WebFlow do HubSpotu (Direct Integration) a druhá metoda má logo Zapier uprostřed mezi WebFlow a HubSpot (integrace middlewaru).

Příklad úspěchu: Když B2B Tech Company zvýší kvalitu o náskoku o 250%

Abych byl jasnější, chtěl bych uvést příklad technologické společnosti, která poskytuje softwarové služby B2B. Mají vynikající obsahový rozbočovač na WebFlow, poskytují konzistentní znalosti zákazníka, ale problém je „nevím, kdo čte co“ a vedení, které je stejné.

Před připojením: Prodejní tým obdržel pouze název e -mailu a telefonní číslo. „Požádat o nabídku“ na webu WebFlow, aniž byste věděli, že vedení přečetlo článek. „Srovnání funkcí“ nebo jste někdy vstoupili do „případové studie“? Ztěžuje mluvení

Po připojení WebFlow s HubSpotem: Pohřbili sledovací kód a jakmile to bylo provedeno, přepnuli na formuláře HubSpot. Zázrak se stal! Nyní, když do prodejního týmu vstoupil nový vedení, můžete vidět veškerou „aktivitu na časové ose“ tohoto vedení v HubSpotu.

• "Ach! Khun A pochází z této kampaně na Facebook Cam."
• "Obzvláště se zajímá o článek pro automatizovaný pracovní postup. Přečtěte si 3 články."
• "Stiskl, aby viděl naši cenovou stránku dvakrát!"

Výsledky: Prodejní tým může konverzaci přímo otevřít. („Vidím, že se obzvláště zajímáte o naši automatizaci ...“) Přiměje zákazníky pocit, že společnost skutečně chápe jeho problém, míra konverze z olova na demo مرحله se zvýšila o 25% a může být rychleji uzavřena. Protože se mohou zaměřit na kvalitní vedení „ano“

Výzva pro ilustrace: Obrazovka HubSpot ukazující aktivitu časové osy zákazníka Existují různé činnosti, jako je „prohlížená stránka: /blog /x“, „prohlížené stránky: /ceny“, „Vyplněné formulář: Demo Request“.

Držte ruku! Jak připojit HubSpot k krok za krokem WebFlow (lze použít okamžitě).

Jste připraveni to udělat ještě? Podívejme se, jak se přímo připojit (přímá integrace), což je nejlepší způsob, jak důkladně. Může říci, že je to snazší, než si myslíte!

Krok 1: Sledovací kód pro vyhledávání a kopírování

1. Přihlaste se do svého účtu HubSpot
2. Klikněte na ikonu Nastavení (Nastavení) v pravém horním rohu.
3. V levé nabídce na sledování a analytiku> Sledování kódu
4. Uvidíte kódové pole s názvem „Ented Code“. Zkopírujte veškerý kód do tohoto pole je uložen.

Krok 2: Vezměte sledovací kód a vložte do webflow.

1. Otevřete projekt WebFlow a přejděte na Nastavení webu (nikoli návrhář).
2. pro vlastní kód .
3. Do kanálu s názvem Kód hlavy vložte kód, který je zkopírován z HubSpotu.
4. Stiskněte změny uložit a zveřejnit svůj web. Dokončila instalaci sledovatelů!

Krok 3: Vytvořte formulář v HubSpotu.

1. Zpět na HubSpot k marketingu> Zachycení olova> Formuláře.
2. Vytvořte nový formulář (vytvořte formulář) a vyberte vestavěný formulář typu .
3. Navrhněte svůj požadovaný formulář, jako je křestní jméno, příjmení, e-mail a může mít kanál zprávy.
4. Upravte text na tlačítku volání-funkci , aby byl zajímavý, například „Získejte zdarma demo“ nebo „Stáhnout e-knihu“
5. Po dokončení návrhu klikněte na Aktualizovat nebo publikovat v pravém horním rohu.

Krok 4: Přiveďte formulář HubSpot do vložení do návrháře WebFlow.

1. Na formuláři HubSpot klikněte na Sdílet a zkopírujte „vložený kód“ formuláře.
2. Vraťte se k návrháři WebFlow. Otevřete svou povinnost. Chcete uvést formulář (například Kontaktujte nás).
3. Z panelu Add Elements Panel ( + + +) přetáhněte nástroj nazvaný Endud do požadované polohy.
4. Bude otevřeno okno. Přineste kód, který je zkopírován z HubSpotu, aby odložil a stiskněte uložení a zavřít.
5. Znovu publikujte . A zkuste otevřít skutečný web, který uvidíte formulář z HubSpotu!

Právě toto, váš web WebFlow se již připojil k HubSpotu. Každá informace, která byla vyplněna, okamžitě narazí na CRM pomocí sledovacích dat, takže olovo péče o automatizaci bude snadné!

Výzva pro ilustrace: 4 -krokové infographic snímky, které jsou snadno srozumitelné. S ikony v každém kroku (ikonový kód, ikona nastavení webflow, formuláře HubSpot, ikona prvku

Otázky, které lidé mají sklon k podezření (FAQ) o připojeních WebFlow a HubSpot

Q1: Musíte použít webflow a hubspot?

Odpověď: Pro WebFlow plán ztratit peníze (základní plán) , aby bylo možné použít funkci vlastního kódu k vložení sledovacího kódu. HubSpot může začít s plány zdarma, které mají sledovací kód a formuláře k použití.

Q2: Můžeme upravit návrh formuláře HubSpot na náš web?

Odpověď: Ano, ve formátu HubSpot bude existovat karta „Styl“, takže můžete upravit barvu, písma a tváře do jisté míry, aby odpovídaly vaší značce. Pokud však opravdu chcete přizpůsobit, může vyžadovat trochu znalostí CSS k přímému psaní kódu.

Q3: Jaké budou informace v původních formulářích webflow?

Odpověď: Stará data, která bývala ve WebFlow, zůstanou na stejném místě. Můžete exportovat do souboru CSV a poté importovat do HubSpotu, abyste kombinovali všechny informace o zákaznících na jednom místě.

Q4: Způsobí tyto kódy pomalejší?

Odpověď: Sledovací kód HubSpot je navržen tak, aby fungoval jako asynchronně, což znamená, že bude načteno spolu s dalšími částmi webu, aniž by bránil hlavnímu displeji, dopad na rychlost webu je velmi malý. Dokud se téměř necítí

Výzva pro ilustrace: Velké ikony otázek (?) S logem WebFlow a HubSpot vedle sebe.

Shrnutí: Změňte krásný web na olověný výrobní stroj dnes!

Spojení WebFlow s HubSpotem již není děsivou technickou záležitostí, ale je to „nezbytná investice“ pro všechny podniky, které chtějí v digitálním světě vážně růst. Jen trochu času na instalaci sledovacího kódu a přepnutí na formuláře HubSpot odemkne marketingový potenciál, který jste nikdy předtím neobdrželi.

Zastavíte manuální pracovní dobu a budete plné chyb, začnete vidět cestu zákazníků zákazníků a můžete vytvářet automatické marketingové kampaně, které jsou skutečně zákazníkem. Je čas změnit svůj krásný web WebFlow na „kvalitní výrobní stroj na olovo“, který pro vás funguje 24 hodin denně.

Nečekejte! Zkuste přinést kroky, které doporučuji. A zjistíte, jak silný je měřen trh založený na údajích. Pokud potřebujete odborníka, který vám pomůže vytvořit složitější automatizační systém, náš tým odborníků na automatizaci N8N Nebo pokud chcete vytvořit perfektní web od začátku designu webových stránek a vývojových služeb webových stránek, jsou připraveny k vám!

Výzva pro ilustrace: Obrázky grafů ukazující růst počtu olova kvality s pozadím loga WebFlow a HubSpot, které pevně drží ruce

‍