Tudo que você precisa para vender online

Configure uma loja online em minutos para vender em um site, mídia social ou marketplace.

Um guia abrangente para personalizar o design da sua loja

Um guia abrangente para personalizar o design da sua loja

12 min read

UDP: Em abril de 2018, lançamos novas configurações de design no ! Aprenda o quão profundamente você pode personalizar sua loja sem qualquer codificação em uma postagem mais recente do blog. Se sua loja foi criada antes de abril de 2018 e você quer aprender a usar as configurações antigas, continue lendo esta.

A loja foi criada de forma que seja possível adicioná-la a qualquer site e começar a vender qualquer tipo de produto num piscar de olhos. Sua vitrine se adapta automaticamente a desktops e dispositivos móveis, e a loja fica ótima em qualquer tela.

Tornar a sua loja uma parte natural do seu site dá a impressão de um negócio profissional. Você pode querer alterar o design da loja para se adequar ao estilo do seu site e às necessidades específicas do seu negócio específico. Isso pode ser alcançado por vários meios, desde configurações totalmente automatizadas até personalizado temas.

A maioria deles está listada em . Nessa página você pode gerenciar suas configurações de design e, neste post, mostraremos como aproveitá-las ao máximo.

Dividimos todas as modificações possíveis no design da sua loja em três níveis de acordo com as habilidades e recursos necessários, desde rápido e fácil até mais profundo e complexo.

Como vender on-line
Dicas de e-commerce, especialistas para proprietários de pequenas empresas e aspirantes a empreendedores.
Por favor insira um endereço de e-mail válido

Nível 1: rápido e fácil

Rápido e fácil

Modificações rápidas e sem esforço. Nada além de clicar nos botões é necessário.

Antes de começar a pensar em mudanças de design, aqui estão as boas notícias: o é construído automaticamente no ambiente e parece uma parte natural do seu site ou página social. Você não precisa fazer nenhuma codificação para isso – tudo funcionará bem.

Além disso, existem maneiras fáceis de adaptar a aparência da sua loja à sua missão sem esforço extra.

1. Venda em um Instant Site se você não tiver um site

O Instant Site é um site gratuito com uma loja online que o fornece gratuitamente quando você cria sua conta .

Site instantâneo

Falando em design, o Instant Site é construído com ready-made blocos (a imagem da capa, logotipo, loja online, seção “Sobre nós”, feedback de clientes e contatos) que você pode ativar e desativar, editar e personalizar para sua empresa. Tudo isso pode ser feito praticamente em instantes com suas próprias mãos.

Então, se você não tem um site para vender, esta é uma maneira muito fácil de começar a vender online em um boa aparência página da web gratuitamente.

Esta passo a passo O guia explica como projetar seu Instant Site: Personalizando seu site instantâneo do zero até a primeira venda

2. Fácil customização do design para quem já possui um site

Se você já possui um site, o ainda se integrará perfeitamente a ele, seja qual for a plataforma: WordPress, Wix, Joomla ou qualquer outra plataforma. Veja o que você pode fazer para deixar sua loja ainda melhor.

Etapa 1: use um tema correspondente para o construtor de seu site

Para projetar seu site, você pode simplesmente escolher entre dezenas de temas disponíveis para compra. A loja é compatível com a maioria deles.

Aqui está um diretório rápido de lugares na web onde você pode encontrar temas para o seu construtor de sites.

Para sites WordPress

Além disso, não perca a coleção de os melhores temas WordPress gratuitos para e-commerce, sites.

Para sites Joomla

Para sites Squarespace

Para sites Wix, é ainda mais fácil: navegue pelos temas sem sair .

Nota: Os comerciantes + Wix podem combinar as cores de seu site e loja nas configurações do aplicativo Wix.

DzԴھܰçõ de cores Wix e

DzԴھܰçõ de design da loja em sites Wix

Etapa 2: ativar o modo adaptável de cores

Se você abrir uma nova loja e adicioná-la ao seu site, o adaptará automaticamente as cores da loja ao estilo do seu site. Esse recurso é chamado de Modo adaptável de cores. É uma maneira muito fácil de tornar sua loja uma parte natural do seu site.

Se você já vende com , o Modo Adaptativo de Cores não estará habilitado por padrão, mas você pode habilitá-lo na página Design:

Modo adaptativo de cores

E se você adicionar sua loja a vários sites? Com o Modo Adaptativo de Cores ativado, as cores da loja se adaptarão a cada uma delas. Sua loja parecerá natural em cada ambiente do site, seja branco, preto ou verde.

Este recurso está disponível para a maioria dos comerciantes . Nota: Os comerciantes + Wix podem combinar as cores de seu site e armazenar apenas nas configurações do aplicativo Wix.

3. Brinque com configurações rápidas de aparência

Sempre que você vender online com o , é possível ativar ou desativar os elementos da vitrine do com apenas alguns cliques. Por exemplo, quem vende produtos artesanais em exemplares avulsos muitas vezes prefere ocultar o campo de quantidade.

Você também pode ocultar elementos desnecessários ou alterar o tamanho das miniaturas – a seção Aparência da sua página Design permitirá que você faça isso totalmente.

DzԴھܰçõ de aparência

Nível 2: Aventureiro

Aventureiro
Para quem não tem conhecimento técnico e busca mudanças mais profundas no design e tem tempo para uma pequena jornada.

Você tem sua loja configurada e já deu uma olhada. Agora você começa a sentir a necessidade de um toque pessoal: podem ser cores de marca para botões, textos e plano de fundo, ícones exclusivos ou elementos totalmente novos. No entanto, você não tem ideia sobre codificação.

Não se preocupe: neste nível reunimos as ferramentas que o ajudarão a atingir os objetivos acima sem conhecimentos especiais. Vamos dar uma olhada neles.

1. Use aplicativos do App Market para design de loja

A Mercado de aplicativos conta com mais de 100 aplicativos para ajudá-lo com análises, promoções, remessas e muito mais. Você também pode encontrar aplicativos para personalização de vitrinedesign. Veremos um aplicativo para alterar as cores do tema sem qualquer codificação: Designer de Loja.

Designer de Loja

Designer de Loja é um aplicativo que permite configurar rapidamente cores de botões, texto e plano de fundo.

O modo de visualização permite que você brinque com as cores o quanto quiser antes de publicar seu design perfeito na vitrine.

Designer de Loja

Interface do designer da loja

O aplicativo custa US$ 4.99 e oferece uma semana de teste gratuita.

O designer da loja está disponível em todos os planos pagos, bem como o restante dos aplicativos do App Market.

2. Copiar colar ajustes prontos da Base de Conhecimento

tem respostas para a maioria das perguntas que o dono de uma loja pode ter. Estamos constantemente adicionando novos artigos aqui com as dicas e sugestões mais frequentes. ready-made DZçõ.

Os aventureiros podem encontrar vários ; por exemplo,

or .

A maioria dessas instruções se divide em copiar-colar um pedaço de código em seu tema CSS.

Você pode gerenciar seus temas CSS em .

O processo é assim: por exemplo, se você quiser alterar o ícone do carrinho, vá até o seu , crie um novo tema CSS, adicione um pedaço de código, salve as alterações e ative o tema.

Gerenciamento de temas CSS no

Você deve adicionar todas as alterações adicionais a este tema – apenas um tema por vez pode estar ativo, portanto ele deve incluir todas as modificações que você deseja trazer para sua loja.

3. Solicite o desenvolvimento de um tema personalizado

Se você não encontrar um tema que satisfaça suas necessidades, outra opção é  que será construído só para você. Um tema personalizado significa muito mais do que apenas uma mudança de cores e permite obter uma personalização mais profunda, por exemplo, uma ordem de blocos completamente diferente na página do seu produto.

Pronto temas e desenvolvimento de temas estão disponíveis para todos os comerciantes .

Nível 3: Veterano

Veterano
Personalização pesada: mudanças completas no visual da sua loja. Olá, código.

Às vezes são necessárias mudanças mais profundas na aparência da loja: você pode querer uma drop-down menu, um layout diferente de elementos da página do produto ou um design personalizado de botões.

Para a especialista em tecnologia comerciantes ou aqueles que têm um desenvolvedor em seu elenco, há a oportunidade de trazer mudanças desse tipo e até mesmo de transformar sua loja irreconhecível com a ajuda de temas CSS personalizados ou API .

1. Crie um por si mesmo Tema CSS

Se você quiser projetar sua loja sozinho, considere criar seu próprio tema CSS.

Um tema CSS é um conjunto de regras que determina a aparência de cada elemento na loja (tamanho, forma, cor e localização em uma página).

Crie um tema CSS personalizado

Crie seus próprios temas CSS em 

Não há  que explica como criar seu próprio tema CSS e .

Observe que você precisará entender HTML e CSS; portanto, se essas duas palavras não lhe parecerem familiares, você deve estar pronto para gastar algum tempo adquirindo as habilidades necessárias para criar um tema do zero.

Lembre-se de que se você tiver dificuldades com o design da sua loja , você sempre pode pedir ajuda à equipe de atendimento ao cliente da . Ou ainda é possível .

2. Use a API Javascript para estender os recursos da vitrine

Esta parte é principalmente para desenvolvedores. Você sabe o que mais poderia melhorar sua vitrine ? Obtendo o .

Por exemplo, você pode criar um novo tema CSS ou aplicativo e vendê-lo no App Market. A API Javascript permite alterar completamente a aparência da vitrine, trazendo alterações tão profundas quanto você precisar.

Se você está pronto para começar, por favor .

***

Veja também: Como criar imagens de categorias de produtos nas quais seus clientes não resistam a clicar


 

ÍԻ徱

Venda on-line

Com o Ecommerce, você pode vender facilmente em qualquer lugar, para qualquer pessoa – na Internet e em todo o mundo.

Sobre o autor

Qetzal é chefe de produto da . Ele adora criar coisas novas para facilitar a vida das pessoas.

Comércio eletrônico que protege você

Tão simples de usar – até meus clientes mais tecnofóbicos conseguem. Fácil de instalar, rápido de configurar. Anos-luz à frente de outros plugins de loja.
Estou tão impressionado que o recomendei aos clientes do meu site e agora estou usando-o em minha própria loja, juntamente com outras quatro das quais sou webmaster. Bela codificação, excelente suporte de alto nível, ótima documentação, fantásticos vídeos de instruções. Muito obrigado , você é demais!
Usei o e adoro a plataforma em si. Tudo é tão simplificado que chega a ser uma loucura. Adoro como você tem diferentes opções de escolha de transportadoras, para poder colocar tantas variantes diferentes. É um portal de comércio eletrônico bastante aberto.
Fácil de usar, acessível (e uma opção gratuita se estiver começando). Parece profissional, muitos modelos para escolher. O aplicativo é meu recurso favorito, pois posso gerenciar minha loja diretamente do meu telefone. Altamente recomendado 👌👍
Gosto que o seja fácil de iniciar e usar. Mesmo para uma pessoa como eu, sem formação técnica. Artigos de ajuda muito bem escritos. E a equipe de suporte é a melhor na minha opinião.
Por tudo o que tem a oferecer, o ECWID é incrivelmente fácil de configurar. Altamente recomendado! Pesquisei bastante e experimentei cerca de 3 outros concorrentes. Experimente o ECWID e você estará online rapidamente.

Seus sonhos de comércio eletrônico começam aqui