How to install OneTick Checkbox to your Shopify theme editor

OverviewClick to copy

In this article, you’ll learn how to install the OneTick checkbox into your Shopify Theme editor, enhancing your online store’s functionality.

Check the difference between a Shopify theme 2.0 and a vintage theme in this article.

The OneTick Checkbox Upsell app enables you to add customizable checkboxes to all sections of the ‘Product Details‘ type, such as ‘Featured Product‘ or ‘Product Information‘ section.

Note: OneTick checkbox only works with active products in your store.

How To Install OneTick Checkbox To Your Shopify Theme OS 2.0Click to copy

Important note: You only need to add OneTick checkboxes once a page.

Step 1: Enable “OneTick Checkbox Upsell” In Theme EditorClick to copy

Ensure you’ve turned on “OneTick Checkbox Upsell” in your theme editor > App embeds for optimal functionality.

Important: If you don’t turn on this option in App embeds, your checkboxes will still appear on the storefront, but they will not display correctly the styles that have been set, and you cannot add products to the cart by clicking on the checkboxes.

Step 2: Open Theme EditorClick to copy

After creating your checkbox, the ‘Install Checkboxes‘ modal will appear.

In the modal, look for the ‘Go to Theme Editor‘ button and click it to open the editor.

If you’ve created the checkbox for later use, you can find the ‘View installation guide‘ in the checkbox editor page. Simply look for the ‘View installation guide‘ button at the top right of the checkbox editor page, and click on it to open the widget.

You can also go to the theme editor a different way: Go to your Shopify admin, then choose ‘Online Store‘, then ‘Themes‘. Select your current theme and click ‘Customize‘.

Step 3: Add OneTick Checkbox App Block To Your SectionClick to copy

In the theme editor where you want the checkbox, click ‘Add block‘ in the section. Then, under ‘App blocks‘, choose ‘OneTick Checkbox Upsell‘.

Remember, you can only use OneTick checkbox in sections with product details, like ‘Featured Product‘ (on pages other than product pages) or ‘Product Information‘ (on product pages).

Now, your checkboxes are ready! Click the ‘Save‘ button to make the changes appear on your website. All checkboxes that have an “Active” status and have been selected for that trigger product will be displayed on your store. You can change the order of the checkboxes in the OneTick app.

Note: After adding, you can drag the checkbox block to any position of the product details section.

How To Install OneTick Checkbox To Your Shopify Vintage ThemeClick to copy

Important note: You only need to add the code once on the theme code to show all checkboxes you created on OneTick.

Step 1: Copy The Widget CodeClick to copy

In the ‘View installation guide‘, go to the ‘Vintage Themes and Page Builders’ tab. Here, you will see the widget code.

Click the ‘Copy Code‘ button to copy this code. You will need it in the theme editor.

Step 2: Open Theme Code EditorClick to copy

To get to the theme code editor, go to the Shopify admin. Then, click ‘Online Store‘, then ‘Themes‘. Choose your current theme and click the 3 dots icon. Finally, select ‘Edit Code‘.

Step 3: Paste The Widget Code In The Theme CodeClick to copy

After opening the theme code editor, search for “product-template.liquid”. Next, paste the checkbox code before the code <button type=”submit” name=”add”…>

Note: This option is only compatible with the Debut vintage theme. If you are using a different vintage theme, please contact our support team for assistance with adding code to your theme.

Frequently Asked QuestionsClick to copy

Do I need to add a block for each checkbox in the same page?

No, after adding the OneTick checkboxes block onto the page, all the checkboxes you created with an “Active” status on the OneTick app and have been selected for that trigger product will be displayed on the page right away.

Can I hide a specific checkbox on the page?

Yes, if you want to hide a specific checkbox for a product, you can change the status of that checkbox from “Active” to “Draft”, or unselect the trigger product for that checkbox.

When I make changes in the OneTick app, do I need to copy and paste the code in the theme again?

No, once you add the code in the theme, this code will help to automatically show all the latest updates of the checkboxes in the live store.

Can't find what you’re looking for?

Chat with us