WOOT - WooCommerce Active Products Tables

This shortcode generates button, onclick show popup with page iframe inside.

• popup_page_link: link to page, template “WOOT Blank Page” should be selected
• button_text: link text, for example: ‘Send message to the product manager‘
• popup_title: Popup title
• css_class: CSS class of the link
• help_title: text of the link on the popup header from the right
• help_link: link in popup header

Demo page: https://demo.products-tables.com/product/single-product-example/

Demo shortcode: https://demo.products-tables.com/woot_popup_iframe_button/

Also read: How to insert shortcodes into the single product page

The code as an example for developers:

//file functions.php - creating column for table
add_action('woot_profile_extend', function($profile, $action_name) {

    if ($action_name === 'woot_woocommerce_tables') {

        $profile['ask_me'] = [
            'title' => 'Ask Me',
            'order' => FALSE,
            'action' => function($post_id) {
                return WOOT_HELPER::draw_html_item('a', [
                            'href' => 'javascript: new Popup23({iframe:"https://demo.products-tables.com/wpform-contact-ask-me/?product_id=' . $post_id . '", '
                            . 'allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture", '
                            . 'title:"Ask manager about the product",help_title:"READ about iframe in popup",help_link:"https://products-tables.com/shortcode/woot_popup_iframe_button/"});void(0);',
                            'class' => 'woot-btn'
                                ], 'Ask Me');
            }
        ];

    }

    return $profile;
}, 10, 2);

add_shortcode('woot_popup_iframe_button', function($args) {
    wp_enqueue_script('woot-helper', WOOT_ASSETS_LINK . 'js/helper.js', [], WOOT_VERSION, true);
    wp_enqueue_script('popup-23', WOOT_ASSETS_LINK . 'js/popup-23.js', ['woot-helper'], WOOT_VERSION, true);
    wp_enqueue_style('woot-popup-23', WOOT_ASSETS_LINK . 'css/popup-23.css', [], WOOT_VERSION);
    wp_enqueue_style('woot-general', WOOT_ASSETS_LINK . 'css/general.css', [], WOOT_VERSION);

    $popup_page_link = '';
    if (isset($args['popup_page_link'])) {
        $popup_page_link = $args['popup_page_link'];
    }

    $button_text = 'Send message to the product manager';
    if (isset($args['button_text'])) {
        $button_text = $args['button_text'];
    }

    $popup_header_text = '';
    if (isset($args['popup_header_text'])) {
        $popup_header_text = $args['popup_header_text'];
    }

    $css_class = '';
    if (isset($args['css_class'])) {
        $css_class = $args['css_class'];
    }

    return WOOT_HELPER::draw_html_item('a', [
                'href' => "javascript: new Popup23({iframe:\"{$popup_page_link}\", title:\"{$popup_header_text}\", style:\"height: 100vh\"});void(0);",
                'class' => $css_class
                    ], $button_text);
});