การใช้ตัวแก้ไขเวิร์กโฟลว์ใน Shopify Flow

เครื่องมือแก้ไขขั้นตอนการทำงานคือเครื่องมือที่ให้คุณปรับแต่งและแก้ไขฟังก์ชันการทำงานของขั้นตอนการทำงานของคุณใน Shopify Flow ได้ โดยจะเป็นหน้าแคนวาสแบบลากแล้ววางที่ให้คุณเพิ่ม จัดระเบียบ และออกแบบขั้นตอนการทำงานด้วยการเพิ่มขั้นตอนประเภทต่างๆ ในรูปแบบแนวตั้งจากบนลงล่าง

ขั้นตอนแรกที่คุณสามารถเพิ่มไปยังขั้นตอนการทำงานโดยใช้เครื่องมือแก้ไขขั้นตอนการทำงานได้คือขั้นตอนทริกเกอร์เสมอ หลังจากที่คุณเพิ่มทริกเกอร์ขั้นตอนการทำงานแล้ว คุณสามารถใช้ไอคอน + เพื่อเพิ่มขั้นตอนเงื่อนไขหรือการดำเนินการที่จะเกิดขึ้นถัดไปในลำดับขั้นตอนการทำงานได้ ลูกศรจะเชื่อมต่อขั้นตอนต่างๆ บนหน้าแคนวาสของเครื่องมือแก้ไขขั้นตอนการทำงาน และระบุว่าขั้นตอนใดนำไปสู่ขั้นตอนอื่นโดยตรงตามเงื่อนไขหรือการดำเนินการที่เกิดขึ้น

ทุกขั้นตอนจะต้องเชื่อมต่อกับขั้นตอนอื่นในขั้นตอนการทำงานอย่างน้อย 1 ขั้นตอนจึงจะทำงานได้ คุณสามารถเพิ่มขั้นตอนนอกขั้นตอนการทำงานที่ใดก็ได้บนหน้าแคนวาสของเครื่องมือแก้ไขขั้นตอนการทำงาน แต่ขั้นตอนเหล่านั้นจะไม่มีส่วนเกี่ยวข้องกับขั้นตอนการทำงาน เว้นแต่จะเชื่อมต่อกับขั้นตอนอื่นด้วยลูกศร แต่ละขั้นตอนสามารถมีขั้นตอนก่อนหน้าได้เพียง 1 ขั้นตอนเท่านั้น ดังนั้นจึงไม่รองรับการรวมหลายสาขาของขั้นตอนการทำงานกลับมาเป็นเส้นทางขั้นตอนเดียว

คุณสามารถกำหนดค่ารายละเอียดของขั้นตอนเงื่อนไขและการดำเนินการได้โดยใช้แผงการกำหนดค่าทางด้านซ้ายของเครื่องมือแก้ไขขั้นตอนการทำงาน แผงการกำหนดค่าจะแสดงก็ต่อเมื่อมีการเลือกขั้นตอนแล้วเท่านั้น

เปิดขั้นตอนการทำงานในเครื่องมือแก้ไขขั้นตอนการทำงาน

ใน Shopify Flow คุณสามารถเข้าถึงเครื่องมือแก้ไขขั้นตอนการทำงานได้โดยการสร้างขั้นตอนการทำงานใหม่ หรือคลิกที่ขั้นตอนการทำงานที่มีอยู่แล้วคลิกที่แก้ไข

ขั้นตอน

  1. จากส่วนผู้ดูแล Shopify ให้ไปที่ แอป > Flow

  2. ในส่วนขั้นตอนการทำงาน ให้ดำเนินการอย่างใดอย่างหนึ่งต่อไปนี้

    • หากต้องการเปิดเครื่องมือแก้ไขขั้นตอนการทำงานสำหรับขั้นตอนการทำงานใหม่ที่ว่างเปล่า ให้คลิกที่สร้างขั้นตอนการทำงาน
    • หากต้องการเปิดเครื่องมือแก้ไขขั้นตอนการทำงานสำหรับขั้นตอนการทำงานที่มีอยู่ ให้คลิกที่ขั้นตอนการทำงานดังกล่าว จากนั้นคลิกที่แก้ไข

การเพิ่มขั้นตอนไปยังขั้นตอนการทำงาน

ในเครื่องมือแก้ไขขั้นตอนการทำงาน คุณสามารถเพิ่มขั้นตอนไปยังหน้าแคนวาสของขั้นตอนการทำงานได้ด้วยวิธีใดวิธีหนึ่งต่อไปนี้

  • วางเมาส์เหนือขั้นตอนที่มีอยู่แล้วคลิก + ไอคอนเพื่อเลือกขั้นตอนเงื่อนไขหรือการดำเนินการเพื่อเพิ่มเป็นการเชื่อมต่อถัดไปในขั้นตอนการทำงาน
    • ขั้นตอนเงื่อนไขจะมีไอคอน + อยู่ 2 อัน อันหนึ่งสำหรับเส้นทางจริงเมื่อตรงตามเงื่อนไข และอีกอันหนึ่งสำหรับเส้นทางเท็จเมื่อไม่ตรงตามเงื่อนไข
    • ขั้นตอนการดำเนินการทำซ้ำแต่ละรายการ (iterate) จะมีไอคอน + อยู่ 2 อันเช่นกัน อันหนึ่งสำหรับทำซ้ำสำหรับแต่ละรายการ ซึ่งให้คุณกำหนดขั้นตอนที่จะเกิดขึ้นสำหรับทุกรายการในลิสต์ และอีกอันสำหรับหลังจากรายการสุดท้าย ซึ่งให้คุณกำหนดขั้นตอนที่จะเกิดขึ้นหลังจากที่ระบบส่งคืนรายการสุดท้ายในลิสต์แล้ว
  • คลิกพื้นที่ว่างบนหน้าแคนวาสของขั้นตอนการทำงาน หากยังไม่มีทริกเกอร์อยู่บนหน้าแคนวาส แผงการกำหนดค่าจะแสดงตัวเลือกขั้นตอนทริกเกอร์ หากมีทริกเกอร์อยู่บนหน้าแคนวาสแล้ว แผงการกำหนดค่าจะแสดงตัวเลือกขั้นตอนการดำเนินการ

การเชื่อมต่อขั้นตอนในขั้นตอนการทำงาน

ทุกขั้นตอนจะต้องเชื่อมต่อกับขั้นตอนอื่นในขั้นตอนการทำงานอย่างน้อย 1 ขั้นตอนจึงจะทำงานได้ เครื่องมือแก้ไขขั้นตอนการทำงานจะระบุว่าขั้นตอนใดเชื่อมต่อกันโดยใช้ลูกศรบอกทิศทาง ตามค่าเริ่มต้นแล้ว ขั้นตอนการทำงานจะดำเนินไปในแนวตั้งจากบนลงล่างบนหน้าแคนวาส

เมื่อคุณเพิ่มขั้นตอนไปยังขั้นตอนการทำงานจากขั้นตอนอื่นโดยใช้ไอคอน + ขั้นตอนใหม่จะเชื่อมต่อกับขั้นตอนก่อนหน้าโดยอัตโนมัติ คุณยังสามารถสร้างการเชื่อมต่อระหว่างขั้นตอนด้วยตนเองได้โดยการคลิก + บนขั้นตอนแรกค้างไว้ แล้วลากปลายลูกศรไปยังขั้นตอนที่สอง แต่ละขั้นตอนสามารถมีการเชื่อมต่อจากขั้นตอนก่อนหน้าได้เพียง 1 การเชื่อมต่อเท่านั้น ดังนั้นจึงไม่รองรับการรวมหลายสาขาของขั้นตอนการทำงานกลับมาเป็นเส้นทางขั้นตอนเดียว

คุณสามารถลบการเชื่อมต่อระหว่างขั้นตอนได้โดยการวางเมาส์เหนือลูกศรที่คุณต้องการลบ จากนั้นคลิกที่ไอคอน ลบ

รูปภาพของเครื่องมือแก้ไขขั้นตอนการทำงานของ Shopify Flow ที่มีขั้นตอนการทำงานซึ่งกำลังดำเนินการอยู่ มีการไฮไลท์การเชื่อมต่อสองรายการจากเส้นทาง 'จริง' ของขั้นตอนเงื่อนไข โดยแต่ละรายการชี้ไปยังขั้นตอนการดำเนินการต่างๆ ที่อยู่ด้านล่าง ตัวเลือกในการลบการเชื่อมต่อทางขวาสุดจะแสดงพร้อมกับไอคอนถังขยะ

การจัดเรียงขั้นตอนบนหน้าแคนวาสของขั้นตอนการทำงาน

คุณสามารถใช้หน้าแคนวาสแบบลากแล้ววางของเครื่องมือแก้ไขขั้นตอนการทำงานเพื่อจัดระเบียบการแสดงผลของขั้นตอนการทำงานของคุณด้วยตนเองได้ ซึ่งจะช่วยให้คุณติดตามขั้นตอนการทำงานของคุณได้ง่ายขึ้นในขณะที่สร้าง ตามค่าเริ่มต้นแล้ว ขั้นตอนจะเชื่อมต่อกันในรูปแบบจากบนลงล่าง แต่คุณสามารถลากและปล่อยขั้นตอนต่างๆ ไปไว้ที่ใดก็ได้บนหน้าแคนวาสโดยไม่ทำให้การเชื่อมต่อด้วยลูกศรระหว่างขั้นตอนเสียหาย

คุณสามารถย้ายหลายขั้นตอนพร้อมกันได้โดยการกดปุ่ม Shift บนคีย์บอร์ดค้างไว้ แล้วคลิกขั้นตอนที่คุณต้องการเลือกเป็นกลุ่ม คลิกแล้วลากขั้นตอนใดก็ได้ในกล่องกลุ่มสีเทาเพื่อย้ายขั้นตอนที่อยู่ในกลุ่มทั้งหมดพร้อมกัน

คุณสามารถรีเซ็ตเลย์เอาต์ขั้นตอนการทำงานของคุณโดยอัตโนมัติด้วยระยะห่างเริ่มต้นระหว่างขั้นตอนเพื่อให้ตรวจสอบขั้นตอนการทำงานได้ง่ายขึ้น คลิกไอคอน จัดเรียงขั้นตอนการทำงาน จากนั้นคลิกจัดเรียงขั้นตอนการทำงานเพื่อยืนยันการรีเซ็ต

การลบขั้นตอนออกจากขั้นตอนการทำงาน

ในเครื่องมือแก้ไขขั้นตอนการทำงาน คุณสามารถลบขั้นตอนออกจากขั้นตอนการทำงานได้โดยการวางเมาส์เหนือขั้นตอนที่ต้องการลบ จากนั้นคลิกไอคอน ลบ ที่อยู่ถัดจากขั้นตอนดังกล่าว การลบขั้นตอนไม่สามารถยกเลิกได้

คุณสามารถลบหลายขั้นตอนพร้อมกันได้โดยการกดปุ่ม Shift บนคีย์บอร์ดค้างไว้ แล้วคลิกขั้นตอนที่คุณต้องการเลือกเป็นกลุ่ม คลิกไอคอน ลบ ที่อยู่เหนือกล่องกลุ่มสีเทาเพื่อลบขั้นตอนทั้งหมดในกลุ่ม

หากคุณลบขั้นตอนที่มีขั้นตอนอื่นๆ เชื่อมต่ออยู่ ขั้นตอนเหล่านั้นจะยังคงอยู่บนหน้าต่างแสดงผลของเวิร์กโฟลว์ แต่จะถูกตัดการเชื่อมต่อจากขั้นตอนก่อนหน้า คุณต้องเชื่อมต่อขั้นตอนที่ถูกตัดการเชื่อมต่อใหม่ด้วยตนเองเพื่อใช้งานขั้นตอนเหล่านั้นในเวิร์กโฟลว์ต่อไป

การใช้งานแถบเครื่องมือแสดงผลของตัวแก้ไขเวิร์กโฟลว์

Image of the display toolbar icons in the Shopify Flow workflow editor.

ที่ด้านล่างของตัวแก้ไขเวิร์กโฟลว์ คุณสามารถคลิกไอคอนใดก็ได้ต่อไปนี้ในแถบเครื่องมือแสดงผล

  • ใช้ Zoom out หรือ Zoom in เพื่อซูมออกหรือซูมเข้าเวิร์กโฟลว์
  • ใช้ Default view เพื่อจัดให้เวิร์กโฟลว์อยู่ตรงกลางหน้าต่างแสดงผลในระดับการซูมที่แสดงเวิร์กโฟลว์ทั้งหมด
  • ใช้ Help เพื่อเปิดเอกสารShopify Flow ของศูนย์ช่วยเหลือในแท็บเบราว์เซอร์ใหม่
  • ใช้ Arrange workflow เพื่อจัดเลย์เอาต์ของเวิร์กโฟลว์

การใช้งานแผงการกำหนดค่าขั้นตอนในตัวแก้ไขเวิร์กโฟลว์

เมื่อคุณเลือกขั้นตอน แผงการกำหนดค่าจะปรากฏขึ้นทางด้านซ้ายของตัวแก้ไขเวิร์กโฟลว์ แผงการกำหนดค่าประกอบด้วยรายละเอียดของขั้นตอน และเป็นที่ที่คุณสามารถปรับแต่งฟังก์ชันการทำงานของขั้นตอนต่างๆ ได้ เช่น การตั้งค่าตัวแปร การกำหนดตัวดำเนินการเชิงตรรกะ หรือการเพิ่มข้อมูลการดำเนินการแบบกำหนดเอง โดยขึ้นอยู่กับสิ่งที่คุณต้องการให้ขั้นตอนดังกล่าวทำ

ตัวเลือกที่แสดงในแผงการกำหนดค่าจะเกี่ยวข้องโดยตรงกับประเภทของขั้นตอนที่คุณเลือก

Image of the Shopify Flow workflow editor, with an in-progress workflow. The configuration panel for a condition step is selected and highlighted in the image.

การเพิ่มหรือแก้ไขคำอธิบายของขั้นตอน

คุณสามารถแก้ไขคำอธิบายของขั้นตอนเงื่อนไขหรือการดำเนินการใดก็ได้จากแผงการกำหนดค่า ให้คลิกที่ เพิ่มคำอธิบาย หรือ แก้ไขคำอธิบาย แล้วป้อนคำอธิบายของขั้นตอนด้วยคำพูดของคุณเอง ซึ่งจะช่วยให้คุณและพนักงานของคุณเข้าใจการทำงานของเวิร์กโฟลว์ตามคำอธิบายที่คุณสร้างขึ้นได้ง่ายขึ้น คุณสามารถลบข้อความทั้งหมดในช่องคำอธิบายเพื่อรีเซ็ตคำอธิบายของขั้นตอนได้

การตรวจสอบขั้นตอนเพื่อหาเนื้อหาการกำหนดค่าที่ขาดหายไป

หากขั้นตอนใดขาดข้อมูลหรือรายละเอียดการกำหนดค่าที่มีผลต่อการทำงาน แบนเนอร์ ตรวจสอบ จะแสดงขึ้นที่ด้านบนของขั้นตอน ให้คลิกที่ขั้นตอนเพื่อเปิดแผงการกำหนดค่าและเพิ่มข้อมูลที่ขาดหายไปเพื่อลบแบนเนอร์ ตรวจสอบ ออก เว้นแต่จะระบุว่าเป็นตัวเลือกเสริม มิฉะนั้นคุณจะต้องกรอกข้อมูลในช่องดังกล่าวให้ครบถ้วนเพื่อให้ถือว่าขั้นตอนได้รับการกำหนดค่าอย่างสมบูรณ์แล้ว

ขั้นตอนต่างๆ จะแสดงแบนเนอร์ ตรวจสอบ ด้วยเช่นกันเมื่อไม่ได้เชื่อมต่อกับขั้นตอนอื่นๆ คุณต้องเชื่อมต่อขั้นตอนดังกล่าวกับขั้นตอนอื่นในเวิร์กโฟลว์ก่อนจึงจะสามารถกำหนดค่ารายละเอียดของขั้นตอนต่อไปได้

Image of a Shopify Flow 'Add order tags' action step. The step has a blue 'Review' banner displayed, and the step description reads:

หากแบนเนอร์ ตรวจสอบ ไม่ได้รับการแก้ไขก่อนพยายามเปิดใช้งานเวิร์กโฟลว์ ขั้นตอนดังกล่าวจะแสดงเป็นข้อผิดพลาดและเวิร์กโฟลว์จะไม่เปิดใช้งาน คุณต้องแก้ไขข้อผิดพลาดในการกำหนดค่าทั้งหมดในเวิร์กโฟลว์ก่อนที่เวิร์กโฟลว์จะสามารถเปิดใช้งานได้

การใช้งานกล่องโต้ตอบเพิ่มตัวแปร

ในแผงการกำหนดค่าขั้นตอน บางช่องจะมีตัวเลือกเพิ่มตัวแปรเพื่อเพิ่มตัวแปรไปยังเนื้อหาการกำหนดค่า ชุดข้อมูลที่แสดงในกล่องโต้ตอบเพิ่มตัวแปรจะขึ้นอยู่กับข้อมูลที่ส่งคืนมาจากขั้นตอนก่อนหน้าในเวิร์กโฟลว์ ตัวอย่างเช่น โดยค่าเริ่มต้น กล่องโต้ตอบเพิ่มตัวแปรจะแสดงตัวเลือกดังต่อไปนี้

  • แถบค้นหาสำหรับค้นหาตัวแปรตามชื่อหรือคำอธิบาย
  • ชุดข้อมูลตัวแปรเริ่มต้นที่ส่งคืนมาจากทริกเกอร์ของเวิร์กโฟลว์ ซึ่งโดยทั่วไปแล้วจะมีตัวเลือกดังต่อไปนี้
    • ตัวแปร shop ซึ่งเป็นตัวแปรส่วนกลางสำหรับร้านค้า
    • ประเภทอื่นอย่างน้อย 1 ประเภท โดยอิงจากทริกเกอร์ของเวิร์กโฟลว์

Image of a Shopify Flow 'Add a variable' dialog. The example trigger displayed is the 'Order created' trigger, and the two datasets available in the dialog are 'order' and 'shop'.

อย่างไรก็ตาม หากคุณเพิ่มขั้นตอนที่ส่งคืนข้อมูลเพิ่มเติมไปยังเวิร์กโฟลว์ เช่น การดำเนินการ Get data หรือ Run code ชุดข้อมูลตัวแปรเพิ่มเติมก็จะแสดงในกล่องโต้ตอบเพื่อให้คุณเลือกสำหรับขั้นตอนใดๆ ที่ตามมาในสาขาของเวิร์กโฟลว์ ทั้งนี้เนื่องจากข้อมูลเพิ่มเติมจะพร้อมใช้งาน ณ จุดนั้นในเวิร์กโฟลว์ โดยข้อมูลล่าสุดที่ส่งคืนจะแสดงเป็นอันดับแรก

Image of a Shopify Flow 'Add a variable' dialog with additional dataset options. There are 3 available sources of data displayed: 'Run code', which returns runCode data; 'Get customer data', which returns getCustomerData data; 'Order created', which returns order and shop data.

คุณสามารถไปยังตัวแปรที่ต้องการได้โดยคลิกผ่านตัวเลือกตัวแปรต่างๆ ตัวแปรบางรายการมีตัวเลือกซ้อนกันและมีสัญลักษณ์ > เพื่อระบุว่ามีตัวเลือกย่อยในเส้นทาง API ของตัวแปรนั้น เมื่อคุณไปถึงปลายสุดของเส้นทาง API ของตัวแปรแล้ว ตัวแปรดังกล่าวจะไม่มีตัวเลือก > และจะแสดงเครื่องหมายประเภทเนื้อหาของตัวแปร เช่น String, Boolean, DateTime หรือ Int เพื่อระบุชนิดของข้อมูลที่ตัวแปรส่งคืน