Montreal-based Shopify experts cooking some Shopify apps.
Is it possible to add a discount field inside the product pages?
That's a fantastic idea to increase conversion! Especially with the recent addition of a Checkout button right inside the product pages, to skip the cart page (Carter was mainly built to add a coupon field in cart).
Choose a unique ID. In my example I wrote carter_product-page
Hit the purple button "Generate starting code"
This generates all the code you need (and even more) to copy/paste in your product page template.
<script>
part near the end of the file, above the {% schema %}
section, of course.Note: each Shopify theme is different and coded differently. That means your theme's product-template.liquid file will look differently.
By default, it looks like this:
But you can make it look like the following, simply by adding the btn
class to the Apply Discount button (again, each theme has different classes, btn
might not exist in yours).
You could also add some margin to create a bit more space between the coupon field and the Add to Cart button. Or any design tweak you can imagine.
You're a developer or have some coding skills? You can come up with anything you have in mind. For example, once the discount is applied in the product page, the product pricing could change or a discounted pricing could show up instantly after the coupon is applied.
Tabarnapp's mission is to help you get the most of each visit on your Shopify store.
E: support@tabarnapp.com