網站彈窗工具

工具Bespark CRM 提供彈窗插件程式碼，電商商家可透過GTM將插件安裝在網站中

下面將介紹如何設定彈窗＆將彈窗安裝至電商官網：

• 設定彈窗樣式

• 彈窗安裝前置作業

• 將彈窗安裝到官網上

設定彈窗樣式

Step 1. 新增URL（必填） 輸入彈窗導流的網址，格式請務必使用https://作為網址開頭，以免網站導流出現錯誤

Step 2. 設定彈窗出現概率 設定彈窗出現在官網的頻率（關掉彈窗後，彈窗再次出現的時間）

Step 3. 上傳彈窗圖片 圖片可接受的檔案格式為jpg、png（圖片尺寸不限，檔案大小上限為500KB）

Step 4. 設定彈窗背景顏色 設定彈窗想要的背景顏色，也可參照下圖設定成透明背景（色票代碼：#ffffff00）

Step 5. 設定彈窗在網頁上的位置 設定彈窗出現在網頁的位置，系統預設彈窗出現位置在網頁左下方

Step 6. 透過預覽彈窗確認樣式設定 上述彈窗設定完成後，可透過預覽視窗確認彈窗樣式是否符合預期。若想要保存這次的彈窗設定，可以點選右上角「儲存」按鍵。

點選「儲存」按鈕可以保存當前的彈窗設定，以便日後微調彈窗設定時不必重新上傳圖片、URL等。若未保存當前設定，也不會影響彈窗安裝到官網上的效果。

Step 7. 複製程式碼 若確認彈窗樣式已設定完成，即點選最下方的「複製程式碼」按鈕，前往Google Tag Management安裝設定好樣式的彈窗。若您從未使用過Google Tag Management在將彈窗正式安裝到官網前，請務必參閱「彈窗安裝前置作業」，確保您的官網環境設定已完成。