Hacer un Campo personalizado que se muestre en el carrito de compra en DAWN 10.0

[john01]

Hola emprendedores estoy creando una tienda. print on demand donde el cliente escribe el nombre en un campo texto y cuando le da comprar carrito  que este nombre se vea reflejado en el carrito de compra ,  viendo algunos videos y buscando informacion  pude lograr poner el campo texto en la ventana del producto pero cuando el cliente le da comprar  no sale el nombre que escribe en la ventana del carrito de compra.   por el momento  voy a main-producto.liquit   alli pongo este codigo fuente  

<div class="product-form__controls-group">
<div class="product-form__item">
<label for="texto">Escriba nombre a Personalizar</label>
<input type="text" id="texto" name="properties[Texto]">
</div>
</div>

pero después no sé cómo seguir , si algunos mas experimentado puede ayudar le agradecería infinitas  

[Teo]

Hola, @john01:

Gracias por escribirnos. Entiendo que estás desarrollando una tienda de "print on demand". Con todo, te gustaría crear un campo en tus productos para que los clientes puedan introducir un texto personalizado y que aparezca en el carrito de compra, ¿cierto? Será un placer poder ayudar.

Antes de nada, es importante tener en cuenta que las preguntas sobre código, lenguaje liquid o la API de Shopify quedan fuera de nuestro conocimiento en el equipo de soporte en la Comunidad. Para poder implementar esta función en el código de tu tienda; te recomendaría consultar esta cuestión con un experto o desarrollador. Este podrá ofrecerte un mayor contexto sobre cómo conseguir esta modificación.

Como estás usando un tema desarrollado por Shopify, si cumples con la política de diseño; es posible que nuestros especialistas del equipo de temas pueda implementar esta personalización por ti. Para ello, puedes escribirnos desde este enlace. Así, nuestros especialistas de temas podrán acceder a tu cuenta y confirmarme si pueden implementar esta función por ti. Además de esto, en Shopify también contamos con un portal de expertos que pueden darte presupuesto para esta personalización.

Como alternativa, es importante tener en cuenta que una de las principales ventajas de utilizar Shopify es que siempre puedes integrar tu cuenta con una app a terceros de nuestra tienda de aplicaciones para extender sus funcionalidades. Existen varias apps que te permiten crear campos de texto personalizados para que los rellene el cliente y mostrar la información en el carrito. Te dejo un par de ejemplos de este tipo de apps para que puedas echarles un vistazo y ver si se adaptan a las necesidades de tu negocio:

• King Product Options & Variant
• Variant Option Product Options
• Globo Product Options, Variant

Al tratarse de apps desarrolladas por proveedores externos a Shopify, si tienes cualquier cuestión o consulta con respecto a su funcionamiento; lo más recomendable sería contactar con sus desarrolladores. Desde la propia página de la app en la tienda de Shopify encontrarás una sección de soporte con la documentación e información de contacto del desarrollador, en caso de que lo necesites.

Dime, ¿preferirías implementar esta función en tu tienda mediante una app o te decantas por integrarlo directamente al código de tu tema? Entretanto, me pregunto cómo está siendo tu experiencia con Shopify. Dime, ¿has implementado una app de "print on demand" en tu tienda? ¿Qué productos ofreces actualmente a los clientes? ¿Qué objetivos a corto y largo plazo te gustaría conseguir con Shopify y con tu tienda?

[john01]

Hola teo muchas gracias. por contestar.  estuve viendo los link que me pasaste..  y son muy bueno.. talvez en un futuro compre algunas de estas app  sin duda ayudaran mucho.. yo por el momento como estoy comenzando,  no tengo mucho $$ solo para mantener la pagina . seguro que lo mas rapido posible vea resultado si voy ir mejorando los servicios..   

El codigo del campo de texto es sencillo pero no se donde colocarlos  

me sale si le doy a ENTER pero no desde el boton agregar carrito..     gracias por tu ayuda.  

[Teo]

Hola, @john01:

Gracias por la respuesta. Entiendo esto que me comentas con respecto al uso de apps. Dicho esto, investigando más a fondo esta cuestión, he localizado un tutorial externo a Shopify con una alternativa que podrías ser de ayuda. En este tutorial, proponen un código de campo personalizado que funciona correctamente cuando das a "enter" y también cuando haces clic en el botón de "añadir al carrito". Te comparto el código que debes usar para implementar esta función a continuación:

<p class="line-item-property__field">

<label for="campoPersonalizado">Campo personalizado</label>

<input id="campoPersonalizado" type="text" name="properties[Campo personalizado]" form="product-form-{{ section.id }}"> </p>

Para implementar el código, puedes dirigirte a la sección de Tienda online > Temas > Tres puntos > Editar código en el panel de control de tu cuenta de Shopify. En esta página, localiza el archivo de Secciones > Main-product.liquid y pega el código que te comparto. De esta forma, debería aparece un campo de texto personalizado en todos los productos que tienen la plantilla predeterminada seleccionada que funciona cuando das a "enter" y haces clic en el botón de "añadir al carrito".

Nota: Como este tipo de personalización requiere hacer cambio en el código del tema, lo más recomendable sería hacer una copia de seguridad del mismo. Así, será fácil descartar cualquier cambio y comenzar nuevamente si fuese necesario. Te dejo un enlace con más información sobre cómo duplicar un tema.

Como te comentaba en mi respuesta anterior, como estás usando un tema desarrollado por Shopify; puedes contactar con nuestros especialistas del equipo de soporte para que consideren implementar esta personalización al código de tu tema por ti o contratar los servicios de un desarrollador experto de Shopify. Mientras tanto, ¿cómo va el resto de cuestiones con la configuración de tu tienda?

[john01]

TEO  muchisima gracias por tu ejemplo ahora si me sirvio barbaro,  como el campo se agregaba a todos los form   lo puli un poco  con una condición para que solo sea algún producto específico.  gracias  gracias ,  me faltan algunos detalles para agregar como campos de texto para reseñas , agregar una imagen para personalizar tambien,  pero eso lo voy haciendo despacio  recién arranco con la tienda.

 sobre tu pregunta de como va el resto de la configuration de la tienda como veras agarrando forma recien tengo un mes y bueno hice una venta "familiar" hay cosas que tengo que hacer como el dominio nombre propio pero todo a  su marcha miestra vaya teniendo ventas voy sumando herramientas que ayuden a crecer  te mando mi tienda para que le des un vistazo. 

[Teo]

Hola, @john01:

Gracias por la respuesta. Me alegra escuchar que el código que te compartía ha funcionado para crear el campo personalizado con la configuración que buscabas. Cuando añades código en una plantilla de producto; este aparecerá en todos los productos con dicha plantilla. Para poder personalizar el código solo en ciertos productos específicos, puedes crear una plantilla específica, insertar el código y aplicarla a los productos concretos. Te dejo un enlace sobre cómo funcionan las plantillas.

Dicho esto, también he tenido la oportunidad de echarle un vistazo a la tienda. Antes de nada, permíteme felicitarte por haber llegado hasta aquí. A continuación, te comparto una serie de consejos que pueden ayudarte a mejorar tu tienda con el fin de impulsar la imagen de marca del negocio.

1. Página "sobre nosotros" llamativa

Una página "sobre nosotros" es la primera impresión que tendrán tus clientes sobre tu tienda, ya que casi todo el mundo la visita antes de hacer un pedido. Además, esta sección te ofrece la oportunidad de diferenciarte de la competencia, de ponerle cara a tu marca y romper la distancia que te separa del cliente. Dicho esto, me he percatado de que no hay una página de este tipo.

En este caso, te recomendaría ser original y crear una sección llamativa que atraiga la atención de tus clientes. Para ayudarte en el proceso de creación de esta página, a continuación, te dejo un enlace al Blog de Shopify con un artículo con consejos para crear la página "sobre nosotros".

2. Idioma y redacción de los términos y políticas de la tienda

Tras echar un vistazo a las diferentes secciones de términos y políticas de la tienda, me he percatado de que estas aparecen en español cuando el resto de la tienda está en inglés. Para mantener la consistencia con la página, te recomendaría establecerlas también en el idioma principal que estás usando.

Además, también te recomendaría elaborar ciertas secciones para dar más información. Por ejemplo, la política de envío puedes redactarla más, en la sección de contacto puedes informar sobre los tiempos de respuesta aproximados, puedes agregar un prefijo a tu teléfono, etc. Te dejo un enlace a nuestra documentación con más información sobre agregar y editar las políticas de tu tienda.

Con Shopify, tienes la posibilidad de traducir y localizar tu tienda. Con todo, me gustaría recomendarte la aplicación nativa de Shopify Translate & Adapt. Con esta, podrás traducir tu contenido. Te dejo un enlace con más información sobre cómo agregar traducciones con Translate & Adapt.

3. Marketing y promociones

Desarrollar un plan de marketing es esencial para potenciar las visitas y ventas de una tienda en línea. Con un buen plan de marketing, podrás llegar a un mayor de número de clientes potenciales. En Shopify contamos con diferentes herramientas para facilitar el desarrollo de un plan. Te dejo un enlace con consejos sobre cómo desarrollar un plan de marketing y otros enlaces de interés:

• Estrategias para aumentar tus ventas.
• Guía de marketing digital para e-commerce.
• Cómo optimizar la tasa de conversión de tu tienda.

Mientras, una de las estrategias más efectivas para conocer qué aspectos mejorar de una tienda, es navegar como si fueras un cliente. También puedes pedir a un amigo o familiar que visite tu página web y te comparta su opinión al respecto. Dime, si accedes como cliente a tu web, ¿qué consideras que se podría mejorar? ¿Qué aspecto de otras web te gusta y te gustaría implementar? 

[john01]

Gracias estimado..  eh estado haciendo dichos cambios y seteando un poco mas la tienda..  gracias por los consejos..