Mailmodo: Luo interaktiivisia sähköposteja AMP:n avulla sitoutumisen lisäämiseksi
Postilaatikomme ovat täynnä kauheita sähköposteja... joten jos yritykselläsi on laaja tilaajakunta ja se todella toivoo saavansa sähköpostisi auki ja napsautussuhteen (CTR) vuorovaikutteisuus on kriittistä. Yksi ratkaisu, joka rakentaa vauhtia, on Accelerated Mobile Page -teknologian käyttö HTML sähköpostiosoite.
AMP sähköpostille
Mahdollisuus käyttää AMP-teknologiaa dynaamisemman ja interaktiivisemman sähköpostisisällön luomiseen on valtava edistysaskel sähköpostitekniikassa. AMP sähköpostille ei ole sama kuin tavallinen AMP verkkosivustoille, ja sähköpostin toimittamiselle on joitain rajoituksia (esim. videota ja ääntä ei tueta tällä hetkellä).
AMP-tuki sähköpostissa ei ole laajasti saatavilla kaikissa sähköpostiohjelmissa, mutta sitä tukevat jotkin tärkeimmät sähköpostiohjelmat, kuten gmail, Outlook.comja Yahoo! Mail. On myös tärkeää huomata, että vaikka sähköpostiohjelma tukisi AMP:tä, se ei ehkä ole oletusarvoisesti käytössä tai se saattaa edellyttää vastaanottajan toimenpiteitä sen ottamiseksi käyttöön.
AMP for Email toimii tarjoamalla joukon valmiita komponentteja, joita voidaan käyttää interaktiivisen ja dynaamisen sähköpostisisällön luomiseen. Näitä komponentteja ovat esimerkiksi lomakkeet, tietokilpailut, kuvakarusellit ja paljon muuta, ja niiden avulla voidaan luoda kiinnostavia ja interaktiivisia sähköposteja, jotka tarjoavat paremman käyttökokemuksen vastaanottajille.
Esimerkki AMP HTML -sähköpostista
Tässä on esimerkki AMP-sähköpostista, joka sisältää tilauslomakkeen. Huomaa, että komentosarjan upotukset EIVÄT sisälly tämän sähköpostin lähettämiseen, vaan ne on tarkoitettu vain ratkaisun rakentamiseen ja testaamiseen sähköpostimarkkinointialustan ulkopuolella.
<!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>Lomakkeessa käytetään amp-form mukautettu elementti lomakkeen lähettämiseen ja vahvistamiseen. Kun käyttäjä lähettää lomakkeen, lomakkeen tiedot lähetetään lomakkeessa määritettyyn URL-osoitteeseen action-xhr attribuutti, jonka pitäisi olla palvelimen päätepiste, joka käsittelee lomakkeen lähetyksen. Vuonna form -tunnisteen, olemme lisänneet novalidate attribuutti poistaaksesi asiakaspuolen lomakkeiden vahvistuksen käytöstä, ja olemme käyttäneet [] syntaksi asettaaksesi submit-success ja submit-error malleja dynaamisesti. The submit-success ja submit-error osiot määrittelevät mallit, jotka näytetään käyttäjälle, kun lomakkeen lähetys onnistuu tai epäonnistuu.
Vara-HTML, kun AMP-tukea ei ole
Voit tarjota vaihtoehtoista sisältöä käyttäjille, joilla ei ole AMP:tä käytössä tai jotka käyttävät sähköpostiohjelmaa, joka ei tue sitä. Voit tehdä tämän käyttämällä amp4email attribuutti määrittääksesi vara-URL-osoitteen, joka osoittaa sähköpostin ei-AMP-versioon. Yllä olevassa esimerkissä näet sekä tyylitunnisteen, joka piilottaa AMP HTML:n, jos sitä ei tueta, että vara-URL-osoitteen, josta HTML-sisältöä voidaan hakea ja näyttää.
Mailmodo: kooditon AMP-sähköpostimarkkinointi ja automaatio
Mailmodo on suunniteltu auttamaan sinua hyödyntämään AMP-sähköpostien tehoa paremman käyttökokemuksen luomiseen yksinkertaistetulla sähköpostimarkkinointiasetuksella, jotta voit lisätä sitoutumista ja tulosprosentteja… jotkut suoraan postilaatikosta!
Mailmodon ominaisuudet sisältävät:
- Helppo ja koodaus ilmaiset AMP-sähköpostit – vedä ja pudota AMP-lohkoja a WYSIWYG editori sähköpostien suunnitteluun. Voit muokata sisältöä jokaiselle käyttäjälle ja jopa ladata oman HTML-tiedoston tai muita koodinpätkiä.
- Sähköpostiautomaatio – Automatisoi tippasarjat käyttäjien käyttäytymisen ja markkinatietojen perusteella sähköpostien lähettämistä varten. Visuaalinen matkanrakennustyökalu, jonka avulla voit suunnitella käyttäjien matkakarttoja vetämällä ja pudottamalla. Analysoi käyttäjien käyttäytymistä ja optimoi tippasarjat ja matkakartat.
- Suuri toimitettavuus – Lähetä joukkosähköposteja Mailmodon kanssa SMTP tai lisää oma toimituspalvelu. Integraatiot kanssa AWS SES, sendgridtai pepipost. Voit myös saada hallittuja ja omistettuja IP-osoitteita.
- Aktivoi tapahtumasähköpostit automaattisesti – Käynnistää sähköpostit automaattisesti käyttäjän toimilla, kuten rekisteröitymällä, ostamalla tai hylkäämällä ostoskorin. Voit segmentoida käyttäjiä avausten, klikkausten ja lähetysten perusteella. Mailmodon avulla voit hallita ja päivittää kaikkia siirtymäsähköpostiviestejäsi suoraan heidän alustallaan.
- Kaikki raportit yhdellä hallintapaneelilla – visualisoi avaukset, napsautukset, tilausten peruutukset, lähetykset ja aiherivin A/B-testaukset ja mahdollisuus viedä kaikki tietosi CSV-muodossa.
Tuotteistetut integraatiot ulkoiseen verkkokauppaan, asiakkuuksien hallinta (CRM), ja muut alustat ovat myös saatavilla… mukaan lukien Shopify, Salesforce, MoEngage, verkkoydin, CleverTap, Pipedrive, WebEngage, Ja enemmän.
Rekisteröidy Mailmodoon ilmaiseksi!
Disclosure: Martech Zone on tytäryhtiö Mailmodo ja käytämme affiliate-linkkejä koko tämän artikkelin ajan.
