Documentación para Diseñadores

Crea tus propias plantillas en Tienda Nube

Campos personalizados en el carrito

¿Para qué sirven?

Con los mismos vas a poder solicitar información adicional personalizada a tus clientes y mostrarla en las órdenes de compra de tu tienda online.

Por ejemplo, si necesitas saber qué día entregar tu pedido, podés agregar un campo personalizado en el carrito de compras de tu sitio que se llame "Fecha de entrega". O por ejemplo, si te gustaría que tus compradores añadan una dedicatoria antes de finalizar su compra, podrías insertar un campo de "Dedicatoria".

Esos campos pueden o no ser obligatorios, ¡todo depende de tus necesidades!

¿Cómo se ve esa información luego? Fácil, en el detalle de cada orden (dentro de la sección Ventas > Mis ventas, del panel de administración) vas a poder ver los campos que incorporaste, debajo del título ‘Campos personalizados’.

¿Cómo se incluyen estos campos en mi tienda online?

En primer lugar, es necesario abrir el FTP y modificar el código HTML del sitio. 

Una vez que accedas al mismo, deberás localizar el formulario del carrito de compras. Por lo general, se encuentra en el archivo snipplets/cart-panel-ajax.tpl para la versión AJAX, o templates/cart.tpl para la versión común.

El código del formulario debería verse así:

<form action="{store.cart_url}" method="post">

Y dentro del mismo es donde deberías incluir tus campos personalizados. Por ejemplo:

<input type="date" class="form-control" name="custom[Entrega]" required />

La magia consiste en colocar en la propiedad name del campo: "custom[NombreDelCampo]", donde NombreDelCampo es el nombre que querés asignar a la información en la orden.

¡Eso es todo!

Asegurate de validar los campos que agregues de la forma que consideres necesaria. Por ejemplo, si el campo es obligatorio, podés utilizar la propiedad de HTML5 required, o podrías por otro lado validar con JavaScript que se incluya la información necesaria.

Sin compromiso de compra ni estadía mínima. No hay costo de registro o cancelación.