Integración con WooCommerce

Casos de uso

• Productos WooCommerce con campo «Diseño personalizado» obligatorio
• Integración con Elementor o bloques Gutenberg en la ficha
• Precio dinámico según complejidad del diseño (opcional)
• Descarga del diseño en el panel de pedidos

Ventajas

Pasos de integración

1. 1
   Crear plugin luxmen-woocommerce

   Plugin con página de ajustes para API URL y dimensiones por categoría de producto.

2. 2
   Meta box en producto

   Checkbox «Permitir diseño Luxmen» y campos ancho/alto en la pestaña Avanzado.

3. 3
   Endpoint AJAX

   wp_ajax_create_luxmen_project llama a la API y devuelve project.id al JavaScript del front.

4. 4
   Botón en ficha

   «Diseña tu producto» abre iframe modal con luxmen.es/editor.

5. 5
   Guardar en pedido

   Al add to cart, adjunta _luxmen_project_id y _luxmen_preview_url como order item meta.

Ejemplo de código

// wp-content/plugins/luxmen-woocommerce/luxmen-woocommerce.php
$response = wp_remote_post('https://www.luxmen.es/api/projects', [
  'headers' => ['Content-Type' => 'application/json'],
  'body' => wp_json_encode([
    'name' => $product->get_name(),
    'width' => (int) get_post_meta($product_id, '_luxmen_width', true) ?: 800,
    'height' => (int) get_post_meta($product_id, '_luxmen_height', true) ?: 600,
  ]),
]);
$body = json_decode(wp_remote_retrieve_body($response), true);
wp_send_json_success(['projectId' => $body['project']['id']]);

Notas técnicas

• Usa wp_remote_post() para llamadas server-side sin exponer secretos.
• Registra scripts solo en is_product() para optimizar carga.
• Compatible con WooCommerce Blocks mediante slot fill personalizado.