How to add the Skio Plan Picker to your product pages using App Blocks
App blocks are only supported on Shopify Online 2.0 themes if you aren't using a Shopify Online 2.0 theme, please proceed to the manual setup section
Adding the Skio Plan Picker to your product pages
Navigate to your Shopify Admin Dashboard and select Online Store located in the Sales Channels section
Duplicate the live theme of your store to safely make changes without affecting the live site
Click customize on the newly created duplicate theme
Navigate to your product page template
Under Product information, select add new block, then select Skio Subscriptions
Adjust the placement of the Skio Plan Picker to where you would like
Customize the Skio Plan Picker to your liking and then click save
Ensure the Form ID syntax matches that of the form ID in your theme. This is already configured for Dawn based themes, but may require adjustments for others.
Preview the duplicate theme and ensure everything is working properly. You can do this by selecting a subscription using the Skio Plan Picker and navigating to checkout. If you see an interval under the selected product everything is working properly!
When ready, publish the new theme to start selling subscriptions with Skio!