Personaliza los diseños de tu tienda BigCommerce y construye una marca única
BigCommerce es una plataforma integral que les da a dueños de negocios como tú el paquete completo de eCommerce, incluida la posibilidad de configurar y personalizar por tu cuenta los diseños de tu tienda BigCommerce (o puedes contratar a expertos como nosotros para que lo hagan por ti). Tiene todo lo que necesitas para iniciar tu negocio de eCommerce y hacerlo exitoso. No hay instalaciones ni integraciones complicadas y, con un poco de suerte, puedes crear algo que resista el paso del tiempo.
Hay una razón por la que BigCommerce es tan popular en el mundo del eCommerce. Incluye sistemas integrados que te permiten tomar temas existentes (de pago o gratuitos) y personalizarlos para crear algo excepcional. No hace falta decir que cada marca necesita su propia voz y apariencia. Aunque las plantillas estándar funcionan muy bien, con ellas no puedes destacar frente a la competencia. Seguramente habrá muchos otros como tú usando el mismo tema, y tu marca podría perder su identidad entre tantos. Necesitas personalizar los temas de BigCommerce para darle a tu marca una capa extra de personalidad.
Lo interesante de las plantillas de BigCommerce es que todas usan HTML y CSS. Esto te da una versatilidad ilimitada a la hora de personalizar plantillas. Así, aunque puedes hacer modificaciones básicas fácilmente con el Design Mode, las más complejas requieren que sepas HTML y CSS. Si no tienes tiempo para hacerlo todo tú, puedes recurrir a profesionales como 1 Digital Agency para que personalicen los diseños de BigCommerce por ti.
Personaliza BigCommerce con el Design Mode
El Design Mode es verdaderamente único y el sistema de personalización más sencillo que encontrarás. Te da la oportunidad de personalizar los temas de BigCommerce con un simple menú de arrastrar y soltar. Puedes reordenar o eliminar elementos en cualquier página de tu tienda. Lamentablemente, su mayor fortaleza también es su debilidad. Cuando usas el Design Mode para personalizar los diseños de BigCommerce, aparte de reordenar elementos en tus páginas o eliminar algo por completo, no puedes hacer nada más.
En cualquier caso, el Design Mode tiene su utilidad, sobre todo si buscas modificaciones básicas. Puedes acceder a él haciendo clic en la pestaña Store Design y luego en la pestaña Design Mode del Control Panel. Una vez que lo haces, el modo de diseño se activa y puedes empezar a personalizar.
Para usar el modo de diseño, tendrás que ir a la página de tu tienda que quieres personalizar. Deberías ver una barra de herramientas en la parte superior de la página (ver abajo), lo que indica que el Design Mode está activado.
La función de arrastrar y soltar es pan comido. En cualquier página que quieras personalizar, mueve el puntero hacia el elemento que quieres mover. El puntero cambiará de forma. Ahora arrastra ese elemento con el botón izquierdo del mouse hasta el lugar donde quieres que aparezca y suéltalo. Si quieres eliminar un elemento, haz clic derecho sobre él y selecciona Remove Panel en el menú. Una vez que hayas hecho todos los ajustes en una página, guarda y disfruta de tu trabajo.
Usar Quick Edit para modificar tu tienda
Como dijimos antes, puedes personalizar las plantillas de BigCommerce con el Design Mode, pero casi nunca es suficiente. Reordenar y eliminar elementos de tus diseños tiene un alcance limitado.
Otra forma de personalizar las plantillas de BigCommerce es mediante el editor de hojas de estilo. La opción Browse Template Files de la pestaña Store Design te permite editar el CSS de cualquier archivo de plantilla de tu tema. Necesitas saber HTML y CSS para poder personalizar BigCommerce desde aquí, pero esta es sin duda la forma más efectiva de hacerlo. De hecho, la mayoría de las personalizaciones que los profesionales como nosotros hacemos en los temas se realizan con la opción Quick Edit.
Una vez que entras al editor, verás listas de archivos de plantilla en la columna de la izquierda. La primera parte contiene los archivos de la plantilla en uso, mientras que la otra muestra todos los demás archivos de plantilla del tema, agrupados según su tipo.
Cuando haces clic en cualquier archivo de plantilla, el editor se abre a la derecha (ver arriba). Muestra todo el código de esa plantilla y aquí puedes hacer cualquier cambio en el HTML. Esto es increíblemente delicado y conviene dejarlo en manos de expertos que entiendan HTML.
Personaliza los diseños de BigCommerce por FTP
Cuando piensas en personalizar BigCommerce, la mayoría de las veces descubrirás que cada aspecto de un tema es personalizable siempre que sepas cómo hacerlo. Para lo básico, ya hablamos del Design Mode. Para personalizaciones más avanzadas de BigCommerce, está el editor HTML o Quick Edit. Pero eso no es todo. También existe la posibilidad de acceder por FTP a un directorio especial que les da a los usuarios (usuarios expertos) la oportunidad de modificar todo lo que no es posible con las otras dos opciones.
Tendrás que conectar tu tienda al directorio por FTP. Puedes subir archivos allí, que luego tendrás que vincular a tu tienda BigCommerce. La mejor forma de hacerlo es descargar un archivo ZIP con todos los archivos de tu plantilla y modificar los que necesites cambiar. Los tipos de archivo que puedes subir incluyen HTML y CSS, imágenes como .jpg, .jpeg y .png, y archivos multimedia como .flv, .fla, etc. Ten en cuenta que estos archivos subidos tendrán URLs distintas a las de los archivos de la plantilla. Tendrás que incorporar estas nuevas URLs en las hojas de estilo o páginas web donde se utilicen.
ACTUALIZACIONES DE 2019:
Con el mundo digital creciendo de forma constante, las plataformas de eCommerce necesitan actualizar continuamente sus opciones y funcionalidades. Aunque el contenido anterior sigue siendo increíblemente útil para todos los dueños de tiendas BigCommerce, se han hecho algunas actualizaciones desde que este blog se publicó por primera vez.
El editor WYSIWYG
WYSIWYG: What You See Is What You Get (lo que ves es lo que obtienes). Este editor de BigCommerce se puede usar para páginas web, banners, productos y categorías. Es un "editor de front-end", lo que significa que te permite editar el contenido de las páginas mencionadas sin cambiar nada del código. El WYSIWYG te permite dar formato al texto, crear enlaces, agregar imágenes, video y otros medios, y crear tablas. Si prefieres no usar el editor, hay un botón para desactivarlo en tu Store Settings.
El editor de estilo de temas de BigCommerce
Si compraste un tema de BigCommerce y quieres personalizarlo, simplemente ve a tu tienda BigCommerce y haz clic en "My Themes". Esto te llevará a una página con una pantalla como esta:
Después de hacer clic en el botón "customize", se abrirá una nueva ventana con el panel del Style Editor a la izquierda de tu pantalla.
Ya sea que tengas una tienda BigCommerce con el tema Blueprint o con el tema Stencil, BigCommerce te permite cambiar la apariencia de tu tienda con el Style Editor sin modificar nada del código. Con los temas Blueprint y Stencil puedes cambiar fuentes y colores, tamaños de imagen, agregar columnas de productos y más para que tu sitio se adapte mejor a tu marca y tus preferencias.
Personaliza el código HTML y CSS
Si estás en el Style Editor y descubres que no puedes hacer ciertos cambios, tendrás que editar el código HTML y CSS de tu tema. Para hacerlo, necesitarás descargar el tema que quieres editar. Se verá así:
Una vez que descargues el tema en el que quieres trabajar, guárdalo en tu computadora y ya puedes empezar a hacer tus ediciones y personalizaciones. Sin embargo, si no estás familiarizado con el desarrollo web, se recomienda mucho que te ayude alguien con conocimientos profundos para no encontrarte con problemas graves que podrían hacer fallar todo tu sitio.
Personalización de tiendas BigCommerce con la mejor agencia digital
Construir una marca es más que crear un buen logo y un eslogan. Tu tienda de eCommerce necesita representar todo lo que tu marca defiende. Aunque BigCommerce es sin duda tu plataforma de eCommerce ideal, necesitas personalizar las plantillas de BigCommerce para crear un diseño de sitio verdaderamente único.
En 1Digital Agency tenemos expertos que conocen a fondo las personalizaciones de BigCommerce y el diseño de plantillas personalizadas para tiendas BigCommerce. Además, entendemos el eCommerce y podemos darte asesoría experta sobre cómo conectar realmente con tu base de clientes mediante diseños que llamen su atención, sean fáciles de usar y, sobre todo, únicos para la filosofía de tu negocio.
Con la UX y la UI en mente, nuestros diseñadores y desarrolladores expertos en eCommerce tomarán tu visión y la transformarán en un diseño de sitio de eCommerce funcional y de primer nivel, totalmente responsive, que invite a los usuarios a seguir explorando las páginas de tu tienda en línea. Integrarán elementos de tu marca en cada decisión que tomen sobre tu sitio. Desde los colores hasta las fuentes, las imágenes y más, tu sitio web atraerá a los usuarios adecuados y los mantendrá interesados el tiempo suficiente para lograr una mayor tasa de conversión.
Nuestros expertos trabajan con BigCommerce desde el principio. Tenemos un portafolio versátil que habla por sí solo. No solo personalizamos diseños de BigCommerce, sino que también ofrecemos servicios de marketing y desarrollo. Como BigCommerce Partner certificado, nos enorgullece decir que hemos construido nuestra reputación sobre la base del trabajo duro y el compromiso de que cada proyecto sea un éxito. Llámanos ahora al 888.982.8269 o contáctanos a través de nuestro sitio web y déjanos mostrarte lo que podemos hacer.