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]');
}