WordPress怎么加商品詢盤按鈕，詳細(xì)教程

來自：素雅營銷研究院

方知筆記

2025年06月05日 21:57

在WordPress網(wǎng)站上添加商品詢盤按鈕可以幫助訪客快速聯(lián)系商家，提高轉(zhuǎn)化率。無論是電商網(wǎng)站還是展示型網(wǎng)站，詢盤功能都能有效促進(jìn)客戶溝通。本文將詳細(xì)介紹如何在WordPress中添加商品詢盤按鈕。

方法一：使用插件添加詢盤按鈕

1. 安裝詢盤表單插件

推薦使用 Contact Form 7 或 WPForms 這類表單插件來創(chuàng)建詢盤按鈕。

步驟：

進(jìn)入WordPress后臺 → 插件 → 安裝插件。
搜索 Contact Form 7 或 WPForms，安裝并激活。
在插件設(shè)置中創(chuàng)建新的詢盤表單，設(shè)置字段（如姓名、郵箱、電話、商品信息等）。

2. 在商品頁面添加詢盤按鈕

使用短代碼或區(qū)塊編輯器將表單嵌入商品頁面。
例如，在 Contact Form 7 中生成短代碼 [contact-form-7 id="123" title="詢盤表單"]，然后粘貼到商品描述或自定義HTML模塊中。

方法二：手動添加詢盤按鈕（代碼方式）

如果不想使用插件，可以通過代碼方式添加詢盤按鈕：

1. 在主題文件中添加按鈕

編輯主題的 single-product.php（適用于WooCommerce）或文章模板文件，在合適位置插入以下代碼：

<a href="#enquiry-form" class="enquiry-button">點(diǎn)擊詢盤</a>

2. 添加詢盤彈窗或表單

在頁面底部或通過JavaScript創(chuàng)建彈窗表單：

<div id="enquiry-form" style="display:none;">
<form action="" method="post">
<input type="text" name="name" placeholder="您的姓名" required>
<input type="email" name="email" placeholder="郵箱" required>
<textarea name="message" placeholder="咨詢內(nèi)容"></textarea>
<button type="submit">提交詢盤</button>
</form>
</div>

3. 使用CSS美化按鈕

在主題的 style.css 中添加樣式：

.enquiry-button {
display: inline-block;
padding: 10px 20px;
background-color: #0073aa;
color: white;
text-decoration: none;
border-radius: 5px;
margin: 10px 0;
}
.enquiry-button:hover {
background-color: #005177;
}