ReInSpirit

Plugin Diseñador de Producto Personalizado para WooCommerce

por 61 comentarios

Con la popularidad de las tiendas online que crecen rápidamente, la introducción de herramientas de personalización van mejorando esta experiencia y han añadido una nueva dimensión a lo que se puede comprar o vender.

Tanto si diriges una tienda al por menor o cualquier otro tipo de tienda como serigrafías y diseños personalizados, puedes hacer que los clientes añadan su toque personal a tus productos.

Este sistema no sólo hace el producto más personal para el cliente, sino también añade valor, lo que aumenta su costo y por lo tanto tus beneficios.

Uno de los principales plugins de WordPress para el comercio electrónico es sin duda WooCommerce, y en este post te voy a mostrar un plugin adicional que puede añadir esta capacidad de personalización para tus productos en WooCommerce.

Estamos hablando del plugin Fancy Product Designer para WooCommerce

Está disponible en Codecanyon por un precio muy económico. El desarrollador es un «Elite Author» y estos momentos ronda casi las 5000 descargas.

Lo que hace este plugin es añadir capacidades de personalización de tus productos existentes (o nuevos) en WooCommerce.

Una vez instalado incluye un constructor de productos personalizado en tu administración de WordPress que se traduce en una ventana de personalización en el front-end del producto.

diseñador de productos

Entonces, ¿qué ofrece este plugin?

En primer lugar, Fancy Product Designer funciona con cualquier producto de WooCommerce que puedas tener, no importa lo que sea (aunque lo recomendable son lugares planos sin perspectivas). Utiliza una técnica de capa sencilla por el que cualquier usuario puede agregar cualquier imagen que desee en png, jpeg o incluso formatos SVG.

Se puede configurar los parámetros generales o los individuales para cada elemento, así como ofrecer tus diseños personalizados o dejar que tus clientes suban los suyos propios.

Hay un montón de opciones disponibles con el diseñador de productos, incluyendo la posibilidad de añadir fotos de Facebook e Instagram.

Todas estas capacidades, además del hecho de que no hay necesidad de tener conocimientos de programación para conseguir que funcione, lo convierten en un complemento muy útil que cualquier proveedor de productos personalizados debe considerar.

Pero antes de empezar hay algunos requisitos dignos de mención en la documentación:

  • Es obvio que el plugin oficial de WooCommerce necesita ser instalado y activado.
  • No cambies el nombre del directorio original de WooCommerce, que tiene que ser «WooCommerce», de lo contrario el plugin no será capaz de encontrarlo.
  • Sólo funciona con imágenes que están alojadas bajo el mismo dominio y protocolo en el que se ejecuta el diseñador de productos.

🔧 Instalación

El proceso de instalación es sencillo. Sólo tienes que descargar los archivos que son enviados con su compra, subirlos a través de la sección de «Plugins» en tu panel de WordPress y activar.

Ahora verás que en la barra de configuración de WordPress hay una nueva pestaña llamada Fancy Product Designer. Además de esto, en la pestaña de «Productos» de WooCommerce  también encontrarás dos nuevas opciones: Fancy Products y Fancy Designs.

⚙️ Configuración de Fancy Product Designer

Vamos a echar un vistazo a la configuración de Fancy Product Designer. La encontrarás bajo su propia pestaña. Lo vemos a continuación.

Desde aquí tienes la opción de modificar cualquier ajuste que desees, ya sea para el Layout o Skin, los colores, barra del menú, página de producto, añadir Light Box y demás.

Empezando por el layout y skin, puedes cambiar el tema, así como el tamaño del escenario del producto y la barra lateral, además de la ubicación de donde van a aparecer.

settings fancy plugin

Debajo del todo puedes cambiar los colores de contorno para que coincida con tu tema, mas adelante en la sección de barra de menú se puede elegir las opciones que deseas dar a tus clientes.

La página del producto determina cómo y dónde aparecerá tu personalizador de productos, ya sea en el lugar de la imagen del producto o el uso de un gancho personalizado que proporcionada Fancy Product Designer.

Finalmente en Miscelanius puedes jugar con otras opciones, como la adición de un ID de Facebook o Instagram y personalizar los botones de «Empezar Personalización».

También hay una opción de modo de depuración que cuando se activa se muestra una ventana emergente cada vez que se abre una página en el front-end, mostrando lo que puede estar dando fallos o lo que podría hacer falta. Funciona muy bien y realmente ayuda a acortar los plazos para resolver cualquier problema.

✏️ Edición de un producto

Una vez elegida la configuración que queremos podemos ir a nuestro primer producto. Como ejemplo ponemos una camiseta llana en la sección de productos donde quiero añadir una imagen y el texto.

Si le damos a «Edit Product» vamos a ver una nueva opción del producto denominada Fancy Product. Entramos en esa opción. Ahora dirigimos la pestaña de productos por debajo de esta y desde aquí no sólo podemos añadir puntos de vista para el producto, sino también cambiar la configuración y la importación o exportación de cualquier punto de vista.

👕 El constructor Fancy Product

Una vez hecho esto podemos entrar en Edit Elements o ir directamente a Fancy Products en la barra lateral. Desde aquí vamos a seleccionar la vista que queremos personalizar y añadir cualquier elemento que queremos en esta.

Tienes la sección Manage Elements en la que se pueden añadir los elementos o el texto que desees y debajo de eso es donde se configuran los parámetros para cada elemento. Estos parámetros determinarán la ubicación y el comportamiento del elemento en el front-end.

fancy products

Puedes cambiar la posición y la escala en las opciones del cuadro. Cada elemento puede ser encerrado en el tamaño de un elemento más, que se puede configurar para ser personalizable de varias maneras, y el texto puede tener su propia fuente, el estilo y así sucesivamente modificado desde este apartado también.

🔎 Incluyendo Fancy Designs

¿Qué pasa con el apartado Fancy Designs? Tiene su propia sección también. Si te diriges a este puedes elegir la categoría que deseas agregar a los diseños, añadirlos, e incluso cambiar sus parámetros.

Estos parámetros pueden a su vez ser modificados para toda la categoría o de forma individual para cada diseño como se ve en la siguiente imagen.

fancy designs

🔩 Parámetros y opciones

Estos parámetros añaden algunos detalles mas. Lo primero que se puede establecer es la posición de los elementos en el eje x,y,z, para después elegir su escala y colores.

Puedes incluso añadir un precio para cada elemento, por lo que da la opción de agregar un nombre a una camiseta puede costar 2 € mas por ejemplo a tu cliente. A continuación, se puede establecer ciertas características tales como si los elementos son dragables, rotatables, resizables y así sucesivamente.

Por último se puede establecer el cuadro de límite para los elementos. Se puede personalizar este usando posiciones, anchuras y alturas o establecer un elemento como el cuadro delimitador para otro. Por ejemplo, el cuadro delimitador de la imagen podría ser la camiseta ya que es donde la impresión se limita a esta.

👀 Cómo se ve y las funciones en el Front-End

Con todo el trabajo de fondo hecho, vamos a echar un vistazo a lo que se convierte en el front-end.

En primer lugar, lo ideal es incluir el botón de ‘Empezar personalización» al lado del producto en la página de productos, por lo que el cliente puede ver el producto inicial antes de personalizarlo.

Una vez el cliente pulsa este botón, se le lleva al constructor del producto donde se puede personalizar fácilmente. Van a tener todas las opciones que has elegido anteriormente y la posibilidad de editar un elemento a la vez.

funciones en el front end

Todo es muy fácil de usar y tus clientes serán capaces de realizar su propio encargo. Una vez que se ha añadido a la cesta es posible que el cliente desee volver atrás y hacer cambios. Esto es tan sencillo como pulsar en el botón Editar y automáticamente le llevará de vuelta al constructor del producto.

Todo lo que queda ahora es que el cliente procese el pago y el envío como se hace habitualmente, y la compra de un nuevo producto, único y personalizado se completa.

🧾 Documentación y Soporte

Fancy Product Designer ofrece un montón de documentación para empezar y te guiará a través de la creación de tu primer diseñador de producto. Es muy completo y fácil de entender, incluso para alguien no familiarizado con WooCommerce.

El soporte es muy útil y son rápidos en responder.

Todo esto está muy bien y es un valor añadido que cada plugin premium debe esforzarse en tener.

😉 Conclusión

Hay tanto que puedes personalizar y configurar con Fancy Product Designer para WooCommerce que existe mucho donde elegir. Al principio puede ser abrumador, especialmente si todavía eres bastante nuevo en WooCommerce, pero con la documentación y el soporte que ofrecen estarás en el camino correcto en poco tiempo.

Una vez que aprendas como se configura, puedes crear productos personalizables impresionantes que de otro modo solamente están disponibles en una tienda física.

Si estás pensando en añadir características adicionales a tu sitio de comercio electrónico o quieres que tus productos puedan ser personalizados por los usuarios, entonces Fancy Product Designer puede hacer el trabajo por ti.

¿Has utilizado un plugin como este antes? ¿Cuáles fueron tus experiencias con estos? ¿Como reaccionaban tus clientes? Me encantaría ver lo que tienes que decir en los comentarios aquí debajo.

Nuestra puntuación

..Entradas Relacionadas

Sobre el autor

Pedro Mendez. Webmaster apasionado de WordPress. Autodidacta empedernido buscando siempre nuevas fuentes de conocimientos.

Comentarios

  2. Alejandro dice

    Hola, sabes de algun plugin parecido en el que se pueda personalizar un rectangulo a la medida que tu elijas? para personalizar tazas y que se vea el area personalizable.

    Responder

  7. sandra dice

    Hola, una pregunta, no entendí bien el tema de la personalización, este plugin le permite al cliente subir su propia fotografía, o tare algunas imágenes por defecto? busco algo que puedan elegir color, talla, imagen, o que la puedan subir si desean, este plugin me servirá?
    Gracias

    Responder

  8. jose dice

    Hola. Buen plugin, pero es posible encontrar algun manual en español o algun paso a paso? Yo ya tengo los productos en woocommerce, pero me gustaría que se vieran mejor. Es posible? Gracias

    Responder

  9. David dice

    Hola Pedro, estamos buscando un personalizador de productos para nuestra futura tienda online. Te adjunté al email dos imágenes sobre un producto que vendemos off-line para saber si ese tipo de personalizaciones podría hacerlas un hipotético cliente. No encuentro muchos videos de demostración, y los que encuentro no me lo dejan claro.

    También quisiera saber si la interfaz permite la personalización de tazas, pero no por lados separados, sino que cubriera toda la superficie de la taza (menos el asa, claro) y que el cliente comprador pudiera verlo.

    Tal vez conozcas otros en el caso de que con este no sea posible. 5 estrellas.

    Responder

    • Pedro Mendez dice

      Hola David. El plugin si sirve para hacer lo que necesitas. De todas formas tienes una demo disponible en el botón de «Live Preview» debajo de la imagen principal de la página del plugin

      Te adjunto imagen. Saludos!

      Responder

  10. Oscar dice

    Hola felicidades por el articulo.
    Quería preguntar como se pone una imagen fija y que el cliente coja una imagen de producto de la tienda woocommerce y que se adapte por detrás.
    Me explico.
    Poner un dormitorio con el cabecero vacío y escoger un mural de los productos y que se adapte al cabecero por detrás.
    Como puedo conseguir esto porfavor.

    Responder

  11. Marcelo Juarez dice

    Hola, estoy creando una tienda con productos que publican diferentes personas, este plugin funciona para que cada cliente, de manera individual ingrese con una contraseña de su producto para editar el/los precios del mismo.

    Responder

  13. Ruli dice

    Hola,

    Para utilizar este plugin en diversos productos, ¿De dónde puedo descargar las plantillas?
    Es decir, quiero por ejemplo que se puedan customizar tazas, ¿De dónde puedo sacar la plantilla de las tazas?

    Gracias!

    Responder

  14. Miguel dice

    Hola, saludos desde Colombia. Este pluggin tiene la opcion de que el cliente pueda modificar diseños que yo he subido antes? ejm: si subo una camiseta con un cuadrado y adentro lleva texto que la persona solo pueda cambiar el texto y el color de la letra. Es posible hacer esto? muchas gracias.

    Responder

    • Pedro Mendez dice

      Hola Miguel. Creo que si es posible que crees un prediseño con el plugin y puedas hacer que el usuario empiece desde ese prediseño, pero para mas seguridad te recomiendo que preguntes al desarrollador del plugin, pues responde bastante rápido. Saludos!

      Responder

  15. Esmeralda dice

    Hola!
    Espero me puedan ayudar, busco plugin para una página donde los usuarios puedan subir imagenes o archivos en pdf listos para imprimirse, es decir, la página vende el servicio de impresiones. Estoy intentando con woocommerce pero no se que más deba añadirle para que tenga esta funcionalidad

    Responder

  16. René Mijangos dice

    Buen día, no me queda claro el asunto de la licencia:

    Licencia regular $50 usada por usted o un cliente en un solo producto final que no se cobra a los usuarios finales . El precio total incluye el precio del artículo y una tarifa de comprador.

    Licencia Extendida $250
    Utilice, por usted o un cliente, en un solo producto final por el cual se puede cobrar a los usuarios finales . El precio total incluye el precio del artículo y una tarifa de comprador.

    ¿A que se refiere con un solo producto y que no se cobra y que se puede cobrar?

    Responder

    • Pedro Mendez dice

      Hola René,
      Con la primera opción puedes utilizar el plugin para tu sitio web o de algún cliente, y con la segunda opción igual pero puedes vender el plugin a quien quieras, regalarlo o hacer lo que quieras. Saludos

      Responder

  17. Patricia dice

    Hola Pedro, muchas gracias por la información sobre este complemento. Me alegra que WooCommerce se esté poniendo al día. Es muy interesante!! No sé si podría servirme a mi, estoy buscando personalizar un producto como es una cesta de Navidad, para que el cliente elija como quiere que sea su cesta (madera, mimbre, cartón) y añada el contenido (tabletas de chocolate, turrón, frutas, frutos secos). ¿Se puede hacer esto con este plugin? Muchas gracias!

    Responder

    • Pedro Mendez dice

      Hola Patricia,
      Con WooCommerce si se puede hacer lo que necesitas y no necesitas un plugin para eso. Este plugin del que hablo en el post es para que el usuario diseñe su propio producto a su gusto antes de comprar, como por ejemplo incluir imágenes, el color, la tipografía, etc.
      Saludos!

      Responder

  18. Diana dice

    Hola!
    Estabamos pensando incluir un pluggin de personalizacion de producto en nuestra tienda.
    Nosotros somos tienda de invitaciones de boda, sellos etc… pero me he descargado la demo y la verdad no entiendo como habría que hacer esto…
    Se podría contratar un servicio de que me diseñen las plantillas que necesito o que me enseñen como debo hacerlo??

    Gracias!

    Responder

  19. Jesús dice

    Buenas tardes,

    Yo soy programador de .net y he visto que tienen un plugin en jQuery con el cual se puede trabajar, pero he visto que lo tienen adaptado a PHP y no se si eso realmente es importante porque yo de este lenguaje no piloto

    Gracias

    Responder

  20. Marcela dice

    Hola! en estos momentos estoy tratando de incluir ese plugin para la personalización de productos en mi pagina web pero tengo una duda… se puede de alguna forma bloquear la opción de cargar imágenes para que mis clientes no puedan subir la imagen que quieras sino solo escoger de una galería únicamente mis diseños?

    Responder

    • Pedro Mendez dice

      Buenas Marcela,
      Si compraste el plugin, al ser premium tiene soporte sobre todas las dudas que puedas tener. Ponte en contacto con el desarrollador del plugin y te indicará el medio de soporte para resolver dudas de clientes.
      Saludos!

      Responder

  21. dasha dice

    hola, quisiera adquirir el plugin solo tengo una duda si en mi tienda ya tengo productos con la foto de su variación de cada uno (por ejemplo vendo 1 vaso disponible en 8 colores diferentes y ya tengo en mi tienda la foto del mismo vaso pero en los ocho colores diferentes, para que el cliente pueda ver como se ve el vaso en cada color) y quisiera que el cliente pudiera ingresar su diseño en cualquiera de los 8 colores distintos, tengo que borrar la foto de los vasos que ya estan en la tienda y volver a configurar los colores con este plugin? no se si me explique… en pocas palabras, se puede utilizar la foto de los ocho colores para personalizar el vaso o tengo que utilizar una sola foto y configurar los colores a los que quiero que se cambie el vaso…. no se si me explique

    Responder

    • Pedro Mendez dice

      Hola Dasha,
      Si, entiendo lo que me dices, pero para evitar problemas antes de comprar el plugin te sugiero que le preguntes al desarrollador del mismo. Incluyen un sistema de soporte para responder todas las dudas de clientes.
      Saludos

      Responder

  22. Javier dice

    Necesito un personalizador que a la hora de generar el fichero del cliente me llegue por ejemplo en un pdf pero por capas , es esto posible ?

    Responder

  23. Ricardo dice

    Hola he diseñado una tienda online con elementor, he instalado este plugin en la sección de categorías me sale el boton customizar, cuando le doy click, me lleva a la pagina del producto con el precio, la opcion de comprar y la de customizar, pero cuando le doy customizar no me aparece el diseñador!!!, solo vuelve a la pagina simple del producto pero ya sin la opcion de customizar, he probado todas las configuraciones posibles pero no logro encontrar donde está el error. Por favor AYUDAAAAA

    Responder

  24. Francisco Elis dice

    Hola, he comprado este plugin para agregar el diseñador de productos a una tienda de cuadros de pared. Ya me he familiarizado bastante con él, sin embargo, al agregar alguna vista a un producto variable desde la variación especifica del producto, no logro que aparezca la que selecciono, si no que aparece en el diseñador la vista que coloque en el panel derecho para cualquier variación que elija. Ya he contactado con soporte de Radikal pero no me dan respuesta. Gracias de antemano a quien me pueda ayudar.

    Responder

    • Pedro Mendez dice

      Buenas, aquí te pongo los requisitos:

      Licencia regular seleccionada $69

      Utilícelo, por usted o un cliente, en un único producto final por el que no se cobra a los usuarios finales. El precio total incluye el precio del artículo y una tarifa de comprador.

      Licencia Extendida $295

      Utilícelo, por usted o por un cliente, en un único producto final por el que se puede cobrar a los usuarios finales. El precio total incluye el precio del artículo y una tarifa de comprador.

      Responder

      • Cuper dice

        Hola, Está licencia hay que renovar mensual o anual?.

        Cuál de los dos me recomiendas para mi tienda la licencia regular o la extendida?

        Claro necesito este plugin donde el cliente pues pueda personalizar su prenda, deje sus datos de envío y pueda pagar el producto.

        Responder

        • Pedro Mendez dice

          Hola,
          Pues no hay que renovar nada. Compras y tienes actualizaciones de por vida.
          Si vas a utilizar el plugin en un solo sitio puedes utilizar la regular. Si lo vas a utilizar en mas sitios pues la extendida.
          Saludos

          Responder

  27. Aday dice

    Hola,

    He visto que para poder exportar los archivos de los clientes necesito tener un plan mensual con ellos. ¿Quiere decir eso que si no tengo un plan los archivos no me llegan? ¿Y si tuviese el plan mensual como exportaría los archivos de los clientes? Ya que no se explica como conseguir dichos archivos.

    Muchas gracias.

    Saludos,

    Responder

    • Pedro Mendez dice

      Buenas,
      Donde pone que tienes que tener un plan mensual? Este plugin solo lo pagas una vez y tienes todas sus opciones disponibles y actualizaciones de por vida.
      Saludos

      Responder

      • Aday dice

        Buenas,

        Lo he leído mejor y los planes mensuales es para que la exportación de las personalizaciones de clientes sean de más calidad y muchas más opciones que te sirven para la impresión. Si no tienes uno de esos planes mensuales solo tienes una parte básica que dependiendo para que lo quieras te puede servir o no.

        Dejo por aquí el enlace donde lo explican: https://fancyproductdesigner.com/features/export-methods/

        Gracias por su respuesta.
        Saludos,

        Responder

        • Pedro Mendez dice

          Buenas Aday,
          Gracias por la explicación. Seguro que ayuda a las demás personas que estén interesadas en este plugin.
          Saludos

          Responder

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.