Seleccionar página

Productos en los cuales necesitamos incorporar algunos elementos que nos ha de proveer el cliente de la tienda online.

 

En ocasiones puede ocurrir que pongamos a la venta en nuestra tienda online productos personalizados. Es decir, productos que van a ser diferentes para cada uno de los clientes ya que irán personalizados con su nombre, una imagen, etc.

Con Prestashop no es necesario instalar ningún módulo o plugin para disponer de estas características en nuestra tienda online.

 

 

1.- Opciones de personalización de un producto con Prestashop:

 

Prestashop dispone de dos opciones de personalización de productos:

1.- Personalización a través de un campo de texto: podemos personalizar nuestro producto ofreciendo un campo de texto que debe rellenar el cliente antes de añadir el producto al carrito. En la configuración podemos decidir si rellenar el campo será obligatorio o no para el cliente.

2.- Personalización a través de una imagen: también podemos personalizar el producto ofreciendo al usuario de la tienda online Prestashop un botón para poder adjuntar un archivo tipo imagen al producto. Como en el caso anterior podemos decidir si será obligatorio que el cliente añada o no dicho archivo.

Recuerda que los archivos que podrá subir el usuario serán de tipo GIF, JPG o PNG. Para subir archivos PDF o comprimidos en .zip tendrás que adquirir, instalar y configurar un módulo como este: modulo pdf y zip

 

 

2.- Producto personalizable a elección del cliente

 

Gracias a que tanto para la personalización de un producto a través de un campo de texto como a través de una imagen, tenemos la opción de que sea optativo, podemos presentar un producto como opcionalmente personalizable. Es decir, que podemos configurar que ambas opciones no sean obligatorias de rellenar para poder añadir el producto al carrito. Podemos presentar el producto como un producto normal con la opción de ser personalizado siempre que el cliente rellene el campo de texto o suba una imagen en la correspondiente pestaña de personalización que aparece en la parte inferior de la página de productos.

 

 

3.- Proceso de creación de un producto personalizado en Prestashop

 

Para crear un producto con la opción de ser personalizado por parte del usuario iremos a nuestro panel de administración de Prestashop > catálogo > productos y abriremos uno de ellos.

En el menú lateral izquierdo del producto hacemos clic en el ítem con el nombre “Personalización”.

En esta interface escribimos el número de imágenes que podrá subir el usuario y el número de campos de texto que aparecerán para ser rellenados por el usuario y pulsamos guardar y permanecer.

 

Campos a rellenar para crear un producto personalizado prestashop

 

Si en alguno de los dos campos dejamos el cero no aparecerá dicha función de personalización del producto.

Tras pulsar guardar y permanecer nos aparece una interface en la que tenemos que personalizar las etiquetas para los campos de texto y para el campo para subir archivos. Además tenemos un check box para indicar si es obligatorio o no que el usuario haga uso de dicho campos de personalización.

 

Etiquetas de los campos para personalizar producto tienda online Prestashop

 

Una vez guardada la configuración podemos ver la manera en que se muestran dichos campos de personalización en Prestashop. Las opciones de personalización de productos en prestashop aparecen en la parte inferior de la página de productos bajo el nombre de pestaña “Personalización del producto”. En primer lugar aparece el botón para poder subir una imagen y a continuación los dos campos de texto. Sobre el botón para subir imágenes se indican las extensiones de archivo admisibles.

 

Interface que ve el cliente de un producto personalizado prestashop

 

 

4.- Recuperación de los datos de personalización.

 

Una vez que el cliente ha rellenado los datos de personalización del producto deberá pulsar el botón de guardar que aparece en la parte inferior derecha de la página de productos. Seguramente esta es la razón por las opciones de personalización de productos aparecen en la parte inferior de la página.

Una vez guardadas las opciones de personalización el usuario podrá proceder a añadir el producto al carrito de la tienda online. Cuando proceda a realizar el pago del carrito aparecerán bajo el resumen del producto los elementos que hayan sido personalizados (imágenes y/o textos).

 

Productos personalizados en el carrito de la tienda online

 

Para recuperar la información que el cliente ha personalizado debemos buscar el pedido en el backoffice de nuestra tienda online Prestashop y ver el detalle del pedido. Desde ahí podremos descargar la imagen subida por el cliente y visualizar los textos que haya añadido.

 

Recuperar datos personalizados del producto

 

 

5.- Módulo Prestashop para personalizar productos por categorías

 

Si tienes muchos productos que necesitan un determinado tipo de personalización, con el módulo que te voy a mostrar ahorrarás mucho tiempo. Con este módulo podrás crear campos personalizados por categorías de productos.

Primero elegirás el tipo de campo para la personalización del producto y a continuación las categorías a las que afecta. También puede aplicar la funcionalidad de este módulo creando una categoría específica de productos personalizados y aplicando sobre dicha categoría la personalización.

El módulo Prestashop Massive PrestaShop Custom Fields es bastante asequible ya que tiene un precio de 34$ + IVA.

QUIERO EL MÓDULO Massive PrestaShop Custom Fields

 

modulo Prestashop custom field evolution

Módulo para personalizar productos de manera masiva

 

 

6.- Módulo Prestashop botón personalizar y aviso

 

Te presento un módulo Prestashop que tiene dos funcionalidades en la personalización de productos:

a.- Botón Personalizar: el módulo mostrará un botón de personalizar. Al hacer clic sobre el botón se dirigirá al cliente a la zona donde están los campos de personalización del producto.

b.- Aviso de personalización: en caso de no haber personalizado el producto, cuando el cliente lo añada al carrito se le avisará con un pop-up de que el producto que quiere comprar es personalizable, que no lo ha personalizado y que si continua se añadirá al carrito sin personalización.

Es un módulo para facilitar la personalización de productos muy asequible, pues tiene un precio de 15€ IVA incluido.

IR AL MÓDULO

 

modulo recordatorio pop-up de personalización de productos

Módulo para recordatorio y botón de personalización de productos

 

 

7.- Subir la posición del bloque de personalización en la ficha de producto de Prestashop

 

A estas alturas ya te habrás dado cuenta que las opciones de personalización de producto en Prestashop aparecen al final de la página (por lo menos en la plantilla por defecto de Prestashop). He visto un comentario en el post donde una persona pregunta si es posible subir el bloque de productos personalizados más arriba. Es decir, que los campos para personalizar un texto y los dedicados a subir archivos aparezcan en la parte superior de la página.

Lo primero que debéis saber es que a través del panel de administración de Prestashop no podemos subir el bloque de personalización más arriba. Será necesario modificar el archivo product.tpl

He estado probando colocar las opciones de personalización de producto en varias posiciones y al final creo que la más adecuada es justo debajo del bloque formado por la imagen de producto y la descripción corta. Es decir, quedaría como el primer elemento de información.

Aquí puedes ver cómo quedaría:

 

poner más arriba las opciones de personalización

Subir opciones de personalización de productos en plantilla por defecto de Prestashop

 

 

Modificación del archivo product.tpl para subir las opciones de personalización de productos

El archivo que has de modificar es el archivo product.tpl que es la plantilla de la ficha de producto de Prestashop. Es decir, es la plantilla que se muestra cuando algún visitante visualiza un producto.

El archivo product.tpl está situado en la ruta: themes/default-bootstrap/

El bloque dedicado a la personalización de productos es:

{if isset($product) && $product->customizable}
<!--Customization -->

.............
.............

</section>
<!--end Customization -->
{/if}

He colocado el bloque de personalización justo delante de este bloque:

{if isset($features) && $features}
<!-- Data sheet -->

 

 

Descarga el archivo modificado para cambiar la posición de las opciones de personalización

Te voy a dejar el archivo modificado para que lo puedas descargar.

 

Recomendaciones:

a.- Prestashop 1.6.1.3. y plantilla por defecto: la modificación se ha realizado en el archivo product.tpl que viene con Prestashop 1.6.1.3. Probablemente servirá para cualquier versión de Prestashop 1.6, pero no te lo puedo asegurar.

El archivo no te va a valer si tienes una plantilla que no sea la que viene por defecto con Prestashop

b.- Te recomiendo que te guardes una copia del archivo product.tpl. De esta manera, si no funciona correctamente el archivo modificado podrás volver a colocar el archivo antiguo.

c.- Te recomiendo hacer una copia de seguridad antes de realizar cambios de este tipo.

d.- Recuerda vaciar la caché (en caso de estar utilizándola) tras realizar los cambios. En caso contrario, es posible que los cambios no se vean.

e.- Debes descargar el archivo, descomprimirlo y subirlo vÍa FTP.

Descargar archivo

 

 

Enlace al bloque de personalización

He incluido en el archivo un ancla con la finalidad de que puedas poner un enlace hacia el apartado de personalización del producto.

Para ir a él deberás poner en la ruta del enlace:

#productospersonalizados

En el ejemplo que he realizado he puesto un enlace con forma de botón que te lleva al apartado de personalización del producto.

 

Enlace a bloque de personalización de productos

Enlace al bloque de personalización

 

 

8.- Como ampliar el tamaño máximo de los archivos que sube el cliente al personalizar el producto en Prestashop

 

En un principio y dependiendo de la configuración de tu empresa de hosting lo habitual es que el cliente no pueda subir archivos de más de 2MB.

En el caso de Webempresa que es la empresa de hosting que recomiendo para Prestashop, he realizado una serie de pruebas y no puedo subir archivos de más de 2MB.

El límite de subida de archivos de Webempresa es de 55MB, pero hay otras variables en el hosting que impiden subir archivos muy por encima de los 2MB

Te describo los cambios solicitados a Webempresa para que modifiquen la configuración del archivo php.ini del hosting y conseguir subir archivos más pesados:

 

Parámetros del archivo php.ini del hosting antes de hacer los cambios

max_execution_time = 60
max_input_time = 60
memory_limit = 128M
suhosin.memory_limit = 128M

 

Parámetros del archivo php.ini después de hacer los cambios

max_execution_time = 300
max_input_time = 300
memory_limit = 256M
suhosin.memory_limit = 256M

Con la realización de estos cambios he conseguido subir archivos de hasta 4MB. No he intentado subir archivos más pesados, pero seguramente también se podrá. En definitiva, yo creo que con 4MB está bien.

Aunque no utilices un hosting Webempresa estos datos también te puede servir para comentarlo con el soporte de tu empresa de hosting.

 

NOTA: Comentario de Carmen, código a poner:

<div id="productospersonalizados"></div>

 

 

Compártelo ya!!

RECIBE GRATIS

CURSO PRESTASHOP

(20 vídeos)

Y WOOCOMMERCE

(14 vídeos) y MÁS

 

1.- CURSO PRESTASHOP 1.7 GRATIS (20 VÍDEOS)
2.- CURSO WOOCOMMERCE GRATIS (14 VÍDEOS)
 

3.- Guía para crear una tienda online de éxito
4.- Guía SEO para Prestashop
5.- Training Woocommerce, plugins imprescindibles y recomendados

QUIERO LOS CURSOS Y DEMÁS GRATIS

Mira en tu buzón de correo, para confirmar la suscripción.

Abrir chat
¿Dudas sobre mis cursos o servicios?
🙋🏻‍♂️** ¿Alguna duda sobre mis cursos o servicios? Soy Joaquín, cuéntame y te ayudo encantado
**Accede a TODOS mis cursos por solo 10 €/mes desde cursotiendaonline.com