How can I show the widget on a custom page?

Upload widgets can be added automatically to product, featured products, cart and contact pages. 

The widget can also be added to any page by manually creating a html element in your theme and providing a CSS selector in the Display settings section.

This can be done in the Shopify Admin theme editor, navigate to Online Store > Themes,  [More actions] > Edit Code. 

Add the following html element on your desired page.

{% comment %}
Upload-Lift widget element container
{% endcomment %}
<div class="upload-lift"></div>

You can choose any name in the class attribute of the element. 

Important: Always make sure that your custom html element is placed inside a html form, look for the liquid form tags {% form .. %} and {% endform %} and make sure the element is between these tags

Next, open the App and configure the Upload-Lift field to be shown when the html element is found on your custom page. In the Display settings section, select "Custom" and enter your class name in the selector field, prefix the name with a dot "." (this tells the widget to look for the class attribute) 

After you saved the field, the upload widget should show up on your custom page. 

If you need further assistance, please send us a request and we will be happy to help you out. 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.