Poradnik wideo: przesyłanie e-maili do Braze
Ten film pokazuje, jak przesłać e-maile HTML z wtyczki Emailify w Figmie do Braze.
W panelu eksportu Emailify wybierz z listy rozwijanej opcję Braze (API), a następnie wklej prawidłowy klucz API i region endpointu REST Braze, które znajdziesz i wygenerujesz w panelu Braze.
Aby tworzyć e-maile w Braze, potrzebujesz klucza API Braze z włączonym uprawnieniem templates.email.create.
Gdy wszystko będzie gotowe, kliknij przycisk Upload To Braze, aby wyeksportować zaznaczone w Figmie e-maile do HTML i automatycznie przesłać je do Twoich szablonów marketingowych Braze. Zobaczysz je po zalogowaniu się do konta Braze: kliknij w pasku bocznym Templates, następnie Email Templates, wybierz opcję HTML Editor i przejrzyj listę Saved HTML Templates poniżej.
Ważne: wyłącz ustawienie Inline CSS
Jeśli na Twoim koncie Braze aktywne jest ustawienie Inline CSS, Braze ponownie przetworzy HTML, przenosząc style z arkusza CSS do treści e-maila. Emailify już to robi, więc przy włączonym przełączniku Braze usunie inne style i zepsuje część układu na urządzeniach mobilnych i komputerach.
Upewnij się, że opcja Enable Inline CSS w sekcji Sending Settings -> Advanced jest wyłączona. Emailify automatycznie wbudowuje style w kod i minifikuje HTML, a ponowne przetworzenie go w Braze zepsuje kod.
Aby wyłączyć Inline CSS dla pojedynczego e-maila, przejdź w edytorze Drag & Drop w Braze do karty Edit Sending Info -> Advanced i wyłącz Inline CSS. Możesz to też ustawić globalnie w Braze w Settings -> Email Preferences.
W starszej wersji Braze globalny przełącznik Inline CSS (do wyłączenia) znajdziesz w Manage Settings -> Email Settings -> Inline CSS
Aktualizowanie szablonów Braze przesłanych z Emailify
Jeśli chcesz, aby szablony Braze były automatycznie aktualizowane, zamiast za każdym razem tworzyć nowe, możesz włączyć przełącznik Enable Updatable Templates w ustawieniach eksportu wtyczki (gdy wybrana jest opcja Braze (API)).
Wtyczka automatycznie dopisze wartość brazeTemplateId do nazwy warstwy przesłanej ramki w Figmie, a przy kolejnym eksporcie użyje tego ID ponownie, gdy ta sama ramka zostanie przesłana do Braze przez API.
Uwaga: przełącznik Enable Updatable Templates musi być włączony przed przesłaniem pierwszego szablonu, bo wtedy do nazwy ramki w Figmie zostanie dopisane Braze Template ID oryginalnego szablonu przesłanego do Braze. To ID posłuży przy każdym kolejnym przesłaniu do aktualizacji tego samego szablonu na Twoim koncie Braze (zamiast tworzenia nowego za każdym razem), o ile przełącznik Enable Updatable Templates pozostanie włączony.
Aby aktualizować e-maile w Braze, potrzebujesz klucza API Braze z włączonym uprawnieniem templates.email.update.
Linki uniwersalne i App Links (SparkPost)
Aby zamienić dowolny z Twoich linków w Emailify w link uniwersalny dla SparkPost, dodaj na końcu adresu URL [[data-msys-sublink='open-in-app']] (na przykład http://www.example.com[[data-msys-sublink='open-in-app']]). Atrybut danych data-msys-sublink zostanie wtedy automatycznie dodany do znacznika linku <a> (na przykład <a href="https://example.com" data-msys-sublink="open-in-app">).
Następnie upewnij się, że Twoja aplikacja prawidłowo obsługuje niestandardową ścieżkę. Zajrzyj do artykułu SparkPost Using SparkPost click tracking on deep links. Zawiera on przykładowy kod dla iOS i Androida.
Linki uniwersalne i App Links (SendGrid)
Aby zamienić dowolny z Twoich linków w Emailify w link uniwersalny dla SendGrid, dodaj na końcu adresu URL [[universal='true']] (na przykład http://www.example.com[[universal='true']]). Atrybut danych universal zostanie wtedy automatycznie dodany do znacznika linku <a> (na przykład <a href="https://example.com" universal="true">).
Następnie upewnij się, że Twoja aplikacja prawidłowo obsługuje niestandardową ścieżkę. Zajrzyj do artykułu SendGrid Using SendGrid click tracking on deep links. Zawiera on przykładowy kod dla iOS i Androida.