Skip to main content

How to Manually Embed the Upload Field

Learn how to place the upload field manually using Custom Liquid blocks instead of the default automatic placement

Updated over 2 months ago

If your store design requires the upload field to appear in a specific location that the automatic placement cannot reach (e.g., inside a specific div or a Custom Liquid block), you can embed the field manually using HTML.

The Embed Code

To place the Upload Center field manually, insert the following HTML snippet into your Custom Liquid block or theme file:

<div class="upload-center-field-wrapper">
<input type="hidden" class="uc-field" id="uc-field" name="upload-center">
</div>

Important Requirements

Even with manual placement, the Upload Center is designed to function within Product Templates.

  • Form Association: The code above must be placed inside (or associated with) the main Product Form.

  • Add to Cart Button: The app relies on the presence of an "Add to Cart" button (form submission) to validate files and associate them with the order

If you place this code but the upload field does not appear or validate, you may need to configure Custom Selectors

Did this answer your question?