Instant seamlessly integrates with all subscription apps on Shopify that provide subscription selling plan data, including Recharge, Yotpo, Bold, Skio, Stay Ai, Appstle, Loop, and others.
Before you start
Before connecting your subscription plans in Instant, ensure you have properly set up your subscriptions within Shopify. For detailed instructions, visit Shopify's Subscription Setup Guide.
Setting up the Custom Variant Picker
The Custom Variant Picker can be utilized for selecting variants and selling plans, You can style it fully to your liking and is the foundation to build a custom buy section within Instant.
To get started, select the Custom Variant Picker, navigate to the Insert Panel > Elements > Variants, then drag the Custom Variant picker onto the canvas within a container that is connected to a Shopify product that has a subscription available.
With the Custom Variant Picker placed within your layout, it is time to configure it. When you inspect the layers of the Custom Variant Picker you will notice it contains 2 layers called Variant Option. This layer acts as a button to select a variant or selling plan, select a Variant Option layer and then navigate to the Interactions tab in the right sidebar.
Click on the add action icon, a drop down will appear which allows you to select a selling plan for your product.
Now proceed by choosing the appropriate selling plan you wish to toggle through this Variant option button.
Adding more Variant options
By default, the Custom Variant Picker has 2 options within the element, To add more Variant options, you can do so by duplicating a Variant option layer within the layer panel.