註冊後，請造訪此頁面以取得您的 JavaScript 程式碼片段。
找到“JavaScript snippet”並將程式碼複製到剪貼簿。我們的看起來像這樣：
3）建立一個基本的HTML表單
為了演示，我們將建立一個僅包含 3 個欄位的基本 HTML 表單：
這是 HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Form</title>
</head>
<body>
<h1>Simple Form</h1>
<form action="submit_form.php" method="post">
<label for="first_name">First Name:</label>
<input type="text" id="first_name" name="first_name" required><br><br>
<label for="surname">Surname:</label>
<input type="text" id="surname" name="surname" required><br><br>
<label for="phone_number">Phone Number:</label>
<input type="tel" id="phone_number" name="phone_number" pattern="^\d{10}$" required><br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
4) 將 JavaScript 片段貼到您的 HTML 文件中
現在，將 JavaScript 程式碼片段貼到標籤之前
在我們的範例中如下所示：
5）報告敏感字段
準備好腳本後，將「tf-sensitive」屬性新增至您不希望出現在憑證中的任何敏感欄位。
若要標記敏感字段，請新增帶有「data-tf-sensitive='true'」屬性的屬性。
這是我們表單中的樣子，使電話欄位被視為敏感：
6) 檢查表單以驗證隱藏欄位是否正確生成
如果正確實施，TrustedForm 程式碼段應自動向我們的表單新增 2 個隱藏欄位：「xxTrustedFormCertUrl」和「xxTrustedFormPingUrl」。
使用 Chrome 開發人員工具檢查表單並驗證其建立是否正確：
7) 確保後端保存TrustedForm的隱藏字段
到目前為止，我們已經成功使用 TrustedForm 腳本產生隱藏欄位並將資料與表單資料一起發送，但我們還需要確保它與潛在客戶資訊一起保存。
此過程將根據您的後端而有很大差異，但我們在下面提供了一個 PHP 範例，用於保存上述欄位和其他隱藏的 TrustedForm 欄位：
<?php
$servername = "localhost";
$username = "your_database_username";
$password = "your_database_password";
$dbname = "your_database_name";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
// Get form data
$first_name = $POST['first_name'];
$surname = $POST['surname'];
$phone_number = $POST['phone_number'];
$xxTrustedFormCertUrl = $POST['xxTrustedFormCertUrl'];
$xxTrustedFormPingUrl = $_POST['xxTrustedFormPingUrl'];
// Insert form data into the MySQL database
$sql = "INSERT INTO form_data (first_name, surname, phone_number, xxTrustedFormCertUrl, xxTrustedFormPingUrl)
VALUES ('$first_name', '$surname', '$phone_number', '$xxTrustedFormCertUrl', '$xxTrustedFormPingUrl')";
if ($conn->query($sql) === TRUE) {
echo "New record created successfully";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
// Close the connection
$conn->close();
?>
[簡單] – 如何使用 Growform 表單產生器頒發 TrustedForm 證書
Growform 是一個線上表單產生器，專門用於產生更多潛在客戶。它被潛在客戶開發專業人員用來輕鬆建立有吸引力的表單，並包括一鍵式 TrustedForm 整合。
若要查看最終 加拿大电话号码格式 結果，請查看我們的TrustedForm 示範表單。
若要將 TrustedForm 與 Growform 結合使用：
1) 註冊TrustedForm認證帳戶
您需要在此註冊 TrustedForm Certify 帳戶。這將允許您驗證聯絡人。
由於這是一個 ActiveProspect 產品，因此您需要建立一個 ActiveProspect 帳戶，但它是免費的。
2）註冊Growform帳戶
在此建立一個 Growform 帳戶。無需信用卡即可免費試用 14 天。
3）建立表格
若要建立簡單的表單，請按「建立新表單」並選擇一個範本（空白範本是一個很好的起點）。
使用表單產生器很簡單，但如果您需要更多協助，可以在此處取得文件。
3) 啟用 TrustedForm 集成
要在 Growform 中啟用 TrustedForm 集成，請前往“編輯表單設定”，然後前往“追蹤和標記”標籤。找到“TrustedForm”並啟動它。
確保按“儲存表單設定”。