Woocommerce简码添加到前端产品页

Question

我一直在学习如何做一个WordPress插件。
现在我绊倒了一个“问题”。
那就是：我需要我的简码添加的产品页面Woocommerce。

我有这个功能，这使得我的简码：

function ws_frontend_product_page_validate() { 

    // no actual validation yet 
    $output = ws_frontend_product_page(); 
    return $output; 

} 
add_shortcode('ws_frame', 'ws_frontend_product_page_validate'); 
function ws_frontend_product_page() { 

    ?> 

     <iframe src="http://www.example.com/" style="width: 100%; height: 100%;" scrolling="no" frameBorder="0"></iframe> 

    <?php 

} 

所以，我怎么能添加[ws_frame]到Woocommerce产品页面？
我还没有找到任何教程，以了解如何将其实现到Woocommerce产品页面。
我发现它很难找到，我需要为下发展一个Woocommerce插件的教程。
任何建议的教程将是非常好的！

UPDATE

我现在拿到的Piyush Dhanotiya的答案。我还没有找到正确的位置。然而

，我想在这里：

如果我使用的Piyush Dhanotiya的代码，它显示为这个

Answer 1

add_shortcode('ws_frame', 'ws_frontend_product_page_validate'); 
function ws_frontend_product_page_validate() { 

    echo '<iframe src="http://www.example.com/" style="width: 100%; height: 100%;" scrolling="no" frameBorder="0"></iframe>'; 

} 

add_action('woocommerce_after_main_content', 'action_woocommerce_after_main_content', 10); 

function action_woocommerce_after_main_content(){ 


    do_shortcode('[ws_frame]'); 
}