Add a gift option widget to your Shopify store manually with HTML
Depending on the theme being used, previous customizations, and/or other online store apps added to your theme; adding the gift option widget manually may be required to further customize and activate.
This article is for those experienced with theme files / liquid code and basic HTML.
Each gift option widget may be positioned on your theme to suit your needs best, though we do include recommendations below.
The corresponding gift option widget must be enabled inside the online store theme editor for it to appear once it has been added to the theme code.
If the gift option widget does not appear after following the steps below, please contact Wrapped support for assistance.
We understand javascript integrations may be required, please contact our support if you need custom javascript hooks, callbacks, etc. While we do not publish an API - we can easily add a javascript snippet if required.
Cart page widget:
<div data-position="wrapped-cart"></div>
Copy and paste the snippet above into your cart page template and/or cart drawer template. The recommended position for this snippet is above the checkout / update cart buttons.
Important: This snippet should be added to the template only once.
Line item widget:
<div data-position="wrapped-item"></div>
Copy and paste the snippet above into your cart page template and/or cart drawer template. The recommended position for this snippet is following the title of each line item in the cart. You most often see this widget positioned beside the line item image.
Important: This snippet should be added to the template only once, within the cart.items liquid loop.
Product page widget:
<div data-position="wrapped-product"></div>
Copy and paste the snippet above into your product page template. The recommended position for this snippet is above the "Add to cart" button.
Important: This snippet should be added to the template only once.
Final Note: If you have added the product page widget or cart page widget as a Shopify App Block. You must first remove it before the snippets above will appear. This is only relevant if you are using an Online Store 2.0 theme, and have added a widget via drag and drop Shopify App Blocks.
Our support team can swiftly help you position the gift option widgets where you would like, please do not hesitate to contact us if you would like any assistance.