TryOnAnytime
Squarespace

Virtual try-on for Squarespace

Drop a Code Block on the product page, or add the snippet to footer / header injection.

Get your publishable keyAll platforms
One line on your product page
<!-- TryOnAnytime — get pk_ at https://tryonanytime.com/settings/embed -->
<!-- Code Block on the product page, or Settings → Advanced → Code Injection → Footer -->
<!-- optional: float the button on the product image instead of in place -->
<!--   data-tryon-attach="image" -->
<!--   data-tryon-image=".product__media img, .wp-post-image" -->
<!--   data-tryon-position="bottom-right" (bottom-left|top-right|top-left) -->
<script src="https://tryonanytime.com/embed.js"
  data-tryon-key="pk_…"
  data-tryon-garment="https://your-shop.com/product.jpg"
  data-tryon-label="Try it on"
  data-tryon-attach="image"
  data-tryon-image=".product__media img, .woocommerce-product-gallery__image img"
  async></script>

Status: Works today via Code Block or sitewide code injection.

For Squarespace merchants. Shoppers elsewhere use the Chrome extension.

Credits are purchased on tryonanytime.com.

Install steps

  1. 01

    Create a pk_ key

    Allowlist your Squarespace domain in Settings → Embed.

  2. 02

    Buy credits

    Settings → Credits on tryonanytime.com.

  3. 03

    Add a Code Block

    Edit the product page, add a Code Block near the buy button, paste the snippet with the product image URL.

  4. 04

    Publish

    Save and preview on mobile and desktop.

Get your publishable keyBuy credits

Turn your store into a fitting room

One script tag on your product pages. Shoppers tap, upload a photo and see the item on themselves — no plugin, no backend work.

Get your publishable key