SureTriggers Embed 全新功能搶先看

SureTriggers 發布了一個全新的功能 SureTriggers Embed，讓這個 WordPress 的自動化工作流外掛搖身一變，從此正式轉生成為能提供自動化工作流服務的 SaaS 工具！

聽起來有點拗口，讓我們來說明一下關於 SureTriggers 這個自動化工作流工具的背景。

作為 Sure Product 家族的產品之一，眾產品主要服務的對象都是 WordPress 的自架站者們，涉及的領域包含：

• Presto Player – 影音外掛
• SureMembers – 會員管理外掛
• SureCart – 電子商務、購物車外掛
• LatePoint – 預定管理外掛
• SureForms – 表單外掛
• SureTriggers – 自動化工作流外掛

延伸閱讀：
– 「Presto Player Review 最佳的線上影片播放解決方案」
– 「SureMembers – 輕量、對網站無負擔的內容、會員管理外掛」
– 「SureCart – 不會拖慢網站效能的 WordPress 電子商務、購物車方案」
– 「SureForms – 不只是表單外掛」

產品的涵蓋與發展的 Roadmap 可以讓人感受到官方團隊的野心，似乎也針對既有知名廠商發出了挑戰，持續推出了一些具有相同功能的外掛工具。

從 SureCart 開始帶來了 SaaS 服務的概念，將許多資料的處理、儲存都放在官方的雲端主機上，大幅減輕 WordPress 電商網站的負擔；SureTriggers 運算處理架構也同樣是在官方的雲端主機上，在此之前使用者都還需要安裝 SureTriggers 外掛到 WordPress 網站中，才能協助處理網站上各個外掛、SaaS 工具間的工作流自動化。

許多網站架設、設計公司 (Agency) 也持續詢問官方團隊未來是否有辦法讓客戶直接使用公司帳號的額度，因為目前在同一個帳號下是會看到所有的「工作流」的，亦或是有其他更方便的方式協助客戶建立自動化工作流。

SureTriggers Embed

SureTriggers Embed 的發布改變了這一切，透過將 SureTriggers 功能嵌入到客戶網站的頁面中：

1. 客戶可以直接在網頁上創建、維護工作流
2. 客戶只會看到自己創建的工作流
3. 運算處理都由 SureTriggers 的雲端主機負責
4. 不再需要安裝 SureTriggers 外掛
5. 不限於 WordPress 網站使用

嵌入 SureTriggers 的頁面可以使用 SureMembers 或其他權限管理外掛保護起來，只讓管理者有權限可以存取。

這終於能夠符合 Agency 服務客戶所需要的要求了。

設定也相當便利，只需要簡單的幾個步驟就可以將 SureTriggers 嵌入到網站中。

登入 SureTriggers 帳號

首先，登入 SureTriggers 帳號後，點擊右上角的帳號圖示。

打開選單後，點擊 Manage Embedding 進入設定頁面。

SureTrigger Embedding 設定

設定頁面中的第一個部分就是整合功能的「設定」，在這裡我們要選取需要進行工作流自動化的外掛、SaaS 工具或服務平台。

服務決定後，從 Event 清單中挑選「觸發事件」。

當然，我們也可以借助 (參考) 系統推薦的 Recipes 處方來規劃工作流。

接著替這個服務的工作流取一個代號，可以用來辨識不同客戶網站上嵌入的不同服務的代號；並且自訂嵌入網頁的 iFrame ID (使用 div 嵌入)。

SureTrigger Embedding 自訂外觀

嵌入客戶網站後，為了能夠顯示 Agency 服務的品牌形象，SureTriggers 提供了自訂品牌色的功能。

SureTrigger Embedding 產生代碼 & 嵌入網頁

嵌入碼分為三部分。

第一部分為嵌入 SureTriggers 提供的 JS 代碼。

<script src="https://app.suretriggers.com/js/v2/embed.js"></script>

第二部分則是嵌入網頁的容器，使用 Custom HTML 區塊並將代碼貼上即可。

<div id="suretriggers-iframe-wrapper" style="height:50vh; width:100vw;"></div>

第三部分就是實際上與 SureTriggers 主機溝通的 JS 代碼了，可以看到我們在前面章節設定的內容。

SureTriggers.init({
    st_embed_url: "https://app.suretriggers.com/embed-login",
    client_id: "xxxx",
    embedded_identifier: "test1",
    target: "suretriggers-iframe-wrapper",
    integration: "SureForms",
    integration_display_name: "SureForms",
    event: {
        value: "sureforms_form_submitted",
        label: "Form Submitted",
        description: "Runs when a form is submitted",
    },
    summary: "Create new workflow",
    configure_trigger: true,
    show_recipes: true,
    style: {
        button: {
            background: "#1E3B8A",
        },
        icon: {
            color: "#1E3B8A",
        },
    },
});

完成

這樣就完成 SureTriggers 的嵌入設定了，是不是很快！

接下來就可以在客戶網站上將自動化工作流設定完成，客戶也能夠在權限設定範圍內自行設定、管理網站上的工作流了。

提醒：待 Agency 將工作流設定完成後，客戶還是需要創建自己的免費、付費帳號才能進行管理。當然，Agency 也可以在公司帳號中管理客戶的自動化工作流。

結語

以往在 Sure Product 家族的產品中我們比較少談論到 SureTriggers，一方面是進入障礙較高一些，使用者需要對各種外掛、SaaS 工具、服務平台有基本的熟悉程度，才能夠知道要如何將這些服務「整合」銜接出工作流，進一步協助完成我們日常所需的工作。

一旦將工作流 Workflows 規劃完成、開始運作之後，那心中的輕鬆與快樂真的是難以言喻。

如果大家在網站的運作上、日常業務的處理上有大量、重複的工作量，不彷可以試試看是否能將這些重複性高的工作自動化，如果需要諮詢服務，也歡迎與我聯繫唷！

SureTriggers 目前有提供終生授權方案 LTD 可以減輕站長們自動化工作流的費用，不僅如此，現在還有隱藏的優惠，購買 SureForms 還能以特惠價格加購 SureTriggers 唷！(SureForms 目前也正在初次發售的超特惠折扣中)

延伸閱讀 –「SureForms – 不只是表單外掛」