Templates in MailChimp (2)

Presentatie over: "Templates in MailChimp (2)"— Transcript van de presentatie:

1 Templates in MailChimp (2)
Direct Realisatie Les 6

2 Inhoud Herhaling templates Template aanmaken, HTML importeren
Merge tags Wettelijke eisen Template language Blokken voor variabele inhoud Oefening Direct Realisatie

3 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 Realisatie

4 Wat is een template? (herhaling)
“Sjabloon” Het deel van de 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 Realisatie

5 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 Realisatie

6 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 Realisatie

7 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: Direct Realisatie

8 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 Realisatie

9 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 Realisatie

10 Merge tags: enkele andere handige tags
Omschrijving *| |* adres van de ontvanger *|FORWARD|* Doorstuurlink *|DATE:d-m-y|* Verzenddatum *|LIST:SUBSCRIBERS|* Aantal mensen die 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 Realisatie

11 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 adres van de ontvanger bent gekomen Een uitschrijflink (unsubscribe) Het postadres (gebruik dat van de HAN) Direct Realisatie

12 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 Realisatie

13 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: Testen kan pas als je template gebruikt in een campagne Moet unieke naam zijn! Direct Realisatie

14 Voorbeeld aanpasbaar blok
<div mc:edit="Introductie"> Introducerende tekst </div> Direct Realisatie

15 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 Realisatie

16 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 Realisatie

17 Voorbeeld in te voegen afbeelding
<img mc:edit="Mijnplaatje" style="max-width:600px;" /> Direct Realisatie

18 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 Realisatie

19 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 Realisatie

20 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 Realisatie