Como personalizar o tema da loja Shopify (sem precisar ter experiência com programação)

Quando você está buscando um tema Shopify, está avaliando cada um deles após a configuração com imagens, fontes e cores. Essa é uma ótima maneira de ver um tema em seu pleno potencial. Quando você tiver instalado um tema em sua loja, será necessário fazer alguns ajustes para que ele fique exatamente como você deseja.

É nesta etapa que entram as escolhas de design (algo que pode ser intimidador quando você não tem experiência). Saiba mais sobre a personalização de temas Shopify e tudo o que você pode fazer para promover sua marca e impulsionar suas vendas.

Personalização da Shopify: contratar um desenvolvedor ou fazer você mesmo?

A grande vantagem de trabalhar com um tema é que muitas das decisões de design estrutural já estão definidas para você. Você não precisa se preocupar em como organizar suas páginas ou onde colocar cada imagem e cada parágrafo dentro de um complexo construtor de sites.

Para que sua loja tenha a melhor aparência e para que sua marca realmente se destaque, você precisará adicionar seu toque pessoal. Pense nisso como decorar uma casa: os fundamentos já estão lá, mas você escolhe as cores e ajusta a decoração.

Contrate um desenvolvedor Shopify

Quando você é novo no mundo do design web, a quantidade de opções disponíveis pode ser impressionante e até mesmo esmagadora. Você pode usar qualquer cor que desejar! Pode mudar tudo com um clique!

E quando você se aprofunda nas funcionalidades e escolhas de design mais complexas, fica evidente que contar com a ajuda de um especialista é mais econômico do que tentar fazer tudo sozinho, considerando todas as outras responsabilidades importantes que você tem.

Personalize seu tema Shopify você mesmo

Em alguns casos, a abordagem de “faça você mesmo” (DIY) faz sentido. Talvez você esteja começando seu negócio com recursos limitados ou já tenha as habilidades técnicas e de design necessárias para construir um site por conta própria. Ou talvez você precise apenas de funcionalidades simples para começar, para aprimorá-las mais tarde.

Independente do motivo, o editor de temas da Shopify é fácil de usar, permitindo que você personalize a aparência da sua loja on-line sem precisar de habilidades de programação ou design. E com ferramentas como Sections Everywhere, incorporação de aplicativos da Shopify, e modelos de página, você pode adicionar elementos envolventes ao seu site com alguns cliques.

5 maneiras de personalizar sua loja Shopify e torná-la única

1. Encontre o tema perfeito na loja de temas Shopify
2. Edite as configurações do seu tema para ajustar a aparência da sua loja
3. Crie modelos
4. Personalize sua loja com aplicativos da Shopify
5. Use incorporações de aplicativos da Shopify para adicionar mais seções

1. Encontre o tema perfeito na loja de temas Shopify

Embora a Shopify defina sua loja com o tema “Debut” ou “Dawn” dependendo se você está usando a On-line Store 2.0, você não precisa se limitar a isso. Você pode acessar a Loja de Temas Shopify para explorar outras opções. É importante escolher o tema certo desde o início para não precisar voltar e mudá-lo novamente se precisar de recursos ou funcionalidades diferentes.

Existem duas categorias principais para temas Shopify: gratuitos e pagos.

1. Gratuitos: temas gratuitos são ótimos para lojas novas ou menores que estão se preparando para lançar ou experimentar o e-commerce. A vantagem é que não há custos adicionais ou recorrentes, mas geralmente vêm com limitações e poucas opções de personalização. Há 11 temas gratuitos disponíveis.
2. Pagos: a Shopify também oferece mais de 100 temas pagos, que variam de US$ 180 to US$ 350 (taxa única). Embora exijam um investimento inicial maior, os temas pagos oferecem mais funções de design, ferramentas de e-commerce e um conjunto robusto de recursos que permitem que você faça mais com sua loja on-line.

Você também pode navegar pelos temas Shopify por setor, tamanho do catálogo e recursos como verificação de idade, rolagem infinita e localizador de lojas. Ao personalizar sua loja Shopify, é melhor começar com um tema que tenha a funcionalidade que você precisa. Você pode definir a aparência e o estilo depois.

2. Edite as configurações do seu tema para ajustar a aparência da sua loja

Quando você conhecer a estrutura geral e a funcionalidade do seu tema, pode se concentrar nos aspectos de design da personalização do tema. Assim, você pode projetar sua loja on-line para combinar com sua marca visual.

Para editar seu tema, navegue até o editor de temas no seu painel, indo para “Loja On-line” > “Temas”. Localize o tema escolhido e clique em “Personalizar”.

As principais áreas em que você deve se concentrar incluem…

Paleta de cores

Se você já tem uma marca, deve ajustar as configurações do seu tema Shopify para alinhar-se às diretrizes de marca estabelecidas. Não tem diretrizes de marca? Você pode usar as cores do seu logotipo.

Está começando do zero? Escolher cores para sua marca pode ser intimidador. Elas combinam bem? Cores vibrantes ou neutras são mais adequadas para sua marca? Busque inspiração nos tipos de produtos que você oferece. Por exemplo, se você vende móveis de madeira ou artigos de couro, cores naturais como marrom, bege e laranja podem ser um ótimo ponto de partida.

Você também pode usar uma ferramenta de paleta de cores on-line, muitas das quais oferecem exemplos de paletas de cores criadas por outras pessoas ou marcas.

Depois de escolher algumas cores que combinam bem e se encaixam com seus produtos e seu negócio, salve os códigos hexadecimais que representam suas cores escolhidas. Você pode usar essa combinação de seis letras e números em plataformas on-line e ferramentas de design para obter uma correspondência exata em qualquer lugar que precise usar suas cores.

Os códigos têm os seguintes formatos:

• #FFFFFF – branco
• #2D2D2D – cinza muito escuro
• #50B83C – verde

Fontes

As fontes também são um elemento forte da marca. Muitos dos melhores designs de lojas de e-commerce usam uma combinação de diferentes fontes, então você não precisa se limitar a apenas uma fonte ou mesmo um estilo. Encontre fontes que se complementem e funcionem juntas sem se tornarem monótonas.

Geralmente, é melhor limitar-se a duas ou três fontes. Qualquer mais do que isso pode diluir sua marca, além de distrair do fluxo de informações. E, embora seja tentador ser excessivamente criativo, busque um equilíbrio entre legibilidade, consistência e clareza.

Escolha fontes complementares

A maneira mais rápida de encontrar combinações perfeitas de fontes é usar diferentes fontes dentro da mesma família tipográfica. Uma família tipográfica é algo como Helvetica ou Times New Roman, e as fontes dentro dela têm algumas variações. Fontes da mesma família já possuem uma variedade de pesos e estilos que funcionam bem juntas.

Uma fonte mais forte seria algo como a versão em negrito da fonte enquanto uma variação de estilo poderia ser uma versão em letras maiúsculas.

Se você tem uma fonte que adora, pode usar uma versão em negrito, uma versão regular e uma versão em itálico para diferenciar títulos e outras informações. É uma maneira de fazer uma única família tipográfica funcionar para toda a sua loja enquanto ainda diferencia entre diferentes tipos de conteúdo.

Combine tipografias compatíveis

Se você nunca trabalhou com fontes antes, aqui está um breve resumo sobre tipografias. Existem alguns estilos básicos diferentes de texto que você encontrará.

• Serifada: essas tipografias, como Times New Roman e Georgia, têm pequenos pés em cada letra.
• Sem serifa: essas tipografias, como Arial, Helvetica e a fonte que você está lendo agora, não têm os pequenos pés.
• Script: essas tipografias são qualquer coisa que se pareça com caligrafia ou escrita à mão.
• Monoespaçada: essas tipografias têm letras que estão igualmente espaçadas e você geralmente as vê em códigos de computador. Um bom exemplo é o Roboto Mono.

Você pode combinar fontes de diferentes tipografias para obter um forte contraste entre elas.

Combinar tipografias com base no contraste é ótimo para estabelecer hierarquia. Tipografias contrastantes deixam claro quais parágrafos são títulos e subtítulos e quais são o texto do corpo.

A hierarquia mostra visualmente aos seus clientes quais informações são mais importantes. Neste post, são usados títulos para ajudar você a entender sobre o que é cada seção. Esse é um exemplo de hierarquia, e você pode usar fontes diferentes para ajudar seus títulos a se destacarem.

Use tamanhos de fonte intencionalmente

O tamanho da fonte também deve ser intencional. Use tamanhos de fonte variados para destacar o que é importante e para informar seus usuários sobre o propósito e o conteúdo do seu site. Quanto mais importante for o seu conteúdo, maior deve ser o tamanho da fonte.

Depois de escolher um tamanho de fonte para o conteúdo do corpo e para os títulos, mantenha os mesmos para que seus clientes possam facilmente distinguir entre um título e um parágrafo. Quanto mais fácil for a leitura e a navegação do seu site, menos obstáculos haverá antes de você fechar uma venda.

Depois de trabalhar com fontes, cores e suas diretrizes de marca gerais, a coisa mais importante que você pode fazer pelo design da sua loja é manter-se fiel a elas.

3. Crie modelos

Embora possa ser tentador se deixar levar por novas fontes e cores em diferentes páginas ou simplesmente quando a inspiração surgir, lembre-se de que a consistência é o alicerce da construção de uma marca. Você quer que seus clientes consigam identificar e navegar pela sua loja facilmente, e manter um conjunto central de fontes, cores e estilos pode ajudar muito nesse objetivo.

É por isso que os modelos de página ou seções são recursos úteis para a personalização de temas Shopify.

Modelos de página são úteis para coisas que você reutiliza com frequência (como postagens de blog, páginas de destino, funis de vendas ou até mesmo páginas de produtos). Quando você começa com um modelo, pode manter a consistência e reduzir a quantidade de energia criativa (e tempo) que leva para criar cada uma dessas páginas.

No que diz respeito às seções, você pode criar blocos de conteúdo menores que podem ser usados em várias páginas do seu site. Isso pode ser um formulário de contato, uma chamada à ação (CTA) ou um cadastro para newsletter que você planeja inserir em várias páginas. Quando você precisar atualizar o conteúdo nessa seção, precisará fazê-lo apenas uma vez, e isso será refletido automaticamente em cada página individual que usa essa seção.

Para criar e editar seções, vá até o editor de temas e clique em “+ Adicionar seção”. Escolha uma nova seção da lista ou encontre a seção que deseja editar usando a barra de pesquisa. Clique na seção para editar os blocos dentro dela. Você também pode clicar e arrastar o ícone “⋮⋮” ao lado de uma seção para mudar a ordem e o layout das seções na página. Clique em “Salvar” quando terminar.

4. Personalize sua loja com aplicativos da Shopify

Existem milhares de aplicativos da Shopify disponíveis na coleção de aplicativos de design de loja. Tudo se resume a identificar o que você deseja personalizar e encontrar o aplicativo que atenda a essas necessidades.

Confira algumas mudanças personalizadas que você pode fazer com aplicativos da Shopify.

• Alterar sua barra de pesquisa: personalize a pesquisa, filtragem e recomendações de produtos; adicione pesquisa visual; e melhore a experiência geral de pesquisa com aplicativos como Shopify Search & Discovery.
• Adicionar recomendações de produtos: recomende produtos similares para aumentar o valor médio do pedido. Veja como Thousand utiliza aplicativos para isso.
• Incorporar avaliações de clientes: aplicativos como Product Reviews e Judge.me ajudarão você a otimizar as conversões com provas sociais por meio de avaliações de clientes.
• Construir modelos de páginas de destino: para personalização e modelos de páginas de destino mais robustos, use um aplicativo como Shogun, que possui um editor fácil de usar com arrastar e soltar.
• Personalizar o checkout: combine a experiência de checkout com sua marca visual e otimize para reduzir atritos e aumentar vendas. Aplicativos como Skip To Checkout e Zipify One Click Upsell podem ajudar você a fazer exatamente isso.

5. Use incorporações de aplicativos da Shopify para adicionar mais seções

Integrações de aplicativos da Shopify são elementos fornecidos por aplicativos que flutuam ou aparecem como sobreposições em seu tema, ou adicionam código à sua loja on-line sem serem visíveis para clientes. Por exemplo, um aplicativo de chat que aparece no canto da sua loja, ou um aplicativo de análise ou rastreamento, pode ser adicionado à sua loja como uma incorporação de aplicativo.

O comerciante da Shopify Ora Organic, por exemplo, possui um incorporação de aplicativo de chat ao vivo ativado em seu site de e-commerce. O aplicativo, alimentado por Gorgias, permite que os usuários interajam com o balão de chat ao vivo enquanto continuam sua experiência de navegação no site sem interrupções.

Você pode ativar, desativar e personalizar incorporações de aplicativos por meio do editor de temas. Você também pode usá-los com qualquer versão de tema.

Assim como as seções, as incorporações de aplicativos requerem um único ponto de implementação e gerenciamento. Portanto, qualquer alteração que você fizer na incorporação de aplicativo será automaticamente refletida em cada página onde a incorporação de aplicativo aparece (você não precisa atualizar manualmente a incorporação de aplicativo em cada página individual).

Para personalizar as incorporações de aplicativos da Shopify, clique em “Incorporações de aplicativos” no editor de temas. Selecione a incorporação de aplicativo que deseja gerenciar (ou clique na barra de pesquisa e insira uma palavra-chave para pesquisar entre seus aplicativos instalados). Quando você ver a incorporação de aplicativo que deseja ativar ou desativar, clique no botão para alterar seu status. Você também pode visualizar as configurações da incorporação de aplicativo clicando no ícone de expandir “(▸)” ao lado do nome da incorporação de aplicativo.

Sua Shopify, do seu jeito

Todo tema Shopify atende a um alto padrão, repleto de recursos embutidos que permitem que os comerciantes ofereçam descontos, recomendem produtos, capturem e-mails e façam mais pelos compradores. Além disso, todos os temas recebem atualizações gratuitas, então você sempre terá a versão mais recente disponível.

Otimizado para vendas on-line, sua loja carregará rapidamente, funcionará corretamente em dispositivos móveis e proporcionará a melhor experiência de checkout: tudo de uma maneira que complementa sua marca existente.