Slik kobler du Customer.io til Shopify Flow
Koble Customer.io til Shopify Flow med HMAC-verifiserte webhooks. Merk kunder, legg til notater eller oppdater metafelt ved levering, åpning eller avvisning.
Customer.io rapporterer tilbake om meldingene den sender - leveringer, åpninger, klikk, avvisninger, avmeldinger - via en rapporterings-webhook. Workflow Webhooks omdanner dette anropet til en Shopify Flow-utløser, slik at nettbutikken din kan reagere på det: merke en kunde, legge til en bestillingsmerknad, sende en intern e-post, oppdatere et metafelt - alt Shopify Flow kan gjøre.
Denne veiledningen beskriver hele prosessen - Customer.io sender, Workflow Webhooks mottar og verifiserer, Shopify Flow utfører - og Customer.ios HMAC-signatur kontrolleres ved hver forespørsel, slik at kun Customer.io kan sette i gang arbeidsflyten din.
Hva du kan bygge
- Merk en Shopify-kunde hvis e-postadresse har gitt en «hard bounce», slik at kampanjer ikke lenger rettes mot vedkommende.
- Skriv inn datoen for det siste oppdraget i kunderegisteret som et metafelt.
- Send en e-post til teamet ditt når en VIP-kunde melder seg ut.
Typiske hendelser som sendes: email_delivered, email_opened, email_bounced, customer_unsubscribed.
Før du begynner
- Workflow Webhooks-funksjonen er installert i din Shopify-butikk.
- Shopify Flow er installert - den er gratis å laste ned fra Shopify App Store.
- En konto på Customer.io med rett til å opprette webhooks.
Trinn 1 - Opprett webhooken i Workflow Webhooks
- Åpne Workflow Webhooks → Webhooks → Opprett webhook og gi den et navn du vil kjenne igjen i Shopify Flow, for eksempel
Customer.io events. - Under Autentisering velger du HMAC.
- Under Signaturleverandør velger du Customer.io. Appen fyller ut overskriften, algoritmen, den signerte nyttelasten og replay-vinduet for deg - det er ikke noe annet du trenger å konfigurere.
- La «secret»-feltet stå tomt foreløpig, og klikk på Lagre. Kopier webhook-URL-en som vises på siden.
Se Autentisering for de andre autentiseringsmodusene, og Kartlegging av nyttelast og Shopify Flow-variabler for å velge hvilke felt som skal sendes til Shopify Flow.
Trinn 2 - Legg til endepunktet i Customer.io
I Customer.io åpner du Innstillinger -> Arbeidsområdeinnstillinger -> Rapporterings-webhooks, legger til en webhook med URL-adressen du kopierte, og kopierer signeringsnøkkelen.
Slik finner du din Customer.io-signeringsnøkkel
Signeringsnøkkelen til rapporterings-webhooken.
Customer.ios egen dokumentasjon om webhook-signaturer inneholder den nøyaktige ordlyden og skjermbilder for din konto.
Lim inn denne nøkkelen i feltet Secret for webhooken i Workflow Webhooks, og lagre. Fra og med da blir hver eneste Customer.io-levering verifisert før den når Shopify Flow.
Hva dette kontrollerer
| Hva | Verdi |
|---|---|
| Signaturhode | X-CIO-Signature |
| Hvor signaturen skal plasseres | Hele verdien i overskriften |
| Hva er det som er undertegnet? | v0:{timestamp}:{body} |
| Signatur | HMAC-SHA256, heksadesimal-kodet |
| Tidsstempel | X-CIO-Timestamp-overskriften, angitt i Unix-sekunder |
| Beskyttelse mot avspilling | Ingen - denne avsenderen signerer ikke tidsstemplet, så alle gyldige signaturer forblir gyldige |
| Hemmeligheten | Brukes som ren tekst. Lim den inn nøyaktig slik avsenderen viser den |
I den signerte nyttelasten er {body} selve forespørselsinnholdet, byte for byte, og {timestamp} er tidsstempelet ovenfor.
En forespørsel som ikke oppfyller et av disse kravene, avvises med feilkoden 401, registreres i Historikk og feilsøking og utløser aldri en arbeidsflyt.
Trinn 3 - Opprett arbeidsflyten i Shopify Flow
- I Shopify Flow oppretter du en arbeidsflyt og velger utløseren Workflow Webhooks.
- Trykk på Registrer hendelser, og send deretter en testhendelse fra Customer.io (eller bruk Send test i Workflow Webhooks), slik at Shopify Flow lærer seg hvordan dataene dine ser ut.
- Hver webhook du eier utløser den samme Shopify Flow-utløseren, så legg til et første vilkår basert på webhook-ID-en for å sikre at denne arbeidsflyten kun gjelder Customer.io. ID-en vises på webhook-siden.
- Legg til handlinger - merk en kunde, legg til en merknad, send en intern e-post, oppdater et metafelt.



Trinn 4 - Test det fra start til slutt
Utløs en reell hendelse i Customer.io. Under Workflow Webhooks → History bør du se utløsningen med statusen Success. Hvis signaturen var feil, får du i stedet en feilmelding med årsaken, og Verifisering av signerte webhooks forklarer signaturtesteren som viser deg nøyaktig hvilket trinn som mislyktes.

Signaturen stemmer ikke overens
I denne rekkefølgen: hemmeligheten (den vanligste årsaken - et ekstra mellomrom eller en nøkkel fra feil miljø), om avsenderen bruker hemmeligheten til et annet endepunkt, og om noe mellom Customer.io og appen omskriver brødteksten. Signaturene gjelder de rå byteene, så en proxy som omformaterer JSON ødelegger dem. Signaturtesteren på webhook-siden viser den eksakte teksten som ble signert.
Jeg får feilmelding 401 ved hver forespørsel
Kontroller at autentiseringen for webhooken er satt til HMAC med Customer.io valgt som leverandør, at den hemmelige nøkkelen er fylt ut, og at Customer.io sender data til URL-adressen nøyaktig slik den vises i appen, inkludert koden på slutten.
Det vises ingenting i historikken
Forespørselen kom aldri frem. Sjekk URL-adressen på nytt i Customer.io, og se i Customer.ios egen leveringslogg for å finne ut hvilket svar tjenesten mottok. En 404-feil betyr at webhooken er feil eller slettet, mens en 429-feil betyr at du har overskredet antall utløsninger i abonnementet ditt - se Planer og bruk.
Arbeidsflyten kjører for feil hendelser
Hver webhook i nettbutikken din utløser den samme Shopify Flow-utløseren. Legg til et vilkår basert på webhook-ID-en som det første trinnet i arbeidsflyten, eller begrens hvilke hendelser du sender fra Customer.io.
Relatert
- Verifisering av signerte webhooks - alle leverandører vi verifiserer, og hvordan man beskriver en vi ikke verifiserer.
- Kartlegging av nyttelast og Shopify Flow-variabler - hente de riktige feltene fra payloaden og overføre dem til Shopify Flow.
- Beskyttelse mot dobbeltlevering - hva skjer når Customer.io prøver å sende en melding på nytt.
- Historikk og feilsøking - loggen over alle forespørsler, med mulighet for gjengivelse.
