Como personalizar os designs da loja BigCommerce

Personalize os designs da loja BigCommerce e construa sua marca exclusiva

BigCommerce é uma plataforma abrangente que fornece aos proprietários de empresas como você o pacote completo de comércio eletrônico, incluindo a capacidade de configurar e personalizar os designs da loja BigCommerce por conta própria (ou você pode contratar especialistas como nós para fazer isso por você). Tem tudo o que você precisa para iniciar seu negócio de comércio eletrônico e torná-lo bem-sucedido. Não há instalações e integrações complicadas envolvidas e, com um pouco de sorte, você pode criar algo que resistirá ao teste do tempo.

Há uma razão pela qual BigCommerce é tão popular no mundo do comércio eletrônico. Ele vem com sistemas integrados que permitem que você pegue temas existentes (pagos ou gratuitos) e personalize-os para criar algo excepcional. Escusado será dizer que cada marca precisa de sua própria voz e aparência únicas. Embora os modelos padrão tenham um desempenho extremamente bom, você não pode se destacar da concorrência usando-os. É provável que haja muitos outros como você usando o mesmo tema, e sua marca pode perder sua identidade no mix. Você precisa personalizar os temas do BigCommerce para dar à sua marca uma camada adicional de personalidade.

A coisa sobre os modelos BigCommerce é que todos eles usam HTML e CSS. Isso oferece versatilidade ilimitada no que diz respeito às personalizações de modelos. Portanto, enquanto você pode fazer modificações básicas facilmente através do Modo Design, as mais complexas exigem que você conheça HTML e CSS. Se você não tem tempo para fazer tudo sozinho, pode recorrer a profissionais como 1 Digital Agency para personalizar os designs do BigCommerce para você.

Personalize BigCommerce através do modo de design

O Modo Design é verdadeiramente único e o sistema de personalização mais simples que você encontrará em qualquer lugar. Ele oferece a oportunidade de personalizar os temas do BigCommerce usando um menu simples de arrastar e soltar. Você pode reordenar ou remover itens em qualquer página da sua loja. Infelizmente, sua maior força é também sua fraqueza. Quando você usa o Modo Design para personalizar os designs do BigCommerce, além de reordenar as coisas em suas páginas da web ou remover algo completamente, você não pode fazer mais nada.

De qualquer forma, o Modo Design tem seus usos, especialmente se você estiver procurando por modificações básicas. Você pode acessá-lo clicando na guia Design da loja e, em seguida, na guia Modo de design no Painel de controle. Depois de fazer isso, o modo de design é ativado e você pode começar a personalizar.

Para usar o modo de design, você precisará visitar a página da sua loja que deseja personalizar. Deve haver uma barra de ferramentas visível para você na parte superior da página (veja abaixo), que indica que o modo Design está ativado.

A funcionalidade de arrastar e soltar é um passeio no parque. Em qualquer página que você deseja personalizar, mova o ponteiro para o item que deseja mover. O ponteiro mudará de forma. Agora arraste esse item usando o botão esquerdo do mouse para o local em que deseja que ele apareça e solte. Se você deseja remover um item, clique com o botão direito nele e selecione Remover Painel no menu. Depois de fazer todos os ajustes em uma página, salve e aproveite seu trabalho manual.

Usando a edição rápida para modificar sua loja

Como dissemos antes, você pode personalizar os modelos do BigCommerce usando o Modo de Design, mas isso quase nunca é suficiente. Não há muito o que fazer para reordenar e remover itens de seus designs.

Outra maneira de personalizar os modelos do BigCommerce é através do editor de folhas de estilo. A opção Procurar arquivos de modelo na guia Design da loja permite editar o CSS de qualquer arquivo de modelo do seu tema. Você precisa conhecer HTML e CSS para poder personalizar o BigCommerce a partir daqui, mas essa é facilmente a maneira mais eficaz de fazer isso. Na verdade, a maioria das customizações que profissionais como nós fazem nos temas são através da opção Quick Edit.

Depois de entrar no editor, você verá listas de arquivos de modelo na coluna da esquerda. A primeira parte contém os arquivos do modelo que estão em uso, enquanto a outra mostra todos os arquivos de modelos restantes para o tema, agrupados de acordo com seu tipo.

Quando você clica em qualquer arquivo de modelo, o editor abre à direita (veja acima). Ele mostra toda a codificação desse modelo e você pode fazer qualquer alteração no HTML aqui. Isso é incrivelmente complicado e deve ser deixado para especialistas que entendem de HTML.

Personalize os designs do BigCommerce via FTP

Quando você pensa em personalizar o BigCommerce, na maioria das vezes, você descobrirá que todos os aspectos de um tema são personalizáveis, desde que você saiba como fazê-lo. Para as coisas básicas, falamos sobre o Modo Design. Para personalizações mais avançadas do BigCommerce, existe o editor HTML ou Quick Edit. Mas isto não é tudo. Há também a provisão de acesso FTP a um diretório especial que dá aos usuários (usuários especialistas) a chance de modificar tudo o que não é possível com as outras duas opções.

Você precisará conectar sua loja via FTP ao diretório. Você pode fazer upload de arquivos aqui, que terão que ser vinculados à sua loja BigCommerce. A melhor maneira de fazer isso seria baixar um arquivo ZIP de todos os arquivos de modelo do seu modelo e modificar os que você precisa alterar. Os tipos de arquivo que você pode enviar incluem HTML e CSS, imagens como .jpg, .jpeg e .png e arquivos de mídia como .flv, .fla etc. Lembre-se de que esses arquivos enviados terão links de URL diferentes daqueles presentes em os arquivos de modelo. Você terá que incorporar esses novos URLs nas folhas de estilo ou páginas da web onde eles estão sendo utilizados.

ATUALIZAÇÕES DE 2019:

Com o mundo digital online em constante crescimento e ascensão, as plataformas de e-commerce precisam estar constantemente atualizando suas opções e funcionalidades. Embora o conteúdo acima ainda seja incrivelmente útil para todos os proprietários de lojas BigCommerce, existem algumas atualizações que foram feitas desde que este blog foi publicado pela primeira vez.

O Editor WYSIWYG

WYSIWYG: O que você vê é o que você obtém. Este editor BigCommerce pode ser usado para páginas da web, banners, produtos e categorias. Este editor é um “editor frontal”, o que significa que permite editar o conteúdo das páginas específicas mencionadas acima sem alterar nenhum código. O WYSIWYG permite formatar texto, criar links, adicionar imagens, vídeos e outras mídias e criar tabelas. Se você preferir não usar o editor, há um botão de desabilitar que pode ser clicado nas configurações da sua loja.

Editor de tema de estilo BigCommerce

Se você comprou um tema do BigCommerce e deseja personalizá-lo, basta acessar a vitrine do BigCommerce e clicar em “Meus temas”. Isso levará você a uma página com uma tela parecida com esta:

Depois de clicar no botão “personalizar”, uma nova janela será aberta com o painel Editor de estilo à esquerda da tela.

Se você tem uma loja BigCommerce com o tema Blueprint ou o tema Stencil, BigCommerce permite alterar a aparência da sua loja com o Editor de estilo sem alterar nenhum código. Com os temas Blueprint e Stencil, você pode alterar fontes e cores, tamanhos de imagem, adicionar colunas de produtos e muito mais para tornar seu site mais personalizado para sua marca e preferências.

Personalizar código HTML e CSS

Se você estiver no Editor de estilo e achar que não consegue fazer algumas alterações, precisará analisar a edição do código HTML e CSS do seu tema. Para fazer isso, você precisará baixar o tema que deseja editar. Isso parecerá assim:

Depois de baixar o tema em que deseja trabalhar, salve-o em seu computador e pronto para começar a fazer suas edições e personalizações. No entanto, se você não estiver familiarizado com o desenvolvimento da Web, é altamente recomendável obter alguém com conhecimento profundo para ajudá-lo, para que você não tenha problemas importantes que possam causar falhas em todo o site.

Customização da loja BigCommerce com a melhor agência digital

Construir uma marca é mais do que criar um bom logotipo e slogan. Sua loja de comércio eletrônico precisa sintetizar tudo o que sua marca representa. Embora o BigCommerce seja facilmente sua plataforma de comércio eletrônico, você precisa personalizar os modelos do BigCommerce para criar um design de site verdadeiramente único.

Na 1Digital Agency, temos especialistas que conhecem os detalhes das personalizações do BigCommerce e dos designs personalizados de modelos de loja BigCommerce. Mais do que isso, entendemos o comércio eletrônico e podemos fornecer conselhos especializados sobre como realmente se conectar com sua base de clientes com designs que chamam a atenção deles, são fáceis de usar e, o mais importante, exclusivos da sua ideologia de negócios.

Com UX e UI em mente, nossos designers e desenvolvedores especializados em comércio eletrônico irão transformar sua visão em um design de site de comércio eletrônico funcional e de alto nível que é totalmente responsivo e atrai os usuários a continuar explorando as páginas de sua loja online. Eles integrarão aspectos da sua marca em todas as decisões que tomarem com seu site. De cores a fontes, imagens e muito mais, seu site atrairá os usuários certos e os manterá engajados por tempo suficiente para levar a uma taxa de conversão mais alta.

Nossos especialistas trabalham com BigCommerce desde o início. Temos um portfólio versátil de trabalho que fala por si. Não apenas personalizamos os designs do BigCommerce, mas também fornecemos serviços de marketing e desenvolvimento. Como parceiro certificado BigCommerce, temos orgulho em dizer que construímos nossa reputação com base no trabalho árduo e no compromisso de tornar cada projeto um sucesso. Ligue agora para 888.982.8269 ou entre em contato conosco através do nosso site e deixe-nos mostrar-lhe o que podemos fazer.