Prijeđite na glavni sadržaj

Rast – Svaki lead odmah dolazi u vaš CRM: šaljite Survio demo zahtjeve u tablicu ili HubSpot

Pretvorite Survio obrazac u tok novih prilika: svaki zahtjev za demo automatski postaje red u Google tablici uz obavijest e-poštom, ili novi kontakt u HubSpotu. Detaljan vodič uz n8n i gotove radne tokove.

Napisao/la Success Team Survio

Koja situacija odgovara vašim potrebama?

Slučaj A – jednostavno, za sve: svaki zahtjev za demo dolazi u Google tablicu koju koristite kao CRM i stiže vam e-poruka.

Slučaj B – za timove s CRM-om: svaki zahtjev za demo automatski postaje lead u HubSpotu, spreman za vaš prodajni odjel.

Posjetitelj ispunjava vaš obrazac za demo, a samo nekoliko sekundi poslije lead je već u vašem CRM-u. Malo poduzeće dobiva novi red u tablici leadova i e-poštu na koju može brzo reagirati; prodajni tim dobiva novi kontakt u HubSpotu. U svakom slučaju kontaktirate lead dok je još uvijek na vašoj web stranici.
​

Ovakva e-poruka stiže za svaki novi demo zahtjev u slučaju A:
​

New demo request e-mail in Gmail


​

A ovako izgleda novi kontakt u HubSpotu u slučaju B:
​

HubSpot contact created from a demo request: lifecycle stage Lead and the request in Message

Kako to funkcionira. Survio šalje svaki ispunjeni odgovor na adresu Webhook-a. Automatizacijski alat (u ovom vodiču koristimo n8n) zaprima podatke i upisuje lead tamo gdje vi radite. Survio šalje, n8n obavlja ostatak posla.

Je li vam Webhooks u Surviu novost? Krenite s Webhooks: slanje odgovora vašim ostalim alatima u stvarnom vremenu, a zatim se vratite na ovu stranicu.
​

Što ćete izraditi

Oba slučaja započinju isto: kratak obrazac za demo zahtjev na vašoj web stranici, poslan n8n-u putem Webhook-a.

Pregled

Slučaj A: tablica kao CRM

Slučaj B: HubSpot

Rezultat

Svaki zahtjev je red u Google tablici sa stupcem Status, uz primanje obavijesti e-poštom

Svaki zahtjev je novi kontakt u HubSpot CRM-u, spreman za prodajni tim

Alati

Survio, n8n, Google tablice, Gmail

Survio, n8n, HubSpot

Najbolje za

Mala tvrtka koja samostalno kontaktira leadove

Prodajni tim koji već radi u HubSpotu

Prije početka

  • Survio anketa na plaćenom paketu. Webhooks nisu dostupni u paketu Free, te svaki paket nudi određeni broj webhooks po anketi (pogledati članak o webhooks).

  • n8n račun: n8n Cloud ili vlastito postavljanje.

  • Slučaj A: Google račun za pristup Google tablicama i Gmailu. Slučaj B: HubSpot račun.

U ovom vodiču koristi se kratak obrazac za zahtjev za demo: ime, poslovna e-pošta (pitanje za e-mail), tvrtka, veličina tima (pitanje s izborom) i opcionalno "Što želite vidjeti u demonstraciji?". Vaš obrazac može sadržavati i druga pitanja; vi sami povezujete svoja pitanja u koracima za slučaj A ili B.
​

Korak 1 — Dodajte obrazac na web stranicu

  1. Otvorite svoju anketu, odaberite Dohvati odgovore i izaberite Na webu.

  2. Odaberite Skočni prozor i postavite kada će se prikazivati. Za kratak obrazac uključite Sakrij stranicu dobrodošlice da posjetitelji odmah krenu s prvim pitanjem.

  3. Kliknite Ugraditi na web stranicu i zalijepite kod na željenu lokaciju na svojoj web stranici.

Pop-up window settings for the survey in Survio
Embed code for the pop-up window

Dodatne opcije za prikaz ankete kao gumba ili widgeta na rubu ekrana pogledajte u članku Ugradnja ankete na vašu web stranicu.
​

Korak 2 — Samo za slučaj A: pripremite tablicu s leadovima

  1. Napravite novu Google tablicu i preimenujte prvu karticu u leads.

  2. U prvi red upišite naslove stupaca: Response ID, Received, Name, E-mail, Company, Team size, What they want to see, Status i Language.

  3. Značite ćelije ispod naslova stupca Status, odaberite Umetni → Padajući izbornik, dodajte opcije New, Contacted i Done (uz Dodaj stavku) i kliknite Gotovo.

Vaša tablica sada je vaš jednostavni CRM. Novi leadovi pristižu sa statusom New. Kada kontaktirate lead, promijenite u Contacted, a na Done kod završenog ili izgubljenog posla. Filtrirajte stupac Status kako biste vidjeli kome još niste odgovorili.

Korak 3 — Izradite webhook u n8n

  1. U n8n-u izradite novi radni tok i dodajte čvor Webhook kao početni okidač.

  2. Odaberite HTTP metoda kao POST.

  3. Idite na karticu Production URL i kopirajte adresu.

  4. Kliknite Objavi. Production URL prihvaća pozive tek nakon objave radnog toka.

n8n Webhook node with HTTP Method POST and the Production URL tab
Published button in the n8n editor

Obavezno koristite Production URL, a ne Test URL. Test URL radi samo dok je editor otvoren u načinu čekanja, i Survio isporuke neće raditi čim ga zatvorite. Survio ponavlja neuspjelu isporuku oko jedan dan, a nakon 5 dana automatski deaktivira webhook.

Korak 4 — Povežite anketu u Surviu

  1. Otvorite anketu i idite na Dohvati odgovore.

  2. U lijevom izborniku pod Automatizacije i integracije kliknite Webhooks i izaberite + Dodaj webhook.

  3. Zalijepite n8n Production URL u polje Webhook URL i kliknite Spremi webhook. Webhook se odmah aktivira.

Add a webhook dialog in Survio with the n8n Production URL filled in
Saved webhook in Survio, switched on


​

Korak 5 — Pošaljite testni zahtjev i nađite ID-eve pitanja

  1. Ispunite obrazac putem standardne poveznice i pošaljite ga. Survio šalje samo potpune odgovore, pa ispunite do kraja.

  2. U n8n-u otvorite karticu Izvršenja. Odgovor stiže kroz nekoliko sekundi.

  3. Otvorite izvršavanje, kliknite čvor Webhook. Proširite body, zatim data, pa answers. Svaki odgovor pokazuje question.id, oznaku pitanja i answer.

  4. Zapišite id svakog pitanja. Možete i kliknuti Pin kako biste nastavili izradu toka bez ponovnog slanja obrasca.

Webhook node output in n8n with a demo request

Uvijek povezujte odgovore po ID-u pitanja. Odgovori su lista. Dodate li kasnije novo pitanje u obrazac, pozicije se mijenjaju, ali id ostaje isti.

E-mail leada je u odgovorima. Ne koristite data.email: to polje ostaje prazno ako je e-mail iz pitanja za e-poštu. Dohvatite ga iz odgovora na pitanje o e-mailu.

Slučaj A — Tablica kao CRM, uz obavijest e-poštom

Radni tok obuhvaća tri koraka nakon webhooka: Pripremi lead izdvaja odgovore, Spremi lead u tablicu upisuje red, a E-mail novog leada obavještava vas.
​

Pripremi lead

  1. Dodajte čvor Uredi polja (Set) odmah nakon Webhook čvora i preimenujte ga u Pripremi lead.

  2. U odjeljku Polja za postavljanje dodajte jedno polje za svaki stupac vaše tablice; tip ostavite kao String. Naziv mora biti identičan zaglavlju stupca, a vrijednost prepišite prema uputama dolje.

  3. Zamijenite ID-eve pitanja (90403243 itd.) onima koje ste ranije zapisali i unesite vašu vremensku zonu umjesto Europe/Prague.

Naziv polja

Vrijednost

Response ID

{{ $json.body.data.responseId }}

Received

{{ DateTime.fromISO($json.body.data.submitted).setZone('Europe/Prague').toFormat('yyyy-MM-dd HH:mm') }}

Name

{{ $json.body.data.answers.find(a => a.question.id === 90403243)?.answer ?? "" }}

E-mail

{{ $json.body.data.answers.find(a => a.question.id === 90403263)?.answer ?? "" }}

Company

{{ $json.body.data.answers.find(a => a.question.id === 90403245)?.answer ?? "" }}

Team size

{{ $json.body.data.answers.find(a => a.question.id === 90403247)?.answer?.labels?.[0] ?? "" }}

What they want to see

{{ $json.body.data.answers.find(a => a.question.id === 90403244)?.answer ?? "" }}

Status

New (plain text, nije izraz)

Language

{{ $json.body.data.langCode }}

Prepare lead node in n8n with Fields to Set

Spremi lead u tablicu

  1. Dodajte čvor Google tablice iza Pripremi lead, preimenujte ga u Spremi lead u tablicu i odaberite opciju Dodaj ili ažuriraj red.

  2. Spojite svoj Google račun, odaberite proračunsku tablicu u Dokument i karticu leads pod Tablica.

  3. Postavite Način mapiranja stupca na Automatsko mapiranje te Stupac za podudaranje na Response ID.

  4. U Opcije uključite Format ćelije i odaberite Prepusti n8n formatiranju, kako Google tablice ne bi automatski pretvarale vrijednosti (npr. 2-10) u datum.

Save lead to sheet node: Append or Update Row, Map Automatically, Column to match on Response ID

Zašto poseban korak Pripremi lead? Ako u čvoru Google tablice odaberete drugu tablicu ili karticu, n8n briše povezivanje stupaca. S poljima u Pripremi lead to se ne događa i podaci su uvijek spremni.

E-mail novog leada

  1. Dodajte čvor Gmail iza Spremi lead u tablicu, preimenujte ga u E-mail novog leada i izaberite Poruka te Pošalji.

  2. Povežite svoj Gmail račun i u Prima upišite svoju adresu e-pošte.

  3. U Predmet napišite Novi zahtjev za demo: {{ $('Prepare lead').item.json.Name }} ({{ $('Prepare lead').item.json.Company }}).

  4. Za Vrstu e-pošte odaberite HTML i napišite Poruku s podacima o leadu, npr. {{ $('Prepare lead').item.json['E-mail'] }} za e-adresu.

  5. U Opcije dodajte Pošalji odgovore na s {{ $('Prepare lead').item.json['E-mail'] }} kako bi vaš odgovor otišao leadu, a isključite Dodaj n8n atribuciju.

Gmail node E-mail the new lead with To, Subject, Message and Send Replies To

Ponovno kliknite Objavi. Sve promjene vrijede tek nakon ponovne objave toka.

n8n workflow: Survio Webhook, Prepare lead, Save lead to sheet, E-mail the new lead

Pošaljite novi zahtjev za demo. Novi red sa statusom New odmah će se pojaviti u tablici, a e-poruka stiže ubrzo nakon toga.

The leads tab in Google Sheets with a Status dropdown


​

Slučaj B — Svaki zahtjev za demo ide ravno u HubSpot

U ovom slučaju lead ide ravno u HubSpot CRM kao kontakt sa statusom Lead, pa vaš prodajni odjel odmah može krenuti u akciju. Radni tok ovdje ima samo dva koraka nakon Webhook-a: Pripremi lead i Izradi ili ažuriraj kontakt.

Pripremi lead

Dodajte čvor Uredi polja (Set) odmah nakon Webhook čvora, preimenujte ga u Pripremi lead i popunite ova polja tipa String. Zamijenite ID-eve pitanja vašim vrijednostima.

Naziv polja

Vrijednost

E-mail

{{ $json.body.data.answers.find(a => a.question.id === 90403263)?.answer ?? "" }}

Ime

{{ ($json.body.data.answers.find(a => a.question.id === 90403243)?.answer ?? "").trim().split(" ")[0] }}

Prezime

{{ ($json.body.data.answers.find(a => a.question.id === 90403243)?.answer ?? "").trim().split(" ").slice(1).join(" ") }}

Tvrtka

{{ $json.body.data.answers.find(a => a.question.id === 90403245)?.answer ?? "" }}

Poruka

Zahtjev za demo iz Survia. Veličina tima: {{ $json.body.data.answers.find(a => a.question.id === 90403247)?.answer?.labels?.[0] }}. Želi vidjeti: {{ $json.body.data.answers.find(a => a.question.id === 90403244)?.answer }}

Polja Ime i Prezime se izvlače iz jednog pitanja "Vaše ime". Ako vaš obrazac ima odvojena pitanja za ime i prezime, odgovore povezujte prema ID-evima tih pitanja.
​

Izradi ili ažuriraj kontakt

  1. Dodajte čvor HubSpot odmah iza Pripremi lead, preimenujte ga u Izradi ili ažuriraj kontakt i odaberite resurs Kontakt te operaciju Izradi ili ažuriraj.

  2. Povežite svoj HubSpot račun.

  3. Za E-mail unesite {{ $json['E-mail'] }}. HubSpot koristi e-poštu za pronalaženje postojećeg kontakta kako bi izbjegao duplikate.

  4. Pod Svojstva kontakta kliknite Dodaj svojstvo i uključite Ime, Prezime, Naziv tvrtke i Poruka s odgovarajućim poljima iz Pripremi lead te postavite Stanje životnog ciklusa ili ID na Lead.

HubSpot node Create or update contact with Email, contact properties and Lifecycle Stage Lead

Ponovno kliknite Objavi.

n8n workflow: Survio Webhook, Prepare lead, Create or update contact

Kontakt se može automatski povezati s tvrtkom. Ako HubSpot pronađe tvrtku s istom domenom e-adrese, kontakt će automatski biti povezan s njom i može dobiti vlasnika te tvrtke. To je najčešće i željeni ishod — provjerite jednom na testnom zahtjevu.

Preuzmite gotov radni tok

Ako ne želite sami izrađivati radne tokove, preuzmite naše gotove predloške na dnu ove stranice: survio-demo-requests-to-sheet-and-gmail.json za slučaj A ili survio-demo-requests-to-hubspot.json za slučaj B. Zatim:

  1. U n8n izradite prazan radni tok. Otvorite izbornik (tri točke) pokraj naziva toka i odaberite Uvoz, zatim Iz datoteke. Odaberite preuzetu datoteku.

  2. Otvorite Pripremi lead i zamijenite ID-eve pitanja s vašima, a za slučaj A i vremensku zonu.

  3. Slučaj A: otvorite Spremi lead u tablicu. Tok prikazuje crveno upozorenje dok nije podešen. Spojite Google račun i odaberite svoju tablicu i karticu leads. n8n tada automatski prebacuje Način mapiranja stupaca na ručno mapiranje: vratite ga na Automatsko mapiranje i postavite Stupac za podudaranje na Response ID. Zatim otvorite E-mail novog leada, povežite Gmail račun i unesite svoju e-adresu u Prima.

  4. Slučaj B: otvorite Izradi ili ažuriraj kontakt i povežite HubSpot račun.

  5. Otvorite Survio Webhook, kopirajte Production URL u Survio (korak 4) i kliknite Objavi.

n8n workflow menu with Import and From file

Testirajte cijeli tijek

  1. Otvorite svoju web stranicu, ispunite popup obrazac i pošaljite ga.

  2. Slučaj A: provjerite je li se red sa statusom New pojavio na kartici leads i jeste li primili e-poruku. Odgovorite i provjerite dolazi li odgovor leadu.

  3. Slučaj B: otvorite HubSpot i provjerite je li kreiran kontakt sa statusom Lead i vašim zahtjevom za demo u polju Poruka.

  4. Pogledajte karticu Izvršenja u n8n-u, gdje se bilježe svi zahtjevi i njihovi podaci.

Rješavanje poteškoća

Simptom

Uzrok

Rješenje

Ništa ne dolazi u n8n

U Surviu je Test URL ili tijek nije objavljen

Kopirati Production URL u Survio i kliknuti Objavi

Survio ne sprema webhook URL s vlastitog n8n

n8n prikazuje internu umjesto javne adrese

Postaviti vrijednost WEBHOOK_URL na svoju javnu https adresu i ponovno kopirati URL

"Slušajte testni događaj" ne prikazuje ništa iako je obrazac poslan

Survio šalje na Production URL; slušanje prati Test URL

Provjeriti karticu Izvršenja

Najnovija promjena nema učinka

Tijek je objavljen, ali promjena nije (gumb Objavi ima točku)

Ponovno kliknuti Objavi

Stupac ostaje prazan a novi se pojavljuje na kraju tablice

Polje u Pripremi lead ne odgovara točno zaglavlju stupca

Preimenovati polje tako da se podudara sa zaglavljem i izbrisati nepotreban stupac

Isti lead se pojavljuje dvaput

Operacija je Dodaj red ili nije odabran stupac za podudaranje

Odabrati Dodaj ili ažuriraj red i podudaranje prema Response ID

Odgovor ide vama umjesto leadu

Nije postavljeno Pošalji odgovore na u Gmail čvoru

Dodati Pošalji odgovore na s leadovim e-mailom u Opcijama

Veličina tima prikazana kao datum

Google tablice čitaju 2-10 kao datum

U Spremi lead u tablicu uključiti opciju Prepusti n8n formatiranju

Nedostaje e-mail adresa

Čita se iz data.email

Dohvatiti iz odgovora na e-mail pitanje

Izrada ili ažuriranje kontakta ne uspijeva

E-mail je prazan ili neispravan ili je HubSpot konekcija istekla

Postaviti pitanje o e-mailu kao obavezno i obnoviti HubSpot vezu

Survio je deaktivirao webhook

Webhook URL nije radio 5 dana zaredom

Otkloniti uzrok i ponovno uključiti webhook u Surviu

Korisni savjeti

  • Survio šalje samo dovršene odgovore, jedan po jedan, unutar nekoliko sekundi. Ako posjetitelj napusti obrazac prije kraja, podaci se neće poslati.

  • Ne šalju se stari odgovori – ni oni prije aktivacije webhooka ni dok je webhook bio isključen.

  • Neuspjela dostava ponavlja se do 8 puta kroz približno 27 sati, svaki pokušaj čeka do 30 sekundi odgovor. Prepoznavanje po Response ID sprečava dvostruke upise u ponovljenim pokušajima.

  • Ako 5 dana za redom dostave ne uspijevaju, Survio deaktivira webhook i potrebno ga je ponovno uključiti.

  • Pauza na webhooku čuva postavke; brisanje je trajno.

  • Survio ne vodi evidenciju isporuka unutar aplikacije. Kartica Izvršenja u n8n-u je vaš arhiv.

  • Slanje odgovora preko webhooks ne smanjuje broj odgovora u vašem paketu.

Želite da to postavimo umjesto vas? Na stranici Webhooks u Surviu kliknite Zatražiti postavljanje od stručnjaka, opišite što vam treba i naš tim će konfigurirati, testirati i predati vam gotov webhook.

Povezani članci
Jesmo li odgovorili na vaše pitanje?