Connecter HubSpot et OneSignal

Grâce à l'intégration de OneSignal, vous pouvez créer et envoyer des notifications push OneSignal à l'aide de workflows, afficher les notifications push sur la chronologie des activités des contacts et segmenter les utilisateurs en fonction de leur engagement dans les notifications push.

Veuillez noter : vous devez être un super administrateur ou avoir Accès au marché des applicationss dans votre compte HubSpot.

Connecter l'application

• Depuis votre compte HubSpot, cliquez sur l'icône Marketplace marketplace dans la barre de navigation principale, puis sélectionnez Marketplace des applications.
• Utilisez la barre de recherche pour localiser et sélectionner l'intégration OneSignal.
• Dans l'angle supérieur droit, cliquez sur Installer l'application.
• Connectez-vous à votre compte OneSignal.
• Dans la boîte contextuelle, saisissez votre identifiant d'application et la clé d'API depuis votre compte OneSignal.
• Si nécessaire, cliquez sur Ajouter une application pour ajouter une autre application.
• Cliquez sur Installer l'application.
• Vous serez redirigé vers la page Applications connectées.

Faites correspondre votre utilisateur OneSignal à votre utilisateur HubSpot

L'intégration nécessite de faire correspondre votre utilisateur OneSignal aux contacts HubSpot. Les utilisateurs ont deux options pour la correspondance :

• Par adresse e-mail: les utilisateurs doivent utiliser La fonction setEmail de OneSignal en utilisant leur SDK pour associer les utilisateurs de OneSignal à des adresses e-mail. Cette option de correspondance n'est disponible que pour l'action de workflow Envoyer une notification OneSignal.

• Par OneSignal external_user_id: les utilisateurs devront sélectionner la propriété du contact HubSpot qu'ils veulent faire correspondre avec l' external_user_id dans OneSignal. Pour ce faire :

• Depuis votre compte HubSpot, cliquez sur l'icône Marketplace marketplace dans la barre de navigation principale. Sous Gérer, sélectionnez Applications connectées.
• Cliquez sur OneSignal.
• Cliquez sur Correspondance de contacts.
• Dans le menu déroulant, sélectionnez la propriété du contact HubSpot que vous souhaitez utiliser pour la correspondance avec le OneSignal external_user_id de OneSignal. Cette option de correspondance est disponible pour les actions de workflow Envoyer des notifications OneSignal et Modifier les balises OneSignal.

Automatiser les notifications push de OneSignal

Vous pouvez automatiser l'envoi de notifications push OneSignal à l'aide de workflows.

• Depuis votre compte HubSpot, accédez à Automatisation > Workflows.
• Dans l'angle supérieur droit, cliquez sur Créer un workflow.
• Dans le panneau de gauche, sélectionnez Basé sur les contacts et cliquez sur Suivant dans l'angle supérieur droit.
• Définissez vos déclencheurs d'inscription.
• Cliquez sur l'  icône + plus pour ajouter une action.
• Dans le volet droit, sélectionnez Envoyer une notification OneSignal.

• Cliquez sur le menu déroulant Select App pour sélectionner vos applications OneSignal connectées.

• Cliquez sur le menu déroulant Do you want to use an existing OneSignal Push Template or Create a New Push ? et sélectionnez une option de modèle :
  • Pour sélectionner un modèle existant, cliquez sur Utiliser les modèles.

• • Pour créer un nouveau modèle, cliquez sur Utiliser une configuration personnalisée et remplissez les champs requis. Vous pouvez utiliser des jetons de personnalisation dans ces champs. 

• Cliquez sur Enregistrer.
• Vous pouvez ajouter des actions supplémentaires à votre workflow.
• Lorsque vous avez configuré votre workflow, cliquez sur Vérifier dans l'angle supérieur droit. 
• Analysez votre workflow configuré et cliquez sur Activer dans l'angle supérieur droit. 

La notification push apparaîtra comme une activité sur la chronologie de l'enregistrement du contact. 

 

Automatiser les balises OneSignal pour déclencher la messagerie in-app

Utilisez des workflows pour déclencher des messages dans votre application OneSignal. 

• Depuis votre compte HubSpot, accédez à Automatisation > Workflows.
• Dans le coin supérieur droit, cliquez sur Créer un workflow.
• Dans le panneau de gauche, sélectionnez Contact-based, puis cliquez sur Next dans le coin supérieur droit.
• Définissez vos déclencheurs d'inscription.
• Cliquez sur l' icône + plus pour ajouter une action.
• Dans le panneau de droite, sélectionnez Editer les balises OneSignal. 

• Cliquez sur les menus déroulants Select App pour sélectionner vos applications OneSignal connectées.
• Saisissez la chaîne JSON contenant les paires {"key" : "value" } que vous souhaitez modifier. En savoir plus sur l'utilisation des Balises de données OneSignal.
• Cliquez sur Enregistrer.
• Vous pouvez ajouter des actions supplémentaires à votre workflow.
• Lorsque vous avez configuré votre workflow, cliquez sur Vérifier dans l'angle supérieur droit.
• Vérifiez la configuration de votre Workflow et cliquez sur Activer.

La modification des balises OneSignal peut également alimenter la messagerie in-app dans OneSignal. Consultez le guide de OneSignal pour savoir comment procéder.  

Utiliser les soumissions de formulaires HubSpot pour lier les contacts HubSpot aux utilisateurs OneSignal 

Pour utiliser cette fonctionnalité, assurez-vous que vous disposez du code approprié dans vos Paramètres OneSignal Web Push ajouté à l'en-tête HTML de vos pages.

Vous avez deux solutions pour capturer et transmettre des adresses e-mail à OneSignal :

1. Placez les éléments suivants globalement dans votre . <head>. </head>. pour les appliquer à toutes les soumissions de formulaires :

window.addEventListener('message', event => {
si(event.data.type === 'hsFormCallback'&& event.data.eventName === 'onFormSubmit') {
OneSignal.push(function() {
OneSignal.setEmail($("input[name=email]").val())
.then(function(emailId) {
// Appel de la fonction Callback lorsque l'e-mail a été envoyé
console.log("emailId : ", emailId) ;
}) ;
}
}) ;

2. Modifiez le script d'intégration pour l'un de vos formulaires HubSpot directement. Vous devrez insérer votre ID de portail et votre ID de formulaire depuis votre compte. Voici un exemple :
   
   <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script></script>
hbspt.forms.create({
région : "na1",
portalId : "VOTRE IDENTIFIANT DE PORTAIL",
formId : "VOTRE IDENTIFIANT DE FORMULAIRE",
onFormSubmit : function($form) {
OneSignal.push(function() {
OneSignal.setEmail($("input[name=email]").val())
.then(function(emailId) {
// Appel de la fonction Callback lorsque l'e-mail a été envoyé
console.log("emailId : ", emailId) ;
}) ;
}) ;
}
}) ;