UDP: Em abril de 2018, lançamos novas configurações de design no Ecwid! Aprenda o quão profundamente você pode personalizar sua loja Ecwid 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 Ecwid 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é
A maioria deles está listada em Painel de controle → Configurações → Design. 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 Ecwid 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.
Nível 1: 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 Ecwid é 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 Ecwid Instant Site se você não tiver um site
O Instant Site é um site gratuito com uma loja online que o Ecwid fornece gratuitamente quando você cria sua conta Ecwid.
Falando em design, o Instant Site é construído com
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
Este
2. Fácil customização do design para quem já possui um site
Se você já possui um site, o Ecwid 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 Ecwid é 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
Para sites Joomla
Para sites Squarespace
Para sites Wix, é ainda mais fácil: navegue pelos temas sem sair www.wix.com.
Nota: Os comerciantes Ecwid + Wix podem combinar as cores de seu site e loja nas configurações do aplicativo Ecwid Wix.
Configurações de design da loja Ecwid em sites Wix
Etapa 2: ativar o modo adaptável de cores
Se você abrir uma nova loja Ecwid e adicioná-la ao seu site, o Ecwid 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 Ecwid, o Modo Adaptativo de Cores não estará habilitado por padrão, mas você pode habilitá-lo na página Design:
E se você adicionar sua loja Ecwid 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 Ecwid. Nota: Os comerciantes Ecwid + Wix podem combinar as cores de seu site e armazenar apenas nas configurações do aplicativo Ecwid Wix.
3. Brinque com configurações rápidas de aparência
Sempre que você vender online com o Ecwid, é possível ativar ou desativar os elementos da vitrine do Ecwid 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.
Nível 2: 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 Ecwid App Market para design de loja
A Mercado de aplicativos Ecwid 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 vitrine e design. 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.
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 Ecwid pagos, bem como o restante dos aplicativos do App Market.
2. Copiar colar ajustes prontos da Base de Conhecimento
Base de Conhecimento Ecwid tem respostas para a maioria das perguntas que o dono de uma loja Ecwid pode ter. Estamos constantemente adicionando novos artigos aqui com as dicas e sugestões mais frequentes.
Os aventureiros podem encontrar vários instruções sobre personalização da vitrine; por exemplo,
alterando fontes na loja or adicionando uma caixa de pesquisa.
A maioria dessas instruções se divide em
Você pode gerenciar seus temas CSS em Painel de controle → Configurações → Design.
O processo é assim: por exemplo, se você quiser alterar o ícone do carrinho, vá até o seu Configurações → Projeto, crie um novo tema CSS, adicione um pedaço de código, salve as alterações e ative o tema.
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 é solicitar o desenvolvimento de um tema CSS 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.
Nível 3: 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
Para
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 seus próprios temas CSS em Configurações → Projeto
Não há um guia na Base de Conhecimento Ecwid que explica como criar seu próprio tema CSS e instruções para alterar elementos específicos.
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 Ecwid, você sempre pode pedir ajuda à equipe de atendimento ao cliente da Ecwid. Ou ainda é possível solicite o desenvolvimento personalizado do seu próprio tema CSS.
2. Use a API Javascript Ecwid para estender os recursos da vitrine Ecwid
Esta parte é principalmente para desenvolvedores. Você sabe o que mais poderia melhorar sua vitrine Ecwid? Obtendo o API Javascript Ecwid.
Por exemplo, você pode criar um novo tema CSS ou aplicativo e vendê-lo no Ecwid App Market. A API Ecwid 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 cadastre-se em nossa página para desenvolvedores.
***
Veja também: Como criar imagens de categorias de produtos nas quais seus clientes não resistam a clicar
- Exemplos inspiradores de sites instantâneos Ecwid
- Site instantâneo Ecwid com temas prontos e mais de 99 opções de design
- Novas configurações de design Ecwid: dezenas de opções de personalização, sem codificação
- Como escolher um modelo de comércio eletrônico para o seu site
- Um guia abrangente para personalizar o design da sua loja Ecwid
- Projetando seu site de comércio eletrônico gratuito do zero
- Como o modelo de loja online acessível da Ecwid se tornou um sucesso
