Cómo agregar un campo de texto en el Checkout

Hola! Necesito agregar un campo de texto para que los usuarios puedan dejar comentarios adicionales sobre su compra en el Checkout.

Por ejemplo: “Apretar el timbre bien fuerte para que se escuche” “Necesito factura A” “Es para el cumpleaños de mi mamá, si pueden ponerle una tarjeta de feliz cumpleaños” Etc.

La verdad es que después de la compra nos envían varios mails con este tipo de pedidos y nos simplificaría mucho que la orden ya llegue con estos requerimientos. Hay alguna forma de hacerlo??

Gracias y saludos!!

Hola @PALO

Modificar el checkout para eso no se podría, a menos que tu plan en Shopify sea Plus, pero se puede si se puede modificar la página del carrito para agregar una sección de “Notas al Vendedor” y lo que los clientes pongan en ese campo se verían reflejadas como datos de la orden.

Si te interesa esa opción, por favor envíame un mensaje para ayudarte más con esto.

Saludos.

1 Like

Hola @AlfredoMendoza ! Muchas gracias por tu ayuda. Me interesa esa opción en el carrito.

Cómo la puedo configurar?? Gracias!

Hola @PALO

Usa el siguiente fragmento de código:


  
  

Tendrás que seguir la siguiente ruta Temas → Acciones → Editar Código → cart-template una vez estés dentro de ese archivo tienes que pegar el código anterior, pero “OJO” no lo tienes que pegar en cualquier parte, deberás de agregarlo de modo que no rompa el diseño de tu página.
Si me compartes la URL de tu página puedo revisarlo y decirte exactamente en donde pegarlo.

Saludos.

3 Likes

Excelente @AlfredoMendoza te dejo la URL de nuestra web para ver si me puedes decir en que lugar pegarlo exactamente: www.insideteaconnection.com

Muchas gracias por toda la ayuda! :smiley:

@PALO en cart template busca está linea de código:


Justo arriba de esa linea vas a pegar el siguiente código, es el mismo que te pase antes, pero le hice una modificaciones para que se ajuste al diseño de tu página:


   

      
      
   

Saludos.

2 Likes

Excelente @AlfredoMendoza !! Muchas gracias por toda tu ayudaaa

Hola PALO, Soy nueva, esto no tiene nada qué ver con el tema, pero qué platilla de pagina usaste o cómo hiciste esta página?
https://insideteaconnection.com/pages/tea-kipedia

Hola @AlfredoMendoza ,

Me ha servido de gran ayuda este hilo donde ayudabas a @PALO a añadir un campo de texto en el carrito. He usado el código que indicabas para añadirlo a mi tienda, pero el problema es que no visualizo el texto que añade el cliente en ese campo una vez realizado el pedido, en la pantalla de pedido donde sale toda la información para procesarlo.

¿Como puedo hacer para visualizarlo?

Muchas gracias!

Mónica

Hola @mbur

¿Me podrías compartir la URL de tu sitio para revisarlo?

Saludos.

Hola!

Esta es la url: https://floristeria-santa-monica.myshopify.com/

Gracias!
Mónica

Gracias @mbur por compartir la URL, veo que agregaste dos veces el código que compartí, lo más probable por lo que no te funciona es porque se repiten los identificadores.

Intenta reemplazar el código de la fecha y observaciones al repartidor por este:


  
  

Con eso debería ser suficiente para que pueda funcionar, después de agregar el código anterior intenta hacer un pedido de prueba y tendrías que ver las notas de ambas entradas. Ve a la sección Ordenes y busca la orden de prueba que hiciste debería ser la primera de la lista y al entrar los datos se verán en la columna del lado derecho.

1 Like

Hola @AlfredoMendoza ,

Gracias por tu respuesta y tu tiempo. La verdad no me ha funcionado. He probado a reemplazar como indicabas la parte de código de fecha de entrega y notas a repartidor, pero no me salen las notas cuando hago un pedido de prueba.

Probé después a algo más sencillo, poniendo únicamente uno de los dos campos de texto, y el mismo resultado. También probé a dejar únicamente el código sencillo que le indicaste a PALO:

<div class="cart_row">
   <p class="cart-attribute__field">
      <label for="notas-al-vendedor" style="display: block;">Notas al Vendedor</label>
      <textarea id="notas-al-vendedor" name="attributes[Notas al Vendedor]" style="width:100%;">{{ cart.attributes["Notas al Vendedor"] }}</textarea>
   </p>
</div>

y el resultado fue el mismo. Sin rastro de las notas en el pedido de prueba.

Te mando pantallazo de dónde estoy ubicando el código:

Estoy con pasarela de pago en modo de prueba, pero entiendo que esto no debe afectar a que aparezcan las notas en el pedido, no?

Gracias de nuevo por tu ayuda.

Saludos,

Mónica

Está muy raro tu problema @mbur , sería cuestión de poder revisar más a fondo lo que está pasando, lo revisaré y te aviso de cualquier cosa.

Saludos.

Gracias @AlfredoMendoza ,

Te lo agradezco porque no termino de hacerlo funcionar.

Gracias!
Mónica

Hola!! Gracias por tu ayuda.. Necesito esa opción de campo de texto, Por favor si me puedes guiar. Mi url es https://www.peculiar.cl/ Agradecida de antemano

Que tal Alfredo, buena tarde, tengo la misma situacion, deseo agregar un campo adicional en el checkout, solo que no encuentro la linea que especificas

, dentro de cart-template, me podrias ayudar? saludos y gracias.

No se pueden agregar campos adicionales al checkout de Shopify a menos que seas Plus.

Saludos

Hola @AlfredoMendoza .

Necesito añadir un mensaje en la página de carrito de mi tienda y el tema que utilizamos no tiene habilitada la opción de activar notas de pedidos. ¿Sabes cómo podría introducirlo? También me valdría alguna herramienta que muestre un Pop Up ¿conoces alguna?

¡Muchísimas gracias!

Hola Alfredo,

Esa solución que propones, ¿es lo mismo que ir a CONFIGURACIÓN DEL TEMA , CARRITO, Habilitar notas de pedido?. ¿Por qué hay que modificar el script si habilitando las notas se consigue lo miso?.

Yo también tengo ese problema, quiero que el transportista sepa a qué horas hacer la entrega, etc.

Saludos,

Jose.