Handleiding: BrightEdit Deze handleiding is in te zetten voor MailPlus Marcom.
Inhoudsopgave Introductie... 1 1 Opbouw van BrightEdit... 2 1.1 Het hoofdmenu... 4 1.2 De toolbar... 5 1.3 Het template... 6 1.4 De contentblokken... 9 2 Acties met contenblokken... 13 2.1 Contentblok toevoegen... 13 2.2 Contentblok verplaatsen... 14 2.3 Contentblok dupliceren... 14 2.4 Contenblok verwijderen... 15 2.5 Contenblok bewerken... 15 3 Artikel-editor van BrightEdit... 17 3.1 Opbouw artikel-editor... 17 3.2 Algemene bewerkfuncties... 18 3.3 Iconen... 20
Introductie MailPlus is een gebruiksvriendelijke e-mail marketingapplicatie die intuïtief werkt. Een onderdeel van MailPlus waarbij soms wat extra uitleg toch handig is, is de MailPlus HTML-editor: BrightEdit. Met deze editor maakt u zelf aan de hand van een template een professioneel e-mail bericht of landingspagina. U kunt daarbij gebruik maken van contentblokken met drag- & dropfuncties. Hoe dit precies in z n werk gaat? Dat wordt in deze handleiding uitgelegd. In deze handleiding treft u uitleg over de opbouw van BrightEdit (H1), detail informatie over acties met contentblokken (H2) en tenslotte een overzicht van de functies van de artikel-editor (H3). Heeft u na het lezen nog vragen en/of opmerking over het gebruik van BrightEdit? Raadpleeg de Snelhelp in MailPlus of neem contact op met MailPlus Support: 079 363 12 12 of support@mailplus.nl. 1
1 Opbouw van BrightEdit In het Message Center en de Page Manager van MailPlus kunt u gebruik maken van BrightEdit voor het opstellen van berichten en landingspagina s. In dit hoofdstuk wordt de opbouw van deze editor beschreven. Bij het bewerken van een e-mailbericht en/of landingspagina wordt BrightEdit geopend. Het werkscherm van de editor bestaat uit de volgende vier onderdelen: 1. Het hoofdmenu 2. De toolbar 3. Het template 4. De contentblokken In afbeelding 1.1 zijn de verschillende onderdelen van BrightEdit gemarkeerd. 2
1 2 3 4 4 Afbeelding 1.1 Opbouw BrightEdit 3
1.1 Het hoofdmenu Het hoofdmenu van BrightEdit ontsluit de functies voor het samenstellen van uw bericht of landingspagina. Hieronder valt de mogelijkheid om een template of vorige versie in te laden en het gebruik van de zeven getoonde iconen. Template inladen De eerste stap bij het opstellen van een nieuw bericht of een nieuwe landingspagina is het kiezen van het template. Als MailPlus-gebruiker kunt u meerdere templates beschikbaar hebben in uw MailPlusaccount. U kunt uw template kiezen in het dropdown-menu van BrightEdit. Bij het opstellen van een bericht of landingspagina wordt één template altijd standaard ingeladen. Vorige versie inladen BrightEdit is voorzien van een autosave-functie. Na tien wijzigingen, door u als gebruiker en/of na vijf minuten, wordt automatisch een versie opgeslagen. Met het dropdown-menu rechtsboven het werkscherm kunt u voorgaande versies selecteren om van daaruit weer verder te werken. Iconen Naast het inladen van een template en/of een vorige versie, kunt u in het hoofdscherm gebruikmaken van zeven iconen. Hieronder een overzicht van de bijbehorende functies: = Opslaan Met dit icoon slaat u wijzigingen in het bericht of de landingspagina op. Zodra u bijvoorbeeld een artikel heeft verplaatst, drukt u op dit icoon om deze wijziging op te slaan. Een eenvoudige toetscombinatie voor het opslaan is CTRL-S. 4
= Voorbeeld bekijken (preview) Door op dit icoon te drukken, wordt in een nieuw venster uw landingspagina of bericht getoond. Dit is de uiteindelijke weergave voor uw doelgroep. Om terug te keren naar BrightEdit sluit u dit venster. = Volledig scherm U heeft de mogelijkheid om de editor in een groter scherm te tonen. Dit vergemakkelijkt het gebruik van de editor (denk aan het weglaten van extra scrollbalken). U kunt zich dan volledig concentreren op uw bericht of landingspagina. Met de toetscombinatie CTRL-M is uw scherm snel te maximaliseren. = Ongedaan maken Heeft u iets aangepast wat niet het gewenste effect behaalt? U kunt met deze functie altijd een actie teruggaan. Het is ook mogelijk meerdere stappen terug te gaan. Zelfs tot helemaal naar het begin. De toetscombinatie CRTL-Z heeft hetzelfde effect. = Opnieuw uitvoeren Mocht u een stap te ver teruggegaan zijn met Ongedaan maken, dan kunt u met deze functie weer een stap vooruit. Oftewel de actie terughalen. Gebruik CTRL-Y om deze actie snel uit te voeren. = Randen weergeven Uw template is opgebouwd uit tabellen (1.3 Het template). In BrightEdit zijn deze tabellen aan het oog onttrokken. Vind u het prettiger om de structuur van uw template te zien tijdens het opstellen van een bericht of landingspagina? Dan kunt u dat met dit icoon instellen. Een eenvoudige toetscombinatie voor het weergeven van de randen in BrightEdit is CTRL-B. 1.2 De toolbar Met de toolbar van BrightEdit kunt u nieuwe contentblokken toevoegen aan een bericht of landingspagina. 5
Positie De toolbar kunt u zelf op een handige positie slepen in uw scherm, bijvoorbeeld links of rechts van het template. Wanneer u scrollt, blijft de toolbar staan, zodat u het altijd direct tot uw beschikking heeft. De positie van de toolbar wordt opgeslagen bij het bericht. De volgende keer als u BrightEdit gebruikt, ziet u de toolbar weer op dezelfde positie staan. Werking In de toolbar zijn de contentblokken gegroepeerd in een aantal hoofdgroepen. Elke hoofdgroep is uit te klappen. De bijbehorende contentblokken worden dan zichtbaar. In het Message Center van MailPlus zijn de hoofdgroepen Artikelen en Respons beschikbaar. De toolbar van de Page Manager toont een optie voor verschillende media. Afbeelding 1.2 Toolbar van het Message Center en de Page Manager Verschil toolbars Message Center en Page Manager Zoals aangegeven, is er een verschil tussen de hoofdgroepen van de toolbar in het Message Center en de Page Manager van MailPlus. Hierdoor zijn er logischerwijs ook verschillen in de beschikbare typen contentblokken. 6
Waarom deze verschillen? De browser waar een landingspagina in wordt getoond, laat meer toe dan een e-mail programma waarin een e-mail in wordt geopend. Zo werkt Flash en JavaScript niet in e-mail en wel op landingspagina s. Dit betekent dat u bij het opstellen van een HTML e-mail bericht minder contenblokken heeft dan bij het opstellen van een webpagina. 1.3 Het template Wanneer u een e-mail bericht of landingspagina opstelt in MailPlus, werkt u met een template. Een template is het best te vergelijken met een sjabloon in Microsoft Word. In een template zijn namelijk alle huisstijlelementen vastgelegd, zoals het bedrijfslogo, de kleuren, het lettertype, een header, footer en de lay-out. Het grote voordeel van het opstellen van een e-mail of landingspagina met behulp van een template is dat u zich niet meer over de opmaak hoeft te bekommeren. U richt zich alleen op de teksten, afbeeldingen en doorklik-links. Het gebruik van een template zorgt bovendien voor een consistente uitstraling. Opbouw Een template is opgebouwd uit HTML-code (opmaakcode voor websitepagina s) en bestaat uit tabellen. Zo kan de eerste rij van uw template bijvoorbeeld de kop zijn en de onderste rij van de tabel de voet. Vaak zit de tabelstructuur iets complexer in elkaar dan dit voorbeeld. Zo kunnen er verschillende kolommen per rij zijn met daarin weer geneste tabellen. Allen met eigen maten en eigenschappen. Om niet te ver door te schieten, willen we het graag houden bij de dingen die voor u belangrijk zijn om een goede e-mail of landingspagina op te stellen. In het volgende voorbeeld ziet u daarom een versimpelde structuur van een template. 7
Afbeelding 1.3 Opbouw HTML-template 8
Niet bewerkbare onderdelen Het overkoepelende template bestaat niet alleen uit contentblokken. Een header of footer kunnen als gewoon template element zijn opgenomen en daardoor niet bewerkbaar zijn. Afhankelijk van de opbouw van uw template kunt u dus niet-bewerkbare elementen hebben. Wanneer het toch wenselijk is om deze te bewerken, dient het template aangepast te worden. (Ver)plaatsing contentblokken In het template staat gedefinieerd waar nieuwe contentblokken ingevoegd kunnen worden. Tijdens het invoegen worden deze beschikbare plekken in het template gemarkeerd. Het is ook mogelijk dat uw template contentblokken bevat die niet te verplaatsen zijn, maar wel te bewerken zijn. Wanneer u dit soort contentblokken wilt verplaatsen, wordt geen sleepicoon getoond. Voor meer informatie over het verplaatsen van contentblokken kunt u paragraaf 2.2 raadplegen. Wilt u toch een contentblok op een niet-beschikbare plek invoegen of een vast contentblok verplaatsen? Dan zal het template aangepast moeten worden. 1.4 De contentblokken Elk contentblok is opgebouwd uit een balk (1) bovenaan, blok-menu (2), een icoon die aangeeft of het een standaard of optioneel contentblok betreft (3) en de content zelf (4). 3 1 2 4 Afbeelding 1.4 Opbouw contentblok 9
Hieronder een bescheiden toelichting van deze elementen. Voor meer gedetailleerde informatie over het werken met contentblokken kunt u hoofdstuk 2 raadplegen. 1) Blokbalk De balk boven een contentblok heeft twee functies: het herkenbaar maken en het kunnen verslepen van een contentblok. Hoe een contentblok te verplaatsen is, wordt uitgelegd in 2.2. De balk bevat het blok-menu en het icoon voor speciale contentblokken. 2) Blok-menu Per contentblok is een menu met opties aanwezig in de blokbalk. Dit menu biedt u de mogelijkheid om een contentblok te bewerken, te dupliceren, te verwijderen, een template te selecteren en eventuele social media mogelijkheden toe te voegen. De laatste twee behoeven wat meer toelichting: Bloktemplate Naast het template voor een compleet bericht of landingspagina, maakt BrightEdit gebruik van mini-templates voor de contentblokken. Deze bloktemplates bepalen de tekst uitlijning, lettertypes en positie van eventuele afbeeldingen. Voor de soorten contentblokken Formulier, Formulier afschrift en Youtube-video kunt u zo n bloktemplate selecteren in het blok-menu. Uitzondering op deze functie zijn de artikel contentblokken. Aangezien de content van artikelen nog te bewerken is in BrightEdit, kunt u het template in de artikel-editor selecteren en niet in het blok-menu. Op deze manier wordt voorkomen dat een artikel onbedoeld vervangen wordt met een template en content verloren gaat. Social media Wanneer u een trackable link heeft ingevoegd in een contentblok (raadpleeg 3.3 voor meer informatie over het invoegen van links), kunt u deze door uw lezer laten delen met een sociaal netwerk. Wanneer de lezer drukt op het icoon van Facebook, LinkedIn, Google+ en/of Twitter, kan hij de link met één van deze netwerken delen. 10
Hoe kan ik dit zelf instellen bij een contentblok? Voorwaarde is dat u een contentblok met trackable link beschikbaar heeft. Selecteer in het blok-menu van dit contentblok de optie Social media. Een uitklapscherm wordt getoond, vergelijkbaar aan de volgende afbeelding. Afbeelding 1.5 Social media toevoegen Geef op met welke sociale netwerken u het delen wilt toestaan en bedenk een passende naam. Selecteer vervolgens de betreffende trackable link. De omschrijving die u hier meegeeft, zal bij het delen door uw lezer als default tekst worden getoond. De lezer kan dit eventueel nog aanpassen voordat hij de link verspreidt. Na op Ok te hebben gedrukt, worden de iconen onderaan het contentblok geplaatst. Onderin het contentblok worden nu de iconen getoond van de geselecteerde social media. Wanneer u afwijkende iconen wilt inzetten, zal u het template moeten (laten) aanpassen. Alle social media links worden getracked in MailPlus. U kunt in de rapportage van de uiteindelijke 11
mailing dus zelf zien of en hoe vaak uw ontvangers gebruik maken van het delen. 3) Icoon voor een optionele contentblok Elk nieuw contentblok dat u invoegt in een e-mail of op een landingspagina is een standaardblok. Dit standaardblok is voor alle contacten (in de uiteindelijke doelgroep) zichtbaar. Als MailPlus Campaigns-gebruiker heeft u echter de mogelijkheid om een contentblok optioneel te maken door op het aangegeven icoon te klikken. Op basis van doelgroepprofielen kunt u hiermee bepalen wie dit contentblok wel of niet te zien krijgt. Afbeelding 1.6 Optioneel contentblok 4) Content van het blok Onder de blokbalk treft u altijd de content van een contentblok. Afhankelijk van het type blok kan hier bijvoorbeeld een artikel tekst, video of formulier getoond worden. Niet alle contenttypen zijn bewerkbaar. In paragraaf 2.5 kunt u hier meer over lezen. 12
2 Acties met contentblokken Nu de opbouw van BrightEdit in het algemeen duidelijk is, vervolgen we in dit hoofdstuk met een verdieping. Op de volgende pagina s treft u meer informatie over het belangrijkste onderdeel van BrightEdit: het werken met de contentblokken. In BrightEdit zijn de volgende acties met contentblokken uit te voeren: Nieuw blok toevoegen Blok verplaatsen Blok dupliceren Blok verwijderen Blok bewerken In de volgende paragrafen worden deze acties verder uitgelegd. 2.1 Contentblok toevoegen U kunt eenvoudig een nieuw blok toevoegen aan uw template. Dit doet u door in de toolbar (1.2) het juiste contentblok te selecteren (linker muisknop ingedrukt houden) en deze in uw bericht op de gewenste plaats te slepen. U ziet nu een grijs vlak ( landing zone ) verschijnen waar het blok geplaatst wordt als u de muisknop loslaat. Als u dit gedaan heeft, ziet u een nieuw blok zonder content in het template staan. Afbeelding 2.1 Contentblok toevoegen 13
2.2 Contentblok verplaatsen Wanneer uw contentblokken niet in de juiste volgorde staan, kunt u deze verplaatsen met de bovenste balk van het contentblok. Plaats uw muis boven de blokbalk, zodat uw muis in een sleepicoon verandert. Houd deze balk met uw muis vast en versleep het blok naar de gewenste plek. Op de gemarkeerde plekken (die verschijnen wanneer u een blok versleept) kunt u het blok loslaten voor plaatsing. Afbeelding 2.2 Contentblok verplaatsen Vaste blokken Het kan zijn dat u bij sommige blokbalken geen sleepicoon ziet. Dit zijn blokken die tijdens het aanmaken van het template een vaste positie hebben gekregen. Als gebruiker kunt u wel de content van het blok aanpassen, maar niet de positie wijzigen. Wilt u zo n vast blok toch verplaatsen? Dan zal dit gewijzigd moeten worden in het template. 2.3 Contentblok dupliceren U kunt een blok eenvoudig dupliceren via het blok-menu. Open het menu en druk op dupliceren. Een kopie van het blok wordt onder het 14
originele blok geplaatst. U kunt dit nieuwe blok eventueel verplaatsen naar de juiste plek in het template en/of bewerken. 2.4 Contentblok verwijderen Voor het verwijderen van een contentblok gebruikt u wederom het blok-menu. Na het open klappen van dit menu kiest u voor verwijderen. Er verschijnt een pop-up venster waarin u gevraagd wordt om het verwijderen te bevestigen. Indien u op de knop Ok drukt, verwijdert BrightEdit het gehele blok. 2.5 Contentblok bewerken U kunt de content van een blok bewerken door dubbel te klikken op het blok of het blok-menu te gebruiken. Het is afhankelijk van het soort content hoe u dit kunt bewerken. De content van de contentblokken Formulier, Survey, Formulierafschrift en Youtube-video zijn niet bewerkbaar in BrightEdit. De Form (MailPlus Feedback en Campaigns) en Page Manager kunt u hier wel voor inzetten. In uw bericht of landingspagina in BrightEdit kunt u voor dit type contentblok alleen selecteren welke content getoond moet worden. In de volgende afbeelding ziet u een voorbeeld van een formulier contentblok, waarbij u na dubbelklikken een formulier uit de Form Manager kunt selecteren: Afbeelding 2.3 Formulier contentblok 15
Is het blok van het type Artikel? Dan verschijnt na dubbelklikken op het blok een pop-up met de artikel-editor. In hoofdstuk 3 beschrijven we de werking van deze artikel-editor. Hieronder een overzicht van de bewerkmogelijkheden in BrightEdit op basis van het type contentblok: Contentblok Content Bewerken in Artikel - Vrije opmaak Artikel - RSS Tekst en/of afbeeldingen Tekst en/of afbeeldingen BrightEdit BrightEdit Respons - Formulier Formulier Form Manager Respons - Survey Survey Survey Manager Respons - Poll Poll Poll Manager Respons - Formulierafschrift Resons - YouTubevideo Formulierafschrift - YouTube-video - 16
3 Artikel-editor van BrightEdit Na dubbel te hebben geklikt op een artikel contentblok verschijnt in een pop-upvenster een artikel-editor. Het getoonde artikel zal in eerste instantie voorbeeldcontent bevatten. Hoe u dit met de artikel-editor tot een eigen artikel kunt opmaken, wordt in dit hoofdstuk uitgelegd. 3.1 Opbouw artikel-editor In de artikel-editor kunt u gebruik maken van een aantal algemene bewerkfuncties en een iconen-menu. De volgende paragrafen geven uitleg over deze functies en iconen. Voordat u aan de slag gaat met het opstellen van een artikel dient u eerst een bloktemplate te selecteren in het uitklapmenu boven de iconen. Afbeelding 3.1 Artikel-editor 17
3.2 Algemene bewerkfuncties Het voorbeeldartikel dat in eerste instantie wordt getoond, kunt u als basis gebruiken voor uw eigen content. In de editor kunt u content (tekst en/of afbeeldingen) selecteren, verwijderen, verplaatsen en nieuw invoegen met de algemene bewerkfuncties. Tekst selecteren Bij het opmaken van een contentblok kunt u teksten selecteren om deze bijvoorbeeld van opmaak te veranderen of om er een doorklik-link van te maken. In BrightEdit is een stuk tekst te selecteren door de linker muisknop in te drukken en met de muis te slepen. Afbeelding selecteren Om een doorklik-link achter een afbeelding te zetten of om een afbeelding te verwijderen dient u deze afbeelding te selecteren. Door met uw linkermuisknop op de afbeelding te klikken, maakt u deze selectie. Een geselecteerde afbeelding wordt aangegeven door een arcering en acht vierkantjes die er omheen staan. Afbeelding 3.2 Geselecteerde afbeelding U kunt de afbeelding de-selecteren door de cursor buiten de afbeelding te plaatsen en nogmaals op de linkermuisknop te drukken. 18
Items verplaatsen Het is mogelijk items te verplaatsen in uw artikelblok. Denk bijvoorbeeld aan afbeeldingen. U kunt dit doen door de linkermuisknop op een item of een stuk geselecteerde tekst ingedrukt te houden en te slepen naar de gewenste nieuwe plek. Harde return versus zachte return Er is een verschil tussen een harde en zachte return (enter). Bij een zachte enter wordt alleen de Enter-toets ingedrukt en verschijnt er een nieuwe regel, zonder extra witregel. Een harde enter, een combinatie van de shift- en Enter-toets, levert een nieuwe regel op na een lege regel (een nieuwe alinea). Het invoegen van een harde of zachte enter heeft invloed op de HTML-code van het bericht. Hierin wordt op de achtergrond een kenmerk ingevoegd om onderscheid te maken tussen een nieuwe alinea (harde enter) en een nieuwe regel (zachte enter). Functies zoals nummering, opsomming, inspringing en uitlijning werken altijd op basis van paragrafen. Gebruik hiervoor dus een harde enter. Bewerkingen opslaan Wanneer u tevreden bent over het resultaat van uw bewerkingen, drukt u op Ok om de bewerkingen op te slaan. Deze knop treft u onderaan het artikel bewerkvenster. Afbeelding 3.3 Bewerkingen opslaan Bewerkingen annuleren Bent u niet tevreden met de uitgevoerde bewerkingen op een artikel? Druk dan op de knop Annuleren of het kruisje rechts bovenin het bewerkscherm, zodat het contentblok ongewijzigd blijft. De pop-up sluit en u keert terug in het hoofdscherm van BrightEdit. 19
3.3 Iconen Naast de algemene bewerkfuncties beschikt u ook over het iconenmenu bovenin de artikel-editor. Deze iconen kunt u benutten om uw artikel af te ronden. De volgende opties staan tot uw beschikking: = Link invoegen Na het selecteren van een woord (of zinsdeel) kunt u met dit icoon een doorklik-link invoegen in de artikel-editor. Na op dit icoon te hebben gedrukt, wordt een nieuw venster geopend waarin u de specificaties van de link kunt bepalen. Afbeelding 3.4 Link invoegen 20
In het venster kunt u een keuze maken uit zeven type links: Link (met tracking) naar externe webpagina Dit is een link naar een webpagina, waarbij geteld wordt hoe vaak er op de link wordt geklikt en door wie. De resultaten hiervan kunt u terugzien in de rapportage in de Mailing Manager Link (met tracking) naar webpagina Page Manager Dit type link verwijst naar een webpagina die u heeft aangemaakt in de Page Manager Interne link naar anker in deze e-mail Met deze optie kunt u verwijzen naar een plek in uw bericht of landingspagina, gemarkeerd met een anker (zie ook Anker invoegen ). Denk bijvoorbeeld aan een verwijzing naar een specifieke alinea. Dit type link wordt vaak toegepast voor het maken van een inhoudsopgave Link naar een e-mailadres Bij het aanklikken van deze link door de lezer, wordt er een nieuw e-mail bericht geopend vanuit het standaard e-mail programma. Enkele default waardes kunt u hiervoor opgeven Speciale link Er zijn twee speciale links beschikbaar: een link naar de webversie van een bericht en een afmeldlink via e-mail. De speciale links staan normaliter al vermeld Link naar een document Wanneer u wilt verwijzen naar een document in de Document Manager van MailPlus, gebruikt u dit type link. Link (zonder tracking) naar externe webpagina Dit is een link naar een webpagina, waar geen meetresultaten van worden bijgehouden = Link verwijderen Na het selecteren van een tekst met een doorklik-link in uw bericht of landingspagina, kunt u door op dit icoon te klikken de link verwijderen. = Anker invoegen Een anker is een markering waar naar verwezen kan worden. Bijvoorbeeld het begin van een alinea of aan de bovenkant van uw bericht. Een veel gebruikte toepassing is bovenaan een inhoudsopgave 21
met doorklik-links naar de artikelen verderop. Bij elk artikel plaatst u dan een anker om naartoe te kunnen verwijzen. Om een anker in te voegen, plaatst u eerst uw cursor op de gewenste plek. Vervolgens drukt u op het anker-icoon en vult u in het pop-up scherm een naam naar keuze in. Na op Ok te hebben gedrukt, wordt het anker geplaatst. Hoe u vervolgens een link kunt maken naar een anker, kunt u in dit document lezen bij het onderdeel: Link invoegen, type link 3. = Afbeelding invoegen/bewerken Na het drukken op dit icoon opent er een nieuw venster met twee tabbladen. In het tabblad Kies een afbeelding ziet u voorbeelden van de afbeeldingen, die u via de Image Manager heeft geüpload. Achter iedere afbeelding ziet u een link genaamd selecteren. Zodra u hierop drukt, springt u automatisch naar het tweede tabblad Eigenschappen afbeelding. Wilt u een afbeelding gebruiken die op een andere locatie staat? Op de eerste tab selecteert u Afbeeldingen van een externe locatie en vervolgens kunt u de URL opgeven. Onder het tabblad Eigenschappen afbeelding heeft u een aantal opties om de eigenschappen van de afbeelding te beïnvloeden. 22
Afbeelding 3.5 Afbeelding invoegen/bewerken Uitlijning Uitlijning bevat een lijst met opties waarmee de afbeelding uitgelijnd kan worden ten opzichte van de omringende tekst. Wanneer u met uitlijning werkt, is het in de meeste gevallen het handigst om de afbeelding helemaal aan het begin van de paragraaf te plaatsen. Alt. tekst De Alt. tekst verschijnt in een klein venstertje boven de cursor, zodra men de cursor even stilhoudt boven de afbeelding. Daarnaast wordt de alternatieve tekst ook getoond als afbeeldingen nog niet zijn ingeladen in een e-mail bericht bij de ontvanger. 23
Verticale en horizontale ruimte Hiermee kunt u de witruimte om een afbeelding heen bepalen. Rand Het getal wat u hier invult, is de dikte van de rand om de afbeelding heen in pixels. De kleur van de rand wordt vastgelegd in het template en kunt u hier niet wijzigen. Stijl en klasses Wanneer u thuis bent in HTML-code kunt u deze velden gebruiken om nieuwe classes toe te voegen en de styling van een afbeelding te beinvloeden. = Speciale karakters Hiermee kunt u speciale tekens in uw tekst plaatsen zoals: valutasymbolen, interpunctie en wiskundige symbolen. = Personalisatie invoegen Via deze functie kunt u uw e-mail bericht en landingspagina personaliseren. Alle databasevelden van uw MailPlus-account kunt u hiervoor inzetten. Een bijzonder personalisatieveld is de Aanhef. Dit is een slimme combinatie van geslacht, tussenvoegsel en achternaam. Als bijvoorbeeld het geslacht ontbreekt, dan wordt het geachte heer/ mevrouw Jansen. Indien de achternaam ontbreekt, wordt het geheel vervangen door één alternatief, zoals: klant of relatie. Bij het opzetten van uw MailPlus-account kan dit naar wens ingesteld worden. = Knippen Wanneer u tekst wilt verplaatsen, gebruikt u de knip-functie. Knip de geselecteerde tekst en plak deze vervolgens met het plakken icoon op de gewenste plek in het bericht. De alternatieve toetsencombinatie voor deze functie is CTRL-X. 24
= Kopiëren Met één klik op dit icoon is een selectie te kopiëren en kunt het vervolgens op een andere plek of in een ander document terug te laten komen (gebruik hiervoor de functie plakken ). Een eenvoudige toetsencombinatie voor het kopiëren is CTRL-C. = Plakken Na een selectie geknipt of gekopieerd te hebben, kunt u deze plaatsen door gebruik van de plakken-functie. Zet de cursor van tevoren wel op de plek waar de gekopieerde of geknipte tekst moet komen. Een eenvoudige toetsencombinatie voor het plakken is CTRL-V. = Platte tekst plakken Wanneer u tekst kopieert vanaf een andere locatie, denk bijvoorbeeld aan een website, PDF of Word-document, dan is de kans groot dat hieraan al een stijl gekoppeld is. In uw template is ook al een stijl (lettertype, grootte, kleur, etc) beschikbaar. Om inconsistente vormgeving te voorkomen, is het raadzaam om gegevens als platte tekst te plakken. Druk daarvoor op dit icoon. Wanneer u vervolgens plakt, worden alle overbodige stijlen verwijderd en neemt de tekst automatisch de stijl gedefinieerd in uw template over. = Ongedaan maken Heeft u iets aangepast wat niet het gewenste effect behaalt? U kunt met deze functie altijd een actie teruggaan. Het is ook mogelijk meerdere stappen terug te gaan. Zelfs tot helemaal naar het begin. De toetscombinatie CRTL-Z heeft hetzelfde effect. = Opnieuw uitvoeren Mocht u een stap te ver teruggegaan zijn met Ongedaan maken, dan kunt u met deze functie weer een stap vooruit. Oftewel de actie terughalen. Gebruik CTRL-Y om deze actie snel uit te voeren. 25
= Zoek en vervang Deze functie is erg handig om te gebruiken als er veel tekst staat in uw e-mail bericht of pagina. U kunt zoeken naar een specifiek karakter of een heel woord. U heeft twee extra opties om uw zoekopdracht te verfijnen: Identieke hoofdletters/kleine letters Hiermee kunt u op de hoofdletter specifiek zoeken. Heel woord Met deze optie kunt u op één of meerdere complete woorden zoeken, dit kan erg handig zijn als u naar een klein woord zoekt wat ook onderdeel kan zijn van een groter woord. Daarnaast heeft u tijdens het zoeken de mogelijkheid om tekst te vervangen. Afbeelding 3.6 Zoek en vervang = Tabel Het toevoegen van een tabel kan erg handig zijn om bijvoorbeeld een duidelijk overzicht van een planning te maken. Bij het invoegen van een tabel kunt u een aantal eigenschappen instellen in een nieuw venster. Afbeelding 3.7 Tabel invoegen 26
= Horizontale lijn Om bijvoorbeeld onderscheid te maken tussen artikelen kunt u een horizontale lijn invoegen. Plaats uw cursor op de gewenste plek en druk op het icoon. De horizontale lijn wordt zo breed als het content gedeelte van de specifieke invoegplek. = Broncode Dit is de optie om te schakelen tussen de WYSIWYG-editor en de HTML-editor. In de HTML-editor is de broncode te beïnvloeden die aangemaakt is door de WYSIWYG-editor. Om dit goed te doen is kennis van HTML wel vereist. = Vet Met deze functie kan geselecteerde tekst Vet gedrukt worden gemaakt. = Cursief Wilt u tekst cursief weergeven? Dan kunt u dit icoon gebruiken. Selecteer voor gebruik wel eerste de desbetreffende tekst. = Onderstreept Een onderstreepte tekst of zinsdeel creëert u met deze functie. = Doorhalen Wanneer u tekst visueel doorgestreept wilt weergeven, kunt u dat met dit icoon doen. U kunt dit bijvoorbeeld toepassen bij een oude prijsweergave van een product of dienst dat u aanbiedt. = Subscript Met dit icoon kan een selectie van tekst in subscript gezet worden. = Superscript Dient tekst in superscript te worden weergegeven? Gebruik dan dit icoon in de editor. 27
= Paragraaf Met dit icoon begint u in uw tekst een nieuwe paragraaf (alinea). Een harde enter heeft hetzelfde effect. = Nummering Met deze functie voegt u een nummering toe. Door op het pijltje naast dit icoon te drukken, ziet u nog een aantal varianten voor de nummering. Als u nog een keer klikt op dit icoon dan verdwijnt de nummering weer. = Opsomming Een opsomming van uw tekst kan met dit icoon worden ingevoegd. Door op het pijltje naast dit icoon te drukken, ziet u nog een aantal varianten voor de opsomming. Wilt u een opsomming weer verwijderen? Klik dan nogmaals op dit icoon. = Inspringen verkleinen Heeft u een opsomming of ingesprongen tekst die u minder naar rechts wilt laten inspringen? Gebruik dit icoon om de inspringing te verkleinen. = Inspringen vergroten Heeft u een opsomming of ingesprongen tekst die u meer naar rechts wilt laten inspringen? Gebruik dit icoon om de inspringing te vergroten. = Links uitlijnen Dit icoon gebruikt u om een paragraaf met tekst links uit te lijnen. Zonder bewerking staat de tekst altijd standaard links uitgelijnd. = Centreren De tekst in een paragraaf is met dit icoon te centreren. = Rechts uitlijnen De tekst in een paragraaf kunt u met dit icoon rechts uitlijnen. 28
= Uitvullen Met deze functie vult u de tekst van een paragraaf uit naar de randen van het contentblok. = Opmaak Het dropdown-menu Opmaak in de artikel-editor biedt de mogelijkheid om geselecteerde tekst visueel aan te passen. Wanneer u het menu uitklapt, ziet u de te gebruiken opties ook al in voorbeeldopmaak staan. = Lettertype Via dit menu is er tot op het karakter specifiek het lettertype in te stellen. Dit is simpelweg te bewerkstelligen door tekst te selecteren en een lettertype uit de lijst te kiezen. = Lettergrootte Het lettertype kan tot op het karakter nauwkeurig worden ingesteld. Dit is erg handig om bijvoorbeeld bepaalde woorden te benadrukken. = Tekstkleur Met dit icoon geeft u geselecteerde tekst de laatst gebruikte tekstkleur. Door op het pijltje ernaast te drukken kunt u een andere kleur kiezen. Afbeelding 3.8 Kleur selecteren 29
= Achtergrondkleur De achtergrondkleur kunt u op dezelfde wijze toekennen als de tekstkleur. In dit geval krijgt de kleur achter de tekst een specifieke kleur. Bij wijziging in de achtergrondkleur dient u goed te letten op het contrast tussen deze kleur en de tekstkleur. Het is een gemiste kans als door deze bewerkingen uw tekst (gedeeltelijk) onleesbaar wordt. = Opmaak verwijderen Heeft u tekst opmaakelementen toegekend, zoals kleur of grootte, maar bent u niet tevreden over het resultaat? Dan kunt u met dit icoon de opmaak verwijderen. Selecteer daarvoor wel eerst de betreffende tekst. = Hulplijnen Zoals in hoofdstuk 1 is uitgelegd, is uw template opgebouwd uit tabellen. In de artikel-editor worden deze tabellen d.m.v. hulplijnen weergegeven. Vindt u het prettiger om deze hulplijnen te verbergen tijdens het bewerken? Druk op dit icoon zodat de hulplijnen uitbeeld verdwijnen. = Volledig scherm In de artikel-editor van BrightEdit heeft u de mogelijkheid om deze in een volledig scherm te tonen. Dit vergemakkelijkt het gebruik van de editor (denk aan weglaten van extra scrollbalken). U kunt zich dan volledig concentreren op het artikel. 30