Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como integrar facilmente o Shopify ao WordPress (passo a passo)

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.

Easily Integrate Shopify with WordPress (Step by Step)

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:

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.

Shopify Ecommerce Website Builder Software

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.

Clicking the Get Started Now button in the Bluehost page

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.

Bluehost pricing

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.

Bluehost buy domain name

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.

Bluehost package extras

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ê.

Bluehost Edit Site

Basta clicar no botão “Editar site” para acessar o painel de administração do WordPress.

É assim que ficará:

Areas of the WordPress Dashboard

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.

WPBeginner Website Design Services

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).

Click the Begin Connection Process button

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.

Your Shopify store URL

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.

Find Shopify store domain

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).

Click the Install button to allow ShopWP to access Shopify data

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).

Connected to your Shopify store

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.

Create pages

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.

Product click settings

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).

Add cart to the Shopify store

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.

Sync products

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.

Shop page

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.

ShopWP Products block

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.

Product block settings

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.

Single product block

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.

Extra blocks in ShopWP

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.

The SeedProd Visual Editor

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.

Site navigation

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.

WPForms

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.

The WPForms block to add to the WordPress block editor

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.

Nextiva

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.

Car part reviews, displayed using Smash Balloon

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:

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.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

5 ComentáriosDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. 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

  3. 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

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.