Email Marketing at Automation

Mailmodo: Bumuo ng Mga Interactive na Email Gamit ang AMP Para Palakihin ang Pakikipag-ugnayan

Ang aming mga inbox ay nag-uumapaw sa mga kakila-kilabot na email... kaya kung ang iyong negosyo ay may malawak na subscriber base at talagang umaasa na bukas ang iyong email at mga click-through rate (CTR) up ng isang bingaw, interaktibidad ay kritikal. Ang isang solusyon na bumubuo ng momentum ay ang paggamit ng teknolohiya ng Accelerated Mobile Page sa HTML email.

AMP para sa Email

Ang kakayahang gumamit ng teknolohiya ng AMP upang lumikha ng mas dynamic at interactive na nilalaman ng email ay isang malaking pag-unlad sa teknolohiya ng email. AMP para sa email ay hindi katulad ng regular na AMP para sa mga website, at may ilang paghihigpit sa kung ano ang maaaring gawin sa email (hal. video at audio ay kasalukuyang hindi suportado).

Ang suporta sa AMP sa email ay hindi malawak na magagamit sa lahat ng email client, ngunit sinusuportahan ito ng ilan sa mga pangunahing email client gaya ng Gmail, Outlook.com, at Yahoo! Mail. Mahalaga ring tandaan na kahit na sinusuportahan ng isang email client ang AMP, maaaring hindi ito i-enable bilang default o maaaring mangailangan ang tatanggap na gumawa ng ilang pagkilos para paganahin ito.

Gumagana ang AMP para sa Email sa pamamagitan ng pagbibigay ng isang set ng mga pre-built na bahagi na magagamit para gumawa ng interactive at dynamic na content ng email. Kasama sa mga bahaging ito ang mga bagay tulad ng mga form, pagsusulit, image carousel, at higit pa, at magagamit ang mga ito para gumawa ng mga nakakaengganyo at interactive na email na nagbibigay ng mas magandang karanasan ng user para sa mga tatanggap.

Halimbawa ng AMP HTML Email

Narito ang isang halimbawa ng isang AMP email na may kasamang form ng subscription. Tandaan na HINDI kasama ang mga script embed kapag ipinapadala ang email na ito, ito ay para lang sa pagbuo at pagsubok ng solusyon sa labas ng iyong email marketing platform.

<!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>

Ang form ay gumagamit ng amp-form custom na elemento upang mahawakan ang pagsusumite at pagpapatunay ng form. Kapag isinumite ng user ang form, ipapadala ang data ng form sa URL na tinukoy sa action-xhr attribute, na dapat ay isang server endpoint na humahawak sa pagsusumite ng form. Nasa form tag, idinagdag namin ang novalidate attribute na i-disable ang client-side form validation, at ginamit namin ang [] syntax upang itakda ang submit-success at submit-error dynamic na mga template. Ang submit-success at submit-error Tinutukoy ng mga seksyon ang mga template na ipinapakita sa user kapag nagtagumpay o nabigo ang pagsusumite ng form, ayon sa pagkakabanggit.

Fallback HTML Kapag WALANG Suporta sa AMP

Maaari kang magbigay ng alternatibong content para sa mga user na hindi naka-enable ang AMP o gumagamit ng email client na hindi sumusuporta dito. Upang gawin ito, maaari mong gamitin ang amp4email attribute para tumukoy ng fallback URL na tumuturo sa isang hindi AMP na bersyon ng email. Sa halimbawa sa itaas, makikita mo ang parehong tag ng istilo na magtatago sa AMP HTML kung hindi ito sinusuportahan pati na rin ang isang fallback na URL kung saan maaaring makuha at maipakita ang HTML na content.

Mailmodo: Code-Free AMP Email Marketing at Automation

Ang Mailmodo ay idinisenyo upang tulungan kang gamitin ang kapangyarihan ng AMP Emails para sa paglikha ng isang mas mahusay na karanasan ng user gamit ang isang pinasimpleng email marketing setup para mapataas mo ang mga rate ng pakikipag-ugnayan at conversion... ang ilan ay direkta sa labas ng inbox!

Kasama sa Mga Tampok ng Mailmodo ang:

  • Madali at Libreng Pag-code ng AMP na mga Email – i-drag at i-drop ang mga bloke ng AMP sa isang WYSIWYG editor upang magdisenyo ng mga email. Maaari mong i-personalize ang nilalaman para sa bawat user at kahit na mag-upload ng sarili mong HTML file o iba pang mga snippet ng code.
  • Email Automation – I-automate ang mga drip sequence batay sa gawi ng user at market data para magpadala ng mga email. Visual journey builder para tulungan kang magdisenyo ng mga mapa ng paglalakbay ng user gamit ang drag and drop. Suriin ang gawi ng user at i-optimize ang mga drip sequence at journey map.
  • Mataas na Paghahatid – Magpadala ng maramihang email gamit ang Mailmodo's SMTP o magdagdag ng sarili mong serbisyo sa paghahatid. Mga pagsasama sa
    AWS SES, SendGrid, O Pepipost. Maaari ka ring makakuha ng mga pinamamahalaan at nakatuong IP.
  • I-auto trigger ang mga transactional na email – Awtomatikong mag-trigger ng mga email sa pamamagitan ng pagkilos ng user tulad ng pag-signup, pagbili, o pag-abandona sa cart. Maaari mong i-segment ang mga user batay sa mga pagbukas, pag-click, at pagsusumite. Binibigyang-daan ka ng Mailmodo na pamahalaan at i-update ang lahat ng iyong transitional na email nang direkta sa kanilang platform.
  • Lahat ng ulat sa isang dashboard – tingnan ang mga bukas, pag-click, pag-unsubscribe, pagsusumite, at pagsubok sa linya ng paksa A/B, na may kakayahang i-export ang lahat ng iyong data sa CSV na format.

Produktong pagsasama sa panlabas na e-commerce, pamamahala ng relasyon sa customer (CRM), at iba pang mga platform ay magagamit din... kabilang ang Shopify, Salesforce, MoEngage, net core, CleverTap, Pipedrive, WebEngage, At higit pa.

Mag-sign Up Para sa Mailmodo nang Libre!

Pagsisiwalat: Martech Zone ay isang kaakibat ng Mailmodo at gumagamit kami ng mga kaakibat na link sa buong artikulong ito.

Douglas Karr

Douglas Karr ay CMO ng OpenINSIGHTS at ang nagtatag ng Martech Zone. Nakatulong si Douglas sa dose-dosenang matagumpay na mga startup ng MarTech, tumulong sa angkop na pagsusumikap ng higit sa $5 bil sa mga pagkuha at pamumuhunan ng Martech, at patuloy na tinutulungan ang mga kumpanya sa pagpapatupad at pag-automate ng kanilang mga diskarte sa pagbebenta at marketing. Si Douglas ay isang kinikilalang internasyonal na digital na pagbabago at eksperto at tagapagsalita ng MarTech. Si Douglas ay isa ring nai-publish na may-akda ng isang Dummie's guide at isang business leadership book.

Kaugnay na Artikulo

Bumalik sa tuktok na pindutan
Pagsasara

Natukoy ang Adblock

Martech Zone ay kayang ibigay sa iyo ang nilalamang ito nang walang bayad dahil pinagkakakitaan namin ang aming site sa pamamagitan ng kita ng ad, mga link na kaakibat, at mga sponsorship. Ikinalulugod namin kung aalisin mo ang iyong ad blocker habang tinitingnan mo ang aming site.