Using WooCommerce Catalog with Checkout Champ Checkout Page

To sync your WooCommerce products, please follow this article.

Please follow this link if using WooCommerce with Direct API

Please follow this link if using WooCommerce with CheckoutChamp’s Form-code

This article should only be used if using Checkout Champ for your checkout page.

Single Product Landers

To make a WooCommerce catalog page work with a Checkout Champ shopping cart, you will add links for your Checkout Champ checkout page to the buttons on your WooCommerce catalog.

The links will have the productId parameter in the query string equal to the desired campaign productId (productId is the Checkout Champ campaign product id found inside the campaign).

Examples:

a link

<a href="https://yourwebsite.com/checkout/?productId=12">Buy Now</a>

a button img

<img onclick="window.location='https://yourwebsite.com/checkout/?productId=12'" src="https://www.elshop.org/wp-content/plugins/Konnektive/resources/images/buy-now.png">

The link will take you to the checkout page with that product added to the shopping cart with quantity 1.

If your product has variants then use “products” instead of “productId”. Add both productId and variantDetailId separated by a period, a colon, and the quantity.

<a href="https://yourwebsite.com/checkout/?products=12.142:1">Buy Now</a>

This method is intended to be used with a separate checkout page than your WooCommerce checkout page.

Multiple Product Shopping Sites

If a button or link is not tied to a specific product or variant (such as a shopping cart page or a catalog page with multiple product selections) then it is required to write script to read the product selection(s) before redirecting to the Checkout Champ checkout page.

Please view this guide for more details on building the redirect urls.

Checkout Champ will automatically parse the products and cache them into the product array.