Entonces, ¿quieres agregar un campo extra al checkout en tu tienda de Shopify?
Muchos dueños de tiendas de Shopify necesitan un campo extra, como por ejemplo:
- En Colombia, muchos desean poner un campo para que sus clientes escriban sus números de cédula.
- En México, para simplificar los envíos, se necesita un campo para que los clientes escriban su colonia.
El problema es que Shopify no ofrece la posibilidad de agregar campos en el checkout por medio del personalizador.
Y sí… existen apps que te permiten agregar más campos, pero hoy te voy a enseñar como agregarlos tú mismo sin necesidad de ninguna aplicación.
Paso 1: Activa un campo opcional que no estés usando
En tu dashboard de Shopify, ve a configuración y luego haz clic en pantallas de pago y haz scroll hasta la sección “Información del cliente”.
En esta sección verás que hay campos opcionales que no estás incluyendo.
Si el campo extra que deseas para tu checkout es para una identificación como un número de cédula, te recomiendo que actives el nombre de la empresa y lo pongas como obligatorio.
Si lo que buscas es requerir más información sobre la dirección de tu cliente (como la “colonia” en México, entonces activa el campo “línea de dirección 2”.
Cuando pongas el campo como obligatorio, Shopify te va a dar una advertencia, ignórala, pues recuerda que necesitas este campo para tu tienda.
Paso 2: Edita el idioma del contenido de pago.
Estando en esta misma página, haz scroll casi hasta el final de la página hasta que encuentres una sección llamada “Idioma de pago”.
Haz clic en el botón “Editar contenido del pago” y serás dirigido a una página llamada “Contenido del tema”.
Asegúrate de seleccionar la pestaña Checkout & System y desde allí, sigue bajando hasta encontrar la sección titulada Checkout contact.
Hazlo como un pro: Para encontrar esta sección, puedes usar la opción de buscar de Google Chrome, para activarla, solo presiona control + F (en Windows) o cmd + F (en Mac)
Ahora, estando en esta sección, busca los campos:
- Company Label: Para datos como la cédula o la identificación de tu cliente.
- Address2 label: Para información extra en la dirección de tu cliente, como las colonias méxicanas.
Los campos por defecto traen sus respectivas etiquetas, pero el objetivo aquí es que tú los cambies para lo que necesites, así que si necesitas un campo para la cédula, cambia:
- “Empresa” por “Cédula”.
O si estás en México y requieres un campo para la Colonia:
- “Casa, Apartamento, etc (Opcional)” por “Colonia”
Después hacer esto, haz scroll hasta el principio de la pantalla y asegúrate de darle clic a guardar.
Ve a tu tienda en línea, agrega un producto al carrito y navega hasta la pantalla de pago.
En este momento deberías ver tus campos extras en el checkout the shopify ya creados y requeridos de forma obligatoria cuando tus clientes quieran comprar:
Paso 3: Edita el mensaje de error
En este punto, pareciera que tus nuevos campos están listos para usarse, pero solo tenemos que arreglar un último detalle antes de usarlos.
Nota que si tratas de hacer una compra sin llenar tu campo personalizado, un mensaje de error saldrá con información que no tiene nada que ver con el campo de cédula o colonia:
Para arreglarlo, vuelve a tu dashboard de Shopify y ve a:
Configuración > Pantalla de Pago > Idioma de pago > Editar contenido del pago.
Ahora tienes que hacer scroll o usar la función de buscar de tu navegador para encontrar una sección llamada “Checkout field errors”.
Cuando lo encuentres, busca los campos:
- Address company blank
- Address address2 blank
Cambia sus respectivos valores por algo que tenga sentido como “Escribe tu número de cédula o identificación” o “Introduce tu colonia”.
Vuelve hasta el principio de la pantalla y dale clic al botón guardar y posteriormente, ve a tu tienda de Shopify y haz otra prueba, como si fueras a comparar un producto.
Con eso, tu checkout estará listo para recibir a tus clientes y sacará un mensaje personalizado si por algún motivo, tus clientes no ponen ningún valor en los campos personalizados.
¿Necesitas ayuda para hacer esta implementación en tu sitio?
Envíame un mensaje por mi página de contacto y lo haré para ti.