Cómo personalizar los diseños de la tienda BigCommerce

Personalice los diseños de la tienda BigCommerce y cree su marca única

BigCommerce es una plataforma integral que brinda a los propietarios de negocios como usted el paquete completo de comercio electrónico, incluida la capacidad de configurar y personalizar los diseños de la tienda BigCommerce por sí mismo (o puede contratar a expertos como nosotros para que lo hagan por usted). Tiene todo lo que necesita para iniciar su negocio de comercio electrónico y hacerlo exitoso. No hay instalaciones e integraciones complicadas involucradas, y con un poco de suerte, puede crear algo que resistirá la prueba del tiempo.

Hay una razón por la que BigCommerce es tan popular en el mundo del comercio electrónico. Viene con sistemas incorporados que le 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 únicas. Si bien las plantillas estándar funcionan muy bien, no puede sobresalir de la competencia al usarlas. Es probable que haya muchos otros como usted usando el mismo tema, y ​​su marca podría perder su identidad en la mezcla. Debe personalizar los temas de BigCommerce para darle a su marca una capa adicional de personalidad.

Lo que pasa con las plantillas de BigCommerce es que todas usan HTML y CSS. Esto le brinda una versatilidad ilimitada en lo que respecta a las personalizaciones de plantillas. Entonces, si bien puede realizar modificaciones básicas fácilmente a través del modo de diseño, las más complejas requieren que sepa HTML y CSS. Si no tiene tiempo para hacerlo todo usted mismo, puede recurrir a profesionales como 1 Digital Agency para personalizar los diseños de BigCommerce para usted.

Personalice BigCommerce a través del modo de diseño

El modo de diseño es realmente único y el sistema de personalización más simple que encontrará en cualquier lugar. Le brinda la oportunidad de personalizar los temas de BigCommerce usando un simple menú de arrastrar y soltar. Puedes reordenar o eliminar artículos en cualquier página de tu tienda. Desafortunadamente, su mayor fortaleza es también su debilidad. Cuando usa el modo de diseño para personalizar los diseños de BigCommerce, aparte de reordenar cosas en sus páginas web o eliminar algo por completo, no puede hacer nada más.

En cualquier caso, el Modo Diseño tiene sus usos, especialmente si buscas modificaciones básicas. Puede acceder a él haciendo clic en la pestaña Diseño de la tienda y luego en la pestaña Modo de diseño en el Panel de control. Una vez que haga eso, el modo de diseño está habilitado y puede comenzar a personalizar.

Para usar el modo de diseño, deberá visitar la página de su tienda que desea personalizar. Debería haber una barra de herramientas visible para usted en la parte superior de la página (ver más abajo) que indica que el modo Diseño está habilitado.

La funcionalidad de arrastrar y soltar es un paseo por el parque. En cualquier página que desee personalizar, mueva el puntero al elemento que desea mover. El puntero cambiará de forma. Ahora arrastre ese elemento con el botón izquierdo del mouse al lugar donde desea que aparezca y suéltelo. Si desea eliminar un elemento, haga clic derecho sobre él y seleccione Eliminar panel en el menú. Una vez que haya realizado todos los ajustes en una página, guarde y disfrute de su trabajo manual.

Uso de Edición rápida para modificar su tienda

Como dijimos antes, puede personalizar las plantillas de BigCommerce usando el modo de diseño, pero eso casi nunca es suficiente. No hay mucho que pueda hacer reordenando y eliminando elementos de sus diseños.

Otra forma de personalizar las plantillas de BigCommerce es a través del editor de hojas de estilo. La opción Examinar archivos de plantilla en la pestaña Diseño de la tienda le permite editar el CSS de cualquier archivo de plantilla de su tema. Necesita saber HTML y CSS para poder personalizar BigCommerce desde aquí, pero esta es fácilmente la forma más efectiva de hacerlo. De hecho, la mayoría de las personalizaciones que los profesionales como nosotros hacemos de los temas se realizan a través de la opción Edición rápida.

Una vez que ingrese al editor, verá listas de archivos de plantilla en la columna de la izquierda. La primera parte contiene archivos de la plantilla que están en uso, mientras que la otra muestra todos los archivos de plantillas restantes para el tema, agrupados según su tipo.

Cuando hace clic en cualquier archivo de plantilla, el editor se abre a la derecha (ver arriba). Muestra toda la codificación de esa plantilla, y puede realizar cualquier cambio en el HTML aquí. Esto es increíblemente complicado y debe dejarse en manos de expertos que entiendan HTML.

Personalice los diseños de BigCommerce a través de FTP

Cuando piense en personalizar BigCommerce, la mayoría de las veces encontrará que cada aspecto de un tema es personalizable siempre que sepa cómo hacerlo. Para las cosas básicas, hemos hablado sobre el modo de diseño. Para personalizaciones más avanzadas de BigCommerce, existe el editor HTML o Quick Edit. Pero esto no es todo. También existe la posibilidad de acceso FTP a un directorio especial que da a los usuarios (usuarios expertos) la posibilidad de modificar todo lo que no es posible con las otras dos opciones.

Deberá conectar su tienda a través de FTP al directorio. Puede cargar archivos aquí, que luego deberán vincularse a su tienda BigCommerce. La mejor manera de hacer esto sería descargar un archivo ZIP de todos los archivos de plantilla de su plantilla y modificar los que necesita cambiar. Los tipos de archivos que puede cargar incluyen HTML y CSS, imágenes como .jpg, .jpeg y .png y archivos multimedia como .flv, .fla, etc. Tenga en cuenta que estos archivos cargados tendrán enlaces URL diferentes a los presentes en los archivos de plantilla. Deberá incorporar estas nuevas URL en las hojas de estilo o páginas web donde se utilicen.

ACTUALIZACIONES 2019:

Con el mundo digital en línea en constante crecimiento y en aumento, las plataformas de comercio electrónico deben actualizar constantemente sus opciones y funcionalidades. Si bien el contenido anterior sigue siendo increíblemente útil para todos los propietarios de tiendas BigCommerce, se han realizado algunas actualizaciones desde que se publicó este blog por primera vez.

EL Editor WYSIWYG

WYSIWYG: lo que ves es lo que obtienes. Este editor de BigCommerce se puede utilizar para páginas web, banners, productos y categorías. Este editor es un "editor frontal", lo que significa que le permite editar el contenido de las páginas específicas mencionadas anteriormente sin cambiar nada del código. WYSIWYG le permite formatear texto, crear enlaces, agregar imágenes, videos y otros medios, y crear tablas. Si prefiere no usar el editor, hay un botón de desactivación en el que puede hacer clic dentro de la configuración de su tienda.

Editor de temas de estilo BigCommerce

Si compró un tema de BigCommerce y desea personalizarlo, simplemente diríjase a su escaparate de BigCommerce y haga clic en "Mis temas". Esto lo llevará a una página con una pantalla que se ve así:

Después de hacer clic en el botón "Personalizar", se abrirá una nueva ventana con el panel Editor de estilos a la izquierda de la pantalla.

Ya sea que tenga una tienda BigCommerce con el tema Blueprint o el tema Stencil, BigCommerce le permite cambiar la apariencia de su tienda con el Editor de estilos sin cambiar nada del código. Con los temas Blueprint y Stencil, puede cambiar las fuentes y los colores, los tamaños de las imágenes, agregar columnas de productos y más para que su sitio se adapte mejor a su marca y preferencias.

Personaliza el código HTML y CSS

Si se encuentra en el Editor de estilos y descubre que no puede realizar algunos cambios, deberá considerar la edición del código HTML y CSS de su tema. Para hacer esto, deberá descargar el tema que desea editar. Se verá así:

Una vez que haya seleccionado el tema en el que desea trabajar, guárdelo en su computadora y estará listo para comenzar a realizar sus ediciones y personalizaciones. Sin embargo, si no está familiarizado con el desarrollo web, se recomienda encarecidamente que busque a alguien con un conocimiento profundo para que lo ayude a fin de que no se encuentre con ningún problema importante que pueda causar que todo su sitio sea defectuoso.

Personalización de la tienda BigCommerce con la mejor agencia digital

Construir una marca es más que crear un buen logotipo y eslogan. Su tienda de comercio electrónico debe personificar todo lo que representa su marca. Si bien BigCommerce es fácilmente su plataforma de comercio electrónico, necesita personalizar las plantillas de BigCommerce para crear un diseño de sitio que sea verdaderamente único.

En 1Digital Agency, contamos con expertos que conocen los entresijos de las personalizaciones de BigCommerce y los diseños personalizados de plantillas de tiendas de BigCommerce. Más que eso, entendemos el comercio electrónico y podemos brindarle consejos expertos sobre cómo conectarse realmente con su base de clientes con diseños que llamen su atención, que sean fáciles de usar y, lo que es más importante, únicos para su ideología comercial.

Con UX y UI en mente, nuestros expertos diseñadores y desarrolladores de comercio electrónico tomarán su visión y la transformarán en un diseño de sitio web de comercio electrónico funcional y de primer nivel que responda completamente y atraiga a los usuarios a continuar explorando las páginas de su tienda en línea. Integrarán aspectos de su marca en cada decisión que tomen con su sitio. Desde colores hasta fuentes, imágenes y más, su sitio web atraerá a los usuarios correctos y los mantendrá comprometidos el tiempo suficiente para generar una tasa de conversión más alta.

Nuestros expertos han estado trabajando con BigCommerce desde el principio. Tenemos una cartera de trabajo versátil que habla por sí sola. No solo personalizamos los diseños de BigCommerce, sino que también brindamos servicios de marketing y desarrollo. Como socio certificado de BigCommerce, nos enorgullece decir que hemos construido nuestra reputación sobre la base del trabajo arduo y el compromiso de hacer que cada proyecto sea un éxito. Llámenos ahora al 888.982.8269 o contáctenos a través de nuestro sitio web y permítanos mostrarle lo que podemos hacer.