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开发插件所需的教程。
任何建议的教程都将非常不错！

更新

现在我得到了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]');
}