Product Mapping

Now that you have installed the SubscriptionFlow WooCommerce Plugin and granted WooCommerce permission to access your SubscritpionFlow product catalogue, map products and variants across both systems. Note that you will need to do this manually for each product.

Inside WooCommerce, click on ‘All Products’ under Products. This is a list of all products inside your WooCommerce store that must be mapped to specific product plans inside SubscriptionFlow.

1.1. How to Map Simple Products

1.2. How to Map Variable Products

1.3. How to Add Hosted Payment Page Links to Products

1.1. Simple Products

1. Hover over any product from the list and click ‘Edit’. 

2. This is a simple product which has a single base plan attached to it and no variants. Scroll down. 

3. Map this WooCommerce product to a product inside SubscriptionFlow, in this case the multi-managed snowboard. 

4. Then map this product to a plan inside SubscriptionFlow. This links a simple product inside WooCommerce to a specific SubscriptionFlow plan. 

5. Click ‘Update’ to save your changes. 

1.2. Products with Variants

1. Hover on any product that has variants and click ‘Edit’. 

2. Scroll down from the detailed view of the product. 

3. This product is a variable product i.e. it is available in different colors or has multiple variants that may be purchased. 

4. Click on Variations and then click ‘Edit’ in front of any one variant. 

5. Now map this variant with a product from inside SubscriptionFlow. 

6. The drop down shows you all the products inside SubscriptionFlow that you can map this variant to. 

7. Select a plan inside SubscriptionFlow for this variant. For example, inside this SubscriptionFlow account there is a product called 'The Complete Snowboard' with a plan tied to it called 'The Complete Snowboard - ice'. Now you can sell a variant of 'The Complete Snowboard' on WooCommerce linked to the SF plan called 'The Complete Snowboard - ice.'

8. You can create as many variants of a product as you like and link them to different plans from SubscriptionFlow. In the final step, click ‘Update’.

1.3. Hosted Payment Page (HPP) Link Button

1. If you want a button for a product that opens a hosted payment page where they can purchase this product directly (instead of a checkout linked to a shopping cart), go to the SubscriptionFlow HPP Links box. Select the product and plan inside SF to link with this button. 

2. Name the direct purchase HPP button e.g. Buy Now. 

3. Click ‘Update’ to save changes.

4. Now this product also has a direct purchase button on your WooCommerce store (in addition to the 'Add to Cart' functionality. Customers can use this button to buy this particular product directly through its hosted payment page. 

5. The hosted payment page is tied to a singular product in WooCommerce as can be seen from the hosted-page within the URL. 

That is how you can map WooCommerce products to your SubscriptionFlow products.