Importer vos emails dans Bloomreach

L’export Bloomreach d’Emailify crée des emails HTML complets, prêts à être importés manuellement dans le HTML Builder de Bloomreach.

Dans le panneau d’export d’Emailify, sélectionnez l’option Bloomreach dans la liste déroulante. Quand vous êtes prêt, cliquez sur le bouton Export For Bloomreach pour exporter en HTML les emails sélectionnés dans Figma.

Importer un modèle Emailify complet ​

Utilisez le HTML Builder de Bloomreach pour importer un email Emailify complet :

  1. Décompressez l’export Emailify.
  2. Ouvrez le fichier index.html de l’email dans un éditeur de texte ou de code.
  3. Créez ou ouvrez un email dans le HTML Builder de Bloomreach.
  4. Passez en mode Code et remplacez le code existant par l’intégralité du contenu de index.html, y compris ses balises <head> et <body>.
  5. Enregistrez l’email et envoyez un test avant de l’utiliser dans une campagne.

Pour importer un export Emailify complet, utilisez le HTML Builder plutôt qu’un HTML content block dans le Design Builder de Bloomreach.

Emailify place dans le <head> de l’email le CSS responsive qui applique les largeurs de colonnes sur desktop, ainsi qu’un balisage de tableaux conditionnel pour les versions d’Outlook qui ont besoin d’une solution de repli distincte. Le Design Builder de Bloomreach traite son HTML content block comme un fragment de corps : il peut donc déplacer les styles responsive dans le corps de l’email et supprimer le balisage propre à Outlook. Dans ce cas, les colonnes peuvent s’empiler sur desktop au lieu de s’afficher côte à côte.

Pour en savoir plus, consultez le guide de Bloomreach sur l’utilisation du HTML Builder.

Utiliser une section Emailify dans le Design Builder ​

Si vous devez placer une section Emailify dans un email du Design Builder, vous pouvez essayer de scinder le code exporté :

  1. Copiez les balises <style> du <head> exporté dans Settings -> Custom Head HTML dans Bloomreach.
  2. Copiez uniquement le contenu situé entre les balises <body> et </body> exportées dans le HTML content block du Design Builder.

Cela peut rétablir le CSS responsive dans les clients de messagerie qui le prennent en charge, mais le Design Builder peut tout de même supprimer le balisage conditionnel propre à Outlook ajouté par Emailify. Testez le résultat dans Gmail, Apple Mail et Outlook pour desktop avant l’envoi. Pour une compatibilité optimale, utilisez l’export complet dans le HTML Builder de Bloomreach.

Pour en savoir plus, consultez le guide de Bloomreach sur le Custom Head HTML.