Home About Blog Terms Contact
To manually install PreProduct onto your storefront, you will need to copy and paste <div id="preproduct-pledge" data-id="{{product.id}}" style="text-align:left!important;"></div> into your product page theme file (e.g. product-template.liquid), just after {{ product.description }} or wherever on the product page you would like the PreProduct widget to appear. Below is a quick guide on how to do this.
<div id="preproduct-pledge" data-id="{{product.id}}" style="text-align:left!important;"></div>
{{ product.description }}
1. Copy the following code snippet to your clipboard:
2. Click on Online Store in your Shopify toolbar, followed by the Actions button above the preview of your store, then click Edit code from the dropdown menu.
3. Now click on the sections folder from the list and then find your product page template e.g. ‘product-template.liquid’, ‘/templates/product.liquid’ or ‘/snippets/product-form.liquid’.
Now you can paste the code snippet anywhere you would like it to appear on the page. Placing it before the description can be carried out by hitting the command key and f or the control key and f to open the find function of your browser, then by typing in product.description (or ‘product.content’) and hitting enter. You should see something like the below example:
{{ product.description }} </div>
4. Paste the PreProduct code snippet from step 1 directly after the above. Now save your theme.
Any problems setting up, dont hesitate to email us at hello@preproduct.io and we will help get you up and running.
<div id="preproduct-pledge" data-id="{{product.id}}" style="text-align:left!important;" ></div>
Powered by BetterDocs
Your email address will not be published. Required fields are marked *
Comment
Name *
Email *
Website
Save my name, email, and website in this browser for the next time I comment.
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.