如何在wocommerce add_action中添加脚本标签编码？

Question

add_action('woocommerce_single_product_summary', 'whatsappdirect1', 35); 

function whatsappdirect1() { 
    echo '[anchor-tag a class="btn btn-social-icon btn-whatsapp" href="javascript:window.location=waCurrentPage();">[img tag border="0" alt="W3Schools" src="http://sareechoice.com/wp-content/uploads/2017/07/whatsappicon.png" width="290" height="200"][anchor-tag-closed]'; 
} 

[script] 
waCurrentPage = function() { 
    return encodeURI("whatsapp://send?phone=[phone]&text=please let me know the price of the product in the link : " + 'http://' + window.location.hostname + window.location.pathname); 
} 
[/script] 

我已经提出了以下代码，允许移动用户在我的网站上联系我的支持团队以及我的whatsapp连同页面的链接。在上面的add_action代码中，我已经放置了代码，这将显示我的按钮，该按钮必须在woocommerce产品页面上单击。

但现在的问题是，脚本代码做了实际的工作，打开我的whatsapp数字预定链接，允许用户发送到我的号码。

那么如何插入脚本代码以及在哪里插入呢？有什么办法，我可以在两个代码保持一个add_action wooocommerce功能？

Answer 1

试试这个功能如下

add_action('woocommerce_single_product_summary', 'whatsappdirect1', 35); 

    function whatsappdirect1() { 
     echo '<a class="btn btn-social-icon btn-whatsapp" href="javascript:window.location=waCurrentPage();"><img border="0" alt="W3Schools" src="http://sareechoice.com/wp-content/uploads/2017/07/whatsappicon.png" width="290" height="200"/></a>'; 
     echo '<script type="text/javascript"> 
    waCurrentPage = function() { 
     return encodeURI("whatsapp://send?phone=[phone]&text=please let me know the price of the product in the link : " + "http://" + window.location.hostname + window.location.pathname); 
    } 
    </script>'; 
    }