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

  1. Åbn Workflow Webhooks -> Webhooks -> Opret webhook, og giv den et navn, du kan genkende i Shopify Flow, f.eks. Typeform events.
  2. Vælg HMAC under »Autentificering«.
  3. Vælg Typeform under »Signaturudbyder«. Appen udfylder overskriften, algoritmen, den signerede Payload og replay-vinduet for dig - der er ikke andet, du skal konfigurere.
  4. 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«

  1. I »Shopify Flow« skal du oprette en arbejdsgang og vælge udløseren »Workflow Webhooks«.
  2. 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.
  3. 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.
  4. Tilføj dine handlinger - tag en kunde, tilføj en note, send en intern e-mail, opdater et metafelt.
Shopify Flow
I »Shopify Flow« skal du vælge »Select a trigger«, åbne »Workflow Webhooks« og vælge »Webhook Trigger«.
I Shopify Flow: Webhook-id’et er det samme som ID’et for en bestemt webhook
Det første trin i enhver arbejdsgang: en betingelse baseret på webhook-ID’et, så arbejdsgangen kun udføres for denne webhook.
Den færdige arbejdsgang: Webhook-udløser, en betingelse baseret på webhook-ID’et, og derefter »Send intern e-mail« på »True«-grenen
Den færdige arbejdsgang: udløser, betingelse baseret på webhook-ID’et, og derefter din handling på »True«-grenen.

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.

En anmodning, der blev åbnet i History med dens anmodningsheadere, Payload, status, varighed og identifikatorer
En gennemført begivenhed i History: Status »Success« betyder, at Shopify Flow har godkendt den.
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