Så här kopplar du ihop Customer.io med Shopify Flow
Koppla Customer.io till Shopify Flow med HMAC-verifierade webhooks och tagga kunder, uppdatera metafält eller skicka e-post vid studs och avregistrering.
Customer.io rapporterar tillbaka om de meddelanden som skickas - leveranser, öppningar, klick, returer, avregistreringar - via en rapporteringswebhook. Workflow Webhooks omvandlar det anropet till en Shopify Flow-utlösare, så att din butik kan reagera på det: märka en kund, lägga till en orderkommentar, skicka ett internt e-postmeddelande, uppdatera ett metafält - allt som Shopify Flow kan göra.
Den här guiden beskriver hela flödet - Customer.io skickar, Workflow Webhooks tar emot och verifierar, Shopify Flow utför åtgärden - samtidigt som Customer.ios HMAC-signatur kontrolleras vid varje förfrågan, så att endast Customer.io kan starta ditt arbetsflöde.
Vad du kan bygga
- Markera en Shopify-kund vars e-postadress har gett en ”hard bounce”, så att kampanjerna slutar riktas mot denne.
- Ange datumet för det senaste uppdraget i kundregistret som ett metafält.
- Skicka ett e-postmeddelande till ditt team när en VIP-kund avslutar sin prenumeration.
Vanliga händelser som skickas: email_delivered, email_opened, email_bounced, customer_unsubscribed.
Innan du börjar
- Workflow Webhooks-funktioner som är installerade i din Shopify-butik.
- Shopify Flow är installerat, vilket är gratis att hämta från Shopify App Store.
- Ett konto på Customer.io med behörighet att skapa webhooks.
Steg 1 - Skapa webhooken i Workflow Webhooks
- Öppna ”Workflow Webhooks”** -> ”Webhooks” -> ”Skapa webhook”** och ge den ett namn som du känner igen i Shopify Flow, till exempel
Customer.io events. - Under ”Autentisering” väljer du HMAC.
- Under ”Signaturleverantör” väljer du Customer.io. Appen fyller i rubriken, algoritmen, den signerade datan och återuppspelningsfönstret åt dig - det finns inget annat att konfigurera.
- Lämna fältet för hemligheten tomt för tillfället och klicka på Spara. Kopiera webhook-URL:en som visas på sidan.
Se Autentisering för övriga autentiseringslägen och Kartläggning av nyttolast och Shopify Flow-variabler för information om hur du väljer vilka fält som ska skickas till Shopify Flow.
Steg 2 - Lägg till slutpunkten i Customer.io
I Customer.io öppnar du Inställningar -> Arbetsytans inställningar -> Rapporteringswebhooks, lägger till en webhook med den URL du kopierade och kopierar signeringsnyckeln.
Så här hittar du din signeringsnyckel för Customer.io
Den rapporterande webhookens signeringsnyckel.
Customer.ios egen dokumentation om webhook-signaturer innehåller den exakta formuleringen och skärmdumpar för just ditt konto.
Klistra in den hemliga koden i fältet ”Secret” för webhooken i Workflow Webhooks och spara. Från och med då verifieras varje leverans från Customer.io innan den når Shopify Flow.
Vad detta kontrollerar
| Vad | Värde |
|---|---|
| Signaturrubrik | X-CIO-Signature |
| Var signaturen ska placeras | Hela värdet i rubriken |
| Vad som har undertecknats | v0:{timestamp}:{body} |
| Signatur | HMAC-SHA256, hexadecimalt kodad |
| Tidsstämpel | X-CIO-Timestamp-rubriken, uttryckt i Unix-sekunder |
| Skydd mot uppspelning | Ingen - den här avsändaren signerar inte tidsstämpeln, så alla giltiga signaturer förblir giltiga |
| Hemligheten | Används som ren text. Klistra in den exakt så som avsändaren visar den |
I den signerade nyttolasten är {body} den obearbetade begäran, byte för byte, och {timestamp} är tidsstämpeln ovan.
En begäran som inte uppfyller något av dessa krav avvisas med 401, registreras i Historik och felsökning och sätter aldrig igång ett arbetsflöde.
Steg 3 - Skapa arbetsflödet i Shopify Flow
- I Shopify Flow skapar du ett arbetsflöde och väljer utlösaren ”Workflow Webhooks”.
- Klicka på ”Spela in händelser” och skicka sedan en testhändelse från Customer.io (eller använd funktionen ”Skicka test” i ”Workflow Webhooks”) så att Shopify Flow lär sig hur dina data ser ut.
- Varje webhook som du äger aktiverar samma utlösare i Shopify Flow, så lägg till ett första villkor baserat på webhook-id:t för att begränsa detta arbetsflöde till enbart Customer.io. Id:t visas på webhook-sidan.
- Lägg till dina åtgärder - märk en kund, lägg till en anteckning, skicka ett internt e-postmeddelande, uppdatera ett metafält.
Steg 4 - Testa systemet från början till slut
Utlös en verklig händelse i Customer.io. Under ”Workflow Webhooks” → ”History” bör du se anropet med statusen ”Success”. Om signaturen var felaktig visas istället en post om misslyckande med orsaken angiven, och Verifiering av signerade webhooks förklarar signaturtestaren som visar exakt vilket steg som misslyckades.
Signaturen stämmer inte överens
I följande ordning: hemligheten (den vanligaste orsaken - ett extra mellanslag eller en nyckel från fel miljö), om avsändaren använder en annan ändpunkts hemlighet, och om något mellan Customer.io och appen omformaterar huvudtexten. Signaturerna omfattar de råa byte, så en proxy som omformaterar JSON gör dem ogiltiga. Signaturtestaren på webhook-sidan visar exakt den text som signerades.
Jag får felkod 401 vid varje förfrågan
Kontrollera att webhookens autentisering är inställd på HMAC med leverantören Customer.io vald, att den hemliga nyckeln är ifylld och att Customer.io skickar data till URL:en exakt så som den visas i appen, inklusive koden i slutet.
Det visas inget i historiken
Förfrågan kom aldrig fram. Kontrollera URL-adressen i Customer.io igen och titta i Customer.ios egen leveranslogg för att se vilket svar som mottogs. Ett 404-fel innebär att webhooken är felaktig eller har tagits bort, medan ett 429-fel innebär att du har överskridit antalet anrop som ingår i ditt abonnemang - se Planer och användning.
Arbetsflödet körs för fel händelser
Varje webhook i din butik utlöser samma utlösare i Shopify Flow. Lägg till ett villkor baserat på webhook-ID:t som det första steget i arbetsflödet, eller begränsa de händelser du skickar från Customer.io.
Relaterat
- Verifiering av signerade webhooks - alla leverantörer som vi verifierar, samt hur man beskriver en leverantör som vi inte verifierar.
- Kartläggning av nyttolast och Shopify Flow-variabler - att hämta rätt fält från payloaden och överföra dem till Shopify Flow.
- Skydd mot dubbla leveranser - vad som händer när Customer.io gör ett nytt försök att skicka ett meddelande.
- Historik och felsökning - loggen över varje förfrågan, med möjlighet att spela upp den.