To display WooCommerce one page checkout anywhere just insert [anwr_checkout id="PRODUCT IDS"] in that place, replace PRODUCT IDS with the IDs of product you would like to make this checkout for. It is possible to specify multiple product IDs comma separated. Read full shortcode documentation below.

You can also use the appropriate button in WordPress editor:

On page Checkout Shortcode usage

But where to get product IDs?

Yes, I know, I could make a search field with a dropdown product list inside this popup in the editor, but my main goal was to make the plugin as simple and fast as possible.

Is it really so difficult just to open All Products page and find out IDs there? ? Instead of overloading your website admin with unnecessary code.

How to get WooCommerce product IDs
As you can see on the screenshot, product IDs are 41, 30 and 18.

Variable products are also supported but in this case you have to pass a variation ID.

Compatible with Gutenberg and Page Builders

If you didn’t know, Gutenberg is the new WordPress visual editor, which is coming in 5.0 version, but at this moment it is available as a plugin.

My checkout plugin is tested with Gutenberg, you can use it with a Shortcode block, but in future I’m looking forward to add it as a separate block.

Example:

WooCommerce checkout shortcode with installed Gutenberg

What about other visual builders like Divi, Elementor, Visual Composer etc?

As long as the shortcode option is available in all of them, you can use my checkout plugin without any problems. But if you have one, just contact me and I will help you.

WooCommerce One Page Checkout Shortcode

First of all, there are two variations of using the shortcode:

Parameters:

id
Product ID, you can also use multiple product IDs separated by commas. For variable products use variation IDs.
class (popup only)
One or multiple HTML classes of the “Buy Now” button. Separate multiple classes by spaces. No matter if you pass this parameter or not, in both cases the button will have its own class anwr-checkout-show which allows you to add as many buttons with checkout popups on a single page as you want, example:
<!-- when somebody clicks this link, the checkout popup will be displayed -->
<a href="#" class="anwr-checkout-show anything blablabla">One more button</a>
title (popup only)
Allows to change the popup title.