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. 配置欄位儲存關係

「欄位儲存關係」處,點擊「新增」按鈕,選擇「狀態」欄位,設定狀態回填到「查看狀態」欄位中,設定完成後點擊「儲存」,如下所示:

這項資訊有幫助嗎?
需要更多協助嗎?聯繋技術支援。