Advertisement
  1. Business
  2. BigCommerce

¿Cómo Usar un Tema de BigCommerce para Diseñar tu Tienda en Linea?

Scroll to top
Read Time: 12 min
This post is part of a series called How to Use BigCommerce to Make Your Online Store (Starter Guide).
15+ Best BigCommerce Themes: New on ThemeForest (2017)
15+ BigCommerce Design Tips for Better eCommerce Websites
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

() translation by (you can also view the original English article)

Abrir una tienda en línea es una gran manera de comenzar a vender tus productos o expandir tu clientela. En el mundo de las plataformas de comercio electrónico, BigCommerce es una de los más populares que te permitirán no solo lanzar tu tienda sino también vender y establecer un mercado en lugares como e-Bay, Amazon, y Facebook al mismo tiempo.

A parte de vender en canales múltiples, también tienes acceso a un grupo rico de características de mercado, gestión completa de tu inventario, herramientas SEO y temas hermosos que te permitirán llevar tu tienda al siguiente nivel y mostrar los productos de una manera organizada.

Si eres nuevo en BigCommerce, este artículo te encaminará a través de los pasos de usar un tema de BigCommerce para diseñar tu tienda en línea rápidamente y comenzar a vender tus productos.

How to use a top BigCommerce theme to design your online storeHow to use a top BigCommerce theme to design your online storeHow to use a top BigCommerce theme to design your online store
¿Cómo usar un tema de BigCommerce para diseñar tu tienda en línea? (YourStore)

Sin embargo, si necesitas un cebo de lo efectivas que son las características de BigCommerce, y el por qué debes considerar usarlo como tu plataforma de tienda en linea de elección, primero lee este artículo:

Ahora vamos a comenzar con el tutorial de hoy, comenzando con cómo escoger los mejores temas de eCommerce para diseñar tu tienda en línea:

¿Cómo Escoger el Tema Correcto para BigCommerce (Para tu Tienda en Línea)?

Con muchos temas de BigCommerce disponibles, escoger el correcto para tu tienda puede ser algo difícil. Pero, hay algunos consejos que pueden facilitar el proceso:

  • Características Efectivas - Busca por un tema de eCommerce que tenga características como mega menús, filtro de precio, y vista rápida del producto. Estas características no solo te permitirán  poner todas tus categorías en el menú sin afectar la barra de navegación principal pero también permite a tus visitantes accesar a las categorías deseadas y ver productos y añadirlos al carrito de compras sin dar  clic a través de la página del producto.
  • Diseño Adaptable - Escoge un tema de sitio web que sea adaptable para que tus clientes puedan tener una experiencia agradable de compra incluso si ellos estás usando su tablet o smartphone.
  • Fácil Personalización - Asegura que el tema del sitio pueda ser personalizado para que puedas integrar tu marca y asegurar que la tienda destaque entre la competición.
  • Incluye Herramientas de Blog - Considera un tema de eCommerce que ofrezca una opción de blog, lo que te ayudará a incrementar la visibilidad de tu tienda en los motores de búsqueda y que permita vender tus productos.
  • Diseño Moderno - No ignores el aspecto del diseño del tema. Asegúrate de que el tema que escojas tenga un diseño que llame la atención y que se adecue a tu área de venta. Puedes escoger un tema de usos múltiples como esos que han sido diseñados para trabajar en una variedad de áreas.

Encuentra los mejores temas de BigCommerce con diseño modernos, mostrados en este artículo de Envato Tuts+:

Ahora que sabes lo que hay que buscar en un tema, vamos a cubrir cómo usar uno para diseñar tu tienda en linea. Vamos a tomar un tema innovador en línea del artículo de arriba y mostrarte cómo instalarlo rápidamente.

¿Cómo Instalar tu Diseño de Tienda en Línea?

Una vez que compres tu tema de BigCommerce, descarga el archivo zip a tu computadora. Para los propósitos de este tutorial, estaré usando el diseño YourStore BigCommerce theme, pero eres libre de usar un tema que te llama más la atención.

YourStore BigCommerce theme designYourStore BigCommerce theme designYourStore BigCommerce theme design
YourStore - Premium BigCommerce theme

1. Instala un Tema de BigCommerce de un Tercero

Para comenzar el proceso de diseñar la tienda, extrae la carpeta que descargaste para abrirla. Encontrarás la documentación y el tema en la carpeta que contenía el archivo zip que necesitas subir a tu sitio web de BigCommerce.

Subiendo tu tema.

Accede a tu sitio y luego da clic en Storefront > My Themes en la parte izquierda del menú. Tu ya tienes un tema instalado para tu BigCommerce pero si necesitas desplazarte hacia abajo en la página, verás un botón que te permite subir un tema de terceros. Da clic en el botón Upload Theme.

Una vez que el archivo ZIP se ha subido, una carta de tema aparecerá debajo de My Themes, mostrando el progreso del proceso. Cuando el tema esté procesado, se mostrará en tu tablero y todo lo que tendrás que hacer es dar clic en el tema y luego dar clic en el botón Apply para activarlo en tu sitio.

Applying your new BigCommerce themeApplying your new BigCommerce themeApplying your new BigCommerce theme
Activando tu nuevo tema de BigCommerce

Ahora que tu nuevo tema de eCommerce está activo, vamos a instalar las páginas necesarias antes de personalizar la manera en que tu sitio se vea.

2. Instala tus Páginas del Tema de BigCommerce

Por defecto, tendrás algunas páginas listas cuando te registres en BigCommerce. Puedes ver y crear nuevas páginas en Storefront > Web Pages. Las páginas por defecto incluyen Shipping (Envíos) y Returns (Devoluciones), Contacto y la página de Blog. Dando clic en cualquier nombre de la página te tomará al editor donde puedes reemplazar el texto por defecto con el tuyo propio o personalizarlo para que se adecue a tu tienda.

Editing existing BigCommerce theme pages is easyEditing existing BigCommerce theme pages is easyEditing existing BigCommerce theme pages is easy
Editar páginas de temas existentes de BigCommerte es fácil.

Puedes acceder a la información SEO para la página en las opciones Avanzadas, y controla la manera en que la página aparece en el menú de navegación. Cuando termines de editar cualquiera de las páginas, simplemente da clic en Save y Exit para guardar tus Cambios.

Crear páginas adicionales como una página de Acerca de, requiere que des clic en Create New Page. Puedes decidir si esta página será una página o un punto a un sitio web diferente, pon el contenido, configura las opciones de SEO y decide en cómo se mostrará en el menú de navegación.

Finalmente, seleccionando la página de Blog te permite editar el blog por defecto y crear nuevas publicaciones. Como puedes ver desde la captura de abajo, el editor de publicaciones te permite poner el título, el autor, y el contenido de tu publicación. Puedes subir imágenes y escoger una imagen miniatura que aparecerá como una imagen para tu publicación.

Your options when creating a new blog post in BigCommerceYour options when creating a new blog post in BigCommerceYour options when creating a new blog post in BigCommerce
Tus opciones cuando creas una nueva publicación en BigCommerce.

Una vez que termines de editar y añadir las páginas nuevas, es tiempo de personalizar tu diseño de tienda en línea.

¿Cómo Personalizar tu Tema de BigCommerce?

Personalizar el diseño de tu tienda envuelve muchos paso: personalizar el tema mismo, subir tu logo, editar la página principal para incluir las imágenes de tu producto, y añadir tus vínculos de redes sociales.

Para accesar a las opciones de personalización, ve a Storefront > My Themes y luego da clic en el botón Customize (Personalizar) en tu tema activo.

BigCommerce theme customization is pretty straightforward BigCommerce theme customization is pretty straightforward BigCommerce theme customization is pretty straightforward
Personalizar un tema de BigCommerce es muy sencillo.

La barra lateral en la parte de Personalización te permitirá escoger un estilo deferente del tema, cambiar fuentes, colores, dimensiones de logo, formas y más.

The Design Editor is super easy to use The Design Editor is super easy to use The Design Editor is super easy to use
El Editor de Diseño es fácil de usar.

Puedes incluso cambiar los iconos usados en tu sitio web y poner los colores para que puedas fácilmente usarlos de nuevo en otras partes de tu tienda.

Configuring your custom logo Configuring your custom logo Configuring your custom logo
Configurar tu logo personalizado.

El editor también te permite controlar el número de productos mostrado en tu página principal, el número de reseñas de producto que se muestras en páginas de productos individuales, y más.

Finalmente puedes también editar los archivos de tema si sabes programación y quieres personalizar tu sitio. Luego de hacer los cambios debidos, da clic en Save Changes.

Cuando termines de personalizar la apariencia de tu sitio, navega a Storefront > Logo para subir una imagen de logo y un favicono para tu sitio.

El siguiente paso es personalizar la página principal. Para hacerlo da clic en Home Page Carousel. En la siguiente pantalla, puedes subir tus propias imágenes, organizarlas, y controlar el texto que se muestra en las imágenes.

Setting up the homepage carouselSetting up the homepage carouselSetting up the homepage carousel
Instalando tu página de inicio en BigCommerce.

Finalmente, navega a Social Media Links y pon los vínculos de tu perfiles de redes sociales. Esto te permitirá comenzar a tener seguidores y alcanzar tus clientes en tus plataformas preferidas para mantenerlos al día con los últimos productos añadidos a tu tienda o promociones especiales. Puedes añadir hasta seis perfiles y ordenarlos de la manera que te gusten.

You can add up to 6 social media profile links You can add up to 6 social media profile links You can add up to 6 social media profile links
Puedes añadir hasta 6 vínculos de redes sociales.

¿Cómo añadir tu Primer Producto a tu Tienda en Línea?

Una vez que tu tema de BigCommerce esté listo, puedes comenzar añadiendo productos y configurar las opciones de producto.

En el tablero de BigCommerce, navega a Productos. Cuando te registres en BigCommerce, tendrás algunas productos de muestra.

El menú de arriba de la lista del producto te permite ver todos los productos, ver tus artículos en promoción, o ver lo productos que tienen envío gratis. Esta característica te permite encontrar el producto que quieres y editar más tarde.

Model your new products after the included sample productsModel your new products after the included sample productsModel your new products after the included sample products
Modelo tus productos nuevos luego de los productos de muestra incluidos.

Para añadir un producto nuevo, puedes dar clic en cualquier muestra de producto y editar la información con la tuya propia. En la pantalla de edición, puedes poner el nombre del producto, información de impuestos, categoría del producto, y una descripción del producto.

Puedes subir imágenes y videos que muestren tus productos, configura las opciones de producto como tamaños y colores, el precio y más.

Heres your view for editing products Heres your view for editing products Heres your view for editing products
Aquí está la vista para editar los productos.

Cuando termines de editar los productos en BigCommerce, puedes guardarlo. O puedes dar clic en la flecha a la par del botón guardar para opciones adicionales, como guardar y duplicar.

Si quieres comenzar desde cero, simplemente da clic en Productos y luego en Añadir para insertar un producto completamente nuevo. Puedes borrar los productos de muestra seleccionándolos y dando clic en el icono Borrar.

5 Consejos de Diseño para Obtener más de Tu Tienda en Línea

Con tu tema de BigCommerce personalizado y tus productos añadidos, todo lo relacionado con personalizar está hecho. Sin embargo, hay técnicas de diseño importantes que te ayudarán a incrementar tu taza de conversión. Aquí hay cinco consejos para aplicar a tu tienda en línea:

1. Usa Imágenes de Alta Calidad

Cuando se trata de comerció en línea, las imágenes del producto son los elementos más importantes de tu sitio web. Esto no es el lugar para usar imágenes borrosas o pequeñas. Al contrario, asegura de que las imágenes hagan justicia a tu producto.

Tus imágenes deben ser claras y lo suficientemente grandes para mostrar tus productos claramente. Sin embargo, asegúrate de optimizar tus imágenes antes de subirlas a tu sitio para asegurar que el tamaño de la imagen no haga el sitio web lento.

Aprende todo acerca de fotografía de producto en nuestra serie en Envato Tuts+, o comienza con el tutorial de abajo:

2. Escoge los Colores de Contraste para tus Botones

Asegúrate de que los botones destaquen del resto de tu sitio. Esto aplica a tus botones de Compra y cualquier otro botón de Llamado a la Acción. Usando un color de contraste, tus visitantes serán capaces de notarlos más, lo que incrementa las posibilidades de que ellos le den clic y lo compren.

3. Asegura que tu Tema sea Adaptable

Muchas investigaciones en linea muestran que más personas están usando sus dispositivos mobiles no solo para comenzar su búsqueda pero también para comprar varios productos. También vale la pena mencionar que los motores de búsqueda favorecen los sitios que son amigables con los dispositivos mobiles.

Cuando tomes esas consideraciones, es fácil de ver el por qué tu tienda en línea necesita verse bien sin importar el dispositivo que tus visitantes estén usando. Elige un tema de BigCommerce adaptable que te ahorre problemas y elimine las posibilidad de que los visitantes abandonen el sitio.

Mantén en mente que BigCommerce también te permite personalizar la manera en que tu tienda se mira en los dispositivos mobiles (teléfonos, tablets y computadoras) para que puedas probar tu tema y ver si todo funciona de la manera que debe verse en diferentes tamaños de pantalla.

4. Evita Desordenar tu Sitio

Una de los errores más grandes que puedes cometer es desordenar las páginas de tu tienda con vínculos de navegación y muchos productos en una página. BigCommerce te permite afinar los números de productos que se muestran en tu página de inicio así como el número de reseñas en páginas de productos individuales. Evita configurar este número muy alto ya que distraerá a tus visitantes y resultará en que ellos abandonen el sitio.

Debes asegurar que que la navegación muestra solamente las páginas más importantes y las categorías de alto nivel para facilitar a tus clientes la navegación de tu sitio. Usa un tema con un mega menú para añadir categorías y mostrarlas en un menú desplegable sin desordenar tu sitio.

Asegúrate de que muestres solo los mejores productos en tu sitio:

5. Hacer Uso de la Característica Vista Rápida

Muchos temas de BigCommerce  vienen con la característica de vista rápida. Esto te permitirá a los clientes dar clic en cualquier producto e instantáneamente ver los detalles del producto. Ellos también pueden añadir el artículo directamente a su carrito de compras y luego proceder al pago o continuar comprando.

Usando esta característica, no tienes que dar clic a través de la página del producto que simplifica la experiencia de compra e incrementa las posibilidades de hacer la compra. Empareja eso con una página de pago para simplificar el proceso de pago e incrementar la taza de conversión para tu tienda en línea.

Conclusión: Crea una Tienda en Línea Grande Rápidamente con BigCommerce

Comenzar tu tienda de la manera correcta incrementa tus posibilidades de éxito y facilita mostrar tus productos de una manera llamativa. Afortunadamente, BigCommerce es una gran plataforma con muchas características que te ayudan a crear tu tienda y vender en el mismo momento.

Usa los consejos de arriba para escoger el tema correcto de eCommerce para tu tienda y personalizalo para tu marca.

Si aun estás en la fase de búsqueda, considerando el tipo de tienda en línea, lee este tutorial de Tracey Wallace, Editor Ejecutivo de BigCommerce. Aprende todo acerca de las decisiones claves que necesitas hacer a medida que comienzas: 

¿Qué características claves se incluirán en tu diseño de tienda? ¿Tienes un cronograma preparado y tienes como objetivo cumplirlo? Buena suerte comenzando tu tienda en línea.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Business tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads