WooCommerce & WordPress Hook Integration
Probador Virtual con IA para Tiendas WooCommerce
Añade el probador virtual con IA a cualquier tienda WordPress con WooCommerce. Cero plugins pesados que ralenticen tu servidor Apache o Nginx: solo un Web Component cliente ligero.
Zero PHP Overhead
No consume ciclos de CPU ni memoria PHP en tu hosting o VPS. Toda la inferencia corre en los clusters acelerados de Anddress.
Hooks Nativos de WooCommerce
Se engancha limpiamente en woocommerce_after_add_to_cart_button o woocommerce_single_product_summary sin tocar archivos del core.
Compatible con Elementor & Divi
Úsalo dentro de plantillas personalizadas de Elementor Pro, Divi Builder o bloques de Gutenberg sin conflictos CSS.
Plugin Oficial para WordPress y WooCommerce
Instalación en 1 Clic desde tu Panel de WordPress
Descarga el archivo ZIP e instálalo desde Plugins > Añadir nuevo > Subir plugin. Solo ingresa tu clave pública y el probador se activará automáticamente en todas tus fichas de producto.
functions.php
Inserta este fragmento en tu tema hijo
wp-content/themes/child-theme/functions.php:// 1. Anddress loader (~5 KB)
add_action('wp_footer', function() {
echo '<script src="https://app.anddress.com/widget/anddress-loader.js" data-brand-key="pk_live_..." async></script>';
});
// 2. Try-on button on the WooCommerce product page
add_action('woocommerce_after_add_to_cart_button', function() {
global $product;
if (!$product) return;
$img_id = $product->get_image_id();
$img_url = wp_get_attachment_image_url($img_id, 'full');
?>
<div style="margin-top: 14px;">
<anddress-tryon-button
data-garment-image="<?php echo esc_url($img_url); ?>"
data-garment-category="tops"
data-garment-id="<?php echo esc_attr($product->get_sku() ?: $product->get_id()); ?>"
data-garment-name="<?php echo esc_attr($product->get_name()); ?>">
</anddress-tryon-button>
</div>
<?php
});
// 3. Sales attribution on the order-received page
add_action('woocommerce_thankyou', function($order_id) {
if (!$order_id) return;
$order = wc_get_order($order_id);
if (!$order) return;
?>
<script>
window.Anddress?.trackPurchase({
orderId: '<?php echo esc_js($order_id); ?>',
value: <?php echo esc_js($order->get_total()); ?>,
currency: '<?php echo esc_js($order->get_currency()); ?>'
});
</script>
<?php
});