如何在WooCommerce单产品页社交分享按钮后添加短代码？

嘿，这个需求其实很好实现，给你两种靠谱的方案，按需选择就行：

方案一：用代码钩子插入（新手也能抄作业） #

WooCommerce本身提供了很多动作钩子，我们可以利用它在社交分享按钮之后精准插入内容，完全不用动核心文件：

1. 找对钩子：社交分享按钮默认挂在woocommerce_after_single_product_summary这个钩子上，优先级是10。我们只需要把自己的代码优先级设得比10高（比如15），就能稳稳排在分享按钮后面。
2. 添加代码：把下面的代码复制到子主题的functions.php文件里，或者用专门的自定义代码插件（比如Code Snippets）粘贴激活：

add_action( 'woocommerce_after_single_product_summary', 'add_custom_shortcode_after_share', 15 );
function add_custom_shortcode_after_share() {
    // 把这里的[your_page_builder_shortcode]替换成你实际要用的短代码
    echo do_shortcode( '[your_page_builder_shortcode]' );
}

3. 替换短代码：把代码里的占位符换成你页面构建器生成的真实短代码就大功告成。

方案二：页面构建器可视化编辑（纯鼠标操作） #

如果你的页面构建器支持自定义WooCommerce产品模板（比如Elementor Pro、Beaver Builder这类），那操作更简单：

• 打开页面构建器的模板管理功能，找到「WooCommerce单产品模板」并进入编辑模式
• 在模板中定位到社交分享按钮模块，在它下方添加一个「短代码」模块
• 把你的页面构建器短代码粘贴到模块里，保存模板即可生效

小提醒 #

• 别直接修改父主题的functions.php！主题更新后代码会直接丢失，用子主题或者代码插件更安全。
• 如果你的主题用的是自定义社交分享按钮（不是WooCommerce默认的），可以用浏览器开发者工具查看分享按钮的HTML结构，找主题对应的钩子；或者直接把代码的优先级设得更高（比如20），确保能排在分享按钮后面。

内容的提问来源于stack exchange，提问作者Tanvir