Um guia rápido sobre como editar seu tema BigCommerce

Você provavelmente está aqui porque está procurando maneiras de atualizar ou editar o tema em sua loja BigCommerce. Boas notícias – como uma das plataformas de comércio eletrônico mais confiáveis ​​e capazes para empresas de todos os tamanhos, em todos os setores, há muita ajuda por aí. Neste artigo, veremos algumas das maneiras de editar seu tema de vitrine BigCommerce.

Primeiro, se você está procurando algumas informações sobre por que pode ser uma boa ideia fazer uma atualização no seu tema, lembre-se disso:

• Seu tema tem um impacto profundo na experiência do usuário.
• O tema da sua loja afetará a integridade da sua marca.
• Um novo tema pode ajudá-lo a melhorar a funcionalidade de design da sua loja.
• Um novo tema pode oferecer melhor acesso a recursos novos ou atualizados do BigCommerce, como pesquisa facetada.
• Você pode melhorar o design responsivo do seu site com uma atualização de tema.

Com isso em mente, se você está apenas procurando algumas dicas rápidas sobre como fazer alterações, está no lugar certo, então vamos começar.

1. Faça login no seu Portal BigCommerce.

Faça login no seu portal BigCommerce com suas credenciais de login. Você deve ver algo no back-end que se parece com isso:

2. Clique em “Vitrine”.

Clique em “Storefront” conforme indicado pela seta vermelha na imagem acima. Isso o levará a uma nova tela e expandirá um menu com itens que você pode alterar no back-end da sua loja BigCommerce.

Como você pode ver, as opções se expandirão. Em seguida, você deve clicar em “Meus temas” para prosseguir, mas antes disso, observe algumas coisas. Conforme indicado pelas caixas vermelhas à esquerda da imagem acima, também é aqui que você pode fazer alterações em outros aspectos importantes da sua loja BigCommerce, como seu blog ou scripts. Além disso, você pode fazer upload de temas neste portal, mas esteja ciente de que, se você fizer upload de seu próprio tema, BigCommerce não fornecerá assistência técnica.

3. Selecione “Procurar Temas”.

A imagem acima é uma inserção; aqui você pode ver que pode fazer atualizações no seu tema atual, bem como personalizações. Se você quiser alterar seu tema, clique em “Procurar temas” conforme indicado pela caixa vermelha.

Isso o levará ao BigCommerce, onde você poderá pesquisar uma grande coleção de temas gratuitos e pagos. Você também pode classificar as coleções em relação a como elas são otimizadas e organizadas, bem como temas populares pelo setor, conforme indicado pelas setas vermelhas abaixo. Dê uma olhada na coleção deles e escolha o tema que mais agrada a você (ou você acha que mais atrairá seus clientes). Depois de selecionar um tema, você voltará a editá-lo ou personalizá-lo.

4. Alternativamente, você pode escolher “personalizar atualização” para editar ou atualizar o tema.

Digamos que você não mudou seu tema, mas ficou com o tema que tinha, que no nosso caso é “Cornerstone Light”. Você vai querer clicar em “Personalizar atualização”, que você pode ver no meio da tela da segunda imagem deste post. Isso o levará à imagem que você vê abaixo:

Há algumas coisas a serem observadas na imagem acima:

• Na parte superior da página, você pode ver as alternâncias para "Design" e "Visualização". No modo de visualização, você pode ver como sua loja aparecerá depois de fazer e salvar as alterações através do botão “Salvar” no canto superior direito da imagem.
• Também na parte superior da página, há visualizações de como seu tema aparecerá em desktops, tablets e dispositivos móveis.
• Na extremidade esquerda da imagem, em uma caixa vermelha, há três opções para "widgets", "camadas" e "estilos de tema". vamos investigar a funcionalidade básica destes neste post.

5. Edite, ajuste ou adicione widgets.

Primeiro, veremos como fazer edições rápidas em widgets que você pode incluir ou alterar no seu tema BigCommerce. Digamos que você queira adicionar um carrossel abaixo do seu menu – a interface do BigCommerce torna o processo relativamente simples. Basta clicar em “Carrossel” e arrastá-lo e soltá-lo no espaço abaixo do menu que diz “Arraste e solte widgets aqui”. Você então verá esta imagem:

Para sua sorte, a interface do BigCommerce é direta e fácil de navegar. No lado esquerdo da tela, você verá que pode fazer alterações nos slides, nas imagens de fundo, nas cores do texto, nos links de tamanhos de fonte e muito mais, tudo sem precisar saber uma linha de código.

Agora, digamos que você gostaria de ver algumas variações do mesmo tema. À esquerda da tela, você verá isso:

6. Ajuste os recursos adicionais do seu monitor. (Estilos, cabeçalhos e rodapés, página inicial e mais)

Clique na pequena paleta conforme indicado pela seta vermelha e você expandirá um menu de opções, mostrado na imagem abaixo, incluindo, entre outros, “Estilos”, “Global”, “Cabeçalho e Rodapé” e “Página inicial”.

Esta área permite que você faça alterações bastante rápidas e fáceis no estilo do seu tema. Como você pode ver em duas das opções acima, elas afetarão a apresentação visual do seu tema. Para este tema em particular, duas das opções são “Light” e “Bold”, que são variantes menores uma da outra. Do ponto de vista do design, no entanto, eles podem afetar a sensação do seu site, sua marca e a experiência geral do cliente.

• Como você também pode ver na imagem acima, nesta área do editor de temas, você também pode fazer alterações relativamente rápidas e fáceis nos produtos, na sua página de checkout e até nos botões de pagamento, tudo sem precisar acessar ou alterar nenhum código.
• A essa altura, você pode fazer muitas das alterações de alto nível em sua loja BigCommerce que acompanham a alteração de um tema ou a alteração dos aspectos visuais do seu tema, como texto, cores, imagens ou carrosséis, bem como outros recursos qualitativos como os descritos imediatamente acima.

No entanto, embora BigCommerce tenha um portal de administração amigável e fácil de navegar, mesmo para empreendedores de comércio eletrônico com pouca ou nenhuma experiência em design ou codificação, obter o layout visual exato que você imagina para sua loja online pode ser mais demorado. Além disso, fazer alterações personalizadas, incluindo aquelas que envolvem código, podem exigir habilidades especiais para as quais você precisará da assistência de serviços profissionais de design ou desenvolvimento da Web BigCommerce.

Se você gostaria de ver algo especial da sua loja BigCommerce, mas não tem certeza de como fazer as alterações usando as sugestões ou orientações deste artigo, entre em contato com nossos desenvolvedores e designers BigCommerce hoje. Se você precisa de uma reformulação em grande escala ou apenas gostaria de saber mais sobre o que podemos fazer pelo seu negócio online, tudo começa com uma ligação para um parceiro BigCommerce - entre em contato conosco em 888-982-8269 na próxima vez que precisar de assistência .