Exploring Compatibility: Integrating PEP Button with Page Builder

Is Page Builder Compatible with the PEP Button?

The WISDM Product Enquiry Pro (PEP) plugin seamlessly integrates with popular page builders such as Elementor, offering enhanced functionality and ease of use.

PEP provides two convenient shortcodes for embedding the product enquiry button:

1. [ENQUIRY_BUTTON product_id="xx"]: Use this shortcode if you have a specific product ID.
2. [ENQUIRY_BUTTON_DYNAMIC]: Utilize this shortcode if you do not possess the product ID. It dynamically fetches product data using the WooCommerce global variable $product to display the enquiry button accordingly.

These shortcodes are fully compatible with Elementor, allowing you to effortlessly incorporate the enquiry button into your Elementor-created pages.

For detailed instructions on how to add and utilize these shortcodes within the Elementor page builder, refer to our comprehensive guide [link to guide].

Empower your online store with the seamless integration of PEP Button and Elementor for enhanced user experience and functionality.

Adding Custom Code to Disable Duplicate Button on Single Page

After adding the shortcode, you may encounter an issue on your single page that looks something like the image below. Please refer to it.

To resolve the issue of the duplicate button appearing on a single page or any other page, you can follow these steps to add custom code to your active child theme’s functions.php file. This code is provided by Wisdmlabs and is designed to disable the default PEP button. Please make sure to proceed carefully and back up your theme files before making any changes.

// Added by Wisdmlabs to disable the default PEP button.
add_filter('quoteup_enquiry_button_classes', 'manage_product_page_display', 99, 1);
add_action('quoteup_display_enquiry_modal', 'hide_quote_button_on_divi_template');

if (!function_exists('manage_product_page_display')) {
    function manage_product_page_display($pepButtonClasses) {
        $layouts = et_theme_builder_get_template_layouts();
        if (!empty($layouts) && doing_action('woocommerce_single_product_summary')) {
            $pepButtonClasses = $pepButtonClasses . ' pep-hidden';
        }

        return $pepButtonClasses;
    }
}

if (!function_exists('hide_quote_button_on_divi_template')) {
    function hide_quote_button_on_divi_template() {
        wp_add_inline_style('quoteup-common-css', '.pep-hidden { display: none !important; } #wdm-cart-count { z-index: 9999999; }');
    }
}

add_filter('quoteup_display_quote_button', 'quoteup_hide_enq_btn_on_product_page_83040');

if (!function_exists('quoteup_hide_enq_btn_on_product_page_83040')) {
    function quoteup_hide_enq_btn_on_product_page_83040($show_btn) {
        $show_btn = false;
        return false;
    }
}

Ensure that you paste this code snippet exactly as provided into the functions.php file of your active child theme. This code will effectively address the duplicate button issue on pages by disabling the default PEP button. After adding the code, remember to save the file and clear any caching mechanisms to see the changes reflected on your website.