Widget Installation Instructions

In order to display personalization fields and capture personalization text from your customers on products added from the Personalized Gifts by JDS App, you must first add the Personalization Widget by adding a short snippet of code in your Shopify theme. Not sure which theme you have? Click here to find.

If you've got simple code chops we've provided easy to follow instructions on installing the widget code in all free Shopify themes (Debut, Brooklyn, Narrative, Jumpstart, Venture, Boundless, Pop, Simple and Minimal). If you have a paid Shopify theme or custom theme and would us to install the widget code please request an installation. Once you submit the form we'll request temporary Shopify collaboration access to your store (you must accept our request) and then install the code in 2-3 BUSINESS DAYS.


JDS Widget Install Request


Below are installation instructions for the following free and some paid themes: Debut, Brooklyn, Narrative, Turbo-Portland, Jumpstart, Venture, Boundless, Pop, Simple and Minimal.

Debut Theme

How to install the Personalization Widget code on the Debut Theme:

Step 1: Open product-template.liquid file in your theme.
Step 2: Copy the Personalization Widget Code

{% include 'JDS_product_snippet' %}

Step 3: Paste the Personalization Widget code above the "add to cart" button inside of the

tag in the product-template.liquid file. Click save. Here's an example of the location for the Debut theme.

jds snippet

Step 4: Check the product detail page for one of the Personalized Gifts by JDS products on your site to make sure the personalization widget is displaying correctly and can capture personalization.


Brooklyn Theme

How to install the Personalization Widget code on the Brooklyn Theme:

Step 1: Open product-template.liquid file in your theme.
Step 2: Copy the Personalization Widget Code

{% include 'JDS_product_snippet' %}

Step 3: Paste the Personalization Widget code above the "add to cart" button inside of the tag in the product-template.liquid file. Click save. Here's an example of the location for the Brooklyn theme.

jds snippet

Step 4: Check the product detail page for one of the Personalized Gifts by JDS products on your site to make sure the personalization widget is displaying correctly and can capture personalization.


Narrative Theme

How to install the Personalization Widget code on the Narrative Theme:

Step 1: Open product-form.liquid file in your theme.
Step 2: Copy the Personalization Widget Code

{% include 'JDS_product_snippet' %}

Step 3: Paste the Personalization Widget code above the "add to cart" button inside of the tag in the product-form.liquid file. Click save. Here's an example of the location for the Narrative theme.

jds snippet

Step 4: Check the product detail page for one of the Personalized Gifts by JDS products on your site to make sure the personalization widget is displaying correctly and can capture personalization.



Turbo-Portland Theme

How to install the Personalization Widget code on the Turbo-Portland Theme:

Step 1: Open product-form.liquid file in your theme.
Step 2: Copy the Personalization Widget Code

{% include 'JDS_product_snippet' %}

Step 3: Paste the Personalization Widget code above the "add to cart" button inside of the tag in the product-form.liquid file. Click save. Here's an example of the location for the Turbo-Portland theme.

jds snippet

Step 4: Check the product detail page for one of the Personalized Gifts by JDS products on your site to make sure the personalization widget is displaying correctly and can capture personalization.


Jumpstart Theme

How to install the Personalization Widget code on the Jumpstart Theme:

Step 1: Open product-template.liquid file in your theme.
Step 2: Copy the Personalization Widget Code

{% include 'JDS_product_snippet' %}

Step 3: Paste the Personalization Widget code above the "add to cart" button inside of the tag in the product-template.liquid file. Click save. Here's an example of the location for the Jumpstart theme.

jds snippet

Step 4: Check the product detail page for one of the Personalized Gifts by JDS products on your site to make sure the personalization widget is displaying correctly and can capture personalization.


Venture Theme

How to install the Personalization Widget code on the Venture Theme:

Step 1: Open product-template.liquid file in your theme.
Step 2: Copy the Personalization Widget Code

{% include 'JDS_product_snippet' %}

Step 3: Paste the Personalization Widget code above the "add to cart" button inside of the tag in the product-template.liquid file. Click save. Here's an example of the location for the Venture theme.

jds snippet

Step 4: Check the product detail page for one of the Personalized Gifts by JDS products on your site to make sure the personalization widget is displaying correctly and can capture personalization.


Boundless Theme

How to install the Personalization Widget code on the Boundless Theme:

Step 1: Open product-template.liquid file in your theme.
Step 2: Copy the Personalization Widget Code

{% include 'JDS_product_snippet' %}

Step 3: Paste the Personalization Widget code above the "add to cart" button inside of the tag in the product-template.liquid file. Click save. Here's an example of the location for the Boundless theme.

jds snippet

Step 4: Check the product detail page for one of the Personalized Gifts by JDS products on your site to make sure the personalization widget is displaying correctly and can capture personalization.


Pop Theme

How to install the Personalization Widget code on the Pop Theme:

Step 1: Open product-template.liquid file in your theme.
Step 2: Copy the Personalization Widget Code

{% include 'JDS_product_snippet' %}

Step 3: Paste the Personalization Widget code above the "add to cart" button inside of the tag in the product-template.liquid file. Click save. Here's an example of the location for the Pop Theme.

jds snippet

Step 4: Check the product detail page for one of the Personalized Gifts by JDS products on your site to make sure the personalization widget is displaying correctly and can capture personalization.


Simple Theme

How to install the Personalization Widget code on the Simple Theme:

Step 1: Open product-template.liquid file in your theme.
Step 2: Copy the Personalization Widget Code

{% include 'JDS_product_snippet' %}

Step 3: Paste the Personalization Widget code above the "add to cart" button inside of the tag in the product-template.liquidd file. Click save. Here's an example of the location for the Simple Theme.

jds snippet

Step 4: Check the product detail page for one of the Personalized Gifts by JDS products on your site to make sure the personalization widget is displaying correctly and can capture personalization.


Minimal Theme

How to install the Personalization Widget code on the Minimal Theme:

tep 1: Open product-template.liquid file in your theme.
Step 2: Copy the Personalization Widget Code

{% include 'JDS_product_snippet' %}

Step 3: Paste the Personalization Widget code above the "add to cart" button inside of the tag in the product-template.liquid file. Click save. Here's an example of the location for the Minimal Theme.

jds snippet

Step 4: Check the product detail page for one of the Personalized Gifts by JDS products on your site to make sure the personalization widget is displaying correctly and can capture personalization.