Les landing pages mobiles sont une solution de messagerie commerciale axée sur le mobile, avec un contenu riche et des statistiques détaillées. Vous pouvez étendre vos parcours par SMS vers une landing page mobile personnalisée pour améliorer l'interactivité avec l'utilisateur et mesurer l'engagement. L'API de landing pages mobiles permet de créer des landing pages mobiles et de les envoyer aux destinataires.
Le processus de création d'une campagne de landing page mobile implique :
Prérequis :
Première partie : configuration du modèle
Dans ce guide de développement, vous allez envoyer une campagne en utilisant des landing pages mobiles. Elles comprendront des liens personnalisables, un contenu visuel riche avec une offre spéciale ou un bon d'achat, et des boutons interactifs. MessageMedia propose différents modèles à personnaliser. Ce guide utilisera le modèle Fermont . Chaque modèle nécessite un certain nombre d'éléments personnalisables qui seront présentés, afin que vous compreniez comment utiliser chaque paramètre disponible.
Dans Postman, ouvrez la demande de création d'une nouvelle campagne. Vous devrez modifier le corps de la demande pour y inclure les valeurs de tous les paramètres de ce modèle. Pour commencer, allez sur un site d'images de stock comme Unsplash et obtenez une belle image pour votre coupon. Vous devez avoir une URL d'image accessible au public, en la téléchargeant sur un service de partage d'images comme imgbb. Le corps complet de la demande, avec les paramètres requis, doit ressembler à ceci :
{
"template_id": "c9d7ce1d-20c4-4228-9ba1-6da2a3b4e5e0",
"parameters": {
"headline": "Refresh your wardrobe with $30 off!",
"pageText": "Come in this weekend and check out our new summer range. VIPs who present this voucher are entitled to a $30 reward. We'll have sparkling on arrival and live music from 2 - 5pm all weekend.",
"imageHeaderUrl": "https://developers.messagemedia.com/wp-content/themes/devportal/dist/images/fakeshopimage.jpg",
"primaryButtonText": "SHOP NOW",
"primaryButtonLink": "http://examplestore.com",
"secondaryButtonLink": "https://example.com/store-finder",
"secondaryButtonText": "FIND A STORE",
"logoLink":"http://examplestore.com",
"imageLogoURL":"https://developers.messagemedia.com/wp-content/themes/devportal/dist/images/fakelogo.png",
"barcodeValue": "0123456578901234565789"
},
"message": {
"content": "Bonjour ${firstName}, serez-vous des nôtres pour notre événement autour des soldes d'été qui se tiendra ce week-end ? L'équipe de Summer Shop",
"metadata": {
"sign-up": "cashier"
}
}
}
Les différents modèles requièrent des paramètres différents, et vous pouvez trouver la correspondance des paramètres requis pour chaque modèle dans la documentation. Dans le corps de l'appel API ci-dessus, nous avons défini des valeurs d'image pour les images et des liens vers les pages où nous voulons que nos clients soient renvoyés. Nous avons également défini une valeur de code-barres, qui correspondra à un code de bon d'achat dans le système POS de notre magasin.
Dans le corps du message, nous avons utilisé un paramètre de modèle qui sera rempli ultérieurement lorsque nous définirons la valeur de ${firstName} au moment de l'envoi. Enfin, nous profitons de l'occasion pour définir certaines métadonnées, qui correspondent à la manière dont le client s'est inscrit, à partir de notre système de CRM. Les messages de campagne et de destinataire peuvent contenir des paramètres de modèle. Ces paramètres sont utilisés pour personnaliser la landing page générée et le message à envoyer à chaque utilisateur. Notez que les paramètres de campagne et de destinataire sont fusionnés pour former un ensemble complet lors du traitement d'un destinataire. Ainsi, lors de la résolution des jeux de paramètres, les paramètres du destinataire remplacent les paramètres de la campagne portant le même nom.
Pour plus d'informations sur les concepts associés aux campagnes et sur les options de configuration avancées, consultez la documentation. Dans l'appel ci-dessus, nous avons également défini les détails de l'aperçu du lien. Pour plus d'informations sur cette fonctionnalité, consultez notre portail des développeurs. Si vos informations d'identification sont correctement enregistrées dans les variables de Postman, vous obtiendrez ceci en retour lorsque vous enverrez un message :
{
"id": "a733f81e-f6b5-40d2-8c21-41fa719a58bb",
"message": {
"content": "Bonjour ${firstName}, serez-vous des nôtres pour notre événement autour des soldes d'été qui se tiendra ce week-end ? l'équipe de Summer Shop",
"metadata": {
"sign-up": "cashier"
},
"rich_link": {
"title": "Refresh your wardrobe with $30 off!",
"image": "https://developers.messagemedia.com/wp-content/themes/devportal/dist/images/fakeshopimage.jpg",
"description": "Click through to your voucher..."
}
},
"parameters": {
"headline": "Refresh your wardrobe with $30 off!",
"pageText": "Come in this weekend and check out our new summer range. VIPs who present this voucher are entitled to a $30 reward. We'll have sparkling on arrival and live music from 2 - 5pm all weekend.",
"imageUrl": "https://developers.messagemedia.com/wp-content/themes/devportal/dist/images/fakeshopimage.jpg",
"primaryButtonText": "SHOP NOW",
"primaryButtonLink": "http://examplestore.com",
"secondaryButtonLink": "https://example.com/store-finder",
"secondaryButtonText": "FIND A STORE",
"logoLink": "http://examplestore.com",
"imageLogoURL": "https://developers.messagemedia.com/wp-content/themes/devportal/dist/images/fakelogo.png",
"barcodeValue": "0123456578901234565789"
},
"template_id": "c9d7ce1d-20c4-4228-9ba1-6da2a3b4e5e0"
}
Vous devrez utiliser l'identifiant de la campagne dans l'appel suivant.
Deuxième partie : envoi de la campagne
Nous allons maintenant envoyer cette campagne aux destinataires. Ouvrez la requête Envoyer une campagne aux destinataires et ajoutez l'identifiant de la campagne à la section des paramètres dans Postman :
Dans le corps du texte, ajoutez un objet pour chaque destinataire. Vous devrez définir les paramètres du modèle à partir du corps du message texte ou du contenu de la landing page. Par exemple, dans le corps de cette demande, nous avons indiqué qu'il existe un paramètre de modèle appelé « firstName » (que nous avons défini lors de la création de la campagne) et que sa valeur doit être « Bec » :
{
"recipients": [
{
"id": "ae599880-8d37-4956-af7b-1fcf8693773b",
"number": "+61466412529",
"parameters": {
"firstName": "Bec"
}
}
]
}
Cliquez sur Envoyer dans Postman, et le tour est joué !
Conclusion
Les landing pages mobiles sont un moyen puissant d'accroître l'engagement vis-à-vis de vos messages. Il existe un certain nombre de modèles disponibles qui peuvent être facilement personnalisés pour créer des landing pages visuellement attrayantes. L'intégration de ces outils dans votre logiciel peut offrir un mécanisme pour un certain nombre de cas d'utilisation interactifs, tels que les bons d'achat, les confirmations de rendez-vous et de réservation...