Integración WooCommerce

WooCommerce

Plugin WordPress para productos personalizables

Conecta WooCommerce con Luxmen Editor para ofrecer un diseñador gráfico profesional en productos variables. Perfecto para tiendas WordPress que venden artículos personalizados sin depender de editores básicos limitados.

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

REST API de WooCommerce + Luxmen API en el mismo ecosistema PHP/JS Shortcode [luxmen_designer product_id="123"] para embeber Compatible con HPOS (High-Performance Order Storage) Hooks woocommerce_before_add_to_cart_button

Pasos de integración

1
Crear plugin luxmen-woocommerce
Plugin con página de ajustes para API URL y dimensiones por categoría de producto.
2
Meta box en producto
Checkbox «Permitir diseño Luxmen» y campos ancho/alto en la pestaña Avanzado.
3
Endpoint AJAX
wp_ajax_create_luxmen_project llama a la API y devuelve project.id al JavaScript del front.
4
Botón en ficha
«Diseña tu producto» abre iframe modal con luxmen.es/editor.
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.

← Volver a Api Web Service Probar editor

Integración con WooCommerce