If you are looking to add a product to the cart as soon as a specific page is loaded, we can do the following:
Hook into the template_redirection action:
add_action( 'template_redirect', 'wpharvest_add_to_cart_programmatically');
Code language: JavaScript (javascript)We then create a function where we place all our logic and check if a specific page is being visited. Here we can use either the page slug or the page id.
function wpharvest_add_to_cart_programmatically(){
if( is_page( 'ppc-page' ) ) { // or use the page ID
}
}
Code language: JavaScript (javascript)In order to add to the cart, we use the WC() class and the add_to_cart function inside cart.
We will first need to empty the cart to ensure the product is not added multiple times if for example the user refreshes the page, also we can then optionally redirect the user to the cart page.
And now for the full code:
add_action( 'template_redirect', 'wpharvest_add_to_cart_programmatically');
function wpharvest_add_to_cart_programmatically(){
if( is_page( 'ppc-page' ) ) { // or use the page ID
WC()->cart->empty_cart();
WC()->cart->add_to_cart( 69 ); // this adds the product with the ID 69; we can also add a second variable which will be the variation ID
wp_safe_redirect( wc_get_checkout_url() ); // redirects to the checkout page
exit(); // safely closes the function
}
}
Code language: PHP (php)Bonus: Create a custom add to cart button
As long as we have access to the product class, we can do the following:
<button type="submit" name="add-to-cart" value="<?php echo esc_attr( $product->get_id() ); ?>" class="single_add_to_cart_button btn"><?php echo esc_html( $product->single_add_to_cart_text() ); ?></button>
Code language: HTML, XML (xml)
