Como Integrar Sua Loja Etsy em Seu Site Divi

No post de hoje na Divi, vamos mostrar como integrar os itens que você tem em sua loja Etsy em seu site Divi. Pode ser uma necessidade que você tem para seu próprio site ou uma solicitação que você recebeu de um cliente. Adicionar seus itens Etsy ao seu site pode ajudá-lo a gerar mais vendas. Principalmente se você possui um site que possui um público-alvo atraente e um bom número de visitantes. Ao integrar a loja Etsy ao seu site, você pode atingir seu público-alvo com mais facilidade.

Vamos demonstrar como adicionar itens da loja Etsy por meio do plug-in Etsy Shop, que fornecerá o seguinte resultado no desktop:

As possibilidades

Nem todo mundo gosta de adicionar a loja Etsy a um site pessoal. Algumas pessoas preferem usar uma opção de comércio eletrônico que permite comprar produtos diretamente do site. Quando você integra a loja Etsy em seu site WordPress, isso não significa que a compra realmente acontecerá em seu site. O plugin apenas ajuda você a exibir seus itens Etsy em sua forma original. Para o processo de compra propriamente dito, os visitantes interessados ​​serão redirecionados para a sua Loja Etsy no site Etsy.

Se você, no entanto, deseja manter essa conexão com sua loja Etsy e com o público que ela tem, há duas maneiras de abordar a situação.

Adicione seus produtos manualmente ao seu site WordPress

Uma vez que os plug-ins apenas ajudarão a redirecionar seus visitantes para o site Etsy, você também pode integrar seus itens Etsy manualmente. Embora pareça mais trabalhoso, também há algumas vantagens. Você pode, por exemplo, estilizar os itens como quiser. Provavelmente, você terá mais espaço e espaço para fazer os itens no mesmo estilo do seu site. A única coisa de que você precisa é um link direto (e de preferência exclusivo) para cada item.

Embora haja muitos prós em adicionar seus produtos Etsy manualmente, também existem algumas desvantagens. Depois de adicionar manualmente esses itens e alterar o estilo, seus visitantes não saberão imediatamente que serão redirecionados para o site da Etsy. Você está, portanto, colocando-os para uma surpresa.

Adicione seus produtos com um plug-in

A outra possibilidade que você tem é usar um plugin. Normalmente, essa é a maneira mais fácil de fazer e você economiza muito tempo. Além disso, o layout dos itens é semelhante ao mostrado no site da Etsy. Os visitantes reconhecerão mais facilmente a origem do item. Essa é a possibilidade que mostraremos como fazer na próxima parte do post.

Existem dois plug-ins que podem fazer o trabalho: o plug-in Etsy Shop e o Etsy 360. O plug-in Etsy Shop é gratuito e mostraremos como configurá-lo enquanto o Etsy 360 é pago. Infelizmente, você só pode usar o plugin Etsy Shop se quiser exibir seus itens Etsy na área de trabalho. O plugin não responde. Portanto, se você está procurando uma solução responsiva, pode experimentar o Etsy 360.

Como Integrar Sua Loja Etsy em Seu Site Divi

Inscreva-se no nosso canal no Youtube

Comece a integrar sua loja Etsy com o plug-in da loja Etsy

Para adicionar sua loja Etsy ao site Divi, precisamos de uma coisa com antecedência; o plug-in Etsy Shop gratuito, criado por Frederic Sheedy. Ao usar este plugin, você não terá que se esforçar muito para adicionar seus itens favoritos da loja Etsy ao seu site. No passado, a Etsy oferecia a possibilidade Etsy Mini, mas, infelizmente, recentemente suspendeu essa opção - tornando o plugin Etsy Shop atualmente a possibilidade mais favorável por aí.

Sem mais nenhum devido; vamos começar.

Baixe o plug-in da loja Etsy

A primeira etapa que você precisa realizar é fazer o download do plug-in. Você pode baixar o plugin clicando no link a seguir.

Carregue o plug-in em seu site

Depois de baixar o plug-in, você pode carregá-lo em seu Painel do WordPress> Plug-ins> Adicionar novo> E fazer o upload do plug-in em seu site. Certifique-se de ativar também o plugin.

Obtenha sua chave de API do Etsy Shop

Depois de baixar o plugin, a próxima etapa que você precisará realizar é obter uma chave API de sua loja Etsy. Pode ser que você já tenha essa API disponível, mas se não a tiver, mostraremos como obtê-la imediatamente.

Crie um novo aplicativo para sua conta Etsy

Depois de baixar o plugin Etsy Shop e ir para as configurações, você pode ver um link logo abaixo do campo Etsy API Key que mostra onde criar um novo aplicativo Etsy. Clique nesse link.

Depois de começar a criar um novo aplicativo, você precisará preencher alguns detalhes sobre o aplicativo que está criando, conforme mostrado na imagem abaixo.

Depois de preencher todas as informações necessárias, seu aplicativo estará pronto. Na imagem abaixo, você pode ver onde encontrar a chave de API depois de criar o aplicativo.

Copie a chave de API em seu plug-in

A próxima coisa que você precisa fazer é voltar às configurações do plugin e preencher a chave API.

Certifique-se de abrir a loja em uma nova janela

E enquanto você ainda está nas configurações do plug-in, é recomendável que cada link seja aberto em uma nova janela. Dessa forma, você não apenas enviará seus visitantes para outra página, mas os manterá em ambas as páginas.

Adicione o shortcode a um módulo de texto dentro do seu Divi Builder

A próxima coisa que você precisa fazer é integrar o shortcode em seu site. Você pode fazer isso facilmente adicionando-o a um novo Módulo de Texto na página em que deseja que os itens apareçam.

Abra a página em que deseja adicionar os itens e adicione um Módulo de Texto a uma linha de largura total. Em seguida, abra as configurações da linha e altere a largura personalizada da linha para '680px'.

Em seguida, adicione o código de acesso à caixa Conteúdo na guia Conteúdo. Sem nenhuma modificação, o shortcode se parece com isto:

[etsy-shop shop_name="*your-etsy-shop-name*" section_id="*your-etsy-shop-setion-id*"]

Agora, substitua o * your-etsy-shop-name * e o * your-etsy-shop-section-id * pelo seu próprio. Para fazer isso, vá até sua loja (ou qualquer outra loja onde você deseja exibir os produtos Etsy) e selecione uma seção no lado esquerdo.

Depois de fazer isso, você pode observar o nome da loja Etsy e o ID da seção no URL.

Desativar para celular

Infelizmente, o plugin Etsy Shop só faz seu trabalho corretamente em desktops. Não é responsivo, portanto, se você está procurando uma solução gratuita que o ajudará a gerar vendas apenas por meio do desktop, essa é uma ótima opção. Caso contrário, você pode querer ver do que se trata o Etsy 360 ou adicionar os elementos que deseja exibir manualmente.

Resultado

Basta copiar essas duas coisas e colocá-las em seu shortcode. Depois de salvar as configurações, seus itens Etsy devem aparecer no site do seu Desktop quando você clicar em visualizar - obtendo o seguinte resultado:

Pensamentos finais

Nesta postagem, mostramos como adicionar a loja Etsy ao seu site. Nós o orientamos no processo de instalação do plugin Etsy Shop. Algumas pessoas preferem adicionar itens do Etsy com um plugin e permitir que seus visitantes sejam redirecionados para o site Esty, enquanto outras preferem optar por um site de comércio eletrônico. Se você estava procurando pela primeira possibilidade, este post vai te ajudar. Se você tiver dúvidas ou sugestões, deixe um comentário na seção de comentários abaixo!

Certifique-se de se inscrever em nosso boletim informativo por e-mail e canal no YouTube para que você nunca perca um grande anúncio, dica útil ou brinde Divi!