Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo añadir un maquetador de productos personalizado en WooCommerce (Fácil)

Un creador de productos personalizados permite a los compradores en línea diseñar y personalizar productos según sus propias preferencias y requisitos. Puede ser una herramienta esencial si su tienda online vende sobre todo artículos únicos. De lo contrario, ofrecer algunos artículos personalizables puede ser una forma estupenda de hacer más divertido su catálogo de productos.

A lo largo de los años, hemos ayudado a miles de usuarios a crear sitios web WooCommerce con un montón de funcionalidades avanzadas, incluyendo productos personalizables.

En nuestra experiencia, esto suele requerir la edición de código para crear un constructor de producto personalizado. Sin embargo, como esto no es ideal para principiantes, hemos explorado algunas opciones más fáciles de usar.

Después de investigar y probar, hemos encontrado que la mejor manera de añadir un constructor de producto en WooCommerce es utilizando el plugin Zakeke. Es fácil de usar y no tienes que tocar ni una sola línea de código.

En este artículo, le mostraremos cómo agregar fácilmente un constructor de producto personalizado en WooCommerce.

How to add a custom product builder in WooCommerce

¿Por qué añadir un maquetador de productos personalizado en WooCommerce?

Añadir un maquetador de productos personalizado en WooCommerce permite a sus clientes personalizar los productos antes de realizar un pedido.

Por ejemplo, puede añadir productos de impresión por encargo y permitir que los clientes añadan sus logotipos, imágenes y texto a los productos.

Un diseñador de productos personalizado para WooCommerce se puede utilizar para vender sus propios productos para que los compradores puedan personalizarlos antes del envío.

Como alternativa, también puede iniciar un negocio de dropshipping y dejar que un proveedor externo se encargue de la personalización y el envío.

Dicho esto, echemos un vistazo a cómo añadir un maquetador de productos personalizado a tu tienda WooCommerce.

Añadir maquetador de producto personalizado a una tienda WooCommmerce

Para este tutorial, vamos a utilizar Zakeke. Es una herramienta de personalizador de productos WooCommerce y ofrece una experiencia sin fisuras maquetador de productos para sus usuarios. El diseñador de productos es muy fácil de usar para los clientes, así como los propietarios de tiendas.

En primer lugar, tienes que visitar el sitio web de Zakeke y acceder a una cuenta. Puedes hacer clic en el botón “Iniciar periodo de prueba gratuito” para empezar.

Zakeke

Zakeke funciona con las plataformas de comercio electrónico más populares, incluyendo WooCommerce.

Para conectar su tienda a Zakeke, vuelva al área de administrador de su sitio web WordPress.

A continuación, debe instalar y activar el plugin gratuito Zakeke. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

El plugin gratuito actúa como un conector entre su sitio web y el maquetador de productos Zakeke.

Tras la activación, se le pedirá que conecte su tienda WooCommerce a su cuenta Zakeke. Simplemente haga clic en el botón “Conectar” para continuar.

Connect Zakeke

A continuación, se le pedirá que permita el acceso Zakeke para realizar acciones en su tienda WooCommerce.

Siga adelante y haga clic en el botón “Aprobar” para avanzar.

Connect Zakeke to WooCommerce

Esto le llevará al panel de control de Zakeke.

Ahora puede dirigirse a la opción “Productos personalizables” del menú de la izquierda.

Go to customizable products

Ahora está listo para añadir productos que los clientes pueden personalizar.

Añadir su primer producto personalizable

Una vez que esté en Productos personalizables, siga adelante y haga clic en el botón “Añadir”.

Add your custom product

A continuación, puede elegir un producto de su propia tienda, crear un producto desde cero o seleccionar un servicio de impresión bajo demanda.

Para este tutorial, vamos a añadir productos de nuestra propia tienda de demostración.

Choose where to get your product from

A continuación, Zakeke cargará los productos de su tienda.

Debe elegir el producto que desea configurar.

Choose a product from your store

Después de eso, Zakeke elegirá la imagen del producto de su tienda.

Puede cargar una imagen diferente si desea utilizarla. También puedes subir el reverso de la imagen del producto o añadir variaciones.

Change custom product image

Cuando esté satisfecho con las imágenes de los productos, haga clic en el botón “Establecer área de impresión”.

Aparecerá una ventana emergente en la que tendrá que establecer una regla simplemente trazando una línea con el ratón e indicando una medida.

Make a line with the ruler

A continuación, debe seleccionar una forma para el área de impresión y dibujarla en la imagen del producto.

Para este tutorial, utilizaremos la forma rectangular.

Create a rectangular area on your product

Cuando hayas terminado, haz clic en el botón “Guardar” para continuar.

A continuación, debe hacer clic en el botón “No ofrezco variaciones, vaya a la vista previa”.

Go to product preview

Ahora verá los detalles de su producto.

No olvides hacer clic en el botón “Guardar” para almacenar los cambios.

View preview and save custom product

Zakeke ahora mostrará una vista previa del maquetador de productos personalizados.

Puede probar si todo funciona correctamente y hacer cambios si es necesario. También existe la opción de realizar un pedido / orden de prueba.

Test the custom product builder

Cuando esté satisfecho con los cambios, simplemente haga clic en el botón “Publicar” de la parte superior.

Establecer los métodos de impresión

El siguiente paso es establecer los métodos de impresión. Aquí es donde puede elegir cómo desea que se formateen los archivos de diseño para la impresión.

Desde el Escritorio de tu cuenta Zakeke, ve a “Métodos de impresión” en la columna de la izquierda y haz clic en el botón “Añadir”.

Add a printing method

Desde aquí, puede elegir qué características de impresión desea permitir que utilicen sus clientes.

También puede elegir los tipos de archivo, la resolución y el formato. Si permite que los usuarios añadan un cuadro de texto al producto, dispondrá de opciones para controlar el estilo del texto, la fuente, el formato, el color, el tamaño, etc.

Edit printing method details

En la parte inferior, puede elegir los productos existentes a los que se aplicaría este método.

No olvides hacer clic en el botón “Guardar” para almacenar los cambios.

Select products to apply printing methods

Uso del maquetador de productos personalizados en WooCommerce

Zakeke añadirá la opción de personalización de productos a todos los productos que añadas utilizando el configurador de productos.

Simplemente visite el producto en su tienda, y verá la opción de Personalizar el producto.

Customize your product

Se abrirá la interfaz del diseñador de productos, que incluye una vista previa de las herramientas de diseño de imágenes de productos a la derecha.

Los usuarios pueden añadir texto o subir imágenes desde sus dispositivos o cuentas de medios sociales.

Add image to product in the builder

También pueden ajustar la imagen o el texto dentro del área de impresión simplemente arrastrando las esquinas. También hay opciones para elegir distintos tipos de letra, colores y estilos.

Una vez terminado, los usuarios pueden descargar una copia de su diseño en PDF, guardarlo o simplemente añadirlo al carrito.

Después, los clientes pueden marcar / comprobar su pedido como lo harían normalmente, con una vista previa de su producto personalizado en el carrito.

View cart with custom product

Bonus Tip: Vender más productos personalizables en WooCommerce

Los productos personalizables y un diseñador de productos elegante pueden ayudarle a conseguir más ventas. Sin embargo, es posible que los clientes no sepan que pueden personalizar y diseñar sus productos.

Aquí es donde entra OptinMonster.

Es el mejor software de optimización de conversiones del mercado que permite convertir fácilmente a los visitantes de WooCommerce en clientes de pago.

OptinMonster viene con cajas de luz emergentes, ventanas emergentes deslizables, barras de aviso, temporizadores de cuenta atrás y mucho más. Todas estas herramientas pueden ayudarle a mostrar el mensaje correcto a sus clientes en el momento adecuado.

Upsell popup preview

Con sus potentes reglas de visualización, puede dirigirse a los clientes y mostrarles campañas personalizadas.

Por ejemplo, puede ofrecer envíos gratuitos a clientes de una zona concreta, mostrar una ventana emergente deslizante para productos personalizables o dar un cupón por tiempo limitado para recuperar ventas de carritos abandonados.

OptinMonster countdown timer

Esperamos que este artículo te haya ayudado a aprender cómo añadir fácilmente un maquetador de productos personalizado en WooCommerce. Puede que también quieras ver nuestra guía sobre cómo hacer un seguimiento de las conversiones en WooCommerce para hacer crecer tu negocio y nuestra comparativa de los mejores proveedores de alojamiento de WooCommerce.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

Comentarios

  1. Felicidades, tienes la oportunidad de ser el primer comentarista de este artículo.
    ¿Tiene alguna pregunta o sugerencia? Por favor, deje un comentario para iniciar la discusión.

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.