Como instalar ferramentas "ShareThis" em Shopify com código Javascript

No caso de não estar a utilizar o nosso Comprar App - Pode gerir PartilharThis tools on Shopify utilizando o Partilhar Esta Plataforma, to do this, you will need to manually add the ShareThis <script> code inside the <head> of your site, simply follow the steps below:

  1. Iniciar Sessão ou Inscreva-se para a Plataforma ShareThis.
  2. Seleccione a ferramenta ShareThis que gostaria de utilizar e active-a clicando no<strong style="color: initial;"> Enable tool</strong> botão. 
  3. Depois, personalize os botões, selecionando seus canais sociais, tamanho e forma.
  4. Seleccionar o botão Activar código no canto superior direito. Na janela pop-up, clicar no botão Copiar código.
  5. Inicie sessão no seu website Shopify.
  6. Na barra de navegação da esquerda, seleccionar Loja Online > Temas, e no menu suspenso Acções, clicar em Editar Código.
  7. A partir dos diferentes ficheiros e pastas, ir para Layout e clicar em theme.liquid.
  8. Copy and paste the unique ShareThis code that you copied from step 4 into the <head> section of your website.
  9. Se estiver a instalar ferramentas em linha, pode escolher entre elas:

Nota: As ferramentas em linha requerem um fragmento extra de código para funcionar no seu site. Se desejar instalar os nossos Botões de Partilha Inline ou Botões de Seguimento, terá de adicionar um código de colocação seguindo as opções acima, onde quiser que a ferramenta apareça

Antes de personalizar o seu tema, é sempre recomendável fazer uma cópia de segurança primeiro, siga estas instruções para duplicar o tema para uma cópia de segurança no caso de querer reverter as alterações.

Adicionar Partilha InlineEsta ferramenta à página do seu produto utilizando um Bloco Líquido Personalizado

Pode usar o editor de temas Shopify para ter um guia visual ao colocar o código dos botões em linha. Embora não limitado à página de produtos, poderá seguir estas instruções e o vídeo no final para colocar o código na descrição do seu produto.

  1. Vá ao seu Painel de Controlo da Loja Online.
  2. Clique em Temas e depois clique no botão verde que diz "Personalizar".
  3. Navegue até à página onde pretende que os botões apareçam, clicando na pré-visualização ao vivo.
  4. Localize o seu rato no local onde pretende inserir os botões, um pequeno botão azul aparecerá com uma etiqueta de Adicionar uma Secção.
  5. Seleccionar Líquido Personalizado da lista.
  6. Copiar e colar o código de colocação relevante na barra lateral esquerda que acabou de aparecer.
    1. Código de colocação dos botões de partilha:
    2. Siga o código de colocação dos botões:
  7. Clique em Guardar no canto superior direito.

Para sua conveniência, aqui está uma antevisão:

Adicionando Partilha InlineEsta ferramenta à sua página de produto, editando o Código Temático

  1. Na barra de navegação da esquerda, seleccionar Loja Online > Temas e depois clicar em Acções > Editar Código.
  2. Dentro da barra lateral esquerda, desça até à pasta Sections e seleccione main-product.liquid (Se estiver a utilizar um tema mais antigo, vá a Templates e localize o ficheiro product.liquid ). Depois, encontre o seguinte código:
    {{ product.description }}
    Nota: Pode usar Control + F para procurar a palavra "descrição" no mesmo (não se esqueça de clicar no interior do ficheiro para que possa procurar conteúdo dentro do editor de códigos ), tente colocar os botões numa nova linha após a secção ou linhas que têm este nome. Uma secção/elemento é delimitada com o caracter "}" no final.

  3. Copie e cole o código de colocação relevante acima ou abaixo da descrição do seu produto.
    1. Código de colocação dos botões de partilha:
    2. Siga o código de colocação dos botões:

Para sua conveniência, aqui está uma antevisão:

Para adicionar a ferramenta ShareThis à sua página ou blog

  1. Na barra de navegação da esquerda, seleccionar Loja Online > Páginas. Em seguida, clique na página onde pretende exibir os seus botões. 
  2. Clique no botão Mostrar HTML <> na secção Conteúdo .
  3. Copie e cole o código de colocação relevante abaixo onde você quiser que a ferramenta ShareThis apareça.
    1. Código de colocação dos botões de partilha:
    2. Código de colocação dos botões de seguimento