Add your WooCommerce products to your app using the WooCommerce page type.

Reactor has support for listing Woocommerce products in your app and adding items to a cart. To list products choose the page type Woocommerce in Reactor builder admin, choose Custom Post Type and enter product for the post type.

After building your app or in app preview you will see products listed. The listed items link to the product detail view. 

Woocommerce Page Type: 

Woocommerce Detail View: 

The Detail View contains add to cart options. To view cart click the cart icon in the app Toolbar.

Woocommerce checkout:

Due to the complexity of purchasing mechanism in Woocommerce, the checkout process is done in a popup browser. A user can click the cart icon, verify the items listed are correct and then complete the checkout.