Divi 插件亮點：簡單的疊加解決方案

Simple Overlay Solution 是 Divi 的第三方插件，可以使用 Divi Builder 輕鬆創建全屏覆蓋、彈出窗口和大型菜單。 向任何頁面添加多個疊加層。 在單擊或自動定時延遲觸發器、淺色或深色加載器以及淺色或深色背景之間進行選擇。 設置關閉按鈕的樣式，或使用 Divi Builder 創建您自己的背景和按鈕。 每個疊加層都有一個 30 天的 cookie。

簡單的疊加解決方案

正常上傳並激活插件。 然後，您需要激活許可證。 在儀表板菜單中，轉到設置> Divi SOS 激活並輸入您的 API 密鑰和電子郵件。

導入 SOS 樣本

SOS 插件附帶了一組演示作為 JSON 文件，您可以將其導入 SOS 庫。 首先，解壓縮下載文件以訪問 JSON 文件。 這些非常有助於您入門。

在儀表板菜單中，轉到Divi > SOS 。 選擇導入和導出。

像任何佈局一樣導入 JSON 文件。

您現在在 SOS 庫中有 5 個演示。 您可以在開發人員的網站上查看演示。

創建 SOS 佈局

SOS 佈局也在 SOS 庫中創建。 轉到庫並單擊Add New 。

將佈局命名為對您有意義的名稱。 為佈局類型選擇佈局。

為類別選擇SOS 佈局。

我選擇了一個預製佈局，然後從度假村佈局包中選擇了聯繫頁面。 右側（或底部，如果您使用可視模式查看）是佈局設置。 這為您提供了佈局的 HREF 代碼，以便您可以在任何頁面（允許 URL 的任何位置）上觸發它。 這是您將用於按鈕、文本等的鏈接，以觸發覆蓋。

您還可以讓它自動顯示（這會打開時間設置並啟用 cookie，以便它知道訪問者已經看到了覆蓋或彈出窗口）。 將過渡設置為淡入淡出、滑動或無。 選擇淺色、深色或無背景。 選擇淺色或深色裝載機顏色。 選擇是否顯示關閉按鈕。 您可以設置按鈕及其背景的樣式。

裝載機可以是淺色或深色。 這是淺色背景上的深色裝載機。

SOS 覆蓋示例

我正在創建一個疊加層，當訪問者單擊“預訂您的逍遙遊”按鈕時，它將顯示預訂信息。 將鏈接添加到您的按鈕 URL 以觸發覆蓋。

我將該部分的背景設置為透明，在 SOS 設置中選擇淺色背景，並自定義佈局以僅使用其中一個部分。 單擊“預訂您的逍遙遊”按鈕可打開預訂住宿的部分。 背景包括白色覆蓋。 我還添加了關閉按鈕並對其進行了樣式設置以匹配佈局。 佈局放置在屏幕頂部並佔據整個寬度。 這可以通過填充進行自定義。

我在該部分的頂部添加了一點填充。 我還禁用了背景，所以我可以用 Divi Builder 控制它。

對於這個，我使用相同佈局的聯繫表。 這一次，我在底行添加了一個框陰影，這樣它就會從疊加的背景中脫穎而出。

我將鏈​​接添加到與第一個疊加層位於同一頁面上的按鈕上（您可以添加任意數量的按鈕）。 當他們單擊“向我們發送消息”按鈕時，會打開一個聯繫表單。

結果看起來很有趣。 我沒有為此添加關閉按鈕。 訪問者可以單擊表單外的任意位置來關閉覆蓋層。 我在行中添加了一個背景並設置了不透明度，所以只有一點背景顯示出來。

這個使用了投資公司佈局中的一個部分。 我想創建一個帶有號召性用語的彈出窗口。 我已將其設置為以 1000 毫秒的延遲自動顯示。 自動顯示時，您無需在任何地方添加鏈接。 它會自動顯示在每一頁上。 我還將 cookie 設置為每 30 天僅顯示一次彈出窗口。

頁面加載後 1 秒顯示彈出窗口。 這會創建一個 CTA 作為彈出窗口，並且它只會每 30 天顯示一次。 你無法在這張圖片中分辨出來，但我也給了它一個視差背景，只是因為。 這使您可以像使用任何頁面設計一樣在彈出窗口中發揮創意。

我將關閉選項從右上角的按鈕移動到使用 Divi Builder 創建的按鈕。 我從佈局中克隆了按鈕，更改了文本，並將關閉鏈接添加到 URL。

結果是一個乾淨的設計，非常適合作為 CTA。

我回到設計並添加了一個新背景和一個打開另一個頁面的按鈕。

為此，我創建了一個基於電子競技佈局的時事通訊彈出窗口。 我已將彈出窗口設置為 30 秒後自動打開。 背景設置為深色，加載器設置為淺色。 我還將使用佈局中的顏色包含一個關閉按鈕。

訂閱彈出窗口看起來很棒並且非常適合網站的設計，因為它實際上來自網站的設計。 我喜歡它可以使用常規的 Divi 佈局來創建彈出窗口。

超級菜單

您還可以使用 SOS 創建超級菜單。 創建一個自定義鏈接作為菜單項，然後將覆蓋的鏈接添加到菜單項的 URL。

我已將覆蓋添加到滑入式菜單中的“關於”鏈接。 如果需要，您可以為菜單中的每個鏈接設置不同的疊加層，它們可以是您可以使用 Divi 構建的任何內容。

簡單疊加解決方案價格

SOS 有兩個許可證。 兩者都有一次性費用，包括終身更新。

• 1 個網站和 1 個開發網站——25 美元
• 無限網站 – 45 美元

您可以從開發者的網站購買 SOS。

結束的想法

簡單疊加解決方案易於使用。 控件簡單直觀。 構建疊加層與使用 Divi 構建頁面幾乎相同。 如果您可以使用 Divi Builder，則可以使用 SOS。 由於未預加載疊加層，因此 Divi 頁面加載速度很快。 疊加層和彈出窗口加載速度也很快。

我喜歡它有一個餅乾。 這使您可以對彈出窗口進行一些控制，這樣同一個訪問者就不必每次訪問網站時都看到優惠。 我相信這並不容易，但我想看看一些 cookie 選項。 例如，可以將其設置為每周顯示一次、每天一次、每月兩次等。一些加載程序選項也不錯。 也許不同的選擇和顏色定制。 我還希望能夠從顯示自動疊加層中排除頁面。

我喜歡常規的 Divi 按鈕可用於關閉按鈕。 這開闢了許多設計可能性，您不僅限於使用內置按鈕。 如果您確實想使用該按鈕，它確實有很多顏色選項。

SOS 是一個簡單的插件推薦。 如果您對使用 Divi Builder 創建疊加層、彈出窗口和大型菜單的簡單方法感興趣，簡單疊加解決方案 (SOS) 可能是您需要的插件。

我們希望聽到您的意見。 您是否嘗試過 Simple Overlay Solution 插件來創建疊加層和彈出窗口？ 請在評論中告訴我們您對此的看法。

精選圖片來自 Bakhtiar Zein / shutterstock.com