Mailmodo: Vytvářejte interaktivní e-maily s AMP, abyste zvýšili zapojení
Naše e-maily jsou přeplněné hroznými e-maily... takže pokud má vaše firma rozsáhlou základnu odběratelů a opravdu doufá, že váš e-mail bude otevřen a míra prokliku (MP), interaktivita je kritická. Jedním z řešení, které nabírá na síle, je použití technologie Accelerated Mobile Page v HTML e-mail.
AMP pro e-mail
Schopnost používat technologii AMP k vytváření dynamičtějšího a interaktivnějšího e-mailového obsahu je obrovským pokrokem v e-mailové technologii. AMP pro e-mail není stejný jako běžný AMP pro webové stránky a existují určitá omezení ohledně toho, co lze provádět v e-mailu (např. video a zvuk nejsou v současné době podporovány).
Podpora AMP v e-mailu není široce dostupná napříč všemi e-mailovými klienty, ale podporují ji někteří z hlavních e-mailových klientů, jako je např Gmail, Outlook.com, a Yahoo! Mail. Je také důležité poznamenat, že i když e-mailový klient podporuje AMP, nemusí být ve výchozím nastavení povolen nebo může vyžadovat, aby příjemce provedl nějakou akci, aby jej povolil.
AMP for Email funguje tak, že poskytuje sadu předem vytvořených komponent, které lze použít k vytváření interaktivního a dynamického obsahu e-mailů. Tyto komponenty zahrnují věci, jako jsou formuláře, kvízy, kolotoče obrázků a další, a lze je použít k vytváření poutavých a interaktivních e-mailů, které příjemcům poskytují lepší uživatelskou zkušenost.
Příklad e-mailu AMP HTML
Zde je příklad e-mailu AMP, který obsahuje formulář předplatného. Všimněte si, že vložené skripty NEJSOU zahrnuty při odesílání tohoto e-mailu, slouží pouze k vytvoření a testování řešení mimo vaši platformu e-mailového marketingu.
<!DOCTYPE html>
<html ⚡4email>
<head>
<meta charset="utf-8">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
<style amp4email>
.subscribe-form {
display: none;
}
</style>
</head>
<body>
<amp-img src="https://example.com/amp-header.jpg" alt="Header image"></amp-img>
<div amp4email>
<p>Please enable AMP for Email to view this content.</p>
</div>
<form method="post"
action-xhr="https://example.com/subscribe"
target="_top"
class="subscribe-form"
id="subscribe-form"
novalidate
[submit-error]="errorMessage.show"
[submit-success]="successMessage.hide">
<h2>Subscribe to our newsletter</h2>
<label>
Email:
<input type="email"
name="email"
required>
</label>
<div submit-success>
<template type="amp-mustache">
Success! Thank you for subscribing.
</template>
</div>
<div submit-error>
<template type="amp-mustache">
Error: {{message}}
</template>
</div>
<input type="submit" value="Subscribe">
</form>
<amp4email fallback="https://example.com/non-amp-email.html">
<p>View the non-AMP version of this email.</p>
</amp4email>
</body>
</html>Formulář používá amp-form vlastní prvek pro zpracování odeslání formuláře a ověření. Když uživatel odešle formulář, data formuláře se odešlou na adresu URL uvedenou v action-xhr atribut, což by měl být koncový bod serveru, který zpracovává odeslání formuláře. V form značku jsme přidali novalidate atribut k deaktivaci ověřování formuláře na straně klienta, a my jsme použili [] syntaxe pro nastavení submit-success a submit-error šablony dynamicky. The submit-success a submit-error sekce definují šablony, které se uživateli zobrazí, když je odeslání formuláře úspěšné nebo neúspěšné.
Záložní HTML, když není podpora AMP
Můžete poskytnout alternativní obsah pro uživatele, kteří nemají povoleno AMP nebo kteří používají e-mailového klienta, který jej nepodporuje. Chcete-li to provést, můžete použít amp4email atribut k určení záložní adresy URL, která odkazuje na verzi e-mailu bez AMP. Ve výše uvedeném příkladu můžete vidět jak značku stylu, která skryje AMP HTML, pokud není podporována, tak záložní adresu URL, kde lze obsah HTML načíst a zobrazit.
Mailmodo: E-mailový marketing a automatizace AMP bez kódu
Mailmodo je navrženo tak, aby vám pomohlo využít sílu AMP e-mailů k vytvoření lepší uživatelské zkušenosti se zjednodušeným nastavením e-mailového marketingu, abyste mohli zvýšit míru zapojení a konverze… některé přímo z doručené pošty!
Funkce Mailmodo zahrnují:
- Snadné a kódování bezplatných e-mailů AMP – přetáhněte bloky AMP v a WYSIWYG editor pro návrh e-mailů. Můžete přizpůsobit obsah pro každého uživatele a dokonce nahrát svůj vlastní soubor HTML nebo jiné úryvky kódu.
- Automatizace e-mailu – Automatizujte sekvence odkapávání na základě chování uživatelů a údajů o trhu pro odesílání e-mailů. Vizuální tvůrce cest, který vám pomůže navrhnout uživatelské mapy cest pomocí přetažení. Analyzujte chování uživatelů a optimalizujte sekvence kapání a mapy cest.
- Vysoká doručitelnost – Odesílejte hromadné e-maily pomocí Mailmodo's SMTP nebo přidejte vlastní doručovací službu. Integrace s AWS SES, SendGridnebo pepipost. Můžete také získat spravované a vyhrazené IP adresy.
- Automaticky spouštět transakční e-maily – Spouštět e-maily automaticky akcí uživatele, jako je registrace, nákup nebo opuštění košíku. Uživatele můžete segmentovat na základě otevření, kliknutí a odeslání. Mailmodo vám umožňuje spravovat a aktualizovat všechny vaše přechodné e-maily přímo na jejich platformě.
- Všechny přehledy na jednom panelu – vizualizujte otevření, kliknutí, odhlášení, odeslání a A/B testování předmětu s možností exportu všech vašich dat ve formátu CSV.
Produktovaná integrace s externím e-commerce, řízení vztahů se zákazníky (CRM), a další platformy jsou k dispozici také… včetně Shopify, Salesforce, MoEngage, jádro sítě, CleverTap, Pipedrive, WebEngage, A další.
Zaregistrujte se pro Mailmodo zdarma!
Zveřejnění: Martech Zone je přidruženým subjektem Mailmodo a v tomto článku používáme přidružené odkazy.
