Ligar o HubSpot e OneSignal

Com a integração OneSignal, você pode criar e enviar notificações push OneSignal usando fluxos de trabalho, visualizar notificações push nas linhas de tempo de atividades dos contatos e segmentar usuários com base no envolvimento com notificações push.

Por favor, note: você deve ser um super administrativo ou ter Acesso ao Mercado App permissões na sua conta HubSpot

Conectar o aplicativo

• Na conta da HubSpot, clique no ícone do Marketplace marketplace na barra de navegação principal, e selecione App do Marketplace.
• Use a barra de pesquisa para localizar e selecionar a Integração do OneSignal.
• No canto superior direito, clique em Instalar aplicativo.
• Inicie sessão na sua conta OneSignal.
• Na caixa pop-up, insira a ID do aplicativo e a chave de API da sua conta do OneSignal.
• Se necessário, clique em Adicionar aplicação para adicionar outra aplicação.
• Clique em Instalar aplicativo.
• Você será redirecionado para a página Aplicativos conectados.

Faça corresponder o seu utilizador OneSignal ao seu utilizador do HubSpot

A integração requer a correspondência do seu utilizador OneSignal com os contactos do HubSpot. Os utilizadores têm duas opções de correspondência:

• Por endereço de e-mail: os utilizadores precisam de utilizar Função OneSignal's setEmail usando o seu SDK para associar usuários OneSignal com endereços de e-mail. Esta opção de correspondência só está disponível para a acção de fluxo de trabalho de notificação Send OneSignal.

• Por OneSignal external_user_id: os usuários precisarão selecionar a propriedade de contato do HubSpot que desejam combinar com o external_user_id no OneSignal. Para fazer isso:

• Na conta da HubSpot, clique no ícone do Marketplace marketplace na barra de navegação principal. Em Gerenciar, selecione Aplicativos conectados.
• Clique em OneSignal.
• Clique em Contact Matching.
• No menu suspenso, selecione a propriedade de contato HubSpot que você deseja usar para correspondência com o OneSignal external_user_id propriedade. Esta opção de correspondência está disponível tanto para as ações de fluxo de trabalho Enviar notificações OneSignal como Editar tags OneSignal.

Automatizar notificações OneSignal push

Você pode automatizar o envio de notificações OneSignal push usando fluxos de trabalho.

• Na sua conta da HubSpot, navegue até Automação > Fluxos de trabalho.
• No canto superior direito, clique em Criar fluxo de trabalho.
• No painel esquerdo, selecione Baseado em contato e clique em Próximo no canto superior direito.
• Defina disparadores de inscrição.
• Clique no  ícone ++ para adicionar uma acção.
• No painel direito, selecione Enviar notificação do OneSignal.

• Clique no menu suspenso Selecionar aplicativo para selecionar seus aplicativos OneSignal conectados.

• Clique no menu suspenso Do you want to use an existing OneSignal Push Template ou Create a New Push? e selecione uma opção de modelo:
  • Para seleccionar um modelo existente, clique em Use templates (Utilizar modelos).

• • Para criar um novo modelo, clique em Usar configuração personalizada e preencha os campos obrigatórios. Você pode usar fichas de personalização nestes campos. 

• Clique em Salvar.
• Você pode adicionar mais ações ao seu fluxo de trabalho.
• Quando terminar de configurar seu fluxo de trabalho, clique em Revisar no canto superior direito. 
• Revise seu fluxo de trabalho configurado e clique em Ativar no canto superior direito. 

A notificação push aparecerá como uma atividade na linha de tempo do registro de contato. 

 

Automatize as tags OneSignal para acionar o envio de mensagens em tempo real

Use fluxos de trabalho para acionar o envio de mensagens no aplicativo OneSignal. 

• Na sua conta da HubSpot, navegue até Automação > Fluxos de trabalho.
• No canto superior direito, clique em Criar fluxo de trabalho.
• No painel esquerdo, seleccione Contact-based, depois clique em Next no canto superior direito.
• Defina disparadores de inscrição.
• Clique no ícone ++ para adicionar uma acção.
• No painel direito, selecione Edit OneSignal tags. 

• Clique no menu suspenso Seleccionar aplicação para seleccionar as suas aplicações OneSignal ligadas.
• Insira a string JSON com {"chave" : "valor" } pares que você deseja editar. Saiba mais sobre o uso de Tags de dados OneSignal.
• Clique em Salvar.
• Você pode adicionar mais ações para o seu fluxo de trabalho.
• Quando terminar de configurar seu fluxo de trabalho, clique em Revisar no canto superior direito.
• Reveja a configuração do seu fluxo de trabalho e clique em Ligar.

A edição de tags OneSignal também pode alimentar o envio de mensagens no OneSignal. Consulte o guia da OneSignal para saber como fazer isso.  

Usar os envios de formulário do HubSpot para vincular os contatos do HubSpot aos usuários do OneSignal 

Para utilizar esta funcionalidade, certifique-se de que tem o código apropriado do seu Configurações do OneSignal Web Push adicionado ao HTML principal das suas páginas

Você tem duas opções para capturar e passar endereços de e-mail para o OneSignal:

1. Coloque o seguinte globalmente em seu <head> … </head> para aplicar em todos os envios de formulário:

window.addEventListener('message', event => {
if(event.data.type ==== 'hsFormCallback' && event.data.eventName ==== 'onFormSubmit') {
OneSignal.push(function() {
OneSignal.setEmail($("input[name=email]").val())
.then(function(emailId) {
// Chamada de retorno quando o e-mail tiver terminado de enviar
console.log("emailId: ", emailId)
});
}
});

2. Edite o script incorporado para um de seus formulários do HubSpot diretamente. Você precisará inserir sua ID do portal e ID do formulário da sua conta. Aqui está um exemplo
   
   <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script></script>
hbspt.forms.create({
região: "na1",
portalId: "A SUA ID PORTAL",
formId: "SUA ID DE FORMULÁRIO",
onFormSubmit: function($form) {
OneSignal.push(function() {
OneSignal.setEmail($("input[name=email]").val())
.then(function(emailId) {
// Chamada de retorno quando o e-mail tiver terminado de enviar
console.log("emailId: ", emailId)
});
});
}
});