O Shopify é uma plataforma de comércio eletrônico popular para a criação de uma loja on-line. Ela tem uma interface amigável e uma ampla gama de ferramentas para gerenciar seu negócio, mas pode não ser a melhor opção independente para seu negócio on-line.
O uso do Shopify com o WordPress permite combinar os recursos de comércio eletrônico do Shopify com o construtor de sites mais poderoso do planeta. Isso lhe dá mais flexibilidade e liberdade para expandir seus negócios.
Se você quiser adicionar uma vitrine elegante ao seu site WordPress existente ou integrar o conteúdo do seu blog com a Shopify, essa integração pode aumentar a funcionalidade do seu site e a experiência do usuário.
Neste artigo, mostraremos como conectar facilmente o Shopify ao WordPress para expandir seus negócios.
Por que usar o Shopify com o WordPress?
O WordPress é o melhor construtor de sites do mundo, alimentando mais de 43% de todos os sites da Internet.
Ele é incrivelmente fácil de usar e dá acesso a milhares de temas e plug-ins (aplicativos para o seu site) gratuitos e pagos do WordPress.
Por outro lado, o Shopify é uma plataforma de comércio eletrônico popular que ajuda a vender produtos on-line.
Você pode usar o WordPress com o WooCommerce para criar sua loja on-line, mas alguns usuários podem querer usar o Shopify para sua loja e o WordPress para seu site.
Para obter mais detalhes, consulte nossa comparação entre Shopify e WooCommerce com os prós e contras de ambas as ferramentas.
A combinação do Shopify e do WordPress oferece a você as vantagens de ambas as plataformas. Você pode vender produtos com a Shopify e, ao mesmo tempo, aproveitar a flexibilidade e a liberdade do WordPress para gerenciar seu site.
Isso lhe dá controle total sobre o design do seu site, aumenta o alcance do seu mercado e permite que você gerencie as duas plataformas em um único painel.
Dito isso, vamos dar uma olhada em como usar facilmente o Shopify com o WordPress. Você pode usar os links rápidos abaixo para navegar por este tutorial:
- Step 1: Set Up Your Shopify Store and WordPress Website
- Step 2: Connect WordPress to Your Shopify Store
- Step 3: Display Shopify Products in WordPress
- Step 4: Customize Your WordPress Website
- Step 5: Add a Contact Form to Your WordPress Site
- Step 6: Add Customer Reviews to Your Online Store
- Step 7: Grow Your WordPress Website and Shopify Store
Etapa 1: Configure sua loja Shopify e seu site WordPress
Se ainda não tiver feito isso, primeiro você precisa criar sua loja da Shopify.
Depois disso, adicione alguns produtos e volte aqui.
Em seguida, você deve configurar seu site WordPress. Lembre-se de que há dois tipos de WordPress.
Primeiro, há o WordPress.com, que é um serviço de hospedagem de sites. Depois, há o WordPress.org, também chamado de WordPress auto-hospedado.
Você precisará do WordPress.org porque ele oferece acesso imediato a todos os recursos do WordPress prontos para uso. Para obter mais detalhes, consulte nossa comparação entre o WordPress.com e o WordPress.org.
Para criar um site WordPress.org, você precisará de um nome de domínio, que será o nome do seu site na Internet, e de uma conta de hospedagem na Web, onde o site armazenará todos os dados.
Um nome de domínio custa cerca de US$ 14,99 por ano, e os planos de hospedagem do WordPress geralmente começam em US$ 7,99 por mês (geralmente pagos anualmente).
Nossos amigos da Bluehost concordaram em oferecer aos usuários do WPBeginner um nome de domínio gratuito com um desconto generoso na hospedagem. Basicamente, você pode começar por apenas US$ 1,99 por mês.
Tudo o que você precisa fazer é clicar no link da Bluehost acima e clicar no botão “Get Started Now” na tela seguinte.
Depois disso, você chegará à página de preços da Bluehost.
Para empresas on-line, é recomendável optar pelo plano “Online Store”, mas você pode escolher o que preferir. Você sempre poderá fazer upgrade para um plano superior quando necessário.
Clique em “Select” (Selecionar) no plano de sua escolha.
Em seguida, você terá que escolher um nome de domínio ou conectar um já existente ao seu site WordPress.
Você também pode pular essa etapa clicando no botão “I’ll create my domain later” (Criarei meu domínio mais tarde).
Dica: Recomendamos escolher um nome relacionado à sua empresa que seja fácil de pronunciar, soletrar e lembrar. No entanto, se você não tiver nenhuma ideia, poderá usar o Gerador de nomes comerciais gratuito do WPBeginner para criar um nome interessante para sua loja.
Agora, você verá alguns pacotes extras que podem ser adicionados ao seu plano de hospedagem.
Todos eles são opcionais e você pode desmarcá-los se não precisar deles.
Por fim, insira suas informações de pagamento. Depois de fazer isso, a Bluehost enviará um e-mail com instruções sobre como fazer login no painel de controle de hospedagem.
Uma vez conectado, vá para a guia “Websites”. Você verá que a Bluehost instalou um novo site WordPress para você.
Basta clicar no botão “Editar site” para acessar o painel de administração do WordPress.
É assim que ficará:
No entanto, se tudo isso lhe parecer muito trabalhoso, você pode optar pelo serviço de configuração e design de sites do WPBeginner.
Nossos especialistas têm mais de 16 anos de experiência e já ajudaram 100.000 pessoas a começar a usar o WordPress. Podemos cuidar de tudo, desde a configuração e o design do site até a otimização de SEO, formulários de contato e integrações analíticas. Além disso, podemos até mesmo fornecer treinamento abrangente em WordPress para garantir seu sucesso.
Também oferecemos preços acessíveis, o que torna essa opção ideal se você estiver apenas começando seu negócio no WordPress. Para obter detalhes, consulte nossa página WPBeginner Pro Services.
Etapa 2: Conecte o WordPress à sua loja da Shopify
Agora, a próxima etapa é conectar seu site WordPress à sua loja Shopify.
Para isso, você precisará do ShopWP. É um plug-in do Shopify para WordPress que permite conectar facilmente o WordPress à sua conta do Shopify.
Primeiro, você precisa instalar e ativar o plug-in do ShopWP. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.
Após a ativação, visite a página ShopWP Pro ” Connect e clique no botão “Begin the connection process” (Iniciar o processo de conexão).
Isso iniciará o assistente de conexão.
Você será solicitado a inserir seu nome de domínio myshopify.com aqui. Depois disso, basta clicar no botão “Connect your Shopify store” (Conectar sua loja Shopify) para continuar.
Para encontrar seu domínio do Shopify, você precisa acessar o painel da sua loja on-line e alternar para a guia “Configurações” na coluna da esquerda.
Isso abrirá uma nova página na tela, na qual você poderá ver seu nome de domínio sob o nome da loja no canto superior esquerdo.
Ao inserir seu domínio no assistente de configuração, você será levado à página “My Store”, onde o ShopWP solicitará acesso para visualizar seus dados pessoais.
Aqui, basta clicar no botão “Install” (Instalar).
Em seguida, você será redirecionado para o painel do WordPress. Aqui, a mensagem “Connected” (Conectado) será exibida na tela se o processo for bem-sucedido.
Clique no botão “Continue to Next Step” (Continuar para a próxima etapa).
Agora, você será solicitado a definir diferentes configurações para sua loja, começando com as páginas que deseja usar para seus produtos da Shopify.
Você pode ativar as páginas de listagem e escolher uma página do WordPress ou usar a página padrão do ShopWP Products.
Da mesma forma, você pode ativar as páginas de coleção e as páginas de detalhes de produtos individuais.
Na próxima etapa, você pode selecionar o que acontece quando os usuários clicam nos produtos.
Por exemplo, você pode mostrar o produto em um modal ou redirecionar os usuários para o Shopify ou para a página de detalhes do produto no WordPress.
Depois disso, ative a opção “Carregar carrinho” se quiser usar o recurso de carrinho de compras integrado. Essa opção não será aplicável se você tiver vinculado produtos diretamente à Shopify e só funcionará com o WordPress.
Por fim, clique no botão “Save and Finish the Setup” (Salvar e concluir a configuração).
Agora você será levado ao painel do WordPress. A partir daí, vá para a página ShopWP Pro ” Sync.
Uma vez lá, clique nos botões “Sync Detail Pages” e “Connect Auto Post Syncing”. Isso permitirá que o plug-in obtenha todos os detalhes do produto à medida que você adiciona novos produtos à sua loja da Shopify.
Agora você conectou com sucesso sua loja Shopify ao WordPress.
Etapa 3: Exibir produtos da Shopify no WordPress
O ShopWP permite que você exiba facilmente seus produtos do Shopify em qualquer lugar do seu site WordPress.
Se você estiver usando as configurações padrão, o plug-in criará uma página ShopWP Products para você, que exibirá seus produtos do Shopify.
Você também pode exibir produtos em qualquer post ou página do WordPress, bastando editá-los e adicionar o bloco Products.
Para obter mais detalhes, consulte nosso guia sobre como usar o editor de blocos do WordPress.
O bloco vem com várias configurações que você pode definir para alterar a aparência dos produtos.
As configurações incluem o layout, as cores, os detalhes do produto a serem exibidos e muito mais. Você também pode alterar o preço, a descrição, o título e a imagem do produto a partir daqui.
Da mesma forma, você também pode adicionar um bloco Single product para exibir um único produto.
Você poderá encontrar o produto que deseja exibir digitando o título do produto nas configurações do bloco.
O plug-in tem opções de exibição avançadas que você pode controlar no painel de blocos ou na página de configurações do plug-in.
Agora, se você estiver usando a versão gratuita da ferramenta, esses são todos os blocos que estarão disponíveis para você. No entanto, ao fazer o upgrade para a versão profissional, você poderá adicionar os blocos de carrinho, descrição, coleção, título e pesquisa à sua página.
Esses blocos são mais adequados para criar páginas separadas para cada produto em que você deseja adicionar um botão de carrinho, título, descrição e imagem usando blocos diferentes.
Você também pode usar o bloco “Coleção” para mostrar seus produtos da Shopify que fazem parte de um grupo específico.
Por outro lado, se você planeja criar uma loja como a WooCommerce, em que todos os produtos são exibidos na mesma página, o bloco “Products” funcionará muito bem para você.
Quando terminar, não se esqueça de clicar no botão “Update” (Atualizar) ou “Publish” (Publicar) para armazenar suas configurações.
Etapa 4: Personalize seu site WordPress
Agora que você conectou sua loja Shopify ao seu site, a próxima etapa é personalizar seu site WordPress adequadamente.
Primeiro, você deve escolher um tema visualmente atraente para sua loja. Esse tema controlará o design e o layout geral do seu site.
Há milhares de temas premium e gratuitos do WordPress para você escolher. Para começar, dê uma olhada em nosso resumo dos temas mais populares do WordPress. Também escolhemos a dedo uma lista dos melhores temas para lojas de roupas.
No entanto, você também pode criar seu próprio tema personalizado com o SeedProd. É um construtor de temas do tipo arrastar e soltar que permite que você crie seu próprio tema personalizado sem escrever nenhum código.
Em seguida, você deverá criar conteúdo para seu site WordPress.
Você pode usar páginas para criar a estrutura do seu site adicionando páginas de início, blog, loja, contato e sobre. Veja nossa lista de páginas importantes a serem criadas no WordPress.
Depois disso, vá em frente e adicione páginas ao menu de navegação no WordPress.
Para obter mais detalhes, consulte nosso tutorial sobre como personalizar o tema do WordPress.
Etapa 5: Adicione um formulário de contato ao seu site WordPress
Quando a personalização do site estiver concluída, é uma boa ideia adicionar um formulário de contato ao seu site. Isso permitirá que os clientes entrem em contato com você caso tenham dúvidas ou queiram relatar um erro.
Para isso, recomendamos o WPForms. É o melhor plugin de formulário de contato do WordPress no mercado, que vem com um construtor de arrastar e soltar, mais de 1800 modelos predefinidos e proteção completa contra spam.
Após a ativação, basta usar o modelo “Formulário de contato simples” do WPForms e adicioná-lo a qualquer página ou post com o bloco WPForms.
Para obter detalhes, consulte nosso tutorial sobre como criar um formulário de contato no WordPress.
Depois disso, você também pode adicionar o serviço de telefone VoIP para que os usuários possam entrar em contato diretamente com você por meio de chamadas telefônicas.
Para isso, você pode usar o Nextiva, que é o melhor serviço telefônico VoIP para pequenas empresas. Além disso, ele tem outros recursos, como fax on-line, bate-papo ao vivo, pesquisas on-line, CRM, análise de chamadas e muito mais.
Para obter detalhes, consulte nosso tutorial sobre como configurar um sistema telefônico de atendimento automático para o seu site.
Etapa 6: Adicione avaliações de clientes à sua loja on-line
Em seguida, você deve exibir as avaliações dos clientes em sua loja on-line para criar confiança entre os usuários e incentivá-los a fazer uma compra.
Por exemplo, se você já tiver avaliações no Yelp, Facebook ou Google, poderá adicioná-las ao seu site usando o plug-in Smash Balloon Reviews Feed Pro.
É o melhor plug-in de avaliações de clientes do WordPress no mercado que permite adicionar avaliações em um layout visualmente agradável.
Para obter instruções mais detalhadas, consulte nosso tutorial sobre como exibir avaliações do Google, Facebook e Yelp no WordPress.
Etapa 7: Amplie seu site WordPress e sua loja Shopify
A melhor parte de usar o WordPress é que ele vem com milhares de plug-ins e funciona com todas as ferramentas de marketing de que você precisa para expandir seus negócios.
A seguir estão algumas ferramentas e plug-ins essenciais que você pode querer instalar imediatamente:
- OptinMonster – O melhor software de otimização de conversão, o OptinMonster permite que você converta visitantes do site em clientes. Ele vem com ferramentas como banners adesivos, cronômetros de contagem regressiva, pop-ups de lightbox e muito mais.
- All in One SEO – O melhor plugin de SEO para WordPress do mercado. Ele permite que você otimize facilmente seu site para mecanismos de pesquisa e traga mais tráfego para seu site.
- MonsterInsights – Deseja ver de onde vem o seu tráfego? O MonsterInsights ajuda você a instalar o Google Analytics e a configurar facilmente o rastreamento aprimorado de comércio eletrônico.
- TrustPulse – Adiciona prova social à sua loja de comércio eletrônico, exibindo mensagens direcionadas aos usuários com ações do usuário em tempo real no seu site. O TrustPulse funciona com o WordPress e o Shopify.
- PushEngage – O melhor software de notificação por push da Web que ajuda você a se conectar com os visitantes depois que eles saem do seu site por meio de notificações por push.
- FunnelKit – Um dos melhores plug-ins de funil de vendas do WooCommerce para criar facilmente checkouts de alta conversão, carrinhos deslizantes, upsells com um clique, páginas de aumento de pedidos e muito mais.
Para obter mais recomendações, consulte nossa lista de plug-ins essenciais do WordPress para sites comerciais.
Esperamos que este artigo tenha ajudado você a aprender como integrar facilmente o Shopify ao WordPress. Talvez você também queira ver nosso guia para iniciantes sobre como migrar corretamente do Shopify para o WooCommerce e nossas principais escolhas para as melhores alternativas do Shopify.
Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Richard
Hi, I have a small question about this blog (integrating Shopify products into your WordPress website).
What happens when you click the “add to cart” button when the hHopify products are integrated into a WP page? Do you go to the Shopify platform and finish your purchase on the Shopify platform? Or do you stay on your WordPress website and handle purchae on that website?
Reason to ask this is also your shopping cart. icon in the header. Can you see this on your WordPress website when adding a product? Or is everything handled by Shopify?
WPBeginner Support
You would add the products on your WordPress site and checkout on Shopify.
Administrador
Linda Klink Crawford
We are having a website built with wordpress. We will be selling products. Can we use Shopify as our credit card and check out processor
WPBeginner Support
This guide would allow you to have Shopify handle your checkout for you to achieve that.
Administrador