Flatsome Theme: como fazer seu e-commerce com este tema de WordPress

Uma das etapas fundamentais para um site criado em WordPress — além de selecionar plugins como WooCommerce, se tiver uma loja virtual, ou WP Rocket para deixar o site mais rápido — é escolher o tema adequado. Neste artigo, apresentamos o Flatsome.

Para que você saiba quais são as funcionalidades desse template e como aplicá-lo ao site da sua empresa, estes são os tópicos que abordaremos aqui:

• O que é Flatsome?
• Quais são as características do Flatsome?
• Quais são os principais recursos do Flatsome?
• Como criar um site no Flatsome?
• Quais as melhores dicas para o site criado no Flatsome?

Portanto, continue a leitura até o final para saber tudo.

O que é o Flatsome?

O Flatsome é um tema dedicado ao desenvolvimento de e-commerces dentro do WordPress.

Ele traz ferramentas necessárias para a criação de sites responsivos — isto é, adequados para dispositivos móveis, o que é um dos fatores de rankeamento do Google — e rápidos para atribuir uma ótima experiência para aqueles que acessem seu site.

Além disso, oferece opções ilimitadas e um revolucionário construtor de páginas responsivo, para que você possa criar qualquer coisa sem codificação.

Assim, o Flatsome pode ser usado por qualquer pessoa, mesmo que não tenha conhecimentos profundos de programação. Portanto, mesmo que você nunca tenha criado um site, esse tema é um dos ideais para dar início ao seu e-commerce.

Ele conta com um construtor de páginas e opções de customização para que o site fique com a cara da sua empresa. Já a gestão da loja virtual ocorre via WooCommerce, o plugin mais utilizado para e-commerces desenvolvidos em WordPress.

Quais são as características do Flatsome?

Como o Flatsome traz muitas funcionalidades, reunimos aqui as principais.

Personalização

Houve um tempo em que, para criar um site, era necessário contratar um programador, e o processo de desenvolvimento era bem moroso, mas esses tempos acabaram. Hoje, a criação de um site pode ser feita com a facilidade do “arraste e solte” a partir do construtor de páginas do Flatsome.

Além disso, o construtor traz plugins e elementos embutidos. Isso é uma grande vantagem, pois, dessa forma, você não precisará contratá-los e configurá-los à parte. Praticamente tudo o que você precisa para criar o e-commerce ideal para sua empresa está presente no Flatsome. Seguem abaixo todos eles.

• seções;
• linhas e colunas;
• sliders;
• banners;
• tipografia;
• botões;
• títulos e divisores;
• postagens no blog;
• imagens;
• vídeo;
• galerias;
• botão de vídeo;
• grades de banner;
• caixa de ícone;
• caixa de imagem;
• lightbox;
• páginas;
• portfólio;
• mapa;
• caixa de mensagem;
• categorias de produtos;
• produtos;
• botões de compartilhamento;
• guias;
• inserção de membros;
• depoimentos de clientes;
• contagem regressiva;
• logotipo;
• acordeão;
• feed do Instagram;
• caixa de pesquisa;
• tabela de preços;
• formulários;
• ponto de acesso;
• flip book.

Pesquisa em tempo real

O Flatsome torna muito mais fácil a busca que os clientes podem fazer por produtos no seu site. A opção Live Search permite que eles vejam instantaneamente os resultados dos produtos que procuram.

Páginas de produtos personalizáveis

Embora a maioria dos temas para e-commerce tenha um layout padrão com poucas ou até mesmo nenhuma ferramenta de customização, no Flatsome você pode personalizá-los por completo, desde a aparência do site até as páginas dos produtos.

Páginas de pagamento personalizáveis

A página de checkout é essencial numa loja virtual, pois é nela que o cliente realiza a compra ou deixa o site, fazendo seu número de carrinhos abandonados aumentar. Para que essa página tenha todos os elementos necessários para convencer o público a comprar, ela é 100% personalizável.

Visualizações exclusivas

Se você quiser que alguns produtos sejam visualizados apenas por quem já for cliente, é possível fazer isso utilizando o modo de catálogo. Ele permite a exibição ou ocultação de preços, além de adicionar elementos HTML para customizar o botão do carrinho.

Visualizações rápidas

Há também o recurso de visualização rápida para as páginas e categorias a fim de que os visitantes da loja online possam clicar na imagem do produto e ver sua descrição, preço e outras informações. Eles também conseguem adicionar os produtos imediatamente ao carrinho.

Quais são os principais recursos do Flatsome?

Agora que já vimos as características do Flatsome, vamos conferir os recursos que ele apresenta.

Design responsivo

O Flatsome é responsivo, de maneira que o site pode ser visualizado tanto em computadores quanto dispositivos móveis, como celulares e tablets. Isso é essencial para aumentar as chances de conversão em clientes, independentemente da forma como seu público acessar a loja virtual. 

Construtor de cabeçalho e rodapé

O Flatsome também traz um construtor de cabeçalho e rodapé para que você possa customizar essas áreas dentro do site. Há variados layouts disponíveis criá-los do zero.

Construtor de slider e banner

Sliders e banners são comumente usados em sites WordPress com a intenção de gerar conversões. Para criar os seus com sofisticação, você pode usar o Flatsome também. 

Ele vem com um recurso que permite esse tipo de criação, tirando a necessidade de comprar um plugin separado para banners ou sliders.

Ambos estão disponíveis no UX Builder — obre o qual falaremos agora.

UX Page Builder

O tema também tem um UX Page Builder próprio com o qual você pode adicionar linhas, colunas, seções, blocos, além de criar sua página de produtos, inclusive usando os demos que vêm com o tema. Por falar nisso…

Demonstrativos

Também chamados de demos, os demonstrativos são modelos do tema que já vêm pré-prontos para que você possa instalá-los com apenas um clique. Isso facilita e acelera o processo de criação do site, fazendo com que você poupe o seu tempo e, o melhor de tudo: sem precisar mexer em uma só linha de código.

Galeria de imagens na base do arraste e solte

Galerias de imagens são convenientes para montar catálogos ou lista de produtos dentro do seu e-commerce. Esse elemento está presente no UX Builder com o qual você consegue criar galerias em poucos minutos.

E o melhor de tudo: isso pode ser feito com a simplicidade do “arraste e solte”.

Opções de personalização ao vivo

Na maioria das vezes em que você personaliza o site, só pode ver as modificações depois de atualizá-lo. Porém, no Flatsome, você consegue fazer isso em tempo real.

Esse recurso é muito benéfico por permitir que você veja exatamente como o site ficará antes de publicar as atualizações.

Como criar um site no Flatsome?

Uma vez que você tenha tomado a decisão de criar um e-commerce com o Flatsome, pode acompanhar o passo a passo a seguir.

Compre o Flatsome

O tema Flatsome está disponível no ThemeForest. Após preencher todos os campos necessários e fazer o pagamento, o download do arquivo zipado do tema será habilitado para que você baixe e comece a instalação.

Depois de efetuar o pagamento, você poderá fazer o download do arquivo zip do tema, que é a configuração / ou os arquivos de instalação.

Instale o Flatsome

A etapa seguinte é a instalação do Flatsome, que pode ser feita de maneira simples no dashboard do seu WordPress.

Dentro de “Aparência”, clique em “Temas”. 

Em seguida, clique em “Adicionar novo”.

Na tela que aparece depois, clique em “Enviar tema”.

Clique em “Escolher o arquivo” e faça o upload do arquivo zipado para instalar o tema.

Instale os demos

Depois de instalar o tema, o próximo passo é escolher a demo que dará uma cara ao site. Você pode importá-los para o seu WordPress com apenas um clique. Basta escolher a que for mais apropriada para sua empresa.

Após instalar o demo mais apropriado, pode começar a edição dele para personalizá-lo de modo que ele fique com o mesmo estilo visual do seu negócio.

Crie os conteúdos para o seu site

Os passos anteriores fazem com que a instalação do Flatsome seja concluída, de modo que, a partir deste, a produção de conteúdo deve começar. 

Para isso, utilize as opções de personalização que o Flatsome traz como os construtores que permitem pôr em prática todas as suas ideias com simples cliques.

Configure seu método de pagamento

O método de pagamento é um dos pontos fundamentais de qualquer comércio eletrônico. Por isso, ele precisa estar bem configurado para ter certeza de que os clientes poderão contar com a forma mais adequada e que ela funcione bem.

O Flatsome, por sinal, suporta diferentes métodos de pagamentos que podem ser configurados rapidamente. Caso você tenha alguma dificuldade, o suporte do tema pode ajudar. 

Crie categorias para seus produtos

Todo comércio eletrônico precisa categorizar seus produtos a fim de organizá-los dentro do site, pois isso facilita que os visitantes possam procurar os produtos de maior interesse.

Por isso, crie uma lista com todas as categorias e subcategorias necessárias e, em seguida, crie-as dentro do Flatsome.

Adicione os produtos

Após criar as categorias, é chegado o momento de adicionar os produtos para começar as vendas online. Como dissemos antes, o WooCommerce é o plugin utilizado para essa função.

Por meio do WooCommerce, você pode fazer vendas tanto de produtos físicos quanto de infoprodutos, basta registrá-los com uma boa descrição, imagem e preço. Como a gestão dele é bem intuitiva, você poderá fazer a inserção dos produtos sem dificuldades.

Dicas para o site criado no Flatsome

Por fim, levantamos aqui algumas dicas importantes para seu site.

Promova seu comércio eletrônico

Existem duas formas principais para você promover o site criado pelo Flatsome: orgânica e paga.

Como promover o seu site de forma orgânica

Para tornar o site visível ao público organicamente, é preciso aplicar técnicas de SEO. Apesar de as pessoas poderem procurar por produtos no seu e-commerce, elas só farão isso a partir do momento em que conhecem o site. Se ainda não conhecerem, farão essa pesquisa no Google: por essa razão, seu negócio precisa estar lá.

Essa procura é feita pela inserção de termos nos buscadores. Por exemplo: alguém que esteja em busca de tênis de corrida número 42 colocará esse termo para ver os resultados. Esses termos são chamados de palavras-chave.

Portanto, você pode usar ferramentas gratuitas como Keyword Planner ou premium como SEMRush para analisar quais palavras-chave são as mais procuradas no seu nicho e inseri-las nos conteúdos referentes aos seus produtos, para suas chances de aparecer no Google aumentarem.

Como promover seu site de forma paga

As mídias pagas também são essenciais para a promoção do seu negócio, sobretudo quando o site tem pouco tempo de existência e seu tráfego orgânico (que gera resultados a longo prazo) ainda não é forte o suficiente.

Para aparecer no Google dessa forma, você deve investir em anúncios do Google Ads e pagar por visualizações e cliques feitos no seu site. O preço de cada clique varia de acordo com o peso da concorrência da palavra-chave, por isso é preciso escolher as mais pertinentes para gerar resultados dentro do seu orçamento.

As redes sociais também contam com anúncios pagos para fazer com que pessoas interessadas no tipo de produtos que você oferece os visualizem dentro delas. O Facebook Ads e o Instagram Ads estão integrados de maneira que você pode criar as campanhas usando o mesmo gerenciador de negócios, como explicamos aqui. Se seu público também estiver no LinkedIn, pode ser interessante usar o LinkedIn Ads.

Como fazer a manutenção do seu site

Um e-commerce requer manutenções para que continue funcionando bem. Listamos aqui as principais que exigirão a sua atenção:

• backups: para garantir que todos os dados do seu site não se percam caso ocorra algum problema com seu site, é necessário que o servidor faça backups periódicos; 
• segurança: como lojas virtuais requerem informações dos clientes (como dados pessoais e de cartão de crédito), elas precisam ser seguras, de maneira que um certificado SSL é obrigatório.

Ao seguir todos os passos que apontamos aqui neste artigo, você poderá instalar com sucesso o tema Flatsome na sua loja virtual. Conforme você pôde conferir, a escolha de um tema para o seu site é tão importante quanto a aquisição de um servidor de hospedagem.

Aliás, para saber se um dos servidores mais conhecidos do mercado é o ideal para atender as necessidades da sua empresa, confira o post que escrevemos sobre a Hostgator.