Creating Optional Fee:
- Enter the price and Fee title
- Select mode to auto
Great, once you have created this,its time to make it work now.
Enable the App on store
this is really an important setup , i have head many times that all installation is done still it not working, so champ, the app should be turned on , here it the steps:
- Go to Shopify store admin & click on Online store
- In theme page, click on customize
- Go to Theme setting at bottom,then go to App embeds as shown below
- Make sure the pfand app is turned active
Manual Fees are also termed as optional fees,since these fees are enabled only when user want to opt in for the product, these can be like :
- Insurance fees
- Gift warp for products
It can be anything, which you don’t want to force the user to apply automatically in the cart.
Hence is added when checkbox is checked .
Important : These guide needs developer help, you can contact me for FREE setup 😉 or send this guide to your developer, or best you can try it yourself 🙂
Installation on store
- Search for the cart liquid file location where you want to checkbox to appear.
It can be any of the following :
- main-cart-footer.liquid – To show at bottom of cart
- main-cart-items.liquid – To show per product cart item
In our case, since I want to display at footer, i’m going with main-cart-footer.liquid
2. Get the fee handle
Go to Manage fees in app and look in to fee name.
in our case i am adding giftwarp fee when a user clicks the checkbox, my handle is gift-warp,copy yours .
3. Add the code in cart footer block add the code & set the id with pfand_ as prefix,You can enter any text.
Replace the bold ones.
<label><input type="checkbox" id="pfand_your-fee-name"/> Write some custom text </label>
Paste the code to desired location, if you’re adding in footer ,add like below . The code might be different, but look for similar blocks.
The Checkbox Should be ready! Just click on it , the app will add the fee you just created & vice versa.
Tip : This also works Percentage fees.See the client demo if interested.
Client’s Demo Video use case
Here is a demo from one of my clients 😉 ps. which I made for them.
He created an 30% Faster delivery Option checkbox at checkout, that’s really an amazing use case 🙂