Virtual Try-On for Magento 2 — Enterprise Fashion API Integration

Why use TryOnCloud with Magento 2

• Full control via Magento layout XML — position try-on anywhere on the product page
• Works with Luma, Hyva, and custom Magento themes
• Admin panel configuration — no hardcoded values
• Supports Magento's block cache — try-on button is cache-friendly
• Compatible with Magento Commerce B2B and multi-store setups

How to set up TryOnCloud on Magento 2

Estimated setup time: 2–4 hours. Difficulty: Intermediate.

1. 1

   Install the Magento module via Composer

   Run: composer require tryoncloud/magento2-module. Then: bin/magento module:enable TryOnCloud_VirtualTryOn && bin/magento setup:upgrade.

2. 2

   Configure API key in Magento Admin

   Go to Stores > Configuration > TryOnCloud > General. Enter your API key from the TryOnCloud dashboard. Save and flush cache.

3. 3

   Configure display settings

   In the same configuration panel, select which attribute sets show try-on (e.g., Clothing, Apparel). Set button position relative to the Add to Cart block.

4. 4

   Deploy static content

   Run: bin/magento setup:static-content:deploy. This publishes the TryOnCloud JavaScript to your static file directory.

5. 5

   Test and flush cache

   Visit a product with the configured attribute set. Verify the try-on button appears. Run bin/magento cache:flush if changes are not visible.

Code example

Magento 2: API call from Block class

<?php
namespace TryOnCloud\VirtualTryOn\Block\Product;

use Magento\Framework\View\Element\Template;
use Magento\Framework\HTTP\Client\Curl;

class TryOnButton extends Template
{
    public function __construct(
        Template\Context $context,
        private readonly Curl $curl,
        private readonly \Magento\Framework\App\Config\ScopeConfigInterface $scopeConfig,
        array $data = []
    ) {
        parent::__construct($context, $data);
    }

    public function getApiKey(): string
    {
        return $this->scopeConfig->getValue(
            'tryoncloud/general/api_key',
            \Magento\Store\Model\ScopeInterface::SCOPE_STORE
        );
    }
}

Things to know

• ⓘRequires Magento 2.4.x (2.3.x supported with minor adjustments)
• ⓘModule installation requires SSH access to the server
• ⓘDeveloper familiarity with Magento's layout XML system recommended

Frequently asked questions

Other integrations