有朋友问，用wordpress+woocommerce搭建的独立站，如何在产品“购买”按钮后面添加一个“联系”按钮，客户直接点击联系按钮就可以和我们取得联系了。废话不多说，直接开始教程：
如上图，在“立即购买”按钮后面添加了一个“了解更多”的按钮，按钮上的文本是可以自定义的，既可以叫“了解更多”，也可以叫“联系我们”，反正你可以自己写。
在网站后台的左边导航中，找到“Snippets”，鼠标放上去后，在弹出的菜单中选择“Add New”点击。如下图：
在打开的页面中如下那样填写：
上面用到的代码如下：
/**
* WooCommerce 产品页 购买按钮后追加自定义按钮
* 适配 Astra 主题，样式原生一致
*/
add_action( 'woocommerce_after_add_to_cart_button', 'custom_extra_product_button' );
function custom_extra_product_button() {
// ========== 在这里修改配置 ==========
$btn_text = '了解更多'; // 按钮文字
$btn_link = 'https://work.weixin.qq.com/ca/caw111cdecba2c9fe743d'; // 自定义链接
$new_tab = true; // true=新标签打开，false=当前页
// ===================================
$target = $new_tab ? 'target="_blank" rel="noopener noreferrer"' : '';
?>
<a
href="<?php echo esc_url( $btn_link ); ?>"
class="single_add_to_cart_button button alt"
<?php echo $target; ?>
style="margin-left: 8px;"
>
<?php echo esc_html( $btn_text ); ?>
</a>
<?php
}上面代码中，两个地方需要修改：
$btn_text = '了解更多'; // 按钮文字
$btn_link = 'https://work.weixin.qq.com/ca/caw111cdecba2c9fe743d'; // 自定义链接单引号中的“了解更多”可以任意修改，比如修改为“联系我们”。第二行的链接“https://work.weixin.qq.com/ca/caw111cdecba2c9fe743d”修改为你自己的链接。这里以企业微信为例。其它的一些客服系统通常也会提供链接，这里设置它的链接，别人就可以直接点击按钮和你聊天了。当然了，你也可以填写别的链接，比如填写网站的“联系我们”页面的链接，比如我的是“https://www.xinzhesi.com/contact”
好了，教程讲完了。如果看了教程还是不懂，可以付费咨询。收费很便宜，只要100块。