How to set up Prepaid Gifting

This article is for setting up Skio's Prepaid Gifting functionality via the Shopify Customizer tool. For additional questions (or if you run into any issues/bugs) please reach out to our Support team at help@skio.com !

What is the Prepaid Gifting widget?

The Skio Prepaid Gifting widget allows customers purchasing a Prepaid subscription to add two line_item properties to their item, `_prepaidGiftEmail` and `_prepaidGiftMessage`. This will ensure that Skio processes the order as a "Prepaid Gift", rather than a standard order!

How can I setup the Prepaid Gifting widget?

To add the Prepaid Gifting widget to your Product page, follow the below steps:

1. Open the Shopify Theme Customizer (click on "Customize" in your Shopify Admin > Theme page)
2. At the top of the Customizer, click where it says "Home page", and then select "Products"
3. Click on the desired Product page template (typically "Default product", but some stores may have multiple)
4. In the Shopify Customizer tool, on the left-side of the screen under "Template" you should be able to see "Skio Subscriptions" or "Skio Plan Picker" written as one of the currently-applied section blocks. If you do not see this element, you can proceed, however this indicates that your install of subscriptions functionality may be "custom" and may not work as expected with the "Skio Prepaid Gif" widget.
5. At the bottom of that same section, click "Add block", and then click "Apps" to find the "Skio Prepaid Gift" app block option.
6. Click the "Skio Prepaid Gift" option to add the block to the section.
7. Drag the "Skio Prepaid Gift" block to be directly under the other "Skio Subscription/Skio Plan Picker" block, or otherwise wherever you would like it displayed on the page.
8. The "Skio Prepaid Gift" block should show a "Form" check as well as a "Selling Plan Input" check; if either of those fields shows a red X instead of a green checkmark, please check the "Form ID" field option inside of the "Skio Prepaid Gift" block's settings (right-hand side of the screen).
   1. If the "Form ID" has been confirmed as matching the ID of the "add to cart" form on the product page, please reach out to help@skio.com for assistance.
   2. If the "Form" check is green but the "Selling Plan Input" field is red, this implies your form doesn't currently feature Subscription functionality, and you may be missing the main "Skio Subscriptions" app block.
9. Copy customizations can be made within the "Skio Prepaid Gift" block's settings (right-hand side of the screen).
10. Make sure to click "Save" at the top-right of the screen to save your changes.
11. You should now be able to see the "Prepaid Gifting" widget on all product pages that use the selected Product page template and feature a Skio Prepaid selling plan option!
    
    

Here is a screen recording showing how to add the "Skio Prepaid Gift" app block inside the Shopify theme Customizer tool:

Here is a screen recording showing how to confirm that the "Skio Prepaid Gift" app block is working as expected on your Shopify theme / Product page: