Crear un configurador

Crea tu primer configurador.

Añade tu producto. Crea la experiencia.
Conecta tu web.

Explorar los cuatro pasos

01Empezar

Empieza con tu producto.

Elige cómo empezar y añade los archivos del producto.

01Selecciona o arrastra tus archivos de producto.

Espacio ConfigUX Studio anónimo con New Configurator, opciones de inicio y carga de archivos.
Nuevo configurador · Tu punto de partidaAmpliar
¿Con qué puedo empezar?

Elige Auto Build, una Template, una Blank configurador o una Duplicate. Añade archivos del producto o selecciona los que ya están en Assets. Con Auto Build, analiza los archivos y revisa la configuración propuesta antes de continuar.

02Crear

Personalízalo. Arrastra y suelta.

Organiza los elementos, añade opciones y diseña la experiencia de compra.

  1. 01
    OptionsAñadir opciones
  2. 02
    MappingVincular imágenes y modelos
  3. 03
    PricesDefinir precios

02Arrastra Heading a tu diseño.

Panel Builder Elements con arrastre ilustrado de Heading, reloj azul marino y opciones de esfera y correa.
Elements · Crear el diseño visualmenteAmpliar
¿Cómo cambian las opciones el producto?

Usa Options para las opciones que ve el cliente y Mapping para vincularlas a imágenes o piezas del modelo. Define los precios en Pricesy después ajusta la presentación con Layout y Brand. Arrastra elementos como títulos, imágenes y un botón de presupuesto a tu diseño.

03Preview

Míralo como tu cliente.

Cambia una opción y observa el producto. Revisa la experiencia antes de publicar.

03Elige Green. Observa cómo cambia el reloj.

Configurador ilustrativo en Preview con esfera verde, caja dorada y correa marrón que coinciden con las selecciones.
Preview · Esfera verde y cuero marrónAmpliar
¿Qué debo revisar antes de publicar?

Prueba las opciones y revisa la vista del producto, los textos y los precios. Cambia entre Desktop, Tablet y Mobile. Comprueba que la siguiente acción, como solicitar presupuesto, sea fácil de encontrar y funcione.

04Connect

Llévalo a tu web.

Publica, elige tu web y sigue los pasos de instalación.

PublishConnectInstall

04Selecciona tu web y después Copy HTML.

Ventana ilustrativa Share and install para Watch demo con tienda ficticia en example.com y copia de HTML.
Connect · Web de demostración seleccionadaAmpliar
¿Cómo obtengo el código de instalación?

Después de publicar, abre Connect desde la lista de configuradores. En Share & install, elige tu web y el método de instalación. Para HTML, usa Copiar HTML cuando esté disponible. WordPress y WooCommerce requieren su conexión en Integrations.

¿Necesitas ayuda para preparar los archivos?

Empieza con los archivos de producto adecuados.

¿Listo para crear el tuyo?

Abrir ConfigUX Studio O habla con nosotros sobre tu producto

Ilustraciones de Studio con productos de demostración y datos anonimizados.

Pantalla de Studio