Pluply
Para Desenvolvedores

Botões do Pluply para o seu site

Com uma linha de código: um botão para falarem com você no privado, um para entrarem no seu grupo e um para compartilharem seu conteúdo no Pluply.

Prévia do botão: Pluply Pluply
Pluply Ver demonstração ao vivo

Botões "Fale comigo" e "Entre no meu grupo"

Coloque no seu site, loja ou link da bio um botão que abre uma conversa privada com você ou o convite do seu grupo direto no app do Pluply. Quem ainda não tem o app vê a página para baixar.

Prévia: Fale comigo no Pluply
https://pluply.com/@seunome

      

      
O link de convite do grupo fica em Grupo → Informações → Convidar no app. Pode colar o link inteiro ou só o código.

    

  


  
  

    
Botão de compartilhar conteúdo

    
Para quem quer que os visitantes enviem um conteúdo (uma notícia, um produto) para os amigos pelo Pluply.

    
URL de compartilhamento

    
Construa uma URL com o texto que o usuário vai enviar.


    

      https://pluply.com/share?text=SEU_TEXTO_AQUI
      
    


    

      
ParâmetroTipoDescrição

      
        

          text
          obrigatório
          Texto a ser compartilhado, codificado com encodeURIComponent(). Inclua a URL do conteúdo dentro do texto.
        

      
    

  


  
  

    
Snippets prontos para usar

    
Substitua SEU_TEXTO_AQUI pelo conteúdo dinâmico da sua página.


    

      
      
      
      
    


    

      
      
<!-- Cole onde quiser o botão aparecer -->
<a href="https://pluply.com/share?text=SEU_TEXTO_AQUI"
   class="pluply-share-btn" target="_blank" rel="noopener">
  <img src="https://pluply.com/icons/favicon.png"
       width="20" height="20" alt="Pluply"
       style="border-radius:5px;flex-shrink:0">
  Pluply
</a>

<style>
.pluply-share-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,.08);
  color: #fff;
  border: 1px solid rgba(255,255,255,.15);
  padding: 9px 18px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  font-family: -apple-system, sans-serif;
  transition: background .15s;
}
.pluply-share-btn:hover { background: rgba(255,255,255,.14); }
</style>

    

    

      
      
function compartilharNoPluply(texto) {
  const url = 'https://pluply.com/share?text=' + encodeURIComponent(texto);
  window.open(url, '_blank', 'noopener');
}

// Uso:
compartilharNoPluply(document.title + ' — ' + location.href);

    

    

      
      
function PluplyShareButton({ text, children }) {
  const url = `https://pluply.com/share?text=${encodeURIComponent(text)}`;
  return (
    <a href={url} target="_blank" rel="noopener noreferrer"
       style={{
         display: 'inline-flex', alignItems: 'center', gap: 8,
         background: 'rgba(255,255,255,.08)', color: '#fff',
         border: '1px solid rgba(255,255,255,.15)',
         padding: '9px 18px', borderRadius: 50,
         fontSize: 14, fontWeight: 600, textDecoration: 'none'
       }}>
      <img src="https://pluply.com/icons/favicon.png"
           width="20" height="20" alt="Pluply"
           style={{ borderRadius: 5, flexShrink: 0 }} />
      {children || 'Pluply'}
    </a>
  );
}

    

    

      
      
<!-- Compartilha o título + URL da página atual -->
<a class="pluply-share-btn" href="#"
   target="_blank" rel="noopener">
  <img src="https://pluply.com/icons/favicon.png"
       width="20" height="20" alt="Pluply"
       style="border-radius:5px;flex-shrink:0">
  Pluply
</a>

<script>
  document.querySelectorAll('.pluply-share-btn').forEach(function(btn){
    var txt = document.title + ' — ' + window.location.href;
    btn.href = 'https://pluply.com/share?text=' + encodeURIComponent(txt);
  });
</script>

    


    

      
      
Sempre use encodeURIComponent() ao construir a URL via JavaScript. Em links HTML estáticos use a codificação percentual: espaço → %20, dois-pontos → %3A, barra → %2F.

    

  


  
  

    
Demonstração ao vivo

    
Clique no botão para ver como a tela de compartilhamento aparece para o usuário.

    

      

        
Texto de exemplo:

        Veja este conteúdo — https://pluply.com/exemplo
      

      
        Pluply
        Pluply