Subscription
      Back to home
      1. Knowledge Base
      2. Apps
      3. Subscription

      Skio

      Sell subscriptions with Skio

      This article takes you through how to use Skio on your Nyla site:

      Activation Instructions

      In order to activate the Skio app you need to activate the App in Apps > Skio. In order to do so, you will need to add the API Key from the Skio dashboard. You can do this from your customer portal, under Account > API Key. 

      Note: if you need support on how to find this, please reach out to the Skio team directly. 


      Adding Skio to your Site: 

      1. Add a subscription selector to your PDPs

      • See PDP Blocks for how to add subscription options to your PDP. Customers should be able to pick between one time and subscription plans as well as choosing their subscription frequency.
      • Properties from the product.sellingPlanGroups can be used to create custom experiences, to calculate discounts and so on. In the cart, sellingPlanAllocation properties can be used to do the same. 
      • If applicable, you should ensure that discounts are taken into account on your pricing for the PDP. 
      • You should hide the subscription selector for any PDPs that don’t have subscriptions
      • If you want to, you can set products to default to subscription (instead of One Time Purchase), as well as to default to a specific delivery frequency using the supported metafields. See more. 

      2. Add subscription upsells in cart: 

      This feature enables shoppers to choose between a one time purchase and subscription in the cart, as well as change their subscription plan. 


      See Cart Blocks for how to add subscription options to your site. 


      3. Link to your Accounts portal: 

      Nyla supports the external Skio accounts portal. 

      Setting subscription defaults

      Default options: Nyla enables you to set your PDPs to have subscription on by default, and to set which subscription option you want to set as your default for that product. 

      • Adding the metafield nyla_subscription.defaultValue will set the subscription value according to the index set in the metafield. For example, setting the metafield to 2, will set the 2nd subscription option as default (e.g this is in base 1 format). Leaving this empty will take the first subscription value. 
        • By default, subscription options defaults to the 1st option in the list and populating this metafield value overrides that. 
      • Adding the metafield nyla_subscription.defaultSelected with the value of “true” will make that product default to having subscription selected globally across the site. 
        • If no subscription options are visible to the user, then subscription will be ignored, and the product will be treated as a one time purchase.

      Building with Skio


      Nyla includes the following blocks out of the box for you to add subscriptions UI to your site:  

      PDP Blocks

      • Subscription: Options
        • Adds a layout for the subscription options
        • Requirements:
          • Skio App is enabled
          • Product has subscription plan
      • Subscription: Price
        • Adds a layout for the subscription price
        • Requirements:
          • Skio App is enabled
          • Product has subscription plan
      • Subscription: Add To Cart
        • Adds a layout for the ATC with dynamic pricing
        • Requirements:
          • Skio App is enabled
          • Product has subscription plan

      Cart Blocks

      • Subscription: Cart Upsell
        • Adds a subscription option upsell layout
        • Requirements:
          • Skio App is enabled
          • Product has subscription plan

      Account Blocks

      • For Skio, you should simply link to the correct URL where your Skio portal has been added. This may differ across sites, but this tends to be: 
        • https://checkout.yoursiteURL.com/a/account/shopify-login
      Note: If you need to know where to link to on your Shopify theme, please reach out to the Skio team for assistance on this.

      Link Actions and Properties

      Link actions: