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)

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Um de nossos leitores perguntou recentemente se era possível integrar o Shopify em um site WordPress.

Usar a Shopify com o WordPress permite combinar os recursos de comércio eletrônico da Shopify com a plataforma de site mais poderosa do planeta, o WordPress. Isso lhe dá mais flexibilidade e liberdade para expandir seus negócios.

Neste artigo, mostraremos como conectar facilmente o Shopify ao WordPress para expandir seus negócios.

Using Shopify with WordPress

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 WordPress) 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 com facilidade.

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 on-line 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 plataformas.

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.

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 você não tiver uma loja da Shopify, poderá ir em frente e criar sua loja da Shopify. Você pode adicionar rapidamente alguns produtos e depois voltar aqui.

Shopify's website

Em seguida, você precisará configurar seu site WordPress.

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 instantâneo 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 (como wpbeginner.com) e uma conta de hospedagem na Web.

Um nome de domínio custa cerca de US$ 14,99 por ano, e os planos de hospedagem do WordPress podem começar 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 plans

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

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 achar que não precisa deles.

Bluehost package extras

Por fim, você pode ir em frente e inserir suas informações de pagamento. Uma vez feito isso, a Bluehost lhe enviará instruções por e-mail 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.

Ele terá a seguinte aparência:

Areas of the WordPress Dashboard

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 plugin ShopWP. Trata-se de 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 ShopWP em seu site WordPress. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, você precisa visitar a página ShopWP Pro ” Connect e clicar no botão “Begin the connection process” (Iniciar o processo de conexão) para iniciar o assistente de conexão.

Start Shopify connection wizard

Isso iniciará o assistente de conexão.

Primeiro, você será solicitado a inserir seu nome de domínio myshopify.com.

Your Shopify store URL

Clique no botão “Connect your Shopify store” (Conectar sua loja Shopify) para continuar.

Em seguida, você será solicitado a permitir o acesso do aplicativo ShopWP à sua loja da Shopify. Basta clicar no botão “Instalar aplicativo” para iniciar o processo de conexão.

Install App

Isso o levará de volta ao seu blog ou site do WordPress.

O plug-in confirmará que seu site está conectado à loja da Shopify.

Connected to your Shopify store

Clique no botão “Next” para continuar.

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.

Create pages

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 escolher o que acontece quando os usuários clicam nos produtos. 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 do WordPress.

Product click settings

Em seguida, você precisa sincronizar os produtos entre seu site do WordPress e sua loja da Shopify.

Basta alternar para a guia “Sync” nas configurações do plug-in.

Sync products

A partir daí, você precisa clicar 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.

É isso aí! 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 da 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.

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 vem com opções de exibição avançadas que você pode controlar nas configurações de bloco ou na página de configurações do plug-in.

Etapa 4: Personalize seu site WordPress

Agora que você conectou sua loja Shopify ao seu site WordPress, a próxima etapa é continuar configurando seu site WordPress adequadamente.

Primeiro, você deve escolher um tema para o seu site WordPress. O tema do WordPress controla o design e o layout geral do 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.

Deseja criar seu próprio layout de tema? Você pode fazer isso com o SeedProd. Ele é um construtor de sites WordPress do tipo arrastar e soltar que permite criar 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: 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 nossa seleção de especialistas dos melhores serviços de marketing por e-mail e do melhor software de bate-papo ao vivo para expandir seus negócios.

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 says

    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 says

    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?

  3. Linda Klink Crawford says

    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

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.