Helpcenter

Getting Started met de Template Generator

Gewijzigd op

Hoe zorg je ervoor dat de e-mails vanuit het Procurios Platform helemaal aansluiten bij de huisstijl van jouw vereniging of goede doel? Door het instellen van templates maak je het kiezen van een passende stijl voor iedere e-mail mogelijk. Deze templates bouw je op met onze handige Template Generator.

Twee soorten templates

In dit artikel vertellen we hoe je met de Template Generator alle nodige e-mailsjablonen voor jouw Procurios Platform kan genereren. Technische kennis is hierbij niet noodzakelijk.

Twee soorten templates

Tijdens het inrichten van je Procurios Platform moet je op verschillende plekken e-mailsjablonen (of templates) instellen. De Template Generator helpt je om eenvoudig de benodigde HTML-code te genereren. De generator maakt twee soorten templates voor je:

  • E-mail templates (uitgebreide e-mails met de e-mailbouwer), ook wel Mailingtemplate
  • Systeem templates (eenvoudige e-mails voor bijvoorbeeld verificatie- en bevestigingsmails)
Systeem template

Via Platform > Email > Templates vanuit het menu of via Mailings > Instellingen > System templates kom je bij de instellingen voor het toevoegen of wijzigen van een systeem template.

De systeem template is het basissjabloon voor de uitgaande e-mails die via het Procurios Platform worden verstuurd. Een voorbeeld hiervan is een activatiemail na registratie, een verificatiemail na het doorgeven van een e-mailwijziging of een bedankmail of prenotificatie na een (toegezegde) donatie.

Instellingen

In jouw Procurios Platform kan je de volgende instellingen beheren:

  1. Template naam
  2. Beschikbaarheid van de template voor de diverse modules in het platform
  3. Afzender van het sjabloon
  4. Eventuele extra ontvangers (optioneel)
  5. Site (optioneel)
  6. Taalkeuze
  7. Eventuele vertaling

Layout

Hierna dien je de HTML-code in te voeren voor de opbouw van het sjabloon. De Template HTML wordt gebruikt om het systeem-e-mail van een lay-out te voorzien. Deze HTML-code kan je met de Template Generator samenstellen.

In de Template Generator hoef je maar éénmalig de gegevens van jouw organisatie in te vullen. Daarna worden deze gegevens automatisch in jouw browser opgeslagen, tot je de browsergeschiedenis zou wissen of de Template Generator reset. Handig! Zeker als je in de toekomst iets klein wenst aan te passen.

E-mail template (voor e-mailbouwer)

Via Mailings > Instellingen > E-mailtemplates kun je een nieuwe lay-out voor meer uitgebreide e-mails toevoegen.

Standaard staan er twee in het Procurios Platform.

  1. Standaard template
  2. Zoo Lion Foundation - een voorbeeldsjabloon

Wanneer je een nieuw template toevoegt of eventueel een oude zou wijzigen, kun je de Titel van het sjabloon wijzigen en de Broncode aanpassen.

Template Generator

De Template Generator vind je op https://generator.procurios.com. Het scherm van de generator bestaat uit twee delen: links zie je het formulier waarmee je alle elementen in je template kunt beïnvloeden en stylen, en rechts zie je de preview met het actuele resultaat van jouw wijzigingen.

Het formulier is onderverdeeld in vier secties:

  1. Instellingen
    • waarin je enkele basisinstellingen voor de template doet.
  2. Organisatie
    • waarin je de naam van jouw organisatie en de eigenschappen van het logo van jouw organisatie instelt. De naam van de organisatie wordt tevens in de footer boven het adres getoond.
  3. Kleuren
    • waarin je de kleurstellingen in de template bepaalt.
  4. Voet
    • waarin je alle onderdelen in de footer van de template instelt.

Velden invullen

Aan de linkerzijde vul je de formuliervelden naar wens in. De preview wordt telkens geüpdatet als je een gewijzigd veld verlaat (met de TAB-toets, of door naast het veld te klikken) of zodra je op de toets 'enter' drukt.

  1. In het veld Basis URL voor afbeeldingen (tbv. voorbeeld) vul je het internetadres in van jouw Procurios Platform, bijvoorbeeld: https://jouwplatform.procurios.cloud. Wanneer je later de links van de afbeeldingen toevoegt, kunnen deze worden getoond met behulp van deze URL, ook als je website nog niet live staat.
  2. Vervolgens zorg je ervoor dat je logo in de tempalte komt te staan. Dit doe je met behulp van het toevoegen van een link naar het bestand uit je Library in jouw Procurios Platform:
    1. Upload het bestand in een geschikte map
    2. Kopieer vervolgens de link van het logo en plak deze in het betreffende Logo pad-veld.

Voor meer duidelijkheid staat er boven elk afbeeldingsveld de url van het Procurios platform en in de tooltip staat hierover uitleg.

Als je geen afbeeldingen in de preview ziet verschijnen, is de Basis-url mogelijk nog niet goed ingesteld.

Het Procurios platform gebruikt uitsluitend hex-geformateerde kleurcodes.

Als je bij het kopieren van een kleurcode ook het #-teken mee-kopieert en -plakt, dan wordt dat er automatisch uitgefilterd.

Je kunt ook de shorthand variant van hex-kleurcodes gebruiken (bijvoorbeeld #000). Deze wordt automatisch aangepast naar de volledige variant. 

Voorbeeld / code / soorten templates bekijken

De preview aan de rechterzijde biedt de volgen de functies:

  1. Voorbeeld
    • Toont de actuele opmaak van de template-lay-out, conform de instellingen in het formulier.
  2. Code
    • Toont de actuele HTML van de template.
  3. Mailingtemplate
    • Toont de preview van de lay-out die geschikt is voor digitale nieuwsbrieven.
  4. Systeemtemplate
    • Toont de preview van de lay-out die geschikt is systeem-e-mails, zoals 'Wachtwoord vergeten'.
  5. Kopieer mailing code
    • Met deze knop kopieer je de HTML-code van de Mailings Template resp. de System Template, afhankelijk van welke template je geselecteerd hebt.

Zodra je de HTML-code hebt gekopieerd, kan je deze plakken in de HTML-editor in de backend van jouw Procurios Platform.

Heb je meer vragen? Een aanvraag indienen

Vorige Artikel Gebruik van lettertypen in een Mailing
Volgende Artikel Getting started met MailMerge
Hulp nodig van Support of een Consultant? Neem contact op