Add an Additional “Add to Cart” Button Anywhere in WordPress

If you use the free Elementor or another WordPress page builder, you’ve probably noticed that there’s no easy way to add an extra “Add to Cart” button for the product you’re currently viewing. That’s where a small piece of code comes in handy.

With just a few lines of code, you can create a customizable shortcode that will place the button anywhere in Elementor or any other editor. You can then display the button anywhere by using the shortcode:

[add_to_cart_here]

Add this code to the functions.php file of your child theme:

// Custom Add to Cart button
function add_to_cart_current_product() {
    global $product;

    if ( $product instanceof WC_Product ) {
        return do_shortcode('[add_to_cart id="' . $product->get_id() . '"]');
    }

    return '';
}
add_shortcode('add_to_cart_here', 'add_to_cart_current_product');

Written by Anton, founder of OSWOptimize and an SEO & Web Performance expert with over 14 years of hands-on experience. I specialize in fixing Core Web Vitals, CLS issues, and boosting search rankings for WordPress websites.

Most popular articles:

How to Change Completed Order Email Subject for Downloadable Products in WooCommerce How to Temporarily Disable WooCommerce Shopping for the Holiday Season Boost WooCommerce SEO with Additional Category Descriptions How to Add noindex for WordPress Pagination Pages with Yoast SEO