51Ƶ

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 51Ƶ

Um guia abrangente para personalizar o design da sua loja 51Ƶ

12 min read

UDP: Em abril de 2018, lançamos novas configurações de design no 51Ƶ! Aprenda o quão profundamente você pode personalizar sua loja 51Ƶ 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 51Ƶ 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 51Ƶ 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 51Ƶ é 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 51Ƶ Instant Site se você não tiver um site

O Instant Site é um site com uma loja online que a 51Ƶ fornece quando você cria sua conta 51Ƶ.

Site instantâneo 51Ƶ

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 51Ƶ 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 51Ƶ é 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 51Ƶ + Wix podem combinar as cores de seu site e loja nas configurações do aplicativo 51Ƶ Wix.

DzԴھܰçõ de cores Wix e 51Ƶ

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

Etapa 2: ativar o modo adaptável de cores

Se você abrir uma nova loja 51Ƶ e adicioná-la ao seu site, o 51Ƶ 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 51Ƶ, 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 51Ƶ

E se você adicionar sua loja 51Ƶ 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 51Ƶ. Nota: Os comerciantes 51Ƶ + Wix podem combinar as cores de seu site e armazenar apenas nas configurações do aplicativo 51Ƶ Wix.

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

Sempre que você vender online com o 51Ƶ, é possível ativar ou desativar os elementos da vitrine do 51Ƶ 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 51Ƶ App Market para design de loja

A Mercado de aplicativos 51Ƶ 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 51Ƶ 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 51Ƶ 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 51Ƶ

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 51Ƶ.

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 51Ƶ irreconhecível com a ajuda de temas CSS personalizados ou API 51Ƶ.

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 51Ƶ, você sempre pode pedir ajuda à equipe de atendimento ao cliente da 51Ƶ. Ou ainda é possível .

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

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

Por exemplo, você pode criar um novo tema CSS ou aplicativo e vendê-lo no 51Ƶ App Market. A API 51Ƶ 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 51Ƶ 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 51Ƶ. 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 51Ƶ, você é demais!
Usei o 51Ƶ 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. Parece profissional, muitos modelos para selecionar. O aplicativo é meu recurso favorito, pois posso gerenciar minha loja diretamente do meu telefone. Altamente recomendado 👌👍
Gosto que o 51Ƶ 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