Så här kopplar du ihop Make med Workflow Webhooks

Översikt över användningsfall

Denna konfiguration kopplar samman ditt arbetsflöde för e-post efter köp i MAKE med Workflow Webhooks, så att du kan samla in kunduppgifter för en månatlig SEO-granskning och vidarebefordra dem till Shopify Flow.

I det här exemplet får kunden ett e-postmeddelande med ett enkätformulär (vi använder Google Form, där uppgifterna läggs in i ett Google-kalkylark) där följande uppgifter efterfrågas:

• Vad är webbadressen till din Shopify-butik?
• Vad är din största SEO-utmaning just nu? Välj bland följande alternativ: slow traffic growth``poor product rankings``thin content``technical errors
• Hur länge har du drivit din butik? Med följande alternativ: less than 6 months, 6–12 months, 1–3 years, 3+ years
• E-postadress som användes vid beställningen i butiken?

När kunden skickar in formuläret skickar MAKE svaren till din Workflow Webhooks-ändpunkt. Shopify Flow kan sedan märka kunden och lägga till en anteckning så att ditt SEO-team omedelbart kan se sammanhanget i Shopify-admin.

Vad detta arbetsflöde gör

När kunden har skickat in formuläret i ditt e-postflöde läggs uppgifterna till i kalkylbladet, och därifrån skickar MAKE uppgifterna till webhooken ”Workflow Webhooks”, som i sin tur vidarebefordrar denna data till Shopify Flow:

{
  "name": "Saad",
  "email": "customer@example.com",
  "store_url": "mystore.myshopify.com",
  "challenge_and_store_age": "thin Content | 1-3 years"
}

Ditt Shopify Flow-arbetsflöde ser då ut så här:

• lägger till kundtaggen seo-audit-pending
• lägger till en kundanteckning med butikens webbadress och SEO-utmaningen

Detta gör det enkelt för ditt team att öppna kunduppgifterna i Shopify-admin och se vad som behöver åtgärdas innan revisionen inleds.

Videoguide

Här kan du se en video som visar hela uppställningen. Videon har inget ljud. Du kan öka eller minska videons hastighet efter behov.

Till slut, när jag skickade in formuläret, fungerade inte triggern i MAKE, så jag körde om den befintliga händelsen. Dessutom uppstod ett fel i flödet gällande kund-ID:t i STEP (lägg till tagg till kund), vilket jag också åtgärdade.

Innan du börjar

• Installera och aktivera Workflow Webhooks i din Shopify-butik.
• Se till att du har ett Shopify Flow-arbetsflöde klart, eller skapa ett nytt i Shopify Flow.
• Skapa ditt intagsformulär i det verktyg som matar in data till ditt MAKE-arbetsflöde. Jag använder Google Formulär; när formuläret har skickats in skapas en post i Google-kalkylbladen. data som hämtats från Google Form i ett kalkylark
• Se till att du registrerar kundens e-postadress exakt så som den anges i Shopify, så att Shopify Flow kan identifiera rätt kund.

Konfigurera anslutningen

Skapa webhooken i Workflow Webhooks.

Ange namn och skapa en statisk token (du kan skapa den statiska token direkt genom att trycka på den magiska knappen vid nummer 3 i bilden nedan) och spara.

I ”Avancerade inställningar” anger du namnen på de variabler du vill ta emot:

• name
• email
• store_url
• seo_challenge
• store_age

I inställningarna har vi fyra variabler som vi har kopplat till namn, e-post, store_url och seo_challenge. Dessutom har vi markerat alternativet ”Tillåt anpassad förfrågningstext” för att kunna ta emot ytterligare information, såsom store_age.

I MAKE väljer du utlösaren för Google Sheet (övervaka ny rad), väljer det ark du vill övervaka och kör en gång. Om anslutningen lyckas sparar du scenariot.

Välj sedan HTTP -> skapa en begäran i MAKE för att skicka formulärdata till den webhook du har skapat med hjälp av appen ”Workflow Webhooks”. I åtgärdshändelsen väljer du POST-metoden, anger URL och lägger till rubriker. (Autentiseringstypen ska vara ”ingen autentisering”)

Du kan följa anvisningarna längst ner på sidan ”Workflow Webhooks” med tilldelade fält, API-token och webhook-URL.

Då kan du kartlägga uppgifterna på följande sätt.

Spara sedan och kör programmet en gång.

I anropen kan du se att det externa systemet har anropat denna webhook och även se nyttolasten. Du kan använda denna nyttolast i ditt Shopify Flow-flöde för att utföra valfri åtgärd.

I Shopify Flow skapar du ett arbetsflöde som startar när dina webhook-data tas emot via Workflow Webhooks. Klicka sedan på ”Spela in händelser” i webhook-utlösaren.

Gå nu till det tidigare webhook-anropet och spela upp webhooken igen för att skicka denna data till din webhook-utlösare i Shopify Flow.

I data kan du nu se nyttolasten och även webhook-ID:t.

Du kan se samma webhook på webhook-instrumentpanelen, och den kan användas för att identifiera din webhook.

Lägg nu till villkoret: om det mottagna webhook-ID:t stämmer överens med det webhook-ID som du skapade för MAKE-flödet, ska åtgärderna relaterade till formuläret utföras. Eftersom varje webhook-utlösare tar emot data som skickas till vilken webhook-URL som helst i appen ”Workflow Webhooks”, hjälper detta ID dig att välja ut relevanta data från webhooken för ett specifikt syfte.

Använd värdet för ”Inkommande e-post” för att hitta den matchande kunden med hjälp av ”Avancerad sökning”. I sökningen kan du använda e-postadressen, och denna e-postadress hämtas från webhook-utlösarens variabler. För mig är fieldTwo e-postadressen. Min sökning ser ut så här: email:"{{fieldTwo}}"

Kontrollera nu om kunden finns. Jag kontrollerar om kund-id:t finns.

Lägg sedan till taggen seo-audit-pending. För att hämta kunduppgifterna har jag i konfigurationen använt följande kod för att infoga kund-ID:t. Jag har använt kontroll av mellanslag i taggsyntaxen {{-, -}}, {%- och -%} för att ta bort mellanslag från vänster eller höger sida av kund-ID:t. Om det finns mellanslag kommer sökningen inte att fungera.

{%- for getCustomerData_item in getCustomerData -%}
  {{-getCustomerData_item.id-}}
{%- endfor -%}

Lägg till eller uppdatera kundanteckningen med butikens webbadress och SEO-utmaningen. För att hämta kunduppgifterna har jag i konfigurationen använt följande kod för att placera kund-ID:t. Jag har använt kontroll av blanksteg i taggsyntaxen {{-, -}}, {%- och -%} för att ta bort blanksteg från vänster eller höger sida av kund-ID:t. Om det finns blanksteg kommer sökningen inte att fungera.

{%- for getCustomerData_item in getCustomerData -%}
  {{-getCustomerData_item.id-}}
{%- endfor -%}

Aktivera arbetsflödet, skicka in ett testsvar från ditt formulär och kontrollera att rätt kundpost i Shopify får taggen och anteckningen.

Det fungerar så här: formuläret skickas in -> MAKE tar emot uppgifterna -> MAKE skickar uppgifterna till webhooken ”Workflow Webhooks” -> webhooken ”Workflow Webhooks” utlöser Shopify Flow -> du filtrerar flödesutlösaren utifrån webhook-ID:t -> hämtar sedan kunden utifrån ID:t -> kontrollerar om kunden finns -> lägg till taggen -> lägg till anteckningen

Etiketten och lappen ser ut som på bilden nedan för kunden.