Saltar al contenido principal

Configurador de productos 3D: Simplio3D lleva el comercio electrónico a otro nivel

Cómo crear un configurador de productos 3D con Simplio3D: guía paso a paso

Cómo

Cómo construir un configurador

Crear un configurador de productos interactivo ya no requiere semanas de desarrollo ni un equipo de desarrolladores. Con Simplio3D, puedes crear tu propio configurador 3D con una interfaz intuitiva y sin código. En este tutorial, te guiaremos paso a paso por un proceso rápido, desde la carga de tu modelo 3D hasta la integración del configurador en tu sitio web.

Paso 1: Sube tu modelo 3D

Comience preparando su modelo 3D. Simplio3D admite formatos como .glb, .gltf y .obj que se usa comúnmente en aplicaciones web. Si su modelo está en otro formato, puede convertirlo con herramientas gratuitas como Batidora de vaso - Blender.

¿No tienes un modelo 3D y no sabes dónde encontrarlo? Echa un vistazo a esto. artículo Eso cubre exactamente eso.

Una vez listo:

  1. Navegue a la pestaña Cargar Sección en Simplio3D.

  2. Sube tu modelo 3D (por ejemplo, una silla, un zapato, un sofá, una mesa, un anillo de bodas, una camiseta, un calcetín, etc.).

  3. Después de cargar, marque el modelo como Ready y hacer clic en Guardar.

NOTA:Una vez cargado, verás listadas las partes del modelo, estas te servirán para asignar materiales y definir opciones del configurador.

Subir modelo 3D

Paso 2: Crear materiales y texturas

Vaya a la Materiales Sección. Necesitarás:

  1. Crear Categorías para organizar sus materiales (por ejemplo “Madera”, “Cuero”, etc.).

  2. En la sección Texturas Pestaña, cargue sus archivos de textura (descargados de fuentes gratuitas o pagas).

  3. Haga clic en el botón «Editar» en la textura cargada para asignarla a su categoría adecuada.

  4. A continuación, crea los materiales, ve a Materiales y hacer clic en Agregar material y:

  5. Nombra tu material

  6. Seleccione su categoría.

  7. Cambie el estado a 'Listo'.

  8. Establezca el tipo (plano, tela, metal, etc.) y la superficie (textura o color).

  9. En la configuración 'Superficie' aplique la textura o el color adecuado.

  10. Utilice los controles deslizantes horizontales para realizar cambios en Especular, Reflexión u Opacidad para producir el material deseado.

Repite el proceso con todos tus materiales. Puedes previsualizarlos en tiempo real mientras ajustas los parámetros.

editar material en Simplio3D

Paso 3: Agrega tu producto

Vaya a la Productos :

  1. Haga clic en Añadir Producto, dale un nombre y selecciona Configurador .

  2. Haga clic en Guardar y luego en Editar para comenzar a construir el configurador.

añadir producto en Simplio3D

A medida que construye su configurador, seguirá 6 pasos, guiados por las pestañas superiores dentro de la interfaz:

Seleccionar diseño 

  • Seleccionar diseño: Elija dónde aparecerá el panel de opciones (derecha, izquierda, arriba o abajo).

Agregar modelos 3D

  • Agregar modelos 3D: Seleccione el(los) modelo(s) 3D que cargó anteriormente.

Crear opciones

Aquí puedes configurar el configurador de forma interactiva. Haz clic en el menú desplegable de la esquina superior derecha de la pantalla y selecciona el tipo de bloque que quieres usar para el configurador.

Consulte el documentación para más detalles sobre cada tipo de bloque de opciones.

Puede arrastrar y soltar bloques de opciones y variantes para cambiar su orden.

crear opciones en Simplio3D

Precios

Habilite la fijación de precios activando la Precios .

  • Agregue un Precio base bloque para establecer un coste fijo.

  • Los usuarios avanzados pueden utilizar fórmulas de precios, variables y tablas de precios para modelos de precios dinámicos.

Para una configuración sencilla, simplemente ingrese un precio base y obtenga una vista previa de cómo aparecerá.

Para obtener más detalles sobre la creación de estructuras de precios avanzadas, consulte la documentación.

Agregar formulario

Para recopilar información del usuario:

  1. Vaya a la Agregar formulario .

  2. Agregue campos usando bloques, por ejemplo:

    • Bloque de nombre para agregar Nombre y Apellido

    • Bloque de correo electrónico para permitir que los usuarios escriban su dirección de correo electrónico

    • Bloque de texto para Mensaje

    • Bloque de aceptación para la casilla de verificación de consentimiento para el cumplimiento del RGPD/DSA

Todos los elementos del formulario se pueden reorganizar mediante arrastrar y soltar.

Habilitar el formulario de contacto y configurarlo Configuración de correo electrónico para recibir envíos. Todos los datos se almacenarán en el Mis pedidos .

Para obtener más información sobre los diferentes tipos de bloques de formulario, consulte la documentación.

Compartir 

Comparte tu configurador desde el Compartir :

  • Copie el código de inserción HTML único.

  • Péguelo en su sitio web (por ejemplo, en un bloque HTML de WordPress).

  • Ajuste el tamaño del iframe según sea necesario.

También puede:

  • Activar Realidad Aumentada.

  • Integrar con plataformas de comercio electrónico.

  • Conectarse mediante API a servicios de terceros.

El siguiente vídeo proporciona un conjunto general de pautas prácticas para ayudarlo a comenzar rápidamente a construir su propio configurador.