Concevoir des formats d'in-apps populaires

L’éditeur d’in-apps Pushwoosh simplifie le processus de création de messages in-app de tout format et pour tout objectif commercial. En accomplissant vos tâches plus rapidement, vous pouvez mener des expériences rapides et atteindre les résultats souhaités en moins de temps.

Pour créer une in-app à partir de zéro, il vous suffit de concevoir une mise en page de message à l’aide de blocs glisser-déposer et de personnaliser chaque élément pour l’adapter au style de votre application et à vos objectifs commerciaux. Vous n’avez pas besoin d’expérience en codage ou en design pour créer des in-apps attrayantes et à fort taux de conversion — juste quelques conseils sur la meilleure façon d’utiliser l’éditeur d’in-apps Pushwoosh.

Ci-dessous, nous décrirons comment créer :

• Messages in-app en plein écran — le plus souvent, les offerwalls et les paywalls se présentent sous cette forme ;
• Messages in-app en écran partiel — vous pouvez les utiliser pour les demandes d’opt-in et de récupération des opt-out, la promotion de produits et les annonces de fonctionnalités.

Créons, à titre d’exemple, un message in-app promotionnel pour le secteur du fitness :

1. Dans votre compte Pushwoosh, allez dans Contenu → Rich Media et cliquez sur Ajouter un modèle :

Saisissez un nom de modèle, sélectionnez Créer un nouveau modèle et cliquez sur Ajouter un modèle :

Dans notre exemple, nous allons créer une in-app à partir de zéro en utilisant un modèle vierge. Vous pouvez également choisir l’un des modèles par défaut et le modifier selon vos besoins.

2. Tout d’abord, définissez la taille de popup souhaitée dans l’onglet Popup :

3. Ajoutons maintenant une image à notre message in-app. Allez dans l’onglet Contenu et faites glisser le bloc d’image sur le canevas. Cliquez sur le bloc et téléchargez votre fichier. Vous pouvez également sélectionner une photo libre de droits directement dans l’interface de l’éditeur en cliquant sur Plus d’images → Photos de stock :

Recommandations d’images pour les in-apps en plein écran (orientation portrait)

4. Définissez la couleur d’arrière-plan du message in-app : allez dans l’onglet Popup et sélectionnez la couleur souhaitée.

5. Vous pouvez maintenant ajouter le texte de votre message in-app. Dans notre exemple, nous allons placer le texte par-dessus l’image. Pour ce faire, sélectionnez l’image et cliquez sur Appliquer des effets. Cliquez sur le bouton Texte, insérez votre contenu et ajustez ses paramètres :

6. Ajoutons également du texte sous l’image. Allez dans l’onglet Contenu et faites glisser le bloc de texte sur le canevas. Insérez votre texte et personnalisez ses paramètres si nécessaire.

7. Enfin, ajoutez le bouton et configurez sa couleur, sa taille et d’autres paramètres :

Dans la section Action, vous pouvez spécifier l’action à effectuer après avoir cliqué sur le bouton. Nous sélectionnerons l’option URL ou Deeplink :

8. Cliquez sur Enregistrer pour appliquer les modifications.

Vous pouvez maintenant utiliser votre message in-app promotionnel de l’une des manières suivantes :

• Afficher une in-app dans le cadre d’un parcours client ;
• Envoyer une notification push qui ouvre une in-app lorsqu’on clique dessus ;
• Afficher une seule in-app à vos utilisateurs.

À titre d’exemple de message in-app en écran partiel, nous allons créer une popup pour obtenir le consentement de l’utilisateur à l’envoi de notifications push. Ce message peut également aider à récupérer ceux qui se sont désabonnés des notifications.

1. Allez dans votre compte Pushwoosh, ouvrez la section Contenu → Rich Media et cliquez sur Ajouter un modèle :

Saisissez un nom de modèle, choisissez Créer un nouveau modèle et cliquez sur Ajouter un modèle :

Nous allons créer une in-app à partir de zéro en utilisant un modèle vierge. Alternativement, vous pouvez sélectionner l’un des modèles par défaut et l’adapter à vos besoins.

2. Ajoutons une image d’arrière-plan pour notre popup. Ouvrez l’onglet Popup, cliquez sur Afficher plus d’options dans la section Contenu, et téléchargez l’image :

3. Ajoutez les blocs de contenu sur le canevas. Chaque bloc représentera un élément de contenu distinct, tel qu’un en-tête, du texte, etc.

4. Ajoutons une image au premier bloc de contenu et ajustons son apparence :

5. Ajoutez un titre au deuxième bloc. Définissez la police, la couleur et les autres paramètres de texte souhaités.

6. Maintenant, ajoutez le texte de votre message in-app au troisième bloc de contenu. Vous pouvez expérimenter avec la police, la couleur, l’alignement du texte, la hauteur de ligne et les paramètres de marge intérieure.

7. Enfin, ajoutons un bouton à notre popup. Personnalisez la couleur du bouton, l’arrondi et d’autres paramètres si nécessaire.

8. Cliquez sur Enregistrer pour appliquer toutes les modifications.

Vous pouvez utiliser votre nouveau modèle de message in-app de l’une des manières suivantes :

• Afficher une in-app dans le cadre d’un parcours client ;
• Afficher une seule in-app à vos utilisateurs.

• Formats d’in-apps populaires et meilleurs exemples sur le blog de Pushwoosh
• Conseils sur l’utilisation des in-apps dans votre stratégie omnicanale
• Plus d’articles sur les messages in-app
• Documentation de l’éditeur d’in-app (Rich Media)