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 de <25 KB.
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.
Instalación en functions.php
Inserta este fragmento en tu tema hijo
En tu archivo
wp-content/themes/tu-tema-hijo/functions.php:// 1. Cargar el script asíncrono en el pie de página
add_action('wp_footer', function() {
echo '<script src="https://brands.anddress.com/widget/anddress-brands.js" data-brand-key="pk_live_TU_CLAVE" async></script>';
});
// 2. Inyectar el botón en la ficha de producto de WooCommerce
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
});