FROM CACHE - es_header

Limitar el número de caracteres en la 'nota del pedido' en Carrito o Checkout

AndyGimeno
Nuevo miembro
5 0 0

¿Cómo puedo limitar el número de caracteres que se escriben al realizar una nota en un pedido? Los clientes me escriben un texto demasiado largo. Me gustaría limitarlo a 180 o 200 caracteres.

 

Estoy utilizando el tema Prestige, pero creo que es un atributo general de Shopify.

 

Captura de pantalla 2021-06-17 a las 9.41.29.png

 

Gracias!

5 RESPUESTAS 5

Teo
Shopify Staff
2134 486 302

Hola, @AndyGimeno:

Muchas gracias por escribirnos. Entiendo por tu mensaje que te gustaría poder liminar el número máximo de caracteres en la sección de la nota de pedido de la pantalla de carrito en tu página web, ¿cierto? Estaré encantado de poder ayudar y arrojar algo de luz sobre esta cuestión.

A modo de contexto, he estado revisando esta entrada de la Comunidad de Shopify y he encontrado una solución que podría adaptarse a las necesidades de tu tienda mediante una modificación del tema de tu tienda. La entrada está en inglés. No obstante, siempre puedes utilizar el traductor de Google Chrome para mostrar el contenido en español en caso de que lo necesites. Con todo, a continuación te dejo los pasos que necesitarás llevar a cabo para liminar el número de caracteres en la sección de la nota de pedido:

  1. Dirígete al apartado Tienda online > Temas > Tema actual > Acciones > Editar código.
  2. Localiza la sección Sections > cart-template.liquid.
  3. Una vez ahí, localiza el código de texto textarea name="note"(puedes filtrar la búsqueda con el comando ctrl+G).
  4. Añade el código maxlength="XX" seguido del código anterior.
  5. Sustituye las "XX" por el número de caracteres que quieres permitir que los clientes introduzcan.
  6. Guarda la configuración.

En resumen, en el apartado Sections > cart-template.liquid debe quedar un código de bloque como el siguiente:

 {%- if section.settings.cart_notes_enable -%}
            <div class="grid__item medium-up--one-half cart-note">
              <label for="CartSpecialInstructions" class="cart-note__label small--text-center">{{ 'cart.general.note' | t }}</label>
              <textarea name="note" maxlength="XX" id="CartSpecialInstructions" class="cart-note__input" data-cart-notes>{{ cart.note }}</textarea>
            </div>
          {%- endif -%}

 

Como alternativa, si no te sientes cómodo realizando cambios al código de tu tema, siempre puedes optar por contratar a un experto de Shopify para llevar a cabo este proceso. Este es un portal de especialistas y desarrolladores que pueden darte un presupuesto para las modificaciones que necesitas en tu tienda.

En caso de que la secciones dentro de tu tema no se muestren de la misma manera que te comentaba, es posible que se trate debido a que el tema Prestige ha sido desarrollado por un proveedor externo a Shopify. En este caso, te recomendaría contactar con los desarrolladores del mismo para estudiar la posibilidad de que realicen esta modificación por ti. En la propia página del tema Prestige en la tienda de temas de Shopify, encontrarás una sección llamada soporte y documentación a través de la cual podrá contactar con los desarrolladores del propio tema.

 

Teo | Social Care @ Shopify 
 - ¿Te resultó útil mi respuesta? Dale Me gusta para hacérmelo saber 
 - ¿Resolvimos tu pregunta? Dale a Aceptar como solución
 - Para saber más visita el Centro de ayuda de Shopify o nuestro Blog de Shopify

RubenTantä
Shopify Partner
63 0 5

Hola @Teo 

 

¿y como puedo hacer lo mismo para el limite de caracteres en la dirección 1 y 2 de los datos de envío?

 

GRACIAS

Teo
Shopify Staff
2134 486 302

Hola, @RubenTantä:

 

Muchas gracias por escribirnos. Entiendo por tu mensaje que te gustaría poder limitar el número de caracteres que los clientes pueden introducir en la dirección de envío de la pantalla de pago, ¿cierto? Estaré encantado de poder ayudar y arrojar algo de luz sobre esta cuestión.

 

A diferencia de mi respuesta anterior sobre limitar el número de caracteres en la nota del pedido; solo es posible modificar los campos de la pantalla de pago de Shopify si tu tienda se encuentra en el plan de Shopify PlusEsto se debe a que únicamente estas tiendas tienen acceso para editar el código de checkout.liquid, que es el que permite personalizar dicha sección. En el siguiente enlace encontrarás más información acerca de los Shopify Scripts y Script Editor. En este caso, ¿podrías confirmarme el plan de suscripción en el que se encuentra tu tienda de Shopify?

 

Los principales motivos por los que no se puede editar la pantalla de pagos, a menos que la tienda esté en el plan de Shopify Plus; son por mantener la seguridad, la capacidad de respuesta y el cumplimiento de la normativa PCI. Si tuviéramos pantallas de pago personalizadas, cualquier actualización que quisiéramos hacer tendría que ser tienda por tienda. Además, los clientes se verían perjudicados si el proceso de compra tuviera fallos o no se actualizara correctamente.

 

Sin duda, entiendo a la perfección lo beneficioso que resultaría el hecho de poder limitar el número de caracteres en los campos de la dirección de envío. Por mi parte, voy a pasar tu comentario a nuestros desarrolladores para que lo revisen y lo tengan en cuenta en futuras actualizaciones de la plataforma. Aunque, por el momento, no tenemos una fecha concreta para esta implementación.

 

Como alternativa, puedes usar la herramienta del editor de idiomas de Shopify para modificar el campo de la dirección actual y recomendar a los clientes no exceder un máximo de caracteres. Para ello, puedes dirigirte a la sección Tienda online > Temas > Tres puntos > Editar idiomas. En esta página, localiza la pestaña Checkout & System y ve hasta la sección Checkout contact > Address1 label y Address2 label. Una vez ahí, cambia la actual redacción del tema para indicar la recomendación de no exceder el máximo de caracteres que quieres establecer.

 

Dicho esto, me pregunto cómo va el resto de cuestiones con tu tienda. Dime, ¿estás pensando desarrollar una estrategia de marketing para el Black Friday Ciber Monday? ¿Has podido hacer uso de la herramienta de informes de Shopify? ¿Cómo van las sesiones, conversiones, ventas, etc.?

Teo | Social Care @ Shopify 
 - ¿Te resultó útil mi respuesta? Dale Me gusta para hacérmelo saber 
 - ¿Resolvimos tu pregunta? Dale a Aceptar como solución
 - Para saber más visita el Centro de ayuda de Shopify o nuestro Blog de Shopify

RubenTantä
Shopify Partner
63 0 5

Hola @Teo 

 

Ok voy a usar el editor de idioma en Español pero ¿y qué pasa con el idioma inglés que viene por defecto? 

Teo
Shopify Staff
2134 486 302

Hola, @RubenTantä:

 

Gracias por la respuesta. En relación con tu consulta, al modificar la redacción del campo de la dirección en la pantalla de pago a través del editor de idiomas, solo se mostrará dicho campo con el mensaje personalizado en español. En este caso, para los clientes que accedan a la tienda en inglés, seguirán viendo este campo de la dirección como "address", sin la modificación realizada.

 

Dicho esto, me alegra informarte de que en Shopify hemos publicado una aplicación nativa para resolver problemas de este tipo. Esta es, la aplicación de Shopify Translate & Adapt. Con esta, podrás localizar el contenido de cualquier sección de tu tienda para personalizarlo a tu gusto. Esto es, también podrás cambiar la redacción que aparece como "address" en inglés para realizar la recomendación a los clientes de no exceder el máximo de caracteres que desees.

 

Si tienes el inglés configurado como un idioma de tu tienda a través de la sección Configuración > Idiomas y este está asignado a un mercado en el apartado Configuración > Mercados; podrás personalizar la redacción de la pantalla de pagos. Te dejo un enlace con más información sobre cómo crear contenido personalizado para un mercado con la aplicación de Shopify Translate & Adapt. Una vez que la hayas instalado en tu tienda, puedes seguir los siguientes pasos:

 

  1. Dirígete a Configuración > Aplicaciones y canales de ventas.
  2. Haz clic en Translate & Adapt > Abrir aplicación.
  3. Selecciona Contenido localizado > Inglés.
  4. Dirígete a Recursos del tema > Editar.
  5. En el menú de la izquierda, haz clic en Checkout & System.
  6. Busca Address1 label y Address2 label y edítalas.
  7. Guarda la configuración.

 

Una vez seguidos estos pasos, habrás personalizado el campo de la dirección de la pantalla de pago también en inglés. Por lo tanto, cuando los clientes accedan a la tienda en este idioma, verán el mensaje personalizado sobre el máximo de caracteres que vas a integrar. Por otra parte, ¿podrías confirmarme si actualmente vendes de manera local, nacional o internacional? ¿En qué idiomas tienes configurada tu tienda y a qué mercados estás vendiendo en estos momentos?

Teo | Social Care @ Shopify 
 - ¿Te resultó útil mi respuesta? Dale Me gusta para hacérmelo saber 
 - ¿Resolvimos tu pregunta? Dale a Aceptar como solución
 - Para saber más visita el Centro de ayuda de Shopify o nuestro Blog de Shopify