Common Issues with Try-On Button

The Try-On button is a crucial feature of our application, allowing customers to visualize products before making a purchase. However, various issues may arise that prevent the Try-On button from displaying correctly on your website. In this article, we will explore the most complex problems related to the Try-On button integration and provide step-by-step instructions to troubleshoot them effectively.

Try-On Button Not Displaying

When the Try-On button fails to appear, it is important to follow these steps to identify and resolve the issue:

1. Ensure that the associated product ID is published and visible on your website. Check if the product has been properly published in your Shopify admin dashboard
2. Verify that your website contains the necessary code snippet for the Try-On button integration, such as the tryonbtn element or related CSS classes
3. If you recently made design changes to your website, review any modifications that could affect the functionality of the Try-On button. Pay attention to additional JavaScript files or integrations related to our application

Incorrect Item ID

If the Try-On button is not displaying for specific products, it may be due to an incorrect item ID. Follow these steps to address this issue:

1. Verify that the item ID associated with the product is accurate and corresponds to the correct product within our app
2. Ensure that the item ID has not changed or been modified, especially if the product was previously integrated with a different ID. If needed, update the item ID to match the correct product integration

Design Changes Impacting Integration

In some cases, changes made to your website's design may affect the proper functioning of the Try-On button. Consider the following steps to address this issue:

1. Review any design modifications you recently implemented, such as changes to the layout, theme, or additional JavaScript code
2. Check if the Try-On button selector or any related integration code provided by our app has been impacted by the design changes
3. If necessary, update the selector or integration code to align with the updated design of your website

Variant Not Displaying

Occasionally, certain variants of a product may fail to display the Try-On button. To address this issue, follow these steps:

1. Check if the specific variant missing the Try-On button is correctly integrated within our app
2. Verify that the variant has been properly associated with the Try-On button integration and that it is enabled for the Try-On feature
3. If the variant is missing, ensure that it has been properly integrated with our app and update the integration if necessary

By following the troubleshooting steps outlined in this article, you can address common issues related to the Try-On button integration in your Shopify app. Remember to check the publication status of products, verify item IDs, review design changes, and ensure the integration of all variants. If you encounter any difficulties or need further assistance, our support team is available to help you resolve the issues and ensure the smooth functionality of the Try-On button on your website.