Bantuan
Masuk

Menggunakan editor alur kerja di Shopify Flow

Editor alur kerja adalah alat yang memungkinkan Anda menyesuaikan dan mengedit fungsionalitas alur kerja di Shopify Flow. Editor alur kerja adalah kanvas seret dan lepas yang memungkinkan Anda menambahkan, mengatur, dan mendesain alur kerja dengan menambahkan langkah-langkah dari berbagai jenis dalam format vertikal dari atas ke bawah.

Langkah pertama yang dapat Anda tambahkan ke alur kerja menggunakan editor alur kerja selalu merupakan langkah pemicu. Setelah Anda menambahkan pemicu alur kerja, Anda dapat menggunakan ikon + untuk menambahkan langkah kondisi atau tindakan yang terjadi berikutnya dalam urutan alur kerja. Tanda panah menghubungkan berbagai langkah di kanvas editor alur kerja dan menunjukkan langkah mana yang mengarah langsung ke langkah lain berdasarkan kondisi atau tindakan yang diambil.

Semua langkah harus terhubung ke setidaknya 1 langkah lain dalam alur kerja agar berfungsi. Anda dapat menambahkan langkah-langkah di luar alur kerja di mana saja pada kanvas editor alur kerja, tetapi langkah-langkah tersebut tidak akan terlibat dalam alur kerja kecuali jika terhubung ke langkah lain dengan tanda panah. Setiap langkah hanya dapat memiliki 1 langkah sebelumnya, sehingga penggabungan beberapa cabang alur kerja kembali ke satu jalur langkah tidak didukung.

Anda dapat mengonfigurasi detail langkah kondisi dan tindakan dengan menggunakan panel konfigurasi di sisi kiri editor alur kerja. Panel konfigurasi hanya ditampilkan saat sebuah langkah dipilih.

Di halaman ini

Membuka alur kerja di editor alur kerja

Di Shopify Flow, Anda dapat mengakses editor alur kerja dengan membuat alur kerja baru atau Anda dapat mengeklik alur kerja mana pun yang ada, lalu mengeklik Edit.

Langkah-langkah:

  1. Dari admin Shopify, buka Aplikasi > Flow.

  2. Di bagian Alur Kerja, lakukan salah satu tindakan berikut:

    • Untuk membuka editor alur kerja untuk alur kerja baru yang kosong, klik Buat alur kerja.
    • Untuk membuka editor alur kerja untuk alur kerja yang ada, klik alur kerja tersebut, lalu klik Edit.

Menambahkan langkah ke alur kerja

Di editor alur kerja, Anda dapat menambahkan langkah ke kanvas alur kerja dengan salah satu cara berikut:

  • Arahkan kursor ke langkah mana pun yang ada dan klik + ikon untuk memilih langkah kondisi atau tindakan yang akan ditambahkan sebagai koneksi berikutnya dalam alur kerja.
    • Langkah kondisi memiliki 2 ikon +: satu untuk jalur Benar saat kondisi terpenuhi, dan satu untuk jalur Salah saat kondisi tidak terpenuhi.
    • Langkah tindakan Ulangi untuk setiap (iterasi) juga memiliki 2 ikon +: satu untuk Ulangi untuk setiap item yang memungkinkan Anda menentukan langkah-langkah yang terjadi untuk setiap item dalam daftar, dan satu untuk Setelah item terakhir yang memungkinkan Anda menentukan langkah-langkah yang terjadi setelah item terakhir dalam daftar selesai diproses.
  • Klik ruang kosong di mana saja pada kanvas alur kerja. Jika tidak ada pemicu yang ada di kanvas, panel konfigurasi akan menampilkan opsi langkah pemicu. Jika ada pemicu yang ada di kanvas, panel konfigurasi akan menampilkan opsi langkah tindakan.

Menghubungkan langkah-langkah dalam alur kerja

Semua langkah harus terhubung ke setidaknya 1 langkah lain dalam alur kerja agar berfungsi. Editor alur kerja menunjukkan langkah mana yang saling terhubung menggunakan panah arah. Secara default, alur kerja mengalir secara vertikal dari atas ke bawah di kanvas.

Saat Anda menambahkan langkah ke alur kerja dari langkah lain menggunakan ikon +, langkah baru akan terhubung secara otomatis ke langkah sebelumnya. Anda juga dapat membuat koneksi antarlangkah secara manual dengan mengeklik dan menahan + pada langkah pertama dan menyeret ujung panah ke langkah kedua. Setiap langkah hanya dapat memiliki 1 koneksi langkah sebelumnya, sehingga penggabungan beberapa cabang alur kerja kembali ke satu jalur langkah tidak didukung.

Anda dapat menghapus koneksi antarlangkah dengan mengarahkan kursor ke tanda panah yang ingin dihapus, lalu mengeklik ikon Hapus.

Gambar editor alur kerja Shopify Flow, dengan alur kerja yang sedang berlangsung. Dua koneksi dari jalur 'Benar' dari langkah kondisi disorot, masing-masing menunjuk ke langkah tindakan yang berbeda di bawahnya. Opsi untuk menghapus koneksi paling kanan ditampilkan dengan ikon keranjang sampah.

Mengatur langkah-langkah di kanvas alur kerja

Anda dapat menggunakan kanvas seret dan lepas dari editor alur kerja untuk mengatur secara manual bagaimana alur kerja Anda ditampilkan. Hal ini memudahkan Anda untuk melacak alur kerja saat Anda membuatnya. Secara default, langkah-langkah terhubung satu sama lain dalam format dari atas ke bawah, tetapi Anda dapat menyeret dan melepaskan langkah-langkah di mana saja pada kanvas tanpa memutuskan koneksi panah di antara langkah-langkah tersebut.

Anda dapat memindahkan beberapa langkah sekaligus dengan menahan tombol Shift di keyboard, lalu mengeklik langkah-langkah yang ingin Anda pilih sebagai grup. Klik dan seret langkah mana pun di kotak grup abu-abu untuk memindahkan langkah-langkah yang disertakan secara massal.

Anda dapat mengatur ulang tata letak alur kerja secara otomatis dengan spasi default antarlangkah agar alur kerja Anda lebih mudah ditinjau. Klik ikon Atur alur kerja, lalu klik Atur alur kerja untuk mengonfirmasi pengaturan ulang.

Menghapus langkah dari alur kerja

Di editor alur kerja, Anda dapat menghapus langkah dari alur kerja dengan mengarahkan kursor ke langkah yang ingin dihapus, lalu mengeklik ikon Hapus di sebelah langkah tersebut. Menghapus langkah tidak dapat dibatalkan.

Anda dapat menghapus beberapa langkah sekaligus dengan menahan tombol Shift di keyboard, lalu mengeklik langkah-langkah yang ingin Anda pilih sebagai grup. Klik ikon Hapus di atas kotak grup abu-abu untuk menghapus langkah-langkah tersebut secara massal.

Jika Anda menghapus langkah yang terhubung dengan langkah lain, langkah-langkah lain tersebut akan tetap berada di kanvas alur kerja, tetapi koneksinya dengan langkah sebelumnya akan terputus. Anda harus menyambungkan kembali langkah-langkah yang terputus secara manual agar dapat terus menggunakan langkah-langkah tersebut dalam alur kerja.

Menggunakan bilah alat tampilan editor alur kerja

Gambar ikon bilah alat tampilan di editor alur kerja Shopify Flow.

Di bagian bawah editor alur kerja, Anda dapat mengeklik ikon mana pun di bilah alat tampilan berikut:

  • Gunakan Perkecil atau Perbesar untuk memperkecil atau memperbesar alur kerja.
  • Gunakan Tampilan default untuk menengahkan alur kerja Anda di tengah kanvas yang terlihat, pada tingkat zoom yang menampilkan seluruh alur kerja.
  • Gunakan Bantuan untuk membuka dokumentasi Pusat Bantuan Shopify Flow di tab browser baru.
  • Gunakan Susun alur kerja untuk mengatur tata letak alur kerja Anda.

Menggunakan panel konfigurasi langkah di editor alur kerja

Saat Anda memilih sebuah langkah, panel konfigurasi akan ditampilkan di sisi kiri editor alur kerja. Panel konfigurasi berisi detail langkah dan merupakan tempat Anda dapat menyesuaikan fungsionalitas langkah-langkah tertentu, seperti menyetel variabel, menetapkan operator logis, atau menambahkan informasi tindakan kustom bergantung pada tindakan yang Anda inginkan untuk langkah tersebut.

Opsi yang ditampilkan di panel konfigurasi berkaitan langsung dengan jenis langkah yang Anda pilih.

Gambar editor alur kerja Shopify Flow, dengan alur kerja yang sedang berlangsung. Panel konfigurasi untuk langkah kondisi dipilih dan ditandai di dalam gambar.

Menambahkan atau mengedit deskripsi langkah

Anda dapat mengedit deskripsi langkah kondisi atau tindakan apa pun dari panel konfigurasi. Klik Tambahkan deskripsi atau Edit deskripsi dan masukkan deskripsi langkah dengan kata-kata Anda sendiri. Hal ini dapat membantu Anda dan staf menafsirkan tindakan yang dilakukan alur kerja berdasarkan deskripsi Anda sendiri. Anda dapat menghapus semua teks di kolom deskripsi untuk mengatur ulang deskripsi langkah.

Meninjau langkah untuk konten konfigurasi yang hilang

Jika ada data atau detail konfigurasi yang hilang pada suatu langkah yang memengaruhi kemampuannya untuk berfungsi, banner Tinjau akan ditampilkan di bagian atas langkah tersebut. Klik langkah tersebut untuk membuka panel konfigurasi dan menambahkan data yang hilang untuk menghapus banner Tinjau. Kecuali jika kolom ditandai sebagai opsional, kolom tersebut harus diisi agar langkah tersebut dianggap telah dikonfigurasi sepenuhnya.

Langkah-langkah juga menampilkan banner Tinjau saat tidak terhubung ke langkah lain. Anda harus menghubungkan langkah tersebut ke langkah lain dalam alur kerja sebelum dapat melanjutkan mengonfigurasi detail langkah tersebut.

Gambar langkah tindakan 'Tambahkan tag pesanan' Shopify Flow. Langkah ini menampilkan banner 'Tinjau' berwarna biru, dan deskripsi langkahnya berbunyi:

Jika banner Tinjau tidak diselesaikan sebelum mencoba mengaktifkan alur kerja, langkah tersebut akan ditampilkan sebagai eror dan alur kerja tidak akan aktif. Anda harus menyelesaikan semua eror konfigurasi dalam alur kerja sebelum alur kerja dapat diaktifkan.

Menggunakan dialog 'Tambahkan variabel'

Di panel konfigurasi langkah, beberapa kolom memiliki opsi Tambahkan variabel untuk menambahkan variabel ke konten konfigurasi. Himpunan data yang ditampilkan dalam dialog Tambahkan variabel bergantung pada data yang dikembalikan oleh langkah sebelumnya dalam alur kerja. Misalnya, secara default, dialog Tambahkan variabel akan ditampilkan dengan opsi berikut:

  • Bilah pencarian untuk mencari variabel berdasarkan nama atau deskripsi.
  • Himpunan data variabel default yang dikembalikan oleh pemicu alur kerja, yang biasanya menyertakan opsi berikut:
    • Variabel shop, yang bersifat global untuk toko Anda.
    • Setidaknya 1 jenis lain, berdasarkan pemicu alur kerja.

Gambar dialog 'Tambahkan variabel' Shopify Flow. Contoh pemicu yang ditampilkan adalah pemicu 'Pesanan dibuat', dan dua himpunan data yang tersedia di dialog adalah 'pesanan' dan 'toko'.

Namun, jika Anda menambahkan langkah ke alur kerja yang mengembalikan data tambahan, seperti tindakan Dapatkan data atau Jalankan kode, himpunan data variabel tambahan akan ditampilkan dalam dialog untuk Anda pilih pada langkah mana pun yang muncul kemudian di cabang alur kerja, karena data tambahan kini tersedia pada titik tersebut dalam alur kerja. Data yang dikembalikan paling baru akan ditampilkan terlebih dahulu.

Gambar dialog 'Tambahkan variabel' Shopify Flow dengan opsi himpunan data tambahan. Ada 3 sumber data yang tersedia ditampilkan: 'Jalankan kode', yang mengembalikan data runCode; 'Dapatkan data pelanggan', yang mengembalikan data getCustomerData; 'Pesanan dibuat', yang mengembalikan data pesanan dan toko.

Anda dapat menavigasi ke variabel tertentu dengan mengeklik berbagai opsi variabel. Beberapa variabel memiliki opsi bertingkat, dan memiliki > untuk menunjukkan bahwa ada subopsi di jalur API variabel tersebut. Saat Anda mencapai akhir jalur API variabel, variabel tidak memiliki opsi > dan menampilkan penanda jenis konten variabel, seperti String, Boolean, DateTime, atau Int, untuk menunjukkan jenis informasi apa yang dikembalikan oleh variabel.