Obraz tła możesz dodać do dowolnej warstwy Row, Column, Wrapper lub Hero w projekcie e-maila: kliknij warstwę w Figmie, potem ikonę + obok panelu Fill we właściwościach warstwy i ustaw typ wypełnienia na Image. Przykład powyżej pokazuje to na warstwie Column, ale tak samo postępujesz w przypadku warstw Row, Wrapper i Hero. Podczas eksportu e-maila do HTML z wtyczki to wypełnienie obrazem zostanie zastosowane jako obraz tła.

Aby zwiększyć kontrast między obrazem tła a warstwami treści, możesz dodać nad wypełnieniem obrazem dodatkowy półprzezroczysty kolor (klikając ikonę + obok panelu Fill we właściwościach warstwy w Figmie), ustawić nowe wypełnienie Gradient lub Solid na wybrany kolor, a następnie dostosować procentowe krycie wypełnienia (na przykład 35).

Obrazy tła i gradienty są obsługiwane na warstwach Row, Column, Wrapper i Hero w podglądzie Emailify i w eksportach renderowanych do HTML. Jeśli eksportujesz surowy wynik mjml lub loops, atrybuty obrazu tła dla warstw Column są tam nadal pomijane.

Jednolity kolor zapasowy za obrazem tła

Jeśli chcesz dodać własny kolor zapasowy widoczny za obrazem tła (pojawi się, gdy obraz będzie się ładował w kliencie poczty odbiorcy albo gdy klient początkowo zablokuje wyświetlanie obrazów), dodaj dodatkowy jednolity kolor do listy Fills warstwy Row, Column, Wrapper lub Hero z obrazem tła: kliknij przycisk z ikoną +, ustaw krycie wybranego koloru na 100%, a następnie przeciągnij go na dół listy Fills (pod wypełnienie obrazem tła).