Page Popup 外掛
簡介
外掛簡介
Page Popup 外掛能夠實現,當使用者在外掛配置中配置好連結地址後,在進行表單填寫時,能夠在填寫頁面以彈窗的形式打開對應的連結內容。
應用場景
適用於需要透過查看其他內容來確認資訊,從而進行表單填寫的場景。
- 如人事填寫招聘計劃時,可在表單頁面透過查看儀表板彈窗,確認各部門的當前人力需求;
- 在簽署協議時,可在簽署頁面中透過查看知識庫文件彈窗,瞭解協議的具體內容;
- 在填寫活動報名表中,可在報名頁面中透過查看錶單彈窗,查看活動詳細資訊。
預期效果
1. 以物資採購資訊為例,根據物資看板來確認採購數量,彈窗效果如下所示:
2. 以物資採購資訊為例,根據物資看板來確認採購數量,新標籤頁打開效果如下所示:
使用說明
該外掛為免費外掛,付費版使用者可免費使用。
外掛安裝及配置
安裝外掛
1. 直接安裝
- 您可點擊右方連結直接安裝外掛:Page Popup 外掛安裝。
- 安裝成功後,可參考本文【啟用外掛】,前往「開放平台 > 外掛管理」處配置並啟用外掛。
2. 外掛市場安裝
在Jodoo「外掛市場」處,安裝「Page Popup」外掛。外掛市場處安裝方法可參見文件:外掛市場中【2.3 外掛安裝】。
啟用外掛
在外掛管理中,打開「Page Popup」外掛右側開關,啟用外掛。
表單搭建
1. 以物資採購資訊填寫為例,新建「物資採購資訊」表單,欄位設定如下:
欄位說明 | 欄位名稱 | 欄位類型 |
物資庫存資訊 | 物資儀表板 | 按鈕 |
查看狀態 | 單行文字 | |
物資採購資訊 | 物品類型 | 下拉單選 |
物品名稱 | 單行文字 | |
單位 | ||
採購數量 | 數字 |
2. 點擊「查看狀態」,在「欄位屬性 > 欄位權限」處,取消勾選「可編輯」權限。
前端事件配置
新增前端事件
進入「表單屬性」,點擊前端事件下的「設定」,新增前端事件:
設定事件名稱和說明
新增好前端事件後,首先設定前端事件的基礎資訊,即事件名稱和說明,用於區分前端事件:
設定觸發動作
設定觸發動作:由於表單中新增了按鈕欄位,點擊按鈕後才觸發前端事件執行,故觸發欄位選擇按鈕對應的「物資儀表板」欄位。
設定執行動作
頁面彈窗外掛,可根據企業需求選擇「Open in a popup window」或者「Open on a new page」。不同的選擇所需配置的執行動作有所不同,具體配置項如下所示:
1. 執行動作配置項
a. 若選擇「Open in a popup window」,設定執行動作如下所示:
- 選擇外掛:選擇「Page Popup > Open in a popup window」外掛;
- 彈窗標題:設定為自訂,填寫彈窗的標題,如「物資統計看板」;
- 彈窗連結:設定為自訂,填寫彈窗的 URL 連結,如對應的物資統計看板的 URL 連結;
- 打開彈窗內狀態回寫內容:設定為自訂,填寫彈窗打開後的狀態內容,如「完成」、「已查看」。
b. 若選擇「Open on a new page」,設定執行動作如下所示:
- 選擇外掛:選擇「Page Popup > Open on a new page」外掛;
- 連結:設定為自訂,填寫新標籤頁的 URL 連結,如對應的物資統計看板的 URL 連結;
- 打開連結後狀態回寫內容:設定為自訂,填寫彈窗打開後的狀態內容,如「完成」、「已查看」。
附註:
連結應使用完整連結地址,如:https://help.jodoo.com;
推薦使用 https 連結,因為部分瀏覽器禁止在 https 內容頁引用 http;
所填連結需要允許 iframe 嵌入展示,如果不確定所用 URL 是否支援,可諮詢 URL 所屬平台。
當出現連接失敗、白屏、404報錯時,請先排查上述情況。
2. 配置欄位儲存關係
在「欄位儲存關係」處,點擊「新增」按鈕,選擇「狀態」欄位,設定狀態回填到「查看狀態」欄位中,設定完成後點擊「儲存」,如下所示: