Templates in MailChimp (2) Direct e-mail: Realisatie Les 6
Inhoud Herhaling templates Template aanmaken, HTML importeren Merge tags Wettelijke eisen Template language Blokken voor variabele inhoud Oefening Direct e-mail: Realisatie
Twee lessen over templates Vorige keer: wat zijn templates en wat zijn grofweg de mogelijkheden zodat je daarmee rekening kunt houden bij je ontwerp Vandaag: hoe maak je templates in MailChimp en hoe pas je de mogelijkheden toe zodat je je ontwerp kunt realiseren Direct e-mail: Realisatie
Wat is een template? (herhaling) “Sjabloon” Het deel van de e-mail dat voor alle ontvangers hetzelfde is Bevat layout, kleuren, plaatjes en zelfs tekst Maar dus NIETS dat “dynamisch” moet zijn Kunnen gebruikt worden als je vaker een campagne verstuurd (bijv. wekelijkse nieuwsbrief) Direct e-mail: Realisatie
Opbouw template Is een normaal HTML-document met een paar extra’s. O.a.: Blokken voor aanpasbare inhoud bijv. klantgroepspecifieke tekst, nieuwsbrieftekst, etc. Varianten bijv. verschillende plaatjes per seizoen Herhaalbare blokken bijv. blok voor nieuwsberichten: een specifieke nieuwsbrief kan een willekeurig aantal nieuwsberichten bevatten Verbergbare blokken Kan in de ene mail wel en in de andere niet getoond worden Gepersonaliseerde info bijv. naam van de klant of sport die de klant beoefent Direct e-mail: Realisatie
Template maken in MailChimp My Templates: bewerk/bekijk opgeslagen templates Code your own: Codeer HTML ter plekke (of copy/paste vanuit andere editor) Voordeel: makkelijk testen en aanpassen Nadeel: plaatjes moeten elders gehost zijn (bijv. Dropbox of Google “free hosting”) Import: Importeer complete HTML-pagina die je in andere editor hebt gemaakt Voordeel: plaatjes kunnen worden meegestuurd Nadeel: bij elke wijziging moet je opnieuw importeren Direct e-mail: Realisatie
Merge tags Code die je in template zet, en die in de echte mail vervangen wordt Staat altijd tussen *| en |* Eenvoudige voorbeelden: Beste *|VOORNAAM|*, Wordt: “Beste Piet,” Beste liefhebber van *|FAVORIETEBAND|*, Wordt: “Beste liefhebber van Muse,” Introducerend filmpje: http://mailchimp.com/resources/academy/merge-tags/merge-tags-sing-a-long/ Direct e-mail: Realisatie
Merge tags: voorwaardelijk Als aan een bepaalde voorwaarde voldaan is, laat dan A zien, laat anders B zien, voorbeeld: *|IF:GESLACHT=M|* Hallo meneer, *|ELSE|* Hallo mevrouw, *|END:IF|* Direct e-mail: Realisatie
Merge tags: groeplidmaatschap Als je lijst is opgedeeld in groepen, kan de een groep andere inhoud krijgen dan de andere, voorbeeld: *|GROUP:Wielrenners|* Nieuwe wielrenkleding in het assortiment! *|END:GROUP|* *|GROUP:Bergbeklimmers|* Bergschoenencollectie uitgebreid! *|END:GROUP|* Direct e-mail: Realisatie
Merge tags: enkele andere handige tags Omschrijving *|EMAIL|* E-mailadres van de ontvanger *|FORWARD|* Doorstuurlink *|DATE:d-m-y|* Verzenddatum *|LIST:SUBSCRIBERS|* Aantal mensen die e-mail ontvangt *|UNSUBSCRIBE|* Link om je uit te schrijven *|SHARE:SITE_NAME1,SITE_NAME2|* (bijv. Facebook, Google, LinkedIn, MySpace, Reddit, Slashdot, StumbleUpon, Technorati, Twitter) Link(s) voor delen op sociale netwerken Direct e-mail: Realisatie
Wettelijke eisen Om via MailChimp te mogen versturen moet je mail aan internationale anti-spamregels voldoen Betekent o.a. dat elke mail de volgende info MOET bevatten: Hoe je aan het e-mailadres van de ontvanger bent gekomen Een uitschrijflink (unsubscribe) Het postadres (gebruik dat van de HAN) Direct e-mail: Realisatie
Wettelijke eisen Als je echte mails stuurt, moet je ook aan artikel 11.7 van de Nederlandse wet telecommunicatie voldoen, dat houdt o.a. in: Expliciete toestemming van de ontvanger is nodig Schrijf alleen over onderwerp waarvoor men zich heeft aangemeld Maak geen promotie voor andere bedrijven Beloon mensen niet voor doorsturen en laat ze alleen doorsturen als ze kennis hebben genomen van inhoud van je mail Direct e-mail: Realisatie
Template language Templates zijn HTML plus Template language Stukjes code die je aan een HTML-tag kunt toevoegen Voorbeeld: <div mc:edit="Bericht">Aanpasbaar</div> Introducerend filmpje en documentatie: http://kb.mailchimp.com/article/template-language-creating-editable-content-areas/ Testen kan pas als je template gebruikt in een campagne Moet unieke naam zijn! Direct e-mail: Realisatie
Voorbeeld aanpasbaar blok <div mc:edit="Introductie"> Introducerende tekst </div> Direct e-mail: Realisatie
Voorbeeld herhalend blok <div mc:repeatable="Herhaling"> <p>Dit kun je herhalen</p> </div> Dit gebruik je waarschijnlijk nooit zo, omdat je bij herhaling steeds exact hetzelfde te zien krijgt, zie volgende dia Direct e-mail: Realisatie
Voorbeeld herhalend blok met aanpasbare elementen <div mc:repeatable="Berichten"> <h3 mc:edit="titel">De titel</h3> <p mc:edit="inhoud">Inhoud van nieuwsbericht</p> </div> Direct e-mail: Realisatie
Voorbeeld in te voegen afbeelding <img mc:edit="Mijnplaatje" style="max-width:600px;" /> Direct e-mail: Realisatie
Voorbeeld varianten <div mc:repeatable="seizoen" mc:variant="zomer”> <img src=”zon.jpg"> </div> <div mc:repeatable="seizoen" mc:variant="winter"> <img src="winter.jpg"> </div> (“Repeatable” is nodig voor groepering, ook als het eigenlijk niet herhalend is) Direct e-mail: Realisatie
Voorbeeld uit eerdere les Capibara nieuwsbrief september Beste Sebastiaan, Deze maand is er speciaal nieuws voor wielrenners. Onze nieuwe collectie fietskleding is binnen. Bezoek snel onze webshop of kom naar een van de winkels! Capibara sponsort de avondvierdaagse van Alblasserdam Dit jaar is Capibara wederom de hoofdsponsor van de avondvierdaagse van Alblasserdam. Ook meelopen? Bekijk de website van de avondvierdaagse! Nieuwe collectie regenkleding Elke sporter heeft er wel eens mee te maken: slecht weer. Gelukkig is onze nieuwe regenkledingcollectie binnen! Groeten van het team van Capibara! Direct e-mail: Realisatie
Opdracht: maak deze template in MailChimp Capibara nieuwsbrief Beste , Groeten van het team van Capibara! Aanpasbaar blok persoonlijk Aanpasbaar blok Variabel blok Herhalend blok (bevat kop en tekst) Direct e-mail: Realisatie