Hoe u Customer.io kunt koppelen aan Shopify Flow

Q: De handtekening komt niet overeen

In deze volgorde: het geheim (de meest voorkomende oorzaak - een extra spatie of een sleutel uit de verkeerde omgeving), of de afzender het geheim van een ander eindpunt gebruikt, en of er iets tussen Customer.io en de app staat dat de body herschrijft . Handtekeningen hebben betrekking op de ruwe bytes, dus een proxy die JSON opnieuw opmaakt, maakt ze ongeldig. De handtekeningcontrole op de webhook-pagina toont de exacte tekst die is ondertekend.

Customer.io rapporteert over de berichten die het verstuurt - bezorgingen, geopende berichten, klikken, onbestelbare berichten, afmeldingen - via een rapportage-Webhook. Workflow Webhooks zet die oproep om in een ‘Shopify Flow’-trigger, zodat uw winkel hierop kan reageren: een klant taggen, een opmerking bij een bestelling toevoegen, een interne e-mail versturen, een metaveld bijwerken - alles Shopify Flow kan doen.

Deze handleiding beschrijft het volledige proces - Customer.io verzendt, Workflow Webhooks ontvangt en verifieert, Shopify Flow voert de actie uit - waarbij bij elk verzoek de HMAC-handtekening van Customer.io wordt gecontroleerd, zodat uitsluitend Customer.io uw workflow kan starten.

Wat u kunt bouwen

Tag een klant van Shopify wiens e-mailadres een hard bounce heeft gegeven, zodat campagnes niet langer op deze klant worden gericht.
Noteer de datum van het laatste contact in het klantdossier als een metaveld.
Stuur uw team een e-mail wanneer een VIP-klant zich uitschrijft.

Voorbeelden van gebeurtenissen die u kunt doorgeven: email_delivered, email_opened, email_bounced, customer_unsubscribed.

Voordat u begint

Workflow Webhooks geïnstalleerd in uw Shopify-winkel.
Shopify Flow geïnstalleerd, dat gratis te downloaden is via de App Store op Shopify.
Een account op Customer.io met toestemming om webhooks aan te maken.

Stap 1 - Maak de webhook aan op Workflow Webhooks

Ga naar Workflow Webhooks -> Webhooks -> Maak een webhook aan en geef deze een naam die u in Shopify Flow zult herkennen, zoals Customer.io events.
Kies onder ‘Authenticatie’ de optie ‘HMAC’.
Kies onder ‘Signature provider’ de optie ‘Customer.io’. De app vult de header, het algoritme, de ondertekende payload en het replay-venster automatisch voor u in - u hoeft verder niets meer in te stellen.
Laat het veld ‘geheim’ voorlopig leeg en klik op ‘Opslaan’. Kopieer de webhook-URL die op de pagina wordt weergegeven.

Zie Authenticatie voor de overige authenticatiemodi en Toewijzing van payloads en Flow-variabelen voor informatie over welke velden naar Shopify Flow worden verzonden.

Stap 2 - Voeg het eindpunt toe in Customer.io

Open in Customer.io ‘Instellingen’ -> ‘Werkruimte-instellingen’ -> ‘Rapportage-webhooks’, voeg een webhook toe met de URL die u hebt gekopieerd en kopieer de ondertekeningssleutel.

Hoe u uw Customer.io-ondertekeningsgeheim kunt vinden

De ondertekeningssleutel van de rapportage-webhook.

In de documentatie van Customer.io over webhook-handtekeningen vindt u de exacte tekst en schermafbeeldingen voor uw account.

Plak dat geheim in het veld ‘Secret’ van de webhook op Workflow Webhooks en sla het op. Vanaf dat moment wordt elke verzending van Customer.io geverifieerd voordat deze Shopify Flow bereikt.

Wat hiermee wordt gecontroleerd

Wat	Waarde
Handtekeningkop	`X-CIO-Signature`
Waar de handtekening staat	De volledige waarde van de header
Wat is ondertekend?	`v0:{timestamp}:{body}`
Handtekening	HMAC-SHA256, in hexadecimale code
Tijdstempel	De header `X-CIO-Timestamp`, uitgedrukt in Unix-seconden
Bescherming tegen herhaling	Geen - deze afzender ondertekent geen tijdstempel, zodat elke geldige handtekening geldig blijft
Het geheim	Wordt als platte tekst gebruikt. Plak de tekst precies zoals de afzender deze weergeeft

In de ondertekende payload is {body} de onbewerkte inhoud van het verzoek, byte voor byte, en is {timestamp} de hierboven vermelde tijdstempel.

Een verzoek dat aan een van deze voorwaarden niet voldoet, wordt afgewezen met de foutmelding 401, wordt geregistreerd in Geschiedenis en probleemoplossing en leidt nooit tot het starten van een workflow.

Stap 3 - Stel de workflow Shopify Flow samen

Maak in ‘Shopify Flow’ een workflow aan en kies de trigger ‘Workflow Webhooks’.
Klik op ‘Gebeurtenissen vastleggen’ en verstuur vervolgens een testgebeurtenis vanuit Customer.io (of gebruik de optie ‘Test verzenden’ in Workflow Webhooks), zodat Shopify Flow de structuur van uw gegevens leert kennen.
Elke webhook waarvan u de eigenaar bent, activeert dezelfde Shopify Flow-trigger. Voeg daarom een eerste voorwaarde toe op basis van de webhook-ID, zodat deze Workflow uitsluitend voor Customer.io geldt. De ID wordt weergegeven op de webhook-pagina.
Voeg uw acties toe - tag een klant, voeg een notitie toe, verstuur een interne e-mail, werk een metaveld bij.

Een Shopify Flow-voorwaarde: de webhook-ID is gelijk aan de ID van één webhook — De eerste stap van elke workflow: een voorwaarde op basis van de webhook-ID, zodat de workflow uitsluitend voor deze webhook wordt uitgevoerd.

De voltooide workflow: Webhook-trigger, een voorwaarde op basis van de webhook-ID, gevolgd door het verzenden van een interne e-mail in de „True“-tak — De voltooide workflow: trigger, voorwaarde op basis van de webhook-ID, gevolgd door uw actie in de „True“-tak.

Stap 4 - Test het van begin tot eind

Activeer een daadwerkelijke gebeurtenis in Customer.io. Onder „Workflow Webhooks“ -> „History“ zou u de aanroep moeten zien met de status „Success“. Indien de handtekening onjuist was, krijgt u in plaats daarvan een vermelding „Failed“ met de reden daarvoor, en op Gecertificeerde webhooks verifiëren vindt u uitleg over de handtekeningtester die u precies laat zien welke stap is mislukt.

Eén aanroep werd in History geopend, met de verzoekheaders, de payload, de status, de duur en de identificatiegegevens — Een voltooide gebeurtenis in History: de status ‘Succes’ betekent dat Shopify Flow deze heeft geaccepteerd.

De handtekening komt niet overeen▾

In deze volgorde: het geheim (de meest voorkomende oorzaak - een extra spatie of een sleutel uit de verkeerde omgeving), of de afzender het geheim van een ander eindpunt gebruikt, en of er iets tussen Customer.io en de app staat dat de body herschrijft. Handtekeningen hebben betrekking op de ruwe bytes, dus een proxy die JSON opnieuw opmaakt, maakt ze ongeldig. De handtekeningcontrole op de webhook-pagina toont de exacte tekst die is ondertekend.

Bij elk verzoek krijg ik een 401-foutmelding▾

Controleer of de authenticatie van de webhook is ingesteld op HMAC met de provider Customer.io geselecteerd, of het geheim is ingevuld en of Customer.io gegevens naar de URL verstuurt precies zoals deze in de app wordt weergegeven, inclusief de code aan het einde.

Er wordt niets weergegeven in de geschiedenis▾

Het verzoek is nooit aangekomen. Controleer de URL nogmaals in Customer.io en bekijk het eigen afleverlogboek van Customer.io om te zien welk antwoord het heeft ontvangen. Een 404 duidt op een onjuiste of verwijderde webhook, een 429 betekent dat u de limiet voor het aantal aanroepen van uw abonnement hebt overschreden - zie Abonnementen en gebruik.

De workflow wordt voor de verkeerde gebeurtenissen uitgevoerd▾

Elke Webhook in uw winkel activeert dezelfde Shopify Flow-trigger. Voeg als eerste stap van de Workflow een voorwaarde toe op basis van de Webhook-ID, of beperk de gebeurtenissen die u vanuit Customer.io verstuurt.

Gerelateerd

Gecertificeerde webhooks verifiëren - elke aanbieder die wij controleren, en hoe wij een aanbieder beschrijven die wij niet controleren.
Toewijzing van payloads en Flow-variabelen - de juiste velden uit de payload halen en in Shopify Flow invoeren.
Bescherming tegen dubbele leveringen - wat er gebeurt wanneer Customer.io een verzending opnieuw probeert.
Geschiedenis en probleemoplossing - het logboek van elk verzoek, inclusief de mogelijkheid tot herhaling.