Saltar al contenido principal
Tu agencia digital de servicio completo y socio de estrategia con IA
1Digital
Optimización de conversiones

Cómo mantener tu carrito de compras de BigCommerce funcionando al 100%, 24/7

18 de enero de 2017 · 6 min read · ByDan Kogan
La pantalla de una laptop muestra líneas de código, con el teclado y una taza de café desenfocada cerca.

Lecciones sobre tu carrito de compras de BigCommerce que necesitas aprender para tener éxito

Generar ingresos probablemente es tu prioridad número uno como dueño de un negocio en Estados Unidos que usa un carrito de compras de BigCommerce. Pero si crees que lo más importante es entender por qué un consumidor abandona un artículo en el carrito, estás equivocado. No te preocupes, la mayoría de los dueños de negocios comete este error. Lo primero que deberías aprender es por qué tu consumidor usa un carrito de compras en primer lugar. Los estudios muestran que navegar o buscar en línea sin es lo mismo que comprar, y que las razones detrás de cada cosa pueden ser distintas. Infórmate primero para que tu carrito de compras de BigCommerce sea eficaz. Ya sea que contrates a un experto en BigCommerce para crear tu negocio en línea en Estados Unidos o que intentes resolver algunas cosas por tu cuenta, asegúrate siempre de que tu carrito de compras esté disponible y funcionando por completo 24/7.

Algunos compradores claramente quieren comprar en la tienda física y rechazan las distintas formas de compra fuera de ella. A otros les gusta explorar distintos medios fuera de la tienda y extendieron esa exploración a internet, pero siguen siendo fieles a las compras en la tienda. Los minoristas que intentan “convertir” a esos compradores en clientes que solo compran por internet pueden alejar a quienes usan internet únicamente para informarse. -Estudio de Rutgers

Errores comunes del carrito de compras de BigCommerce y del eCommerce, resueltoscarrito de compras de bigcommerce

Ahora que entiendes la psicología de las compras en línea, puedes ver más que nunca lo importante que es que tu sitio de BigCommerce esté desarrollado y diseñado por expertos. Pero ¿qué pasa con esos errores o preguntas que surgen y necesitas resolver de inmediato? Encontramos algunas de las preguntas sobre BigCommerce más frecuentes de dueños de negocios como tú en Estados Unidos, ¡y las respondimos con ayuda del soporte en línea de BigCommerce!

1- Error de SSL

No hay nada peor que espantar a un cliente con un mensaje de advertencia de seguridad del navegador mientras intenta comprar en tu tienda en línea. Si alguna vez viste uno o te pasó en tu propio sitio de eCommerce, sabes que la experiencia es todo menos favorable. Lo primero que puedes hacer es revisar si alguno de tus certificados SSL (lo que asegura que tus páginas estén protegidas y cifradas correctamente) está vencido. Entra a SSLCheckher.com y escribe tu dominio para verlo. Si la fecha de vencimiento ya pasó, consigue uno nuevo con un experto en BigCommerce de Estados Unidos. Si en realidad hay algo en tu página que no es seguro, arreglarlo se vuelve más complicado, así que, a menos que tú mismo seas un desarrollador experto, aquí es donde deberías contratar a una Digital Agency de BigCommerce para que te ayude.

2-  Errores del carrito de compras y soluciones rápidas

Según el tema de BigCommerce que use tu tienda en línea, quizás tuviste problemas importantes en el carrito de compras con tu pasarela de pago, lo que provocó pérdidas de ventas.  O quizás quieras hacer algunos cambios proactivos, como cambiar los colores, agregar una “banda de oferta” u ocultar el inventario agotado en tu tienda. Como muchos dueños de negocios, probablemente ni siquiera sabes por dónde empezar para arreglar o cambiar esas variables. Te explicamos algunos conceptos básicos para que aprendas.

Primero, debes saber que para arreglar o cambiar un elemento de tu tienda en línea tendrás que meter las manos en el código de tu tienda, que está escrito en alguno de los muchos lenguajes web, como “Javascript”, “CSS” o “HTML”. (Si sientes la necesidad de dejar de leer justo ahora y prefieres que un experto en BigCommerce responda tus preguntas, ¡no te culpamos! Envíanos un mensaje y nuestro equipo puede ayudarte). Según el tema de tu sitio o el lenguaje que prefiera tu desarrollador de BigCommerce, primero debes identificar con qué estás trabajando y luego puedes aplicar algunas de las siguientes estrategias.


Para que la banda de oferta de uno de tus productos se muestre correctamente:

*1. Ve a Design->Edit HTML/CSS->product.html->al final de ese archivo, antes de la etiqueta </body>, agrega el siguiente código:

<script>

if ($(“.VariationProductPrice strike”).length > 0) {

$(“.ProductThumbImage”).prepend(“<span class=’sale-label’>Sale</span>”);

}

</script>

luego guarda los cambios.

2. Ve a Design->Edit HTML/CSS->custom.css->al final de ese archivo agrega:

.ProductThumbImage .sale-label {

position: absolute;

top: 0;

left: 0;

padding: 5px 10px;

background: #E63882;

color: #fff;

}

luego guarda los cambios.


Si ni siquiera sabes bien cómo entrar a las categorías o todavía no están creadas, da un paso atrás y revisa la guía paso a paso de BigCommerce para configurar las categorías de productos de tu tienda aquí mismo.

¿Y si solo quieres ajustar el color o el estilo de los botones del área del carrito? 

*Para cambiar el texto del botón de agregar al carrito en la página de producto, ve a Design->Edit HTML/CSS->plantilla product.html->al final del archivo, antes de la etiqueta </body> agrega:

  1. <script>
  2. $(document).listo(function(){
  3.   if ($(“input[type=’submit’].AddCartButton”).val() == “Add To Cart”) {
  4.       $(“input[type=’submit’].AddCartButton”).val(“Buy Now”);
  5.   }
  6. });
  7. </script>

luego guarda los cambios y revisa la tienda.


Para el estilo del botón de agregar al carrito, puedes ir a Design->Edit HTML/CSS->custom.css->al final de ese archivo agrega:

  1. .PrimaryProductDetails .btn.agrega–a–cart {
  2.   background–color: #d1d1d1;
  3.   color: #528991;
  4.   font–weight: bold;
  5.   font–size: 16px;
  6. }

donde puedes usar cualquier otro color para el fondo, cualquier color para el texto y dar estilo a la tipografía según lo que necesites.

Para dar un estilo distinto al botón de agregar a la lista de deseos, dentro del mismo custom.css->al final del archivo agrega un código como:

  1. .PrimaryProductDetails .btn.wishTrigger {
  2. línea–height: normal;
  3.   /*add any other style in here*/
  4. }

el interlineado lleva el texto del botón al centro del botón.

Aquí tienes una captura de pantalla como ejemplo de cómo pueden verse los botones de tu página de producto si aplicas el código indicado.

carrito de compras de bigcommerce

Si necesitas dar estilo al botón al pasar el mouse, usa lo siguiente:

  1. .PrimaryProductDetails .btn.agrega–a–cart:hover {
  2.   /*add style here*/
  3. }
  4. .PrimaryProductDetails .btn.wishTrigger:hover {
  5.   /*add style here*/
  6. }

Si tu carrito de compras de BigCommerce se ve impecable pero tienes un problema con la pasarela de pago, hay algunos errores simples pero comunes que puedes buscar. Las credenciales de tu pasarela de pago, ya sea PayPal u otra, pueden ser incorrectas. Quizás se agotó el tiempo de sesión en el servidor en el que trabajas porque tardaste demasiado. O un cliente puede tener fondos insuficientes o estar usando una tarjeta vencida; todo esto es muy común.

carrito de compras de bigcommerce
Profundiza en los muchos problemas de PayPal y Authorize.net para ver si puedes resolverlos tú mismo. Aunque BigCommerce tiene guías de ayuda fantásticas, puede volverse muy frustrante si no estás familiarizado con el desarrollo web. ¿Y si supieras que cada vez que surge un problema en tu sitio o tu carrito de compras de BigCommerce tienes a un experto al que puedes llamar para arreglarlo rápido? ¿Y si todas esas decisiones de diseño, color y estilo se pudieran ejecutar por ti, según el aspecto general y la visión que tienes para tu sitio? ¡La buena noticia es que puedes tenerlo todo! En 1Digital Agency somos orgullosos socios de BigCommerce, https://www.1digitalagency.com/bigcommerce, y desarrollamos, diseñamos y asesoramos sitios web profesionales para dueños de negocios como tú. Mira nuestro portafolio de BigCommerce y luego llámanos para contarnos qué necesitas: 888.982.8269.

carrito de compras de bigcommerce

Recursos adicionales:

Comparte este artículo

¿Quieres ayuda para aplicar estas ideas?

Recibe una propuesta gratis y sin compromiso de nuestro equipo, o conoce WorkspaceCMS, nuestra plataforma totalmente administrada, con IA desde el inicio y SEO nativo.

★ Revisión gratis de visibilidad en IA

Pregúntale a la IA por un negocio como el tuyo. ¿Apareces en la respuesta?

Estrategas reales. Herramientas de IA reales. Crecimiento real. - 1Digital® desde 2012