From 6463b928aa1f97b9b1cc33ed3ec918bdb629578a Mon Sep 17 00:00:00 2001 From: zzhaobraze Date: Wed, 29 Mar 2023 17:11:23 -0500 Subject: [PATCH] 1177660|i18n_30_Dec_2022_08_00_01_270_30|1672408830992-GlobalLink Translation --- .../email/gmail_promotions_tab.md | 2 +- .../message_building_by_channel/email/mpp.md | 2 +- .../email_reporting.md | 4 +-- .../email/templates/faq.md | 6 ++--- .../email/templates/html_email_template.md | 12 ++++----- .../email/templates/link_template.md | 6 ++--- .../transactional_message_api_campaign.md | 10 ++++---- .../creative_details/fullscreen.md | 4 +-- .../in-app_messages/creative_details/modal.md | 6 ++--- .../creative_details/slideup.md | 2 +- .../in-app_messages/customize/video.md | 2 +- .../in-app_messages/dark-mode.md | 2 +- .../drag_and_drop/editor_blocks.md | 13 ++++++++-- .../in-app_messages/faq.md | 4 +-- .../in-app_messages/generations.md | 25 +++++++++++++++++++ 15 files changed, 67 insertions(+), 33 deletions(-) create mode 100644 _lang/fr/_user_guide/message_building_by_channel/in-app_messages/generations.md diff --git a/_lang/fr/_user_guide/message_building_by_channel/email/gmail_promotions_tab.md b/_lang/fr/_user_guide/message_building_by_channel/email/gmail_promotions_tab.md index 51b5b444440..8a9c8653e03 100644 --- a/_lang/fr/_user_guide/message_building_by_channel/email/gmail_promotions_tab.md +++ b/_lang/fr/_user_guide/message_building_by_channel/email/gmail_promotions_tab.md @@ -2,7 +2,7 @@ nav_title: Onglet Promotions Gmail article_title: Onglet Promotions Gmail page_order: 8 -description: "Cet article de référence couvre l’outil de promotions de Gmail et explique comment utiliser Braze pour vous aider à créer la carte à partir de notre produit." +description: "Gmail a mis à jour l’onglet Promotions mobiles pour permettre aux marketeurs d’envoyer plus d’informations via des annotations dans une « carte ». Le présent article explique comment utiliser Braze pour vous aider à créer la carte à partir de notre produit." channel: - e-mail diff --git a/_lang/fr/_user_guide/message_building_by_channel/email/mpp.md b/_lang/fr/_user_guide/message_building_by_channel/email/mpp.md index 651e8373f4f..4d7e3268449 100644 --- a/_lang/fr/_user_guide/message_building_by_channel/email/mpp.md +++ b/_lang/fr/_user_guide/message_building_by_channel/email/mpp.md @@ -4,7 +4,7 @@ article_title: Protection de la confidentialité dans Apple Mail pour iOS 15 page_order: 9.1 description: "Le présent article de référence explique la mise à jour de la confidentialité dans le cadre de la protection de la confidentialité dans Apple Mail, qui sera affectée par cette dernière, ainsi que quelques étapes à suivre pour vous préparer à utiliser cette fonctionnalité." channel: - - E-mail + - e-mail --- diff --git a/_lang/fr/_user_guide/message_building_by_channel/email/reporting_and_analytics/email_reporting.md b/_lang/fr/_user_guide/message_building_by_channel/email/reporting_and_analytics/email_reporting.md index 25323b7ced1..f2746733a8e 100644 --- a/_lang/fr/_user_guide/message_building_by_channel/email/reporting_and_analytics/email_reporting.md +++ b/_lang/fr/_user_guide/message_building_by_channel/email/reporting_and_analytics/email_reporting.md @@ -2,9 +2,9 @@ nav_title: Reporting article_title: Reporting E-mail page_order: 20 -description: "Cet article de référence explique les différents éléments du reporting d’e-mails et où il se trouve dans le tableau de bord." +description: "Braze vous fournit un rapport détaillé de chacune de vos campagnes par e-mail. Le présent article explique les différents composants de votre rapport et où il se trouve dans le tableau de bord." tool: - - Rapports + - Reports channel: - e-mail diff --git a/_lang/fr/_user_guide/message_building_by_channel/email/templates/faq.md b/_lang/fr/_user_guide/message_building_by_channel/email/templates/faq.md index 47dcf3e85a3..6d68769e908 100644 --- a/_lang/fr/_user_guide/message_building_by_channel/email/templates/faq.md +++ b/_lang/fr/_user_guide/message_building_by_channel/email/templates/faq.md @@ -6,8 +6,8 @@ page_order: 10 page_type: FAQ description: "Cette page répond aux questions fréquemment posées sur les modèles d’e-mail et de lien." tool: - - Modèles -channel: E-mail + - Templates +channel: email --- @@ -27,7 +27,7 @@ Non, Braze n’offre pas cette fonctionnalité. C’est parce qu’une majorité Il existe une option de redirection pour la page de désinscription. -Vous pouvez changer le lien d’abonnement dans le pied de page personnalisé depuis {% raw %} `{{${set_user_to_unsubscribed_url}}}` {% endraw %} vers un lien vers votre propre site Internet à l’aide d’un paramètre de requête comprenant l’ID utilisateur. Comme par exemple : +Vous pouvez modifier le lien de désabonnement dans le pied de page personnalisé depuis {% raw %} `{{${set_user_to_unsubscribed_url}}}` {% endraw %} un lien vers votre propre site Internet avec un paramètre de requête incluant l’ID utilisateur. Comme par exemple : {% raw %} > https://www.braze.com/unsubscribe?user_id={{${user_id}}} {% endraw %} diff --git a/_lang/fr/_user_guide/message_building_by_channel/email/templates/html_email_template.md b/_lang/fr/_user_guide/message_building_by_channel/email/templates/html_email_template.md index 22f658b0607..e2009fa8624 100644 --- a/_lang/fr/_user_guide/message_building_by_channel/email/templates/html_email_template.md +++ b/_lang/fr/_user_guide/message_building_by_channel/email/templates/html_email_template.md @@ -4,9 +4,9 @@ article_title: Téléchargement d’un modèle d’e-mail HTML page_order: 2.1 description: "Le présent article de référence explique comment créer, gérer et réparer un modèle d’e-mail HTML à l’aide du tableau de bord de Braze." tool: - - Modèles + - Templates channel: - - E-mail + - e-mail --- @@ -57,13 +57,13 @@ Vous pouvez recevoir différents messages d’erreur d’e-mail lors du téléch ### Étape 4 : Terminer et enregistrer votre modèle -Assurez-vous d’enregistrer votre modèle en cliquant sur **Enregistrer le modèle**. Vous êtes maintenant prêt à utiliser ce modèle dans toutes les campagnes ou Canvas de votre choix ! +Assurez-vous d’enregistrer votre modèle en cliquant sur **Save Template (Enregistrer le modèle)**. Vous êtes maintenant prêt à utiliser ce modèle dans toutes les campagnes ou Canvas de votre choix ! {% alert note %} Si vous apportez des modifications à un modèle existant, ces modifications ne seront pas reflétées dans les campagnes créées qui utilisent les versions précédentes de ce modèle. {% endalert %} -## Utilisation de vos modèles dans les campagnes API {#api_pour_télécharger_des modèles_d’e-mail} +## Utilisation de vos modèles dans des campagnes API {#api_for_upload_email_templates} Pour utiliser votre e-mail dans une campagne API, vous avez besoin de `email_template_id`, qui se trouve au bas des modèles d’e-mails créés dans Braze. @@ -71,11 +71,11 @@ Pour utiliser votre e-mail dans une campagne API, vous avez besoin de `email_tem ## Gestion des modèles d’e-mail -Vous pouvez [dupliquer]({{site.baseurl}}/user_guide/engagement_tools/templates_and_media/duplicate/) et [archiver]({{site.baseurl}}/user_guide/engagement_tools/templates_and_media/archive/) vos modèles d’e-mail ! Découvrez-en plus sur la création et la gestion de modèles et de contenus créatifs dans [Templates & Media (Modèles et médias)]({{site.baseurl}}/user_guide/engagement_tools/templates_and_media/). +Vous pouvez [dupliquer]({{site.baseurl}}/user_guide/engagement_tools/templates_and_media/duplicate/) et [archiver]({{site.baseurl}}/user_guide/engagement_tools/templates_and_media/archive/) vos modèles d’e-mail ! Pour en savoir plus sur la création et la gestion de modèles et de contenus créatifs, consultez la section [Templates & Media (Modèles et médias)]({{site.baseurl}}/user_guide/engagement_tools/templates_and_media/). ## FAQ -Pour obtenir des réponses aux questions fréquemment posées sur les modèles d’e-mail, consultez notre page [FAQ sur les modèles d’e-mail et de lien][10]. +Pour obtenir des réponses aux questions fréquemment posées sur les modèles d’e-mail, consultez notre page [email and link templates FAQs (FAQ sur les modèles d’e-mail et de lien)][10]. [4]: {% image_buster /assets/img_archive/email_template_id.png %} diff --git a/_lang/fr/_user_guide/message_building_by_channel/email/templates/link_template.md b/_lang/fr/_user_guide/message_building_by_channel/email/templates/link_template.md index eff76e05391..c59a2fe626b 100644 --- a/_lang/fr/_user_guide/message_building_by_channel/email/templates/link_template.md +++ b/_lang/fr/_user_guide/message_building_by_channel/email/templates/link_template.md @@ -2,9 +2,9 @@ nav_title: Modèles de liens article_title: Modèles de liens page_order: 5 -description: "Cet article explique comment créer différents types de modèles de liens dans vos e-mails." +description: "Les modèles de liens permettent aux utilisateurs d’ajouter des paramètres ou des URL à tous les liens dans un courrier électronique. Le présent article explique comment créer différents types de modèles de liens." tool: - - Modèles + - Templates channel: - e-mail @@ -46,7 +46,7 @@ Une section d’aperçu est fournie pour vous donner un exemple de processus d ![Champs Position du modèle, Ajout avant l’URL et Aperçu du modèle pour le processus d’insertion du modèle de lien avant une URL.]({% image_buster /assets/img_archive/link_template_preappend.png %}){: style="max-width:90%;"} -### Ajouter après une URL : Créer un modèle de lien qui s’insère après une URL {#append-link-template} +### Ajouter : Créer un modèle de lien qui s’insère après une URL {#append-link-template} Si vous souhaitez ajouter des paramètres de requête après une URL dans votre e-mail, créez un nouveau modèle de lien et définissez la **position du modèle** sur **Après l’URL**. Vous pourrez ainsi saisir les paramètres de requête (`value=something`) à la fin de chaque URL. diff --git a/_lang/fr/_user_guide/message_building_by_channel/email/transactional_message_api_campaign.md b/_lang/fr/_user_guide/message_building_by_channel/email/transactional_message_api_campaign.md index 6615e520db8..80eccdf9df1 100644 --- a/_lang/fr/_user_guide/message_building_by_channel/email/transactional_message_api_campaign.md +++ b/_lang/fr/_user_guide/message_building_by_channel/email/transactional_message_api_campaign.md @@ -6,8 +6,8 @@ page_order: 7 description: "Le présent article de référence explique comment créer et configurer une nouvelle campagne Braze d’e-mails transactionnels." page_type: reference tool: - - Campagnes -channel: E-mail + - Campaigns +channel: email alias: "/api/api_campaigns/transactional_campaigns" --- @@ -33,7 +33,7 @@ En bref, vous pouvez utiliser les e-mails transactionnels pour envoyer des notif Les e-mails transactionnels diffèrent des campagnes transactionnelles, qui peuvent être utilisées pour cibler vos utilisateurs sans frais supplémentaires. Les campagnes transactionnelles, par exemple, peuvent inclure des messages envoyés après qu’un utilisateur ajoute un élément à son panier. Consultez les [options de ciblage du public]({{site.baseurl}}/user_guide/engagement_tools/campaigns/building_campaigns/targeting_users/) pour plus d’informations. {% endalert %} -## Créer une campagne +## Créer une nouvelle campagne Pour créer une nouvelle campagne d’e-mails transactionnels, accédez à la page **Campagne**, cliquez sur **Créer une campagne**, et sélectionnez **E-mail transactionnel** dans la liste déroulante. @@ -51,11 +51,11 @@ Par conséquent, vous remarquerez que plusieurs paramètres que vous connaissez - L’étape de **ciblage des utilisateurs** a été supprimée. Étant donné que les e-mails transactionnels enregistrent l’intégralité de votre base d’utilisateurs comme étant admissible (y compris les utilisateurs non abonnés), il n’est pas nécessaire de spécifier des filtres ou des segments. Par conséquent, si vous avez une logique à appliquer à qui doit recevoir ce message, nous vous recommandons de l’appliquer avant de déterminer si la demande d’API doit être envoyée à Braze pour déclencher le message à un utilisateur spécifique. - L’étape des **conversions** a été supprimé. Les e-mails transactionnels ne prennent pas en charge le suivi des événements de conversion pour le moment. -![Composer, livrer et confirmer le flux de travail pour créer une campagne d’e-mails transactionnels.][2] +![Composer, livrer et confirmer le flux de travail pour créer une campagne d'e-mails transactionnels.][2] Pour configurer votre campagne d'e-mails transactionnels, suivez les étapes générales suivantes : -1. Ajoutez un nom descriptif pour pouvoir trouver les résultats sur vos **Campagnes** après avoir envoyé vos messages. +1. Ajoutez un nom descriptif pour pouvoir trouver les résultats sur vos **Campaigns** après avoir envoyé vos messages. 2. Composez votre e-mail ou sélectionnez un modèle. 3. Notez votre `campaign_id`. Après avoir enregistré votre campagne API, vous devez inclure les champs `campaign_id` générés avec votre demande d’API, lorsque cela est indiqué dans l’article [endpoint d’e-mail transactionnel]({{site.baseurl}}/api/endpoints/messaging/send_messages/post_send_transactional_message). 4. Cliquez sur **Enregistrer la campagne** et vous êtes prêt à commencer votre campagne API ! diff --git a/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/creative_details/fullscreen.md b/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/creative_details/fullscreen.md index 3c31ba9273e..6de6c2c2775 100644 --- a/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/creative_details/fullscreen.md +++ b/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/creative_details/fullscreen.md @@ -5,7 +5,7 @@ description: "Le présent article de référence aborde les exigences de concept page_type: reference page_order: 0 channel: - - messages In-App + - messages In-App tool: - Media @@ -50,7 +50,7 @@ Les messages In-App plein écran remplissent toute la hauteur d’un appareil et | disposition | taille de la ressource | remarques | |--- | --- | --- | -| Image et texte | Format 10:3
Haute-Res 2000 x 600 px
Min. 1000 x 300 px | Un rognage peut se produire sur tous les côtés, mais l’image occupe toujours la moitié supérieure de la fenêtre | +| Image et texte | 1Format 0:3
Haute-Res 2000 x 600 px
Min. 1000 x 300 px | Un rognage peut se produire sur tous les côtés, mais l’image occupe toujours la moitié supérieure de la fenêtre | | Image uniquement | Format 5:3
Haute-Res 2000 x 1200 px
Min. 1000 x 600 px | Un rognage peut se produire sur les bords gauche et droit des appareils de plus grande taille | {: .reset-td-br-1 .reset-td-br-2 .reset-td-br-3} diff --git a/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/creative_details/modal.md b/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/creative_details/modal.md index a222f9f5ee6..6f6c09afdba 100644 --- a/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/creative_details/modal.md +++ b/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/creative_details/modal.md @@ -3,7 +3,7 @@ nav_title: Modal article_title: Messages In-App modaux page_order: 1 channel: - - messages In-App + - messages In-App tool: - Media description: "Le présent article de référence aborde les exigences de conception des messages In-App modaux." @@ -28,8 +28,8 @@ Les messages In-App modaux sont conçus pour s’adapter le mieux possible aux p | Disposition | Taille de la ressource | Remarques | |--- | --- | ------ | -| Image + Texte | Format 29:10
Haute-Res 1450 x 500 px
Min. 725 x 250 px | Les images hautes ou étroites sont réduites et centrées horizontalement. Les images larges sont rognées sur les bords gauche et droit. | -| Image uniquement | Presque n’importe quel format
Haute-Res jusqu’à 1200 x 2000 px
Min. 600 x 600 px | Le message est redimensionné pour accepter des images de la plupart des rapports d’aspect. | +| Image + Texte | 2Format 9:10
Haute-Res 1450 x 500 px
Min. 725 x 250 px | Les images hautes ou étroites sont réduites et centrées horizontalement. Les images larges seront rognées sur les bords gauche et droit. | +| Image uniquement | Presque n’importe quel format
Haute-Res jusqu’à 1200 x 2000 px
Min. 600 x 600 px | Le message sera redimensionné pour s’adapter à la plupart des formats d’image. | {: .reset-td-br-1 .reset-td-br-2 .reset-td-br-3} Vous devez toujours [prévisualiser et tester vos messages]({{site.baseurl}}/user_guide/message_building_by_channel/in-app_messages/testing/) sur divers appareils pour s’assurer que les parties les plus importantes de votre image et de votre message s’affichent comme prévu. diff --git a/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/creative_details/slideup.md b/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/creative_details/slideup.md index 701aeb15a92..64c389c22d0 100644 --- a/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/creative_details/slideup.md +++ b/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/creative_details/slideup.md @@ -5,7 +5,7 @@ page_order: 2 channel: - messages In-App tool: - - Médias + - Media description: "Le présent article de référence aborde les exigences de conception des messages In-App slideup." --- diff --git a/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/customize/video.md b/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/customize/video.md index 89adb0f8c89..ac607266423 100644 --- a/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/customize/video.md +++ b/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/customize/video.md @@ -16,7 +16,7 @@ Pour lire une vidéo dans un message In-App HTML, incluez les éléments suivant ``` diff --git a/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/dark-mode.md b/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/dark-mode.md index 95d1ea1a792..36b0294151c 100644 --- a/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/dark-mode.md +++ b/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/dark-mode.md @@ -2,7 +2,7 @@ nav_title: Thèmes du mode sombre article_title: Mode sombre pour les messages In-App page_order: 5.20 -description: "Cet article de référence présente la prise en charge du mode sombre des messages in-app de Braze, y compris la manière de définir un thème de mode sombre et des observations sur la compatibilité." +description: "Les messages In-App Braze prennent en charge un thème sombre distinct pour que les messages s’affichent dans la couleur appropriée en fonction des préférences utilisateur, tout en assurant la cohérence avec la conception de votre application." channel: - messages In-App diff --git a/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/drag_and_drop/editor_blocks.md b/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/drag_and_drop/editor_blocks.md index e1c79eb8a99..2fba04113af 100644 --- a/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/drag_and_drop/editor_blocks.md +++ b/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/drag_and_drop/editor_blocks.md @@ -17,7 +17,8 @@ Le tableau suivant décrit comment vous pouvez exploiter chaque type de bloc éd | Nom | Description | | --- | --- | -| Texte | Saisit le texte dans le message | +| Un titre | Saisit un texte de titre dans le message | +| Paragraphe | Saisit un texte de paragraphe dans le message | | Image | Insère une image de la bibliothèque multimédia | | Bouton | Ajoute un bouton standard. Les propriétés de ce bloc permettent de modifier, de configurer les liens et enregistrer les analytiques. | | Espacement | Ajoute de l’espace ou une marge intérieure entre les autres blocs. | @@ -27,7 +28,7 @@ Le tableau suivant décrit comment vous pouvez exploiter chaque type de bloc éd Les détails des propriétés de chaque bloc éditeur sont fournis dans les tableaux suivants. -### Texte +### Titre et paragraphe | Nom | Description | | --- | --- | @@ -59,6 +60,14 @@ Les détails des propriétés de chaque bloc éditeur sont fournis dans les tabl | URL | La dynamique se fonde sur le comportement lors du clic sélectionné | {: .reset-td-br-1 .reset-td-br-2} +### Espacement + +| Nom | Description | +| --- | --- | +| Couleur d’arrière-plan | Modifie la couleur d’arrière-plan de l’espaceur | +| Hauteur | Modifie la hauteur de l’espaceur. Vous pouvez également modifier cela à l’aide des poignées de redimensionnement de l’espaceur. | +{: .reset-td-br-1 .reset-td-br-2} + diff --git a/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/faq.md b/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/faq.md index 04a1d08c77e..ec873238e64 100644 --- a/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/faq.md +++ b/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/faq.md @@ -32,9 +32,9 @@ En tant que solution de contournement pour envoyer des messages In-App à une he ```liquid {% assign time = 'now' | time_zone: ${time_zone} %}{% assign hour = time | date: '%H' | plus: 0 %} {% if hour > 19 or hour < 8 %} -{% abort_message("En dehors de la période autorisée") %} +{% abort_message("Outside allowed time window") %} {% endif %} -MESSAGE ICI +MESSAGE HERE ``` {% endraw %} diff --git a/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/generations.md b/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/generations.md new file mode 100644 index 00000000000..a4d230b41a4 --- /dev/null +++ b/_lang/fr/_user_guide/message_building_by_channel/in-app_messages/generations.md @@ -0,0 +1,25 @@ +--- +nav_title: Générations +article_title: Générations de messages dans l’application +hidden: true +description: "Le présent article de référence aborde la prise en charge de générations de messages In-App." +channel: + - messages In-App + +--- + +# Générations de messages dans l’application + +Braze dispose actuellement de trois générations de messages dans l’application. Chacun bénéficie de son niveau de prise en charge. Pour profiter des dernières fonctionnalités de nos messages In-App, nous vous recommandons la mise à niveau aux tous derniers SDK [Web]({{site.baseurl}}/developer_guide/platform_integration_guides/web/initial_sdk_setup/#upgrading-the-sdk), iOS et Android. + +Ce graphique met en évidence les caractéristiques et les types de messages qui sont actuellement disponibles et la date à laquelle ils ont été introduits dans chaque génération. Ce graphique indique explicitement ce qui n’est pas pris en charge dans une génération donnée. + +| Génération | Nouvelles fonctionnalités | Fonctions non prises en charge | +|---|---|---| +| **Génération 1** | • Types de messages en mode plein écran, Modal et Slideup déclenchés dans application | Messages HTML personnalisés
• Formulaire de capture d’e-mail
• Modal Web avec un CSS personnalisé | +| **Génération 2** | • Contrôles d’alignement de texte
• Surcouche derrière le modal
• Zone sécurisée d’image dans la fenêtre de prévisualisation | Bordure du bouton | +| **Génération 3** | • Bordure du bouton
• Aspect et fonctionnalité améliorés pour tous les types de messages
• Concept de générations 1, 2 et 3
• Nouvelle fermeture de l’actif X
• Accessibilité améliorée sur le Web
• Prise en charge améliorée sur les appareils Notched | (La dernière génération bénéficie toujours d’une assistance complète !) | +{: .reset-td-br-1 .reset-td-br-2 .reset-td-br-3} + +![Différence dans les générations]({% image_buster /assets/img/iam-generations-of-modals.png %}) +