Sådan forbinder du HubSpot til WebFlow for at lave en fuld markedsføringsautomation.

Smukt websted ... men kunder er helt tabt? Problemer, som Web People Webflow og marketingteamet faktisk mødes.

Har du nogensinde haft hovedpine med denne situation? Du har et websted designet på webflowen smukt, moderne, hurtig belastning. Men når det faktisk blev brugt, fandt det, at ... kundeoplysninger, der udfylder formularen på nettet, er spredt! Markedsføringsteamet skal vente på, at manuel information en efter en skal placere det i HubSpot, salgsteamet kender ikke oprindelsen af hver bly. Endelig var bly til sidst faldet i luften. Ingen opfølgning (pleje), der skal være ... hvis du nikker, viser du, at du er kommet til det rigtige sted.

Spørg om illustrationer: Billeder, der viser irritabiliteten af det marketingteam, der skal arbejde med spredt information. Den ene side er en smuk webflow -skærm. Den anden side er et rodet Excel -bord, og hovedikonet er forsvundet.

Hvorfor taler WebFlow og HubSpot ikke med hinanden? Låse grunden til, at dataene ikke er tilsluttet

Mange mennesker misforstår ofte, at det bare bruger de bedste 2 bedste værktøjer (webflow til web- og hubspot til markedsføring) og alt fungerer automatisk sammen. Men i virkeligheden er begge disse platforme som "ø". Webflow er en ø med fleksibelt og smukt design. Hubspot er øen med information og automatiske automatiske systemer uden den rigtige "bro", der forbinder disse to øer. Oplysninger er ikke i stand til at rejse til hinanden. Hovedårsagen er fra:

• Systemet, der er helt adskilt: WebFlow administrerer hjemmet (websted og formularer), mens HubSpot administrerer baghaven (CRM & Automation) naturligvis, er det ikke oprettet til at oprette forbindelse i et enkelt klik.
• Teknisk kompleks: Mange mennesker synes, at det er vanskeligt at forbinde systemet. Skal bruge en programmør til at skrive en kompleks kode, vælg derfor at fortsætte med at fungere, fordi det er lettere
• Jeg ved ikke, om der er en lettere måde: Den gode nyhed er, at vi ikke altid behøver at skrive koden! Der er værktøjer og metoder, der hjælper med at skabe denne "bro" let, end jeg tror.

Spørg for illustrationer: 2 øer kort kaldet "WebFlow Island" og "Hubspot Island" med store rum adskilt mellem dem. Formidler det system, der endnu ikke er forbundet

Forlad ... beskadiget end du tror! Virkningen, når dine marketingdata er "silo"

Tilladelse af kundeoplysninger fra Web WebFlow og HubSpots marketingautomationssystem separat, ikke bare at gøre teamet til at arbejde mere træt. Men det påvirker direkte den forretning, som du måske ikke forventer:

• Mistede forretningsmuligheder (mistede kundeemner): Lead, der udfylder formularen, følges muligvis ikke. Eller følg for sent, indtil kunderne går til konkurrenterne
• Marketing uden retning: Du ved ikke, hvilken artikel der er interesseret i at læse. Eller se, hvilken side af produktet på nettet, før du kontakter, får den førende pleje eller sender en e -mail, der skal såes.
• Kan du ikke måle ROI: Hvor meget bruger du penge på reklamer? Men kan ikke klart fortælle, hvordan kvaliteten føringen har været, og hvilken kampagne er de bedste resultater, fordi data om kunderejser mangler?
• Dårlig kundeoplevelse: Tror, at kunder udfylder formen af demo, men i stedet modtog en e -mail for at anbefale generelle artikler, der ikke er relateret til det, han er interesseret i, er et dårligt forhold. At skabe en god oplevelse fra starten er meget vigtig. Især i processen Onboarding

Spørg om illustrationer: Et stort utæt vandrørbillede med et blyformet ikon og penge strømmer ud af denne lækage. Formidle tabet af muligheder og budgetter

Der er en løsning! 2 Hovedmetoder, der forbinder webflow til HubSpot (og hvordan man starter)

Det er tid til at bygge en "bro", der forbinder disse to øer sammen! Sådan tilsluttes WebFlow med det mest populære og effektive HubSpot. Der er 2 hovedmetoder, som hver har forskellige fordele:

1. Metode 1: Direkte integration - anbefales at starte fra denne metode!
   Dette er den nemmeste og mest kraftfulde måde at bringe "sporingskoden" på HubSpot, der skal begraves på dit webflow -websted og bruger "HubSpot -formularer" i stedet for den originale webflow -form. Dette giver HubSpot mulighed for at spore opførsel af alle på dit websted i detaljer. Og al den information, der udfylder gennem formularen, sendes til det real -time HubSpot CRM
2. Metode 2: Middleware -integration.
   Denne metode er at bruge webflow -formularer som sædvanligt, men ved hjælp af et medium som Zapier eller Integromat) til at sende information fra WebFlow til HubSpot. Med webflow -værktøjerne, men skal udveksles med mange trin og kan have ekstra omkostninger fra formidleren.

Forslag: For 90% af virksomheden skal det starte med metode 1 (direkte forbindelse), fordi det giver de dybeste data (fuld kundetrejser). Let at konfigurere og giver dig mulighed for at bruge kraften i HubSpot maksimalt.

Spørgsmål om illustrationer: Diagrambillede Sammenlign 2 metoder. Den første metode er en lige linje fra webstrømmen til HubSpot (direkte integration), og den anden metode har et Zapier -logo i midten mellem WebFlow og HubSpot (Middleware Integration).

Eksempel på succes: Når B2B Tech Company øger kvalitetsledningen 250%

For at være klarere vil jeg gerne give et eksempel på et teknisk firma, der leverer B2B -softwaretjenester. De har et fremragende indholdsnav på webflow, der leverer konsekvent kundeviden, men problemet er "ved ikke, hvem der læser hvad" og føringen, der er det samme.

Før tilslutning: Salgsholdet modtog kun e -mail -navnet og telefonnummeret. "Anmod om et citat" på webflow -webstedet uden at vide, at Lead har læst artiklen. "Sammenligning af funktioner" eller har du nogensinde gået ind i "casestudie" før? Gør det vanskeligt at tale

Efter webflow -forbindelsen med HubSpot: De begravede sporingskode og skiftede til HubSpot -formularer, så snart det var gjort. Miraklet skete! Nu, når en ny leder kom ind i salgsteamet, kan du se al "tidslinjeaktivitet" af denne leder i HubSpot.

• "Åh! Khun A kommer fra denne Facebook Cam -kampagne."
• "Han er især interesseret i artiklen til automatiseret arbejdsgang. Læs 3 artikler."
• "Han pressede for at se vores priser side 2 gange også!"

Resultater: Salgsholdet kan åbne samtalen direkte. ("Jeg kan se, at du er specielt interesseret i vores automatisering ...") får kunderne til at føle, at virksomheden virkelig forstår hans problem, konverteringsfrekvensen fra føring til مرحله -demo steg med 25% og kan lukkes hurtigere. Fordi de kan fokusere på "ja" kvalitetsledning

Spørg for illustrationer: Hubspot -skærm, der viser en kunde, der er forskellige aktiviteter, såsom "Setes side: /blog /x", "Set side: /Priser", "Udfyldt formular: Demo -anmodning".

Hold din hånd! Sådan forbinder du HubSpot til trin-for-trin webflow (kan bruges med det samme).

Klar til at gøre det endnu? Lad os se, hvordan du opretter forbindelse direkte (direkte integration), som er den bedste måde at grundigt til. Kan sige, at det er lettere, end du tror!

Trin 1: Søg og kopier HubSpot -sporingskode

1. Log ind på din HubSpot -konto
2. Klik på ikonet Indstillinger (Indstillinger) i øverste højre hjørne.
3. I venstre menu til sporing og analyse> Sporingskode
4. Du vil se kodeboksen kaldet "Embed Code". Kopier al koden i dette felt er gemt.

Trin 2: Tag sporingskoden for at integrere i webstrømmen.

1. Åbn dit webflow -projekt og gå til Site -indstillinger (ikke designer).
2. Custom Code .
3. I den nævnte kanal, der hedder hovedkoden , skal du sætte den kode, der kopieres fra HubSpot.
4. Tryk på Gem ændringer og offentliggør dit websted igen. Afsluttede installationen af tilhængere!

Trin 3: Opret formular i HubSpot.

1. Tilbage til HubSpot til Marketing> Lead Capture> Forms.
2. Opret en ny formular (Opret formular) og vælg den type indlejrede formular.
3. Design din ønskede placeringsformular, såsom fornavn, efternavn, e-mail og kan have en meddelelseskanal.
4. Juster teksten på knapopkaldet til at være interessant, såsom "Få en gratis demo" eller "Download e-bog"
5. Når designet er færdigt, skal du klikke på Opdatering eller offentliggøre i øverste højre hjørne.

Trin 4: Medbring HubSpot -formularen til indlejring i webflow -designeren.

1. Klik på fanen " Embed -kode" på formularen.
2. Gå tilbage til webflow -designeren. Åbn din pligt. Du vil have en formular (f.eks. Kontakt os).
3. Fra panelet Tilføj elementer ( + + +) skal du trække værktøjet, der kaldes Embed i den ønskede position.
4. Der vil være et vindue åbent. Medbring koden, der kopieres fra HubSpot for at lægge ned og trykke på Gem & Luk.
5. Udgiv dit websted igen . Og prøv at åbne det rigtige websted, du vil se formularen fra HubSpot vises!

Bare dette har dit webflow -websted allerede tilsluttet HubSpot. Hver information, der er blevet udfyldt, vil straks løbe ind i CRM med sporingsdata, hvilket får bly til at pleje automatisering til at blive let!

Spørg om illustrationer: 4 -trin infografiske billeder, der er lette at forstå. Med ikoner i hvert trin (ikonkode, WebFlow -indstillingsikon, HubSpot Forms, Element Icon

Spørgsmål, som folk har en tendens til at mistænke (FAQ) om WebFlow- og HubSpot -forbindelser

Q1: Skal du bruge webflow og hubspot?

A: For WebFlow er planen om at miste penge (kerneplan) for at kunne bruge funktionen Custom Code til at integrere sporingskoden. HubSpot kan starte med gratis planer, der har sporingskode og formularer at bruge.

Q2: Kan vi justere designet af HubSpot -formularen til vores websted?

A: Ja, i HubSpot -formatet vil der være en "stil" fane, så du kan justere farven, skrifttyper og ansigter til en vis grad for at matche dit brand. Men hvis det virkelig ønsker at tilpasse, kan det kræve, at en lille CSS -viden skal skrive koden direkte.

Q3: Hvad vil oplysningerne i de originale webflow -formularer gøre?

A: De gamle data, der plejede at være i webstrømmen, forbliver på samme sted. Du kan eksportere til en CSV -fil og derefter importere til HubSpot for at kombinere alle kundeoplysninger ét sted.

Spørgsmål 4: Vil disse koder gøre nettet langsommere?

A: Sporingskodeks for HubSpot er designet til at fungere som asynkront, hvilket betyder, at det vil blive indlæst sammen med andre dele af webstedet uden at hindre hoveddisplayet, derfor er påvirkningen på webhastigheden meget lille. Indtil næsten ikke følelse

Spørg om illustrationer: Store spørgsmålikoner (?) Med WebFlow og HubSpot -logoet side om side.

Resumé: Skift det smukke websted til en hovedproduktionsmaskine i dag!

Webflow -forbindelsen med HubSpot er ikke længere en skræmmende teknisk sag, men det er "nødvendige investeringer" for alle virksomheder, der ønsker at vokse alvorligt i den digitale verden. Bare lidt tid til at installere sporingskode og skifte til HubSpot -formularer vil låse markedsføringspotentialet op, som du måske aldrig har modtaget før.

Du vil stoppe den manuelle arbejdstid og være fuld af fejl, begynde at se kundeejsen for 360 graders kunder og kan oprette automatiske marketingkampagner, der virkelig er kunden. Det er tid til at ændre dit smukke webflow -websted til "kvalitetsledningsproduktionsmaskiner", der fungerer for dig 24 timer i døgnet.

Vent ikke! Prøv at bringe de skridt, som jeg anbefaler at gøre. Og du vil finde ud af, hvor kraftfuldt det datadrevne marked måles. Hvis du har brug for en ekspert til at hjælpe med at oprette et mere komplekst automatiseringssystem, vores N8N Automation Expert Team Eller hvis du vil oprette et perfekt websted fra den første webflow -webstedsdesign- og udviklingstjenester er klar til at møde dig!

Spørg for illustrationer: Grafbilleder, der viser væksten i antallet af kvalitetsledning med baggrunden af webflow- og HubSpot -logoet, der holder hænderne tæt

‍