PDF-brochures & Sjablonen

Met PDF-sjablonen ontwerpt u professionele woningbrochures die u kunt downloaden, delen met klanten of bijvoegen bij e-mails. Elk sjabloon is opgebouwd in HTML en maakt gebruik van dynamische variabelen (Twig-syntaxis) die bij het genereren automatisch worden gevuld met de gegevens van een specifieke woning, de verantwoordelijke makelaar en uw bedrijfsprofiel.

Beheer uw PDF-sjablonen via Settings > PDF.

Wat zijn PDF-brochures?

Een PDF-brochure is een afdrukbaar document dat de belangrijkste gegevens van een woning bundelt: foto’s, beschrijving, kenmerken, prijs, locatie en uw bedrijfsinformatie. In Tesoro CRM stelt u het ontwerp eenmalig op als sjabloon. Telkens wanneer u vervolgens een brochure genereert voor een specifieke woning, worden de variabelen automatisch vervangen door de actuele woninggegevens.

Veelvoorkomende toepassingen:

Klantpresentaties — stuur een gepersonaliseerde brochure naar geinteresseerde kopers.
Open-huizendagen — print brochures met alle woningdetails voor bezoekers.
Website & portalen — bied een downloadbare PDF aan op uw website of klantenportaal.
Meertalige verkoop — maak dezelfde brochure in meerdere talen voor een internationaal publiek.

Sjabloongroepen

Voordat u sjablonen aanmaakt, is het aan te raden om groepen aan te maken. Groepen helpen u sjablonen te organiseren, bijvoorbeeld per woningtype, taal of kantoorlocatie.

Een groep aanmaken

Ga naar Settings > PDF.
Klik op de knop om een nieuwe groep aan te maken.
Geef de groep een naam (verplicht).
Klik op Save.

U kunt groepen later hernoemen of verwijderen. Gebruik het filter in de zijbalk om alleen sjablonen van een bepaalde groep te tonen, of klik op All om het filter te resetten.

Een PDF-sjabloon aanmaken

Ga naar Settings > PDF.
Klik op de knop om een nieuw sjabloon aan te maken.

Vul het formulier in:

Veld	Verplicht	Beschrijving
Title	Ja	De naam van het sjabloon (3-100 tekens). Deze naam ziet u terug bij het genereren van een brochure.
Type	Ja	Het type sjabloon. Momenteel is alleen Property beschikbaar.
Group	Ja	De groep waartoe het sjabloon behoort.
Language	Nee	De taal van het sjabloon. Bepaalt welke taalversie van de woningbeschrijving wordt gebruikt. Standaard Engels.
PDF content	Nee	De HTML-opmaak van de brochure met dynamische variabelen (Twig-syntaxis).

Klik op Save om het sjabloon op te slaan.

Een sjabloon bewerken

Klik op een sjabloon in het overzicht om de detailpagina te openen. Klik vervolgens op Edit om de HTML-editor te openen. Hier kunt u de HTML-inhoud aanpassen, variabelen invoegen en de opmaak van uw brochure wijzigen.

Een sjabloon dupliceren

Als u een bestaand sjabloon wilt gebruiken als startpunt voor een nieuw ontwerp, selecteert u het sjabloon en kiest u Duplicate. Hiermee maakt u een volledige kopie die u vervolgens kunt aanpassen zonder het origineel te wijzigen.

Een sjabloon verwijderen

Selecteer een of meerdere sjablonen in het overzicht en klik op Delete om ze te verwijderen.

De HTML-editor

De PDF-editor werkt met HTML-opmaak in combinatie met de Twig-templating-engine. Dit geeft u volledige controle over de lay-out, typografie, kleuren en positionering van elementen in uw brochure.

Opbouw van een sjabloon

Een typisch PDF-sjabloon bevat de volgende secties:

Koptekst — bedrijfslogo, bedrijfsnaam en contactgegevens.
Hoofdafbeelding — een grote foto van de woning (uit de images-array).
Woninggegevens — titel, prijs, type, oppervlakte, kamers, etc.
Beschrijving — de woningbeschrijving in de geselecteerde taal.
Kenmerken & details — tuin, zwembad, verwarming, parkeren, etc.
Fotogalerij — meerdere woningfoto’s in een raster.
Makelaargegevens — naam, foto en contactgegevens van de eigenaar of agent.
Voettekst — bedrijfsadres, website en social-medialinks.

Twig-syntaxis

Variabelen worden in het sjabloon geplaatst met dubbele accolades:

<h1>{{ property.name }}</h1>
<p>Prijs: {{ property.price }}</p>
<p>{{ property.description.text }}</p>

Voor afbeeldingen gebruikt u de images-array die automatisch beschikbaar is. Elke afbeelding bevat een URL die u als src-attribuut kunt gebruiken:

{% for image in images %}
  <img src="{{ image.url }}" alt="{{ property.name }}" />
{% endfor %}

Voor conditionele weergave gebruikt u Twig if-statements:

{% if property.details.swimming_pool %}
  <p>Zwembad: {{ property.details.swimming_pool }}</p>
{% endif %}

Dynamische variabelen

PDF-sjablonen ondersteunen een uitgebreide set variabelen die automatisch worden vervangen door de gegevens van de woning waarvoor u de brochure genereert. De variabelen zijn georganiseerd in categorieeen.

Woninggegevens

Variabele	Wordt vervangen door
`property.name`	Naam van de woning
`property.reference`	Referentienummer
`property.tesoro_reference`	Tesoro-referentienummer
`property.status`	Status (te koop, verkocht, etc.)
`property.price`	Vraagprijs (geformateerd met valutasymbool)
`property.currency`	Valuta
`property.transaction`	Transactietype (koop/huur)
`property.type`	Woningtype (appartement, villa, etc.)
`property.number_of_bedrooms`	Aantal slaapkamers
`property.number_of_bathrooms`	Aantal badkamers
`property.builded_area`	Bebouwde oppervlakte
`property.useful_area`	Nuttige oppervlakte
`property.plot_size`	Perceelgrootte
`property.floor`	Verdieping
`property.floor_number`	Verdiepingsnummer
`property.condition`	Staat van de woning
`property.new_construction`	Nieuwbouw (Yes/No)
`property.part_ownership`	Deeleigendom (Yes/No)
`property.leasehold`	Erfpacht (Yes/No)
`property.equipment`	Uitrusting
`property.slug`	URL-slug van de woning
`property.video_url`	Video-URL
`property.video_platform`	Videoplatform
`property.virtual_tour_url`	Virtuele rondleiding-URL
`property.notes`	Notities
`property.land_registry_reference`	Kadastrale referentie
`property.commission_percentage`	Commissiepercentage
`property.owner_net_price`	Netto prijs eigenaar
`property.view_type`	Type uitzicht

Adresgegevens

Variabele	Wordt vervangen door
`property.address.street`	Straat
`property.address.address_line_2`	Adresregel 2
`property.address.city`	Stad
`property.address.state`	Provincie
`property.address.zip_code`	Postcode
`property.address.country`	Land (volledige landnaam)

Woningbeschrijving

Variabele	Wordt vervangen door
`property.description.title`	Titel van de beschrijving
`property.description.text`	Beschrijvingstekst

Woningdetails

Variabele	Wordt vervangen door
`property.details.garden`	Tuin
`property.details.garden_area`	Tuinoppervlakte
`property.details.terrace`	Terras
`property.details.terrace_area`	Terrasoppervlakte
`property.details.patio`	Patio
`property.details.swimming_pool`	Zwembad
`property.details.garage`	Garage
`property.details.parking`	Parkeerplaats
`property.details.no_of_parking_spots`	Aantal parkeerplaatsen
`property.details.furnished`	Gemeubileerd
`property.details.heating`	Verwarming (Yes/No)
`property.details.heating_type`	Type verwarming
`property.details.hot_water`	Warm water
`property.details.water_heater`	Boiler
`property.details.orientation`	Orientatie
`property.details.view`	Uitzicht
`property.details.year_of_construction`	Bouwjaar
`property.details.kitchen_type`	Type keuken
`property.details.kitchen_area`	Keukenoppervlakte
`property.details.fully_fitted_kitchen`	Volledig ingerichte keuken (Yes/No)
`property.details.refurbished_kitchen`	Gerenoveerde keuken (Yes/No)
`property.details.refurbished`	Gerenoveerd
`property.details.included_in_price`	Inbegrepen in de prijs (Yes/No)
`property.details.windows_type`	Type ramen
`property.details.windows_material`	Materiaal ramen
`property.details.shutters`	Luiken
`property.details.no_of_building_floor`	Aantal bouwlagen
`property.details.no_of_flats_per_floor`	Aantal woningen per verdieping
`property.details.building_status`	Status gebouw
`property.details.deeded_area`	Eigendomsoppervlakte
`property.details.leaving_area`	Woonoppervlakte

Kenmerken & voorzieningen

Variabele	Wordt vervangen door
`property.features`	Kenmerken van de woning (kommagescheiden lijst)
`property.additional_amenities`	Extra voorzieningen (kommagescheiden lijst)

Kadastrale gegevens

Variabele	Wordt vervangen door
`property.cadastral_details.road_type`	Wegtype
`property.cadastral_details.number`	Kadastraal nummer
`property.cadastral_details.block`	Blok
`property.cadastral_details.area`	Oppervlakte
`property.cadastral_details.door`	Deur
`property.cadastral_details.publication_of_the_address`	Publicatie van het adres

Makelaargegevens (eigenaar)

De owner-variabelen verwijzen naar de gebruiker die als eigenaar van de woning is ingesteld in Tesoro.

Variabele	Wordt vervangen door
`owner.name`	Volledige naam van de verantwoordelijke makelaar
`owner.email`	E-mailadres
`owner.phone`	Telefoonnummer
`owner.job_title`	Functietitel
`owner.profile_pic`	Profielfoto (URL)
`owner.address.street`	Straat
`owner.address.address_line_2`	Adresregel 2
`owner.address.city`	Stad
`owner.address.state`	Provincie
`owner.address.zip_code`	Postcode
`owner.address.country`	Land

Agentgegevens

Bij het genereren van een brochure kunt u optioneel een agent selecteren. De agentgegevens worden dan beschikbaar als aparte variabelen.

Variabele	Wordt vervangen door
`agent.name`	Volledige naam van de agent
`agent.email`	E-mailadres
`agent.phone_number`	Telefoonnummer
`agent.profile_pic`	Profielfoto (URL)

Bedrijfsgegevens

Variabele	Wordt vervangen door
`company.name`	Bedrijfsnaam
`company.logo`	Bedrijfslogo (URL)
`company.transparent_logo_background`	Logo voor donkere/transparante achtergrond (URL)
`company.email`	E-mailadres
`company.phone_number`	Telefoonnummer
`company.website`	Website
`company.floor`	Verdieping
`company.building_name`	Gebouwnaam
`company.apartment_number`	Appartemennummer
`company.address.street`	Straat
`company.address.address_line_2`	Adresregel 2
`company.address.city`	Stad
`company.address.state`	Provincie
`company.address.zip_code`	Postcode
`company.address.country`	Land
`company.social.facebook`	Facebook
`company.social.twitter`	Twitter / X
`company.social.instagram`	Instagram
`company.social.linkedIn`	LinkedIn
`company.social.tiktok`	TikTok
`company.social.snapchat`	Snapchat
`company.social.youtube`	YouTube
`company.social.pinterest`	Pinterest

Foto’s (images)

De foto’s van een woning zijn beschikbaar als een images-array. Elke afbeelding bevat een URL en varianten in verschillende formaten. U doorloopt deze array in uw sjabloon met een Twig for-lus:

{% for image in images %}
  <img src="{{ image.url }}" style="width: 100%; max-width: 600px;" />
{% endfor %}

U kunt ook specifieke foto’s benaderen via hun index:

<!-- Eerste foto als hoofdafbeelding -->
{% if images|length > 0 %}
  <img src="{{ images[0].url }}" style="width: 100%;" />
{% endif %}

Huisstijl & branding

Met de HTML-editor hebt u volledige controle over de visuele uitstraling van uw brochure. Hieronder vindt u tips voor veelvoorkomende huisstijlelementen.

Bedrijfslogo

Gebruik de variabele company.logo of company.transparent_logo_background om uw bedrijfslogo in de brochure op te nemen:

<div style="text-align: center; padding: 20px;">
  <img src="{{ company.logo }}" alt="{{ company.name }}" style="max-height: 80px;" />
</div>

Kleuren en lettertypen

Definieer uw huisstijlkleuren en lettertypen met inline CSS of een <style>-blok:

<style>
  body { font-family: 'Helvetica Neue', Arial, sans-serif; color: #333; }
  .header { background-color: #1a3a5c; color: #ffffff; padding: 30px; }
  .price { color: #c0392b; font-size: 24px; font-weight: bold; }
  .footer { background-color: #f5f5f5; padding: 20px; text-align: center; }
</style>

Makelaarfoto

Voeg de profielfoto van de verantwoordelijke makelaar toe:

{% if owner.profile_pic %}
  <img src="{{ owner.profile_pic }}"
       alt="{{ owner.name }}"
       style="width: 80px; height: 80px; border-radius: 50%; object-fit: cover;" />
{% endif %}
<p>{{ owner.name }}</p>
<p>{{ owner.job_title }}</p>

Een brochure genereren vanuit een woning

Nadat u een of meer PDF-sjablonen hebt aangemaakt, kunt u brochures genereren voor specifieke woningen. Alle dynamische variabelen worden automatisch vervangen door de daadwerkelijke gegevens van de geselecteerde woning.

Ga naar het detailoverzicht van een woning (Properties > klik op een woning).
Klik op de PDF-knop (het download-icoon) in het woningoverzicht.
Er opent een dialoogvenster met alle beschikbare PDF-sjablonen.
Optioneel: selecteer een agent in het dropdown-menu. De agentgegevens worden dan meegegeven aan het sjabloon en zijn beschikbaar via de agent.*-variabelen.
Klik op het download-icoon naast het gewenste sjabloon.
De brochure wordt gegenereerd en opent in een nieuw tabblad. Van daaruit kunt u het bestand downloaden of afdrukken.

Meertalige PDF’s

Tesoro ondersteunt het genereren van brochures in meerdere talen. Dit is bijzonder nuttig voor makelaarskantoren die internationaal opereren of woningen aanbieden aan anderstalige kopers.

Hoe werkt het?

Woningbeschrijvingen in meerdere talen: bij het aanmaken van een woning kunt u beschrijvingen toevoegen in meerdere talen (zie Woningen bewerken).
Taalinstelling op het sjabloon: elk PDF-sjabloon heeft een Language-veld. Deze instelling bepaalt welke taalversie van de woningbeschrijving (property.description.title en property.description.text) wordt gebruikt.
Automatische selectie: bij het genereren van de brochure zoekt het systeem automatisch de beschrijving die overeenkomt met de ingestelde taal van het sjabloon. Is er geen beschrijving in die taal, dan blijven de beschrijvingsvariabelen leeg.

Aanbevolen werkwijze

Maak een sjabloongroep aan per taal, bijvoorbeeld “Nederlands”, “Engels”, “Frans”.
Dupliceer uw basissjabloon voor elke taal.
Stel bij elk sjabloon de juiste Language in.
Pas de vaste teksten in het sjabloon aan naar de gewenste taal (labels zoals “Slaapkamers”, “Prijs”, “Oppervlakte”, etc.).

Voorbeeldsjabloon

Hieronder vindt u een vereenvoudigd voorbeeld van een PDF-sjabloon om u op weg te helpen:

<div style="font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto;">

  <!-- Header met logo -->
  <div style="background-color: #1a3a5c; color: white; padding: 20px; text-align: center;">
    <img src="{{ company.logo }}" alt="{{ company.name }}" style="max-height: 60px;" />
  </div>

  <!-- Hoofdafbeelding -->
  {% if images|length > 0 %}
  <div style="width: 100%; overflow: hidden;">
    <img src="{{ images[0].url }}" style="width: 100%; height: 400px; object-fit: cover;" />
  </div>
  {% endif %}

  <!-- Woninggegevens -->
  <div style="padding: 30px;">
    <h1 style="color: #1a3a5c; margin-bottom: 5px;">{{ property.name }}</h1>
    <p style="color: #666;">{{ property.address.city }}, {{ property.address.country }}</p>
    <p style="font-size: 28px; color: #c0392b; font-weight: bold;">{{ property.price }}</p>

    <table style="width: 100%; border-collapse: collapse; margin: 20px 0;">
      <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Type</strong><br/>{{ property.type }}</td>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Slaapkamers</strong><br/>{{ property.number_of_bedrooms }}</td>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Badkamers</strong><br/>{{ property.number_of_bathrooms }}</td>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Oppervlakte</strong><br/>{{ property.builded_area }} m&sup2;</td>
      </tr>
    </table>

    <h2 style="color: #1a3a5c;">{{ property.description.title }}</h2>
    <p>{{ property.description.text }}</p>
  </div>

  <!-- Fotogalerij -->
  {% if images|length > 1 %}
  <div style="display: flex; flex-wrap: wrap; gap: 10px; padding: 0 30px;">
    {% for image in images[1:] %}
      <img src="{{ image.url }}" style="width: 48%; height: 200px; object-fit: cover;" />
    {% endfor %}
  </div>
  {% endif %}

  <!-- Makelaar -->
  <div style="padding: 30px; background-color: #f9f9f9; margin-top: 20px;">
    <p><strong>{{ owner.name }}</strong></p>
    <p>{{ owner.email }} | {{ owner.phone }}</p>
  </div>

  <!-- Footer -->
  <div style="background-color: #1a3a5c; color: white; padding: 15px; text-align: center;">
    <p>{{ company.name }} | {{ company.phone_number }} | {{ company.website }}</p>
  </div>

</div>

Problemen oplossen

De brochure toont lege waarden

Ontbrekende woninggegevens: controleer of de gegevens daadwerkelijk zijn ingevuld bij de woning. Als een veld leeg is in het woningrecord, is de bijbehorende variabele ook leeg in de brochure.
Verkeerde taalinstelling: als property.description.text leeg is, controleer dan of de taal van het sjabloon overeenkomt met een beschikbare beschrijvingstaal van de woning.
Agentgegevens leeg: de agent.*-variabelen worden alleen gevuld als u bij het genereren een agent hebt geselecteerd in het dropdown-menu.

Het logo wordt niet weergegeven

Controleer of uw bedrijfslogo is geupload via Settings > Company.
Gebruik company.logo voor het standaardlogo en company.transparent_logo_background voor de variant op donkere achtergronden.

De prijs wordt niet correct geformateerd

De prijs wordt automatisch geformateerd met het valutasymbool van uw bedrijf. Zorg ervoor dat de valuta correct is ingesteld in uw bedrijfsinstellingen. Als u het sjabloon via een extern systeem opent, kunt u via de queryparameter currency een andere valuta meegeven.

Geen sjablonen zichtbaar bij het genereren

U hebt de rol Admin nodig om sjablonen aan te maken.
Sjablonen moeten van het type Property zijn om zichtbaar te zijn bij het genereren vanuit een woningdetailpagina.
Controleer of er minimaal een sjabloon is aangemaakt via Settings > PDF.

Afbeeldingen worden niet weergegeven

Controleer of er foto’s zijn geupload bij de woning via het tabblad Media.
Gebruik de images-array in uw sjabloon en controleer of de Twig-syntaxis correct is.

Gerelateerde artikelen

Woningen aanmaken Leer hoe u woningen toevoegt aan het CRM met alle benodigde gegevens voor uw brochures.

Woningen bewerken Voeg beschrijvingen, foto's en details toe die automatisch in uw PDF-brochures worden gebruikt.

Woningmedia Upload en beheer foto's en video's die in uw brochures kunnen worden opgenomen.

E-mailsjablonen Maak herbruikbare e-mailsjablonen met vergelijkbare dynamische variabelen.