Bantuan
Masuk

Menggunakan editor alur kerja di Shopify Flow

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

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

Semua langkah harus terhubung ke setidaknya 1 langkah lain dalam alur kerja agar dapat berfungsi. Anda dapat menambahkan langkah-langkah di luar alur kerja di mana saja dalam editor, tetapi langkah-langkah tersebut tidak akan dilibatkan dalam alur kerja kecuali jika dihubungkan ke langkah lain dengan tanda panah. Setiap langkah hanya dapat memiliki 1 langkah sebelumnya, sehingga menggabungkan 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 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 dalam editor alur kerja. Jika tidak ada pemicu di alur kerja, panel konfigurasi akan menampilkan opsi langkah pemicu. Jika sudah ada pemicu di alur kerja, panel konfigurasi akan menampilkan opsi langkah tindakan.

Menyalin dan menempelkan langkah-langkah dalam alur kerja

Saat membuat alur kerja, Anda sering kali perlu membuat ulang langkah yang sudah disiapkan di tempat lain. Di editor alur kerja, Anda dapat menyalin satu atau beberapa langkah tindakan atau kondisi yang sudah ada dan menempelkannya ke alur kerja yang sama atau berbeda, tanpa perlu membuat ulang langkah-langkah tersebut dari awal. Langkah yang ditempel mempertahankan nilai kolom konfigurasi dari langkah yang disalin, beserta logikanya untuk langkah kondisi, sehingga siap digunakan hanya dengan sedikit penyesuaian.

Saat Anda menyalin beberapa langkah sekaligus, koneksi antar langkah yang disalin tetap dipertahankan. Dengan begitu, kondisi dan langkah-langkah pada jalur Benar dan Salah akan ditempel sebagai satu kelompok yang saling terhubung. Koneksi dari langkah yang tidak disalin tidak dipertahankan, sehingga kelompok yang ditempel tidak akan terhubung ke bagian alur kerja lainnya sampai Anda menghubungkannya. Jika langkah yang disalin menggunakan data yang dihasilkan oleh langkah lain yang juga disalin, seperti tindakan Dapatkan data, langkah yang ditempel akan menggunakan data yang dihasilkan oleh salinan tindakan tersebut yang telah ditempel.

Langkah pemicu tidak dapat disalin. Langkah yang menggunakan halaman konfigurasi khusus, seperti Kirim email pemasaran, tidak dapat disalin. Jika pilihan Anda mencakup langkah yang tidak dapat disalin, tidak ada langkah dalam pilihan tersebut yang akan disalin.

Langkah-langkah:

  1. Buka alur kerja di editor alur kerja.
  2. Pilih langkah yang ingin disalin:
    • Untuk menyalin satu langkah, klik langkah tindakan atau kondisi tersebut.
    • Untuk menyalin beberapa langkah, tekan dan tahan Shift pada keyboard, lalu klik setiap langkah yang ingin disalin, atau tekan dan tahan Shift lalu seret untuk membuat kotak di sekeliling langkah-langkah tersebut.
  3. Salin langkah dengan menekan ctrl + C di PC atau command + C di Mac.
  4. Opsional: Jika Anda ingin menempelkan langkah ke alur kerja lain, buka alur kerja tersebut di editor alur kerja. Alur kerja tujuan harus sudah memiliki langkah pemicu.
  5. Tempel langkah dengan menekan ctrl + V di PC atau command + V di Mac. Satu langkah akan ditambahkan di dekat kursor. Sekelompok langkah akan ditambahkan di area kosong terdekat dari kursor, dengan tata letak yang sama seperti langkah yang disalin. Kelompok yang ditempel akan dipilih agar dapat dipindahkan. Jika kursor berada di luar area editor, langkah-langkah tersebut akan ditambahkan di tengah editor.
  6. Hubungkan langkah yang ditempel ke bagian alur kerja lainnya sebelum mengaktifkan alur kerja.

Menghubungkan langkah-langkah dalam alur kerja

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

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 editor alur kerja

Anda dapat menyeret dan melepaskan langkah-langkah di editor alur kerja untuk mengatur tata letak alur kerja secara manual. Hal ini memudahkan Anda untuk melacak alur kerja saat Anda membuatnya. Secara default, langkah-langkah saling terhubung dalam format dari atas ke bawah, tetapi Anda dapat menyeret dan melepaskan langkah di mana saja dalam editor alur kerja tanpa memutuskan koneksi panah antar-langkah.

Anda dapat memindahkan beberapa langkah sekaligus dengan menahan Shift di keyboard Anda, lalu mengeklik langkah-langkah yang ingin Anda pilih sebagai grup. Klik dan seret langkah apa 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 Shift di keyboard Anda, lalu mengeklik langkah-langkah yang ingin Anda pilih sebagai grup. Klik ikon Delete di atas kotak grup abu-abu untuk menghapus langkah-langkah tersebut secara massal.

Jika Anda menghapus langkah yang memiliki langkah lain yang terhubung padanya, langkah-langkah tersebut tetap berada di editor alur kerja, tetapi terputus dari langkah sebelumnya. Anda harus menyambungkan kembali langkah-langkah yang terputus secara manual untuk 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 Default view untuk memusatkan alur kerja Anda di area yang terlihat pada editor alur kerja, dengan tingkat zoom yang menampilkan keseluruhan 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.