Jak połączyć Make z funkcją Workflow Webhooks

Jak połączyć Make z funkcją Workflow Webhooks

Skopiuj stronę

Przewodnik krok po kroku wraz z filmem: wysyłanie danych ze scenariusza Make do serwisu Shopify Flow za pomocą punktu końcowego Workflow Webhooks.

Przegląd przypadków użycia

Ta konfiguracja łączy proces wysyłania wiadomości e-mail po dokonaniu zakupu w MAKE z funkcją Workflow Webhooks, dzięki czemu mogą Państwo gromadzić dane klientów na potrzeby comiesięcznego audytu SEO i przekazywać je do Shopify Flow.

W tym przykładzie klient otrzymuje wiadomość e-mail zawierającą formularz ankiety (korzystamy z Google Forms; Google Forms dodaje wpis do arkusza kalkulacyjnego Google), w którym prosi się o podanie:

  • Jaki jest adres URL Państwa sklepu w Shopify?
  • Jakie jest obecnie Państwa największe wyzwanie związane z SEO? Do wyboru są następujące opcje: slow traffic growth (powolny wzrost ruchu), poor product rankings (słabe pozycje produktów), thin content (uboga treść), technical errors (błędy techniczne)
  • Od jak dawna prowadzi Pan/Pani swój sklep? Do wyboru** są** następujące opcje: less than 6 months, 6–12 months, 1–3 years, 3+ years
  • Czy ten adres e-mail został użyty do złożenia zamówienia w sklepie?

Gdy klient prześle formularz, MAKE wysyła odpowiedzi do Państwa punktu końcowego Workflow Webhooks. Następnie Shopify Flow może oznaczyć klienta i dodać notatkę, dzięki czemu Państwa zespół ds. SEO od razu zapozna się z kontekstem w panelu administracyjnym Shopify.

Jakie są zadania tego procesu

Po przesłaniu przez klienta formularza w ramach Państwa sekwencji wiadomości e-mail dane są dodawane do arkusza kalkulacyjnego, skąd MAKE przesyła je do webhooka Workflow Webhooks, a ten z kolei przekazuje te dane do Shopify Flow:

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

Państwa proces w Shopify Flow będzie zatem wyglądał następująco:

  • dodaje tag klienta seo-audit-pending
  • dodaje notatkę dla klienta zawierającą adres URL sklepu oraz informacje dotyczące wyzwań związanych z pozycjonowaniem

Dzięki temu Państwa zespół może z łatwością otworzyć kartę klienta w panelu administracyjnym Shopify i sprawdzić, na co należy zwrócić uwagę przed rozpoczęciem audytu.

Przewodnik wideo

Tutaj mogą Państwo obejrzeć film przedstawiający całą konfigurację; film nie zawiera dźwięku. W razie potrzeby mogą Państwo zwiększyć lub zmniejszyć prędkość odtwarzania filmu.

Ostatecznie, kiedy przesłałem formularz, wyzwalacz nie działał w MAKE, więc ponownie uruchomiłem istniejące zdarzenie; ponadto w przepływie pojawił się błąd dotyczący identyfikatora klienta w KROKU (dodaj tag do klienta), który również naprawiłem.

Zanim zaczną Państwo

  • Zainstaluj i włącz funkcję Workflow Webhooks w swoim sklepie Shopify.
  • Proszę przygotować proces w Shopify Flow lub utworzyć nowy w Shopify Flow.
  • Proszę utworzyć formularz rejestracyjny w narzędziu, które zasila Państwa proces roboczy w systemie MAKE. Korzystam z Formularzy Google - po przesłaniu formularza w systemie Google Form tworzony jest wpis w arkuszach kalkulacyjnych Google. obraz dane otrzymane z formularza Google w arkuszu kalkulacyjnym
  • Proszę upewnić się, że adres e-mail klienta jest zapisywany dokładnie tak, jak figuruje w systemie Shopify, aby usługa Shopify Flow mogła zidentyfikować właściwego klienta.

Skonfiguruj połączenie

W sekcji Workflow Webhooks proszę utworzyć webhook.

zdjęcie

Wprowadź nazwę i wygeneruj token statyczny (można to zrobić natychmiast, naciskając „magiczny przycisk” oznaczony numerem 3 na poniższym obrazku), a następnie zapisz.

zdjęcie

W sekcji Ustawienia zaawansowane proszę nadać nazwy zmiennym, które chcą Państwo otrzymywać:

  • name
  • email
  • store_url
  • seo_challenge
  • store_age

zdjęcie

W ustawieniach mamy 4 zmienne, które przypisaliśmy do pól „name”, „email”, „store_url” oraz „seo_challenge”; ponadto zaznaczyliśmy opcję Zezwól na niestandardową treść żądania, aby móc odbierać inne informacje, takie jak „store_age”.

W aplikacji MAKE wybierz wyzwalacz „Arkusz Google” (obserwuj nowy wiersz), wybierz odpowiedni arkusz, który chcesz monitorować, i uruchom go jednorazowo; jeśli połączenie się powiedzie, zapisz scenariusz.

zdjęcie

Następnie proszę wybrać opcję HTTP → Wyślij żądanie w aplikacji MAKE, aby przesłać dane formularza do webhooka utworzonego za pomocą aplikacji Workflow Webhooks. W sekcji zdarzenia akcji proszę wybrać metodę POST, wprowadzić adres URL oraz dodać nagłówki. (Typ uwierzytelniania powinien być ustawiony na „brak uwierzytelniania”)

zdjęcie

Można postępować zgodnie z instrukcją podaną na dole strony Workflow Webhooks, uwzględniając przypisane pola, token API oraz adres URL dla webhooka.

obraz

Następnie mogą Państwo przyporządkować dane w następujący sposób.

obraz

Następnie proszę zapisać plik i uruchomić go raz.

zdjęcie

W sekcji „Wywołania” można sprawdzić, że system zewnętrzny wywołał ten webhook, a także zapoznać się z treścią komunikatu. Treść tę można wykorzystać w usłudze Shopify Flow w celu wykonania dowolnej czynności.

obraz

W usłudze Shopify Flow utwórz przepływ pracy, który uruchamia się po otrzymaniu danych z webhooka za pośrednictwem funkcji Workflow Webhooks. Następnie w wyzwalaczu webhooka kliknij opcję „Rejestruj zdarzenia”.

zdjęcie

Teraz przejdź do poprzedniego wywołania webhooka i ponownie uruchom webhook, aby wysłać tę treść do wyzwalacza webhooka w Shopify Flow.

zdjęcie

W danych widoczne są teraz dane użytkowe oraz identyfikator webhooka.

zdjęcie

Ten sam webhook można zobaczyć na pulpicie nawigacyjnym webhooków i można go wykorzystać do identyfikacji Państwa webhooka.

zdjęcie

Teraz proszę dodać warunek: jeśli otrzymany identyfikator webhooka jest zgodny z identyfikatorem webhooka utworzonym dla przepływu MAKE, należy wykonać czynności związane z formularzem. Każdy wyzwalacz typu „Webhook” odbiera dane wysłane na dowolny adres URL webhooka w aplikacji Workflow Webhooks, a ten identyfikator pomoże Państwu wybrać odpowiednie dane z webhooka do konkretnego celu.

zdjęcie

Proszę skorzystać z wartości „Otrzymana wiadomość e-mail”, aby znaleźć odpowiedniego klienta za pomocą zaawansowanego zapytania. W zapytaniu można wykorzystać adres e-mail, który pochodzi ze zmiennych wyzwalacza webhooka. W moim przypadku pole „fieldTwo” odpowiada adresowi e-mail. Moje zapytanie wygląda następująco: email:"{{fieldTwo}}"

zdjęcie

Teraz proszę sprawdzić, czy klient istnieje. Sprawdzam, czy identyfikator klienta istnieje.

obraz

następnie proszę dodać tag seo-audit-pending. Aby pobrać dane klienta, w konfiguracji zastosowałem ten kod w celu umieszczenia identyfikatora klienta; w składni tagów {{-, -}}, {%- oraz -%} użyłem funkcji kontroli spacji, aby usunąć spacje z lewej lub prawej strony identyfikatora klienta. Jeśli pojawią się jakiekolwiek spacje, zapytanie nie zadziała.

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

obraz

proszę dodać lub zaktualizować notatkę dotyczącą klienta, podając adres URL sklepu oraz wyzwanie związane z SEO. Aby uzyskać dane klienta, w konfiguracji zastosowałem ten kod w celu umieszczenia identyfikatora klienta. Wykorzystałem kontrolę spacji w składni tagów {{-, -}}, {%- oraz -%}, aby usunąć spacje z lewej lub prawej strony identyfikatora klienta. Jeśli występują jakiekolwiek spacje, zapytanie nie zadziała.

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

zdjęcie

Włącz proces i prześlij próbną odpowiedź z formularza, a następnie sprawdź, czy właściwy rekord klienta w Shopify otrzymał tag i notatkę.

Działa to w następujący sposób: formularz został przesłany → MAKE odbiera dane → MAKE wysyła dane do webhooka Workflow Webhooks → webhook Workflow Webhooks uruchamia Shopify Flow → filtrują Państwo wyzwalacz przepływu na podstawie identyfikatora webhooka → następnie pobierają Państwo dane klienta na podstawie tego identyfikatora → sprawdzają Państwo, czy klient istnieje -> dodają Państwo tag -> dodają Państwo notatkę

Etykieta i notatka wyglądają dla klienta tak, jak pokazano na poniższym obrazku.

obraz