Criar um feed comprável

Como criar um feed do Instagram com funcionalidade de compras, em que cada imagem remete para uma página do seu próprio site, em vez de voltar ao Instagram.

Gostaria de criar um feed com links para compras, em que as publicações no seu feed levem a páginas do seu próprio site, em vez de redirecionarem para o Instagram?

Neste guia, vamos mostrar-lhe como ativar a configuração «Shoppable Feed» e adicionar um link a cada publicação no personalizador do feed. Também vamos explicar como associar publicações a URLs personalizadas quando não tiver a configuração «Shoppable Feed» ativada.

Antes de começar, certifique-se de que o Instagram Feed está instalado e ativado no seu site.

Requisitos: O «Shoppable Feed» faz parte do Instagram Feed Pro e requer uma licença Elite. O plugin gratuito apresenta a secção «Shoppable Feed» com um botão «Saiba mais» em vez da configuração. Para comparar o que cada licença inclui, consulte o nosso guia sobre as diferenças entre o plugin gratuito e o Instagram Feed Pro.

• Criar um feed com opções de compra
• Ligar o teu perfil do Instagram ao teu feed com funcionalidade de compras
• Associar publicações a URLs personalizadas
  • Associar cada publicação a um URL diferente
  • Ligar todas as publicações à mesma URL
• Perguntas mais frequentes

Criar um feed com opções de compra

Para começar, vamos ativar o Shoppable Feed e adicionar um link a cada publicação que queira direcionar para uma página do seu site.

Cada link é guardado juntamente com o seu feed, um por publicação. Pode adicioná-lo no personalizador do feed, e este tem prioridade sobre qualquer endereço web que conste na legenda da publicação.

1. Para começar, aceda a «Feed do Instagram» » «Todos os feeds» na barra lateral de administração do WordPress. Em seguida, clique no ícone do lápis ao lado do feed que pretende alterar.
2. Em seguida, clique no separador «Definições » no personalizador. Depois, clique em «Feed de compras».
3. Depois disso, ative o botão «Ativar ». Cada publicação na «Pré-visualização do Feed de Compras» passa a ter um botão «Adicionar».
4. Na pré-visualização, clique no botão «Adicionar» na publicação à qual pretende criar uma ligação. É apresentado o painel «Publicação selecionada», com a imagem da publicação e o início da sua legenda.
5. No Link do produto No campo, introduza o URL completo da página para a qual pretende que a publicação tenha um link. O URL tem de começar por http:// ou https://, caso contrário, a publicação não incluirá o link para esse conteúdo.
6. Em seguida, clique no botão «Adicionar » por baixo do campo. O botão da publicação na pré-visualização passa a ser «Atualizar».
7. Repete os passos quatro a seis para cada publicação à qual queiras adicionar um link.
8. Quando terminar, clique em «Guardar».
9. Para apresentar o feed numa página, clique em «Incorporar» e utilize o código de atalho que lhe é fornecido.

Os botões «Adicionar» e «Atualizar» só aparecem enquanto a secção «Feed de produtos» estiver aberta. Não é mantida qualquer ligação com o seu feed até que o guarde.

Quando a funcionalidade «Shoppable Feed» está ativada, ao clicar numa publicação, os visitantes são redirecionados para um link, em vez de se abrir a janela pop-up que mostra as suas publicações no seu site. Uma publicação com um link redireciona para esse URL. Uma publicação sem link redireciona para o endereço web indicado na legenda ou para a publicação no Instagram, caso a legenda não contenha nenhum.

Ligar o teu perfil do Instagram ao teu feed com funcionalidade de compras

Se quiseres direcionar o tráfego do teu feed no instagram.com para o teu site, podes adicionar um link para a página com o teu feed «Shoppable» no teu perfil.

Associar publicações a URLs personalizadas

Por predefinição, as publicações no teu feed redirecionam para as publicações no Instagram ou abrem a janela pop-up no Instagram Feed Pro. O Shoppable Feed é a funcionalidade integrada que permite associar cada publicação ao seu próprio URL. Se não o tiveres, podes utilizar um pequeno trecho de código JavaScript em vez disso.

Os passos abaixo referem-se ao plugin gratuito, em que as publicações têm links diretos para o Instagram. Adicione o código JavaScript num snippet com o WPCode.

Associar cada publicação a um URL diferente

Primeiro, vamos identificar o ID de cada publicação e, em seguida, direcionar cada uma para o seu próprio URL.

1. Para começar, abre a página com o teu feed. Clica com o botão direito do rato na publicação à qual pretendes criar um link e seleciona «Inspecionar». O nome exato varia ligeiramente consoante o navegador. Se ainda não utilizaste esta ferramenta, consulta o artigo «Noções básicas sobre a funcionalidade “Inspecionar Elemento” no WordPress».
2. Em seguida, procure o id na publicação sbi_item elemento. Começa com sbi_, seguido do ID da publicação. Copie-o e repita o procedimento para cada publicação à qual queira criar um link.
3. Depois disso, insira o código JavaScript abaixo num snippet WPCode, com uma linha para cada publicação. Em cada linha, substitua o marcador de posição após o #, tais como sbi_POST_ID_1, com o ID que copiou. Em seguida, substitua o URL dessa publicação pelo da página para a qual pretende que a publicação remeta.
4. Quando terminar, guarde o fragmento de código e atualize a página para verificar os links.

Este trecho associa duas publicações aos respetivos URLs. No seu trecho, utilize jQuery, não $, porque o WordPress carrega o jQuery no modo «no-conflict».

jQuery(document).ready(function () {
    jQuery('#sbi_POST_ID_1').find('.sbi_photo').attr('href', 'https://yourlink1.com');
    jQuery('#sbi_POST_ID_2').find('.sbi_photo').attr('href', 'https://yourlink2.com');
});

Ligar todas as publicações à mesma URL

Para enviar todas as publicações de um feed para o mesmo URL, vamos adicionar uma classe ao código abreviado do feed e, em seguida, selecionar essa classe num snippet.

1. Para começar, adicione uma classe ao código abreviado do feed, para que o link se aplique apenas às publicações desse feed. Em seguida, utilize o número do seu próprio feed no lugar de 1.
2. Em seguida, insira o código JavaScript abaixo num snippet do WPCode. Substitua o URL pela página para a qual pretende que todas as publicações tenham um link.
3. Quando terminar, guarde o fragmento de código e atualize a página para verificar os links.

Aqui está o shortcode com a classe adicionada.

[instagram-feed feed=1 class="custom-link-feed"]

Aqui está o trecho de código que associa cada publicação desse feed a um URL.

jQuery(document).ready(function () {
    jQuery('.custom-link-feed .sbi_photo').attr('href', 'https://yourlink.com');
});

E pronto! O teu feed agora redireciona os visitantes para as tuas próprias páginas. A seguir, para atrair visitantes do Instagram para essa página, consulta o artigo «Como associar o teu perfil do Instagram ao teu feed de compras».

Perguntas mais frequentes

A seguir, respondemos a algumas das perguntas mais frequentes sobre os feeds de compras.