Sådan forbinder du Typeform med Shopify Flow
Typeform sender en Webhook, hver gang nogen udfylder en af dine formularer, med alle svarene i payloadet. Workflow Webhooks omdanner dette opkald til en »Shopify Flow«-udløser, så din butik kan reagere på det: mærke en kunde, tilføje en ordrekommentar, sende en intern e-mail, opdatere et metafelt - alt, hvad Shopify Flow kan gøre.
Denne vejledning beskriver hele forløbet - Typeform sender, Workflow Webhooks modtager og verificerer, Shopify Flow udfører handlingen - hvor Typeforms HMAC-signatur kontrolleres ved hver eneste anmodning, så kun Typeform kan igangsætte din arbejdsgang.
Hvad du kan bygge
- Tag den kunde, der har udfyldt en spørgeundersøgelse efter købet, ud fra vedkommendes svar.
- Indtast en tilfredshedsvurdering i kunderegistreringen som et metafelt.
- Videresend utilfredse henvendelser direkte til dit supportteam via e-mail.
Typiske begivenheder, der skal sendes: Et formularsvar er indsendt.
Før du går i gang
- Workflow Webhooks installeret på din Shopify-butik.
- Shopify Flow installeret, som kan hentes gratis fra App Store på Shopify.
- En Typeform-konto med tilladelse til at oprette webhooks.
Trin 1 - Opret webhook på Workflow Webhooks
- Åbn Workflow Webhooks -> Webhooks -> Opret webhook, og giv den et navn, du kan genkende i Shopify Flow, f.eks.
Typeform events. - Vælg HMAC under »Autentificering«.
- Vælg Typeform under »Signaturudbyder«. Appen udfylder overskriften, algoritmen, den signerede Payload og replay-vinduet for dig - der er ikke andet, du skal konfigurere.
- Lad feltet »Secret« være tomt foreløbig, og klik på »Gem«. Kopier den webhook-URL, der vises på siden.
Se Godkendelse for de øvrige godkendelsesmetoder, og Kortlægning af payload og strømningsvariabler for at vælge, hvilke felter der skal sendes til Shopify Flow.
Trin 2 - Tilføj slutpunktet i Typeform
Åbn formularen, gå til »Connect« → »Webhooks« → »Tilføj en webhook«, indsæt URL’en, aktiver derefter »secret« og indtast en.
Sådan finder du din Typeform-signaturnøgle
Den hemmelighed, der er konfigureret på Typeform-webhooken.
Typeforms egen dokumentation om webhook-signaturer indeholder den nøjagtige ordlyd og skærmbilleder, der gælder for din konto.
Indsæt den hemmelige nøgle i feltet »Secret« under webhooken på Workflow Webhooks og gem. Fra det øjeblik bliver hver eneste Typeform-levering verificeret, inden den når frem til Shopify Flow.
Hvad dette kontrollerer
| Hvad | Værdi |
|---|---|
| Signaturhoved | Typeform-Signature |
| Hvor underskriften er placeret | Værdien i overskriften, efter præfikset sha256= |
| Hvad der er underskrevet | {body} |
| Underskrift | HMAC-SHA256, base64-kodet |
| Tidspunkt | Bruges ikke af denne afsender |
| Beskyttelse mod gentagelse | Ingen - denne afsender underskriver ikke tidsstemplet, så alle gyldige underskrifter forbliver gyldige |
| Hemmeligheden | Bruges som almindelig tekst. Indsæt den nøjagtigt, som afsenderen viser den |
I den signerede payload er {body} den rå anmodningstekst, byte for byte.
En anmodning, der ikke opfylder et af disse kriterier, afvises med fejlkoden »401«, registreres i »Historik og fejlfinding« og udløser aldrig en arbejdsgang.
Trin 3 - Opret arbejdsgangen »Shopify Flow«
- I »Shopify Flow« skal du oprette en arbejdsgang og vælge udløseren »Workflow Webhooks«.
- Tryk på »Optag begivenheder«, og send derefter en testbegivenhed fra Typeform (eller brug »Send test« i Workflow Webhooks), så Shopify Flow kan lære dine datas struktur at kende.
- Hver eneste webhook, du har, udløser den samme Shopify Flow-trigger, så tilføj en første betingelse baseret på webhook-id’et for at sikre, at denne arbejdsgang kun omfatter Typeform. Id’et vises på webhook-siden.
- Tilføj dine handlinger - tag en kunde, tilføj en note, send en intern e-mail, opdater et metafelt.



Trin 4 - Test det fra start til slut
Udløs en reel begivenhed i Typeform. Under »Workflow Webhooks« → »History« bør du kunne se kaldet med status »Success«. Hvis signaturen var forkert, får du i stedet en fejlmeddelelse med årsagen, og på Bekræftelse af signerede webhooks finder du en forklaring til signaturtesteren, der viser dig præcis, hvilket trin der mislykkedes.

Underskriften stemmer ikke overens▾
I denne ordre: hemmeligheden (den mest almindelige årsag - et ekstra mellemrum eller en nøgle fra det forkerte miljø), om afsenderen bruger en anden endpunkts hemmelighed, og om noget mellem Typeform og appen omskriver brødteksten. Signaturerne dækker de rå bytes, så en proxy, der omformaterer JSON, ødelægger dem. Signaturtesteren på webhook-siden viser den nøjagtige tekst, der blev signeret.
Jeg får en 401-fejl ved hver eneste forespørgsel▾
Kontroller, at webhookens godkendelse er indstillet til HMAC med Typeform valgt som udbyder, at den hemmelige nøgle er udfyldt, og at Typeform sender data til URL’en nøjagtigt som vist i appen, inklusive koden i slutningen.
Der vises intet under »Historik«▾
Anmodningen blev aldrig modtaget. Tjek URL’en i Typeform igen, og se i Typeforms egen leveringslog, hvilket svar der blev modtaget. En fejlmeddelelse som »404« betyder, at webhooken er forkert eller slettet, mens en fejlmeddelelse som »429« betyder, at du har overskredet dit abonnements grænse for antallet af kald - se Planer og anvendelse.
Arbejdsgangen kører for de forkerte begivenheder▾
Hver eneste webhook i din butik udløser den samme Shopify Flow-trigger. Tilføj en betingelse baseret på webhook-id’et som det første trin i arbejdsgangen, eller begræns de begivenheder, du sender fra Typeform.
Relateret
- Bekræftelse af signerede webhooks - alle udbydere, vi verificerer, og hvordan man beskriver en udbyder, som vi ikke verificerer.
- Kortlægning af payload og strømningsvariabler - at udtrække de rigtige felter fra payloadet og overføre dem til Shopify Flow.
- Beskyttelse mod dobbeltlevering - hvad der sker, når Typeform forsøger at sende en besked igen.
- Historik og fejlfinding - loggen over alle anmodninger, med mulighed for afspilning.

