Cómo agregar un archivo de plantilla en BigCommerce

BigCommerce sabe que el diseño de su sitio web puede marcar la diferencia en el mundo. La vida del usuario medio es agitada.

Los carritos de compras abandonados no son algo desconocido en el comercio electrónico. Sin embargo, si su sitio web mantiene mejor la atención de sus clientes, es posible que finalicen su compra antes de cambiar de pestaña o salir a hacer recados.

Entonces, todo se reduce al diseño y las plantillas que utilizas en tu tienda.

Descubra cómo puede tomar el control del diseño de su tienda de comercio electrónico utilizando BigCommerce.

Cómo agregar archivos de plantilla a BigCommerce

Puede agregar plantillas a BigCommerce de las siguientes maneras:

Tienda BigCommerce

BigCommerce alberga una tienda con una variedad de temas listos para instalar. Su precio varía desde gratis hasta $ 300. Los temas se pueden ordenar por colección, industria, contenido gratuito y premium.

Cuando encuentre uno que le guste, haga clic en el botón Instalar o Comprar. Cada vista previa de tema viene con una lista de características y para qué está optimizado. También puede obtener una vista previa de cada tema antes de hacer clic en el botón Instalar.

Personalización mediante plantilla

La plantilla es el marco sobre el que se construyen los temas de BigCommerce. Sin embargo, no es necesario que utilice uno de sus temas para su negocio. También puedes asignar plantillas de diseño personalizadas para diferentes partes de tu tienda, incluyendo:

• Producto
• Marca
• Categoría
• Página

Si lo que está buscando es personalización, debe comenzar creando y agrupando plantillas personalizadas con la herramienta Stencil CLI de BigCommerce. Cuando esté listo, hay un par de opciones para preparar su archivo para cargarlo a través de Stencil CLI:

1. Solo paquete

Utilice el comando "paquete de plantillas" para crear un archivo zip que pueda cargar en su tienda BigCommerce. Si desea verificar el progreso y la finalización de su archivo, use el comando "paquete". Este comando también le permite conocer cualquier error que pueda impedir que el archivo se empaquete.

Tenga en cuenta también que BigCommerce tiene un límite estricto de 50 MB para el tamaño de los archivos.

2. Agrupar y empujar

Utilice únicamente el comando "stencil push" si lo inicializó con un token CLI de Stencil. El uso de este comando agrupará y cargará en un solo proceso. Sin embargo, si no está seguro de si su archivo califica para un "paquete y envío", verifique primero estos requisitos:

• Tema inicializado utilizando el token CLI de Plantilla con "Temas: modificar alcance"
• Instaló una versión de Stencil CLI 1.12.0 o superior

Puede verificar su versión de Stencil usando el mensaje “stencil -V” o “stencil –version” en la línea de comando.

No todo el mundo puede subir un tema en un solo proceso. Si está agrupando y cargando en un proceso separado, así es como se envía el tema a BigCommerce:

• Después de cargarlo exitosamente, elija S/N para cargar el tema en su tienda.
• En caso afirmativo, utilice las teclas de flecha para elegir la variación.

Una vez que elijas "Y", tendrás que elegir tus variaciones inmediatamente después. Si desea aplicar la nueva carga a su tienda más tarde, seleccione "N" en su lugar.

¿Cómo personalizo una plantilla de BigCommerce?

Para personalizar un tema Blueprint heredado, consulte estos pasos:

• Ir al escaparate
  
• Haga clic en Mis temas
  
• Seleccione Editar HTML/CSS
  
• Realizar cambios de color en la pantalla del editor Default.html
• Guardar cambios

Es importante tener en cuenta que si desea utilizar este método, solo puede acceder a los archivos de plantilla de Blueprint si están disponibles en la tienda.

Si está utilizando un tema de Plantilla, siga estas instrucciones para personalizarlo:

• Ir al escaparate
  
• Haga clic en Mis temas
  
• Seleccione Personalizar
  
• Hacer cambios
• Seleccione Publicar para que los cambios aparezcan en su escaparate

Al utilizar Page Builder para personalizar los temas de su plantilla, puede cambiar una variedad de aspectos como el tamaño y los colores del texto. También puede agregar diferentes elementos visuales, como pancartas, carruseles e imágenes mediante un método fácil de usar de arrastrar y soltar. Alternativamente, puede utilizar los bloques de HTML personalizado para realizar los cambios necesarios.

Solo recuerda que puedes guardar sin publicar los cambios para que aparezcan en tu escaparate.

Dónde encontrar plantillas de BigCommerce

Uno de los lugares más sencillos para encontrar nuevas plantillas de BigCommerce es en su tienda. Tienen diferentes estilos de temas disponibles para satisfacer la mayoría de las necesidades, ¡y muchos de sus estilos más populares no le costarán ni un centavo!

Algunos sitios web de terceros también venden plantillas compatibles con BigCommerce. Sin embargo, estas plantillas pueden variar en precio, así que prepárate para gastar algo de dinero si sigues este camino.

Por supuesto, siempre puedes tener una plantilla diseñada a medida para tu tienda. Esta es, con diferencia, la opción más cara, por lo que es posible que desees comprobar todas las demás opciones antes de considerar esta.

Cómo editar plantillas HTML para BigCommerce

Hay un par de formas de editar una plantilla HTML si estás utilizando un tema Blueprint. Para editar un tema en vivo en su navegador:

• Ir a tu tienda
  
• Haga clic en Mis temas
  
• Seleccione Editar HTML/CSS
  

Editar en su navegador es una excelente manera de realizar cambios rápidos y simples. Todo lo que guardes en el editor se activa inmediatamente.

Cómo utilizar Stencil para agregar un único archivo de diseño de plantilla personalizado en BigCommerce

Si necesita una plantilla personalizada dentro del marco de Stencil, BigCommerce también le permite hacerlo. Primero, necesitas configurar tu copia local:

• Cree el subdirectorio personalizado en el directorio “plantillas/páginas”
• Cree los archivos de plantilla HTML y colóquelos en los subdirectorios personalizados
• Edite y asigne URL a su archivo ".stencil"

Cuando haya terminado de crear su tema localmente, puede agrupar y enviar el archivo a BigCommerce.

Preguntas frecuentes adicionales

¿Cómo puedo crear nuevas plantillas para BigCommerce?

Puede instalar Stencil CLI para personalizar las plantillas localmente y agruparlas para cargarlas en las tiendas.

¿Cómo actualizo mi página de inicio de BigCommerce?

Su página de inicio contiene una combinación de widgets y banners. Puede optar por habilitarlos o deshabilitarlos. O puede ir a Marketing y luego a Banners para crear un banner para la página de inicio.

Además, puede crear una nueva página web y marcar la casilla para verificar que desea mostrarla como la página de inicio de su tienda.

¿Qué es la plantilla en BigCommerce?

La plantilla es el marco temático que utiliza BigCommerce para permitir a los usuarios elegir entre usar plantillas de comercio electrónico o personalizar completamente un sitio.

¿Cómo edito un tema de BigCommerce?

Depende del tipo de tema que estés usando. Si está utilizando un tema Blueprint heredado, estos son los pasos para editarlo:

• Desde tu tienda, haz clic en Mis temas

• Haga clic en el botón Editar HTML/CSS

• Realizar cambios de color en la pantalla del editor Default.html

• Haga clic en el botón Guardar cuando haya terminado con los cambios.

Si estás utilizando un tema de plantilla, sigue estos pasos:

• Ir al escaparate

• Seleccione Mis temas y luego Personalizar

• Hacer cambios

• Haga clic en Publicar para que los cambios aparezcan en su escaparate

¿Cómo personalizo mi plantilla de BigCommerce?

Tus opciones de personalización dependen del tipo de plantilla que estés utilizando. En general, puedes ir a tu tienda y luego a Mis temas. Desde allí, puede seleccionar "Editar HTML/CSS" o "Personalizar" para realizar los cambios.

No se conforme con una tienda genérica

Claro, puedes usar una plantilla para poner tu tienda en funcionamiento. Sin embargo, también correrás el riesgo de que se parezca a otros escaparates. O peor aún, ¡podría parecerse a la tienda online de tu competencia!

Sin embargo, con unos simples ajustes, puedes personalizar tu escaparate para que sea tan único como tu negocio. Juega con colores, fuentes e imágenes hasta que consigas una tienda de la que estés orgulloso de llamar tuya.

¿Has personalizado tus plantillas de BigCommerce? Cuéntanoslo en la sección de comentarios a continuación.