Melhores designs de vitrines de BigCommerce que levam seus negócios on-line ao próximo nível (2023)

Introdução

A etapa inicial, antes de adicionar qualquer mercadoria para vender nas lojas BigCommerce, é criar um design de vitrine BigCommerce.

No entanto, não é tão simples quanto parece… Trata-se de decidir sobre um tema, instalar quaisquer plugins de terceiros necessários, criar páginas de conteúdo e muito mais…

Pronto para criar uma loja BigCommerce, mas se sente sobrecarregado?

Na próxima seção, você encontrará instruções detalhadas sobre como fazer essas coisas corretamente em apenas um artigo. O que mais? LitExtension – #1 O especialista mundial em migração de carrinhos de compras também cria uma lista dos nossos 3 designs favoritos de vitrines BigCommerce para que você possa usá-los em sua próxima grande ideia!

Use essas dicas e sua loja BigCommerce será um sucesso estrondoso!

Pois bem, vamos ler cada seção (que sempre recomendamos), ou ir direto para a loja que mais te interessa:

• O que é BigCommerce?
• Como criar um design de vitrine BigCommerce em 6 etapas simples?
• Melhores exemplos de design de vitrine BigCommerce

O que é BigCommerce?

Conhecido por sua rápida expansão, o BigCommerce , com sede em Austin, Texas, tornou-se um dos sistemas de gerenciamento de lojas online mais proeminentes do mundo. Fundada em 2009, expandiu e forneceu serviços para mais de 80.000 varejistas online em 120 países diferentes.

Entre muitas plataformas de comércio eletrônico , o BigCommerce é uma plataforma de comércio eletrônico hospedada de primeira linha que permite aos comerciantes vender uma variedade infinita de produtos digitais, físicos e baseados em serviços a partir de uma única loja online.

Além disso, o BigCommerce cobra zero taxas de transação em cada compra . Portanto, pode otimizar suas vendas e maximizar seu lucro .

Com BigCommerce, você pode configurar rapidamente uma loja e começar a vender qualquer coisa imediatamente . Com isso dito, BigCommerce ainda deixa algum espaço para usuários com experiência em tecnologia personalizarem ainda mais sua loja BigCommerce.

Na verdade, você pode configurar uma loja BigCommerce de qualquer local com um computador, um navegador da Web e acesso à Internet.

Por ser um SaaS, esta plataforma também oferece uma variedade de temas BigCommerce editáveis ​​que podem ser usados ​​como ponto de partida para o design da sua loja online. Caso você não tenha recursos financeiros estáveis ​​para modelos de sites, esta plataforma de comércio eletrônico também oferece vários temas BigCommerce gratuitos para você escolher.

Em outras palavras, não importa o que você está tentando vender ou como planeja vendê-lo; BigCommerce simplificará o processo.

Os recursos mais avançados da plataforma podem exigir algum tempo para aprender, mas a maioria dos web designers BigCommerce não tem dificuldades após 1 a 2 semanas e com a ajuda de atendimento ao cliente dedicado 24 horas por dia, 7 dias por semana.

BigCommerce Storefront Design: um guia passo a passo

Vamos aprender como personalizar o design do BigCommerce com mais detalhes.

#1. Lançar o construtor de páginas BigCommerce

Com a abordagem intuitiva de arrastar e soltar, o construtor de páginas é um método popular para fazer alterações no design de uma loja BigCommerce . Assim, torna-se simples para qualquer pessoa criar uma vitrine BigCommerce sem a necessidade de aprender a codificar.

Antes de iniciar, lembre-se de salvar uma cópia das configurações do seu tema se você já tiver um tema.

Para acessar o Page Builder, vá para Storefront > Temas . Há um botão “ Personalizar ” destacado na página Temas.

Ao acessar a vitrine no back-end, você pode acessar essa função clicando no canto superior direito que diz “Projete esta página no Page Builder”.

Em seguida, ele irá inicializar a interface do Page Builder!

• Uma página inicial é mostrada à direita quando você ativa o Page Builder
• Algumas opções de configuração são exibidas à esquerda.
• As opções montadas na parte superior permitem que você alterne o tipo de tela de visualização, salve e desfaça suas alterações e até mesmo publique seu tema.

Quando terminar de fazer as alterações, você poderá ver como elas aparecerão para os visitantes do site alternando para o modo de visualização. Assim, isso dá aos usuários mais tempo para avaliar o design da vitrine BigCommerce antes de publicar.

#2. Editar estilo do tema

BigCommerce fornece a seus comerciantes vários modelos personalizáveis ​​para selecionar os melhores estilos para sua loja online. Da mesma forma, você pode mudar para o estilo de tema BigCommerce para se adequar melhor à sua marca.

Para saber como editar o estilo do tema BigCommerce, confira este documento, mas lembre-se de que você pode precisar de conhecimento de codificação adequado para concluir este processo.

Caso você não saiba como editar o tema, considere o seguinte conselho:

• Inclua recursos impressionantes: idealmente, você deve escolher designs BigCommerce com recursos robustos, como menus gigantes, filtros de preços, uma “visão rápida” de produtos e assim por diante. Com essas ferramentas, os varejistas podem atrair visitantes sem prejudicar a integridade da navegação principal.
• Crie um layout compatível com dispositivos móveis: seus clientes e visitantes do site podem comprar com confiança, sabendo que terão uma ótima experiência em qualquer dispositivo móvel. Além disso, é importante que a estética de sua loja corresponda às demandas de seu mercado-alvo.
• Adicione uma seção de blog: para que os consumidores se lembrem quando vão às compras, eles precisam fornecer um valor memorável. Por causa disso, um tema que inclua uma seção de blog ajudará significativamente uma empresa a alcançar uma classificação alta na página do Google.

#3. Adicionar widgets

Textos, fotos, banners, vídeos e botões, ou “Widgets” em geral, podem ser adicionados rapidamente em questão de minutos usando o Page Builder.

Para adicionar um widget, pegue-o no lado esquerdo do menu do Page Builder e solte-o em uma das áreas designadas.

Depois de colocar um widget em uma página, suas opções serão exibidas no menu do Construtor de páginas. Em seguida, o design do widget aparecerá na seção Design à direita.

#4. Personalizar favicon, logotipo e banner

Favicon e logotipo

Quando você visita um site, seu navegador pode exibir um pequeno símbolo chamado favicon à esquerda do título da página. Se você não alterá-lo, o ícone do BigCommerce se tornará o favicon da sua loja. Você deve, no entanto, trocá-lo por uma imagem de marca para tornar o design da vitrine BigCommerce mais notável.

Para personalizar o favicon do BigCommerce, selecione “ Carregar uma imagem personalizada ” para usar como seu logotipo e, em seguida, clique em “ Selecionar uma imagem do seu computador ” ou arraste uma imagem para a caixa para carregar um logotipo.

Com o mesmo procedimento, você também pode modificar sua loja na seção Logo (Vitrine > Logo).

Depois de fazer modificações no Page Builder, clique em Salvar para continuar trabalhando lá e em Publicar para enviar essas alterações para a vitrine.

Bandeira

Os banners podem promover negócios, exibir cupons de desconto e outras promoções, transmitir informações críticas e incluir componentes visuais como fotografias e vídeos no design de um site.

Para personalizar um banner, você deve:

1. Navegue até Marketing > Banners > Criar um Banner .
2. Dê um nome ao seu banner (ninguém de fora da sua empresa verá isso, então sinta-se à vontade para nomeá-lo como quiser).
3. Em seguida, preencha o texto do seu banner .
4. Especifique a página na qual deseja que o banner seja exibido. Os banners só podem ser colocados em uma página por vez. No entanto, se você quiser usar o mesmo banner em várias páginas, poderá duplicá-lo.
5. Você pode então escolher se deseja exibir o banner . Remova a marca de seleção desta caixa se quiser salvar o banner como rascunho.
6. Por fim, salve o arquivo editado.

#5. Use um carrossel para o design da vitrine BigCommerce

Para atrair a atenção dos clientes, você pode utilizar um carrossel, uma apresentação de slides ou uma série de banners giratórios na página inicial de sua loja virtual.

Aqui, até 5 fotos e slides de texto podem ser mostrados, com cada slide levando a um produto ou site diferente. Especificamente, uma nova imagem substituirá a anterior a cada poucos segundos.

Veja como adicionar imagens ao carrossel para o design da vitrine BigCommerce:

1. Acesse a seção Carrossel acessando Vitrine > Carrossel da página inicial .
2. Selecione uma miniatura de slide sem nenhum conteúdo. Depois de escolher uma foto para carregar, a visualização se transformará em uma notificação solicitando que você faça isso.
3. Em seguida, navegue até o local onde sua imagem está armazenada e arraste e solte a imagem na janela de visualização do carrossel . (Como alternativa, você pode escolher uma imagem do seu computador clicando no botão Escolher arquivo ).
4. Publique o arquivo modificado.

#6. Editar páginas de conteúdo

Você pode modificar o conteúdo de suas páginas da web usando nosso conveniente editor de arrastar e soltar. Para fazer alterações no conteúdo da sua página, clique nos três pontos da página e, em seguida, clique em “ Editar ”.

Haverá uma coleção de layouts predefinidos no lado direito que você pode arrastar para o seu documento.

A partir daí, você pode escolher entre uma variedade de funcionalidades que tornarão o design da sua vitrine BigCommerce único, por exemplo:

• Passe o mouse sobre uma foto e clique no ícone da câmera para adicionar suas próprias imagens.
• Mova o ponteiro do mouse sobre o link para fazer alterações nele.
• Troque os ícones clicando neles e escolhendo um novo.
• Se você deseja incorporar um vídeo do YouTube, copie o URL e cole-o na caixa.

Melhor design de vitrine BigCommerce para inspirá-lo

Com as etapas acima, você deve ser mais competente para personalizar o design da sua loja BigCommerce. Como aprender com os melhores é uma boa prática, vamos considerar alguns dos principais exemplos de sites BigCommerce para sua referência:

#1. SkullCandy

A primeira empresa de áudio – Skullcandy, mescla moda com tecnologia de ponta. Eles apresentaram ao mundo alguns dos melhores fones de ouvido, incluindo opções sem fio, fones de ouvido e fones de ouvido.

O site da Skullcandy é uma das principais lojas BigCommerce graças à sua originalidade, esquema de cores atraente e layout polido.

Na verdade, é bastante incomum que um site não tenha nenhuma navegação, o que é uma das razões pelas quais este site brilha!

Aqui estão alguns dos recursos perceptíveis:

• Um cabeçalho preto e branco misturado com um banner gigante de cores vibrantes cria um design impressionante e contemporâneo.
• Passe o mouse sobre “Inside a SkullCandy” e há links que o levarão a outras seções do site .
• Além disso, você pode usar os botões na parte inferior para entrar em contato com eles.

#2. pandora

Em 2000, a Pandora começou a criar seus encantos agora icônicos. Cada pingente é feito à mão para complementar os estilos individuais e os proprietários o valorizam delicadamente.

Assim, ao criar um site, a Pandora também transmite essas vibrações:

• Eles utilizam um layout suave, limpo e organizado para criar uma marca premium de alta moda
• Diretamente no topo da página principal, há um banner e um carrossel que mostram diferentes ofertas e fotos para atrair visitantes.
• Você pode ver os produtos em destaque ao rolar para baixo lentamente e terminar com o widget “Inscreva-se em nosso boletim informativo”.

#3. Ben & Jerry's

A Ben & Jerry's tornou-se conhecida por seus sabores criativos de sorvete, baseados em combinações de ingredientes salgados e doces. Os fãs de guloseimas congeladas provavelmente estão familiarizados com as variedades da Ben & Jerry's, mas você sabia que eles também são obcecados com a loja de merchandising na web?

Algumas das características notáveis ​​do site incluem:

• Itens populares , como bolo de sorvete, bufê e cartões-presente, aparecem com destaque para facilitar compras rápidas.
• Os clientes podem localizar o que precisam rapidamente, graças à navegação direta do site.
• Utilize aplicativos para design de loja de forma eficaz

BigCommerce Storefront Design – Perguntas frequentes

Palavras Finais

Este artigo destaca um processo simples para alterar o design da loja BigCommerce, juntamente com as melhores lojas BigCommerce.

Espero que você possa aprender com esses sites e usá-los em sua própria loja BigCommerce para aumentar as vendas e o tráfego.

Quer ter mais ideias sobre como construir lojas de comércio eletrônico? Junte-se à nossa próspera comunidade de comércio eletrônico e aprenda com a experiência de milhares de outros proprietários de empresas.