Darmowe szablony e-mail dla SendGrid

Usprawnij marketing dzięki elastycznym szablonom e-mail dla SendGrid

Potrzebujesz responsywnego szablonu e-mail dla SendGrid, ale nie chcesz zajmować się kodem HTML? Nie trać zasobów na zatrudnianie projektantów i programistów do tworzenia szablonów dla SendGrid: po prostu skorzystaj z gotowych szablonów HTML przygotowanych przez naszych ekspertów! Dostosuj je w edytorze Blocks bez kodowania typu przeciągnij i upuść i wyślij swoją kampanię!

5 funkcji, które czynią z Blocks idealne narzędzie do tworzenia szablonów e-mail SendGrid

Wciąż zmagasz się z tworzeniem nienagannych szablonów e-mail SendGrid przy jak najmniejszym nakładzie zasobów? W takim razie Blocks to idealne rozwiązanie dla Ciebie. Nasz edytor e-mail typu no-code, przeciągnij i upuść pomoże Ci szybko tworzyć e-maile bez utraty jakości. Oto 5 funkcji Blocks, które to potwierdzają. Poniżej zobaczysz, dlaczego nasze szablony e-mail dla SendGrid to dobry punkt startu.

1. Wybierz między kodem a no-code

Blocks to edytor e-mail typu no-code, co oznacza, że możesz go opanować bez żadnych umiejętności kodowania. Żeby stworzyć nienaganny szablon e-mail SendGrid, skorzystaj z gotowego szablonu albo zbuduj własny za pomocą struktur i elementów: Blocks sam napisze kod.

Nie martw się o jakość kodu, nie znajdziesz w nim żadnych dziwnych fragmentów ani zbędnych elementów. Nasze szablony e-mail SendGrid są w pełni kompatybilne z każdą platformą obsługującą HTML.

Jeśli jednak chcesz edytować kod samodzielnie, śmiało. Wystarczy otworzyć sekcję Code i gotowe.

2. Gotowe struktury i elementy

Żeby dostosować gotowy szablon e-mail do swoich potrzeb albo zbudować własny szablon e-mail SendGrid, skorzystaj z gotowych struktur i elementów. Znajdziesz tam wszystkie potrzebne komponenty idealnego szablonu e-mail SendGrid: nagłówki, stopki, przyciski, elementy tekstowe, obrazy i wiele innych.

Przeciągaj elementy, żeby zmienić ich pozycję w e-mailu, i stylizuj je, jak chcesz.

3. Wszystkie projekty w jednym miejscu

To świetna funkcja dla wszystkich, którym znudziło się marnowanie czasu i energii na szukanie potrzebnych materiałów projektu. Blocks pozwala przechowywać projekty na naszych bezpiecznych serwerach: podziel wszystko na foldery dla lepszej nawigacji, przenoś szablony e-mail z jednego folderu do drugiego i wiele więcej.

4. Szablony e-mail SendGrid przyjazne urządzeniom mobilnym

Jeśli zdecydujesz się stworzyć swój szablon e-mail SendGrid w Blocks, masz pewność, że Twoje e-maile będą wyglądać równie pięknie na każdym urządzeniu, czy to telefonie, tablecie, czy komputerze. Blocks ma też funkcję podglądu, która pokazuje, jak Twój e-mail wyświetli się w wersji mobilnej i desktopowej:

5. Elementy dynamiczne dla Twoich szablonów e-mail SendGrid

Chcesz spersonalizować swoje szablony e-mail SendGrid elementami dynamicznymi? Żaden problem! Blocks pozwala dodać elementy dynamiczne do szablonu i dostosować je do swoich potrzeb. Nadążaj za trendami i korzystaj z elementów dynamicznych w swoich szablonach e-mail SendGrid z Blocks!

Jak zamienić szablon Blocks w szablon dynamiczny SendGrid (Dynamic Template)

SendGrid przechowuje projekty wiadomości transakcyjnych jako szablony dynamiczne i wypełnia je danymi z Twojego żądania API. Blocks nie oferuje bezpośredniego eksportu do SendGrid, więc kod HTML e-maila kopiujesz i wklejasz do szablonu samodzielnie.

Gdzie umieścić szablon

W SendGrid otwórz Email API > Dynamic Templates, utwórz szablon i kliknij Add Version. Wybierz projekt początkowy, następnie Code Editor i wklej do niego wyeksportowany HTML. Twój kod będzie odwoływać się do szablonu po jego identyfikatorze, który zaczyna się od d-. Pełny opis krok po kroku znajdziesz w przewodniku SendGrid po szablonach dynamicznych.

Jakich zmiennych użyć

Szablony dynamiczne pisze się w Handlebars: zastąp przykładowy tekst zmienną {{first_name}}, powtarzaj wiersze tabeli za pomocą {{#each}}, a w temacie wersji umieść {{subject}}. Jeśli wartość może zawierać cudzysłowy lub ampersand, użyj potrójnych nawiasów klamrowych, jak w {{{subject}}}.

<p>Hi {{first_name}},</p>
<table>
  {{#each items}}
  <tr><td>{{this.name}}</td><td>{{this.price}}</td></tr>
  {{/each}}
</table>

Następnie Twoja aplikacja wysyła identyfikator szablonu razem z danymi dla jego symboli zastępczych, tutaj za pomocą oficjalnej biblioteki Node.js:

const sgMail = require('@sendgrid/mail');
sgMail.setApiKey(process.env.SENDGRID_API_KEY);

sgMail.send({
  to: 'customer@example.com',
  from: 'shop@example.com', // a verified sender
  templateId: process.env.SENDGRID_TEMPLATE_ID, // d-...
  dynamicTemplateData: {
    subject: 'Your order has shipped',
    first_name: 'Anna',
    items: [{ name: 'T-shirt', price: '$20' }],
  },
});

Jak przetestować e-mail

Przed pierwszą wysyłką kliknij Preview w edytorze, otwórz Show Test Data i wklej przykładowe dane JSON z tymi samymi kluczami co w Twoim kodzie. Sprawdź, czy każdy symbol zastępczy został wypełniony: SendGrid obsługuje większość funkcji Handlebars, ale nie wszystkie, a warunki warto przetestować na przykładowych danych. Po prawdziwej wysyłce kanał Activity pokazuje, co stało się z każdą wiadomością.

Na koniec

Przyspieszenie tworzenia e-maili i obniżenie ich kosztów to nasza nowa rzeczywistość. Jeśli chcesz wyprzedzić konkurencję, zacznij korzystać z Blocks, edytora e-mail typu no-code, przeciągnij i upuść. To zmieni zasady gry.