<div class="support-note primary">
注意： <a href="https://www.pipedrive.com/en/features/web-forms">網頁表單</a> 功能是 LeadBooster 附加元件的一部分。網頁表單的設置僅對擁有交易管理員權限的用戶可用。 網站表格設定僅適用於啟用了交易管理員權限的使用者。</div>
Pipedrive <a href="https://www.pipedrive.com/en/features/web-forms">網頁表單</a> 允許您為您的網站創建個性化的可嵌入表單，以收集網站訪問者的信息並將其引導到 Pipedrive 作為交易或潛在客戶。
<figure><img class="vidyard-player-embed" src="https://play.vidyard.com/j8fQEVKFqdiCfo4gCWg9WE.jpg" alt=""></figure>
<hr>
<h2 style="text-align: justify">
<a name="建立網頁表單"></a>建立網頁表單</h2>
<div class="support-note success primary">注意：如果您從未使用過網頁表單，請選擇"嘗試網頁表單"來使用此功能。</div>
要建立網頁表單，請前往潛在客戶 &gt; 網頁表單 &gt; “新建網頁表單。” 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%207.jpg" alt=""></figure>
選擇一個起始模板並點擊“建立表單。”
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%201.jpg" alt=""></figure>
<hr>
<a name="C2IamCs"></a>
<h2 dir="ltr" style="text-align: justify">表单编辑器<a name="表单编辑器"></a></h2>
表單編輯器是您構建和自定義網頁表單的地方。您可以根據要收集的信息添加不同的區塊。 您可以根據想收集的資訊新增不同區塊。 
介绍块对于所有网页表单都是必需的。要编辑一个块，单击铅笔图标以展开该块。 要編輯區塊，請點擊鉛筆圖示以展開區塊。
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/Screen%20Capture%20on%202023-07-03%20at%2011-19-01.gif" alt=""></figure>
要添加新區塊，將鼠標懸停在表單編輯器上，然後點擊您希望在表單中加入下一區塊的位置的“+”
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%202.jpg" alt=""></figure>
<hr>
<h2 dir="ltr" style="text-align: justify">區塊類型<a name="區塊類型"></a></h2>
您可以使用兩種區塊類型：輸入欄位 或 訊息。
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%203.jpg" alt=""></figure>
輸入欄位 
<div dir="ltr" style="text-align: justify" class="support-note success primary">注意： “必填”框僅在單選自訂欄位或只有一個可用輸入的多選自訂欄位中出現。 </div>
此區塊類型可讓您從網站訪客蒐集資訊，例如姓名、電話號碼、電子郵件地址、行銷狀態以及帳號中各種<a href="https://support.pipedrive.com/hc/en/articles/207228075-Custom-Fields" target="_blank">自訂欄位</a>。 您也可以使用「必填」方框決定此區塊是否需填寫。
目前，我們的網頁表單支援以下自訂欄位類型：
<ul><li dir="ltr">文字</li><li dir="ltr">大文字</li><li dir="ltr">單選</li><li dir="ltr">多選</li><li dir="ltr">日期</li><li dir="ltr">地址</li><li dir="ltr">金額</li><li dir="ltr">數字</li><li dir="ltr">電話</li></ul>
<div>還有附件輸入欄位，允許您在網頁表單中添加檔案上傳： </div>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%204.jpg" alt=""></figure>
訊息
另一種區塊類型是訊息，使用者可以在表單中添加文字。
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%205.jpg" alt=""></figure>
您表單中的最後一個區塊是提交按鈕，這是必填的。此區塊讓您選擇按鈕上的文字以及表單是否受到垃圾郵件保護。 此區塊可讓您選擇按鈕上的文字，以及表單是否受垃圾郵件防護。 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%206.jpg" alt=""></figure>
<div dir="ltr" style="text-align: justify" class="support-note success primary">注意：當垃圾郵件保護啟用時，我們使用最新版本的reCAPTCHA。欲了解有關reCAPTCHA的更多資訊，請訪問他們的<a href="https://www.google.com/recaptcha/intro/v3.html">網站</a>。 如需 reCAPTCHA 的更多資訊，請造訪其<a href="https://www.google.com/recaptcha/intro/v3.html">網站</a>。</div>
<hr>
<h2 dir="ltr" style="text-align: justify">樣式<a name="樣式"></a></h2>
<div dir="ltr" style="text-align: justify" class="support-note success primary">注意：右側的預覽窗口反映了編輯時所做的更改，因此您可以看到您的網頁表單在回應者眼中的樣子。 </div>
樣式部分讓您以四種不同的方式自定義網頁表單的外觀。 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2012.jpg" alt=""></figure>
顏色和背景
您可以選擇背景、前景、提交按鈕和標籤的顏色。 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%208.jpg" alt=""></figure>
<div dir="ltr" class="support-note success primary">注意：使用下拉框選擇自定義顏色。</div>
 
字體 
在數十種自定義字體中進行選擇，並調整字母的大小和粗細。
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%209.jpg" alt=""></figure>
表單樣式 
您還可以選擇表單樣式，包括網頁表單輸入框的大小、形狀和位置：
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2010-2.jpg" alt=""></figure>
身份和品牌 
最后，向您的网络表单添加图像，并切换Pipedrive品牌。
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2011.jpg" alt=""></figure>
<div dir="ltr" class="support-note success primary">注意：圖片大小要求根據圖片放置的位置而有所不同。圖片僅在通過共享鏈接（獨立）直接發送網頁表單時顯示，而不在嵌入到網頁中時顯示。 僅當網站表格以共享連結（獨立模式）直接發送時，圖像才會顯示，嵌入網頁則不會顯示。</div>
<hr>
<a name="C5IamCs"></a>
<h2 style="text-align: justify">提交選項<a name="提交選項"></a></h2>
接下來，您將選擇如何將您的網頁表單用戶的提交輸入到您的 Pipedrive 帳戶中。 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2013.jpg" alt=""></figure>
您可以選擇數據如何保存到您的帳戶、提交後發送的感謝信息，以及您是否希望將他們重定向到另一個網站。 
<hr>
<h2 style="text-align: justify">分享和嵌入<a name="分享和嵌入"></a></h2>
您有兩個選擇來分享您的網頁表單鏈接：作為鏈接分享或在您的網站上嵌入表單。
點擊“複製到剪貼板”在任一部分下以獲取您的網頁表單鏈接。 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2014.jpg" alt=""></figure>
您可以將作為鏈接分享的URL直接發送給您的客戶以便他們提交，或者按照您選擇的網站下的步驟將URL粘貼到您的網頁中。 
<hr>
<a name="C6IamCs"></a>
<h2 style="text-align: justify">網頁表單的同意欄位<a name="網頁表單的同意欄位"></a></h2>
<div style="text-align: justify" class="support-note success primary">注意：以下描述的步驟需要一個單選自訂欄位；您可以在<a href="https://support.pipedrive.com/article/custom-fields" target="_blank" rel="noreferrer noopener">這篇文章</a>中學習如何創建一個。 </div>
Pipedrive 沒有預設的同意欄位供您的網頁表單使用，但有一個變通方法可以讓您創建一個複選框，讓您的聯絡人標記他們的同意。 
<ol><li>創建一個單選自訂欄位，選項為是和否</li><li>在您的提交區塊中選擇此輸入欄位</li><li>勾選“必填”框 </li></ol>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2015.jpg" alt=""></figure>
現在客戶若未填寫此區塊，將無法提交其網站表格回覆。 
<div style="text-align: justify" class="support-note success primary">注意：要了解更多有關 Pipedrive 和 GDPR 的信息，請查看<a href="https://support.pipedrive.com/hc/zh-hant/articles/360000335129-Pipedrive-and-GDPR" target="_blank" rel="noreferrer noopener">這篇文章。</a></div>

Web Forms

建立網頁表單

表单编辑器

區塊類型

樣式

提交選項

分享和嵌入

網頁表單的同意欄位

網頁表單

<div class="support-note success primary">註意： 此頁面僅供擁有Web Forms付費附加功能的管理員使用。</div>
在您分享或嵌入您的Web Form之後，您將能夠監控其性能和狀態。
了解更多關於<a href="https://www.pipedrive.com/zh-tw/features/web-forms">Web Forms</a>
<figure><img src="https://kb-cms.pipedriveassets.com/Screen%20Shot%202021-06-11%20at%204.00.31%20PM.png" alt="web表单性能"></figure>
<ul><li>Viewed – Web form被查看的次數</li><li>Interacted – 觀看者與您的Web Form互動的次數。在這種情況下，互動是指在表單字段中輸入內容但未提交。 在此情況下，互動指的是在表單欄位中輸入了內容但未提交的情況。 </li><li>Submitted –完整提交的次數</li><li>Conversion –結果提交的次數佔查看次數的百分比</li><li>狀態– 啟用或停用。 Status– 啟用或停用。如果停用您的Web Form，它將顯示在“Inactive Web Forms”下，並對觀眾顯示為失效的鏈接。 </li></ul>
如果您點擊每個Web Form旁邊的“...”按鈕，您可以編輯、分享和嵌入、停用、複製和刪除Web Form。

Web Forms: performance and status

Web Forms: 效能和狀態

<div class="support-note success primary">註記：這些操作僅對具有啟用正確權限的全域管理員使用者和一般使用者開放。 注意：这些操作仅适用于全局管理员用户和启用了正确权限的普通用户。要在您的帐户中使用网络表单，您必须在订阅中具有<a href="https://support.pipedrive.com/article/leadbooster-add-on" target="_blank" rel="noreferrer noopener">LeadBooster</a>。 </div>
GDPR 法律於 2018 年實施，對銷售和行銷公司產生了重大影響，特別是潛在客戶開發、開發業務及電子商務等方面。 您可以在<a href="https://www.pipedrive.com/en/blog/gdpr-compliance" target="_blank" rel="noreferrer noopener">這篇部落格文章</a>中了解更多有關您的銷售團隊如何遵循 GDPR 的資訊。
在 Pipedrive 中，我們有 <a href="https://support.pipedrive.com/article/web-forms">網站表格</a> 功能，是從您的網站獲取潛在客戶最有價值的工具之一。 然而，作為資訊的控管者，且根據您所收集的資料，您應該告知您的客戶何時及如何處理他們的資訊，以確保遵循 GDPR 要求。
了解更多關於 <a href="https://www.pipedrive.com/en/features/web-forms">Web Forms</a>
<hr>
<h2 style="text-align: justify"><a name="自訂欄位設定"></a>自訂欄位設定</h2>
第一步是考慮客戶需要什麼。例如: 例如：
<ul><li>我已閱讀隱私政策。</li><li>我接受条款和条件。</li><li>我想訂閱電子報。</li></ul>
您需要的每個授權都需要一個<a href="https://support.pipedrive.com/article/custom-fields" target="_blank" rel="noreferrer noopener">自訂欄位</a>來獲得，我們建議創建人員自訂欄位，因為您需要從人員那裡獲得權限。
<div class="support-note success primary">注意: 您需要的<a href="https://support.pipedrive.com/article/what-types-of-custom-fields-are-there" target="_blank" rel="noreferrer noopener">自訂欄位類型</a>取決於您清單上可見的選項。單選項目欄位必須有兩個或更多選項才能在網頁表單區塊中使用（例如“是”和“否”）。要添加僅具有一個選項（例如“是”）的區塊，請改用多選選項欄位。 單選欄位必須包含兩個或以上選項，才能用於網站表格區塊（例如「是」和「否」）。若要新增僅有一個選項（例如「是」）的區塊，請改用多選欄位。 </div>
隱私政策
對於隱私政策，請創建一個多選選項欄位，並相應地命名，選項為是和（如果適用）否。
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%201.jpg" alt=""></figure>
条款和条件
對於條款和條件，請創建一個多選選項欄位，並相應地命名，選項為是和（如果適用）否。 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%203.jpg" alt=""></figure>
通訊 
由於通訊訂閱不是強制性的，您可以使用一個單選選項欄位，將其相應命名，並添加選項是和否。 
<figure><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%202.jpg" alt=""></figure>
創建完自訂字段後，即可設置您的網頁表單。
<hr>
<h2 style="text-align: justify"><a name="網頁表單設置"></a>網頁表單設置</h2>
前往“Leads &gt; Web Forms &gt; “表單編輯器,” 然後使用提交按鈕上方的“+” 添加您的區塊。
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%207.jpg" alt=""></figure>
隱私政策/條款與條件 

在创建网络表单模块时，请记住以下几点：
<ul><li>使用輸入欄區塊</li><li>在右側的輸入欄位 下拉選單中選擇您創建的自訂欄位</li><li>醒目標示您的文本，使用“連結” 選項為任何文檔添加超鏈接 </li><li>如果您希望填寫表單時僅有一個選項可用（例如“是”），請使用自定義可見度 </li><li>勾選必填框，以確保問題不能被跳過</li></ul>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%204.jpg" alt=""></figure>
通訊新聞 
<div class="support-note success primary">注意： 與隱私聲明和使用條款不同，用戶不需要接受或訂閱您的通訊新聞。 </div>
您的通訊新聞區塊與其他區塊之間唯一的重要區別是您無需同意即可發送它，因此無需將可用提交選項限制為一個。 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%205.jpg" alt=""></figure>
在將區塊添加到網頁表單後，點擊屏幕右上角的“保存”：
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%206.jpg" alt=""></figure>
您可以查看我們的<a href="https://support.pipedrive.com/article/web-forms" target="_blank" rel="noreferrer noopener">有關網頁表單的文章</a>來了解如何配置它們。

How can I create a web form that is GDPR compliant?

自訂欄位設定

網頁表單設置

我如何創建一個符合GDPR的網頁表單？

知識庫

網頁表單

有任何疑問嗎？