StartIT/mantelzorgwoning.info
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Edit: Launch

Browse Source
This commit is contained in:
Machiel Heinen
2026-01-09 15:07:16 +01:00
parent 161362a0d1
commit bda87b451d
16 changed files with 415 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored
View File

Binary file not shown.

7
.editorconfig
View File

@@ -1,7 +0,0 @@
[*]
charset = utf-8
end_of_line = lf
indent_size = 2
indent_style = space
trim_trailing_whitespace = true
insert_final_newline = true

34
content/_index.en.md
View File

@@ -1,32 +1,38 @@
---
title: Informal Care Dwellings in the Netherlands
title: Informal care home information
banner:
title: Informal Care Dwellings in the Netherlands
title: Everything about informal care homes
subtitle: >-
**This website launches on Monday, 5 January 2026**
Are you considering purchasing an informal care home? If so, there is quite a lot involved, such as laws & regulations, financing, and construction technology. This website serves as a public information source for you as a caregiver or care recipient.
Are you considering the purchase of an informal care dwelling? There is quite a lot to take into account, such as legislation, financing, and construction requirements. This website serves as a public information source for both caregivers and care recipients.
After launch, this website will offer extensive information and practical digital tools, such as conducting a preliminary [permit check](/en/permit/check/) for your address. The full website will be available from Monday, 5 January. For now, only a limited number of articles are accessible.
We are working hard on new tools for this website, such as conducting a preliminary [permit check](vergunning/check/) for your plot.
image: images/home.webp
banner_button:
enable: true
label: General Information
link: /en/overzicht/
label: General information
link: overzicht/
call_to_action:
enable: true
title: Receive a Notification?
title: Receive an update?
image: images/home2.webp
content: >-
Would you like to receive a message when the full website becomes available? No problem.
Would you like to receive a message when you can fully use this website? Of course, that is possible.
<small>We will use your email address only once to notify you when the website goes live. Your data will not be shared with third parties and will be deleted from our systems immediately after the notification has been sent.</small>
<small>We will use your email address once to inform you as soon as the website is live. Your data will not be shared with third parties and will be deleted from our systems after this notification has been sent. </small>
button:
enable: "true"
label: Send Notification
link: /en/contact/
label: Send a message
link: contact/
faq:
- question: "What is an informal care home?"
answer: "An informal care home (mantelzorgwoning) is a self-contained living space on or near the plot of a main residence."
- question: "Do I always need a planning permit?"
answer: "In many cases not, but the municipality must always assess against the environmental plan."
- question: "What does a care home cost?"
answer: "This depends on the choice of materials, size, and conditions for placement. The average costs start from €2,000 per m2."
---

5
content/_index.nl.md
View File

@@ -3,13 +3,10 @@ title: Mantelzorgwoning informatie
banner:
title: Alles over mantelzorgwoningen
subtitle: >-
**Deze site lanceert op maandag 5 januari 2026**
Overweegt u de aanschaf van een mantelzorgwoning? Dan komt er behoorlijk wat bij kijken, zoals wet & regelgeving, financiering en bouwtechniek. Deze website dient als een openbare informatiebron voor u als mantelzorger of zorgbehoevende.
Deze website bevat na lancering uitgebreide informatie en handige hulpmiddelen; zoals het doen van een preliminaire [vergunningcheck](vergunning/check/) voor uw adres. De website zal volledig actief zijn per maandag 5 januari. Voor nu zijn er een beperkt aantal artikelen aanwezig.
Er wordt hard gewerkt aan nieuwe hulpmiddelen op deze website; zoals het doen van een preliminaire [vergunningcheck](vergunning/check/) voor uw kavel.
image: images/home.webp
banner_button:
enable: true

49
content/vergunning/_index.en.md Normal file
View File

@@ -0,0 +1,49 @@
---
title: "Permits"
date: 2025-12-08
icon: "fas fa-gavel"
description: "A step-by-step explanation of the process, the requirements, and the medical assessment for placing an informal care home."
weight: 3
feedback: true
draft: false
type: docs
---
A successful placement of an informal care home stands or falls with good preparation. It is essential to first know the local rules and have the necessary documentation complete before you submit an official application. The entire process roughly consists of the phases: Preparation, Procedure, and Placement.
## Preparation and consultation
### Consultation with the municipality
Always contact **your** municipality at an early stage. Inquire whether building on **your** plot can take place without a permit and which **specific requirements** the municipality sets for the documentation and the care indication. This prevents delays or even rejections.
Many [recognized builders](/en/erkende-bouwers) employ specialists who can guide you through this process.
### Collecting care indication and documentation
Ensure that you have the necessary evidence, such as the **medical statement or CIZ indication**, in your possession in a timely manner. In addition, collect the technical construction documents, such as detailed **construction drawings**, a **site plan** (indicating the exact position on the plot), and, if necessary, a **structural calculation** to guarantee safety.
![Atmospheric image](images/legal-001.webp)
## The official procedure
Depending on the outcome of the preliminary investigation, one of two procedures follows: the notification (permit-free) or the application (permit-required).
### Permit-free notification
If your plans meet the national and local rules for permit-free construction, a **notification** to the municipality is often sufficient. The municipality confirms the placement and does not need to grant a formal permit.
### Permit-required application
If you deviate from the rules (for example, by placement in the front yard or due to the size), you must submit an **environmental permit application** via the Omgevingsloket. The municipality then has a statutory period to process the application. This procedure can take **several weeks to months**.
## Placement and termination
After approval or following the notification procedure, construction or placement can begin. Remember that the informal care home always has a temporary status.
### Actual placement and use
The home may only be placed after the municipality has agreed. During construction, strictly adhere to the technical construction requirements from the Building Decree (Bouwbesluit), even if no permit was required.
### Termination of informal care
When the care stops, you must **inform the municipality in writing**. The residential function of the informal care home must then be terminated and the home must, depending on the situation, be removed or repurposed.
For a smooth process, **timely and clear consultation with the municipality** is the most important step [^1].
[^1]: [Link](https://www.rijksoverheid.nl/onderwerpen/bouwregelgeving/vraag-en-antwoord/bouwregels-mantelzorgwoning) - **Central Government**
<br>*Building or placing an informal care home*

52
content/vergunning/bouwen/_index.en.md Normal file
View File

@@ -0,0 +1,52 @@
---
title: "Permit-free or permit-required construction?"
date: 2025-12-08
icon: "fas fa-check-square"
description: "When do you need an environmental permit for your informal care home, and when are you allowed to build permit-free?"
weight: 2
feedback: true
draft: false
---
In many cases, you may place an informal care home **permit-free** under certain conditions. This is regulated in the Living Environment Buildings Decree (Besluit bouwwerken leefomgeving - Bbl) and local zoning plans. The status depends on the location and dimensions of the structure on your plot.
## Permit-free construction
The permit-free placement of an informal care home is intended to speed up the process in case of acute care needs. You are usually allowed to place the home permit-free if the following basic conditions are met:
* The home is located in the **back garden** or on the rear yard area (the part of the plot that lies behind the main house and does not border the public road).
* The home complies with the construction rules for **associated buildings**, such as the maximum permitted dimensions in relation to the size of your plot [^1].
* The need for informal care is **demonstrable** (via an official medical statement or CIZ indication) [^2]. Without this demonstrable care relationship, permit-free construction is not possible.
{{< notice "warning" "Important">}}
Even with permit-free construction, you must always comply with the **technical construction requirements** (such as fire safety, ventilation, and insulation) from the Bbl. Furthermore, a **notification** to the municipality is often required. Always check the details with your municipality.
{{< /notice >}}
![Atmospheric image](images/bouw-002.webp)
## Permit-required construction
An environmental permit **is** required, or the municipality will assess the application more strictly, in the following situations:
#### Placement and dimensions
* **Placement in the Front Yard:** The home is placed in the **front section** of the plot (front yard). This is the area between the front facade of the main building and the public road.
* **Exceeding Dimensions:** The home is **larger** than the maximum permitted dimensions for permit-free outbuildings, as determined by national rules and/or your local zoning plan.
#### Zoning plan and location
* **Inconsistency with zoning plan:** The local **zoning plan** imposes strict restrictions that prevent construction. In that case, you must go through a deviation procedure (environmental permit).
* **Protected village or cityscape:** If the plot is located in an area designated as a protected village or cityscape (usually due to historical value), stricter rules apply to the appearance and integration of the home.
* **Nature and environmental areas:** When placing in or near **Natura 2000 areas** or other nature or environmental protection zones, a permit may be required due to the Nature Conservation Act, or the permit may even be refused.
* **Planned changes:** If the municipality is working on a **change to the zoning plan** that has direct consequences for your plot, the application may be suspended or assessed against future rules.
#### Procedural requirements
In all permit-required cases, a statutory decision period applies to the municipality, and **permit fees** (processing costs) may be charged.
[^1]: [Link](https://omgevingswet.overheid.nl/home) - **Omgevingsloket**
<br>*Conduct the permit check in the Omgevingsloket*
[^2]: [Link](https://www.rijksoverheid.nl/onderwerpen/bouwregelgeving/vraag-en-antwoord/bouwregels-mantelzorgwoning) - **Central Government**
<br>*Building or placing an informal care home*

4
content/vergunning/bouwen/_index.nl.md
View File

@@ -45,10 +45,6 @@ Een omgevingsvergunning is **wel** vereist, of de gemeente zal de aanvraag stren
In alle vergunningsplichtige gevallen geldt een wettelijke beslistermijn voor de gemeente en kunnen er **legeskosten** (behandelingskosten) in rekening worden gebracht.
{{< notice "info" "Ontbrekende informatie">}}
Dit artikel zal nog worden uitgebreid met diverse aanvullende informatiestukken zodra de website volledig gelanceerd is.
{{< /notice >}}
[^1]: [Link](https://omgevingswet.overheid.nl/home) - **Omgevingsloket**
<br>*Doe de vergunningcheck in het Omgevingsloket*

34
content/vergunning/check/_index.en.md Normal file
View File

@@ -0,0 +1,34 @@
---
title: "Assess your plot"
date: 2025-11-08
icon: "fas fa-scale-balanced"
description: "You can conduct a preliminary investigation into the possibilities for placement. This is not binding advice."
weight: 3
---
{{< notice "info" "Under development">}}
This page is currently under construction. We aim to activate an initial version of the application in January.
{{< /notice >}}
Would you like to receive a one-time message when this is active? Please leave your email address below. We will delete your data after sending the notification and do not share it with third parties.
<form id="cta-lead-form" class="d-flex flex-column flex-sm-row gap-2 mt-2" novalidate>
<input
id="cta-email"
name="email"
type="email"
required
class="form-control"
placeholder="Your email address"
aria-label="Your email address"
style=""
>
<button
type="submit"
id="cta-submit"
class="btn btn-primary ms-sm-2 mt-2 mt-sm-0"
style="min-width:200px !important;"
>
Send
</button>
</form>
<p id="cta-message" class="small mt-2"></p>

2
content/vergunning/check/_index.nl.md
View File

@@ -7,7 +7,7 @@ weight: 3
---
{{< notice "info" "In ontwikkeling">}}
Deze pagina is nog in opbouw. Wij streven ernaar om een eerste versie van de applicatie op maandag 5 januari te activeren.
Deze pagina is nog in opbouw. Wij streven ernaar om een eerste versie van de applicatie in januari te activeren.
{{< /notice >}}
Wilt u een eenmalig bericht ontvangen als deze actief is? Laat dan uw e-mail adres achter hieronder. Wij verwijderen uw gegevens na verzending van het bericht en delen deze niet met derden.

48
content/vergunning/zorgindicatie/_index.en.md Normal file
View File

@@ -0,0 +1,48 @@
---
title: "Care indication"
date: 2025-12-08
icon: "fas fa-heart-pulse"
description: "How do you prove the need for informal care to the municipality? Information about the required medical statement or CIZ indication."
weight: 3
feedback: true
draft: false
---
The key to being allowed to place an informal care home is the **demonstrable care relationship**. Without official proof of the necessity for informal care, the placement of a (permit-free) informal care home is not permitted. After all, the dwelling is an exception to the regular building regulations and is directly linked to the need for care.
## Proof of care needs
The municipality must receive a document showing the nature and extent of the required informal care. This concerns help that **falls outside of regular professional care** and is provided or received by one of the residents.
### The medical statement
The most commonly used piece of evidence is a medical statement.
* **Who prepares this?** This can be a GP, a district nurse, or another independent medical advisor.
* **What does it contain?** The statement must describe the **nature and extent** of the required informal care.
* **What is excluded?** The statement may not contain privacy-sensitive health information.
{{< notice "warning" "Independent Assessment">}}
The municipality may request a statement from an **independent** physician if they have doubts about the objectivity or completeness of the provided statement.
{{< /notice >}}
### CIZ indication and social district teams
In addition to or instead of the doctor's statement, some municipalities require proof from an **independent assessment body**.
* **Centrum Indicatiestelling Zorg (CIZ):** An indication for care under the Long-term Care Act (Wlz) always counts as official proof of care needs.
* **Wmo indication:** An indication for guidance, aids, or home adjustment under the Social Support Act (Wmo) may also suffice as proof in some municipalities.
* **Social district teams:** Social district teams are playing an increasingly important role. They can assess the care situation and issue a statement supporting the necessity of the informal care home.
## Checking municipal requirements
The specific requirements for the statement **vary by municipality**.
* **Differences:** One municipality may accept a statement from the district nurse, while another explicitly requires a CIZ indication or a statement from an independent body.
* **Temporality:** The statement confirms the necessity **at that moment**. The municipality may periodically check whether the need for informal care is still present. As soon as the informal care stops, you must report this.
Always check your municipality's website first or contact the Wmo or Building and Housing Supervision department for the most current and local requirements.
{{< notice "info" "Missing information">}}
This article will be expanded with various additional information pieces as soon as the website is fully launched.
{{< /notice >}}

2
content/vergunning/verklaring/_index.nl.md → content/vergunning/zorgindicatie/_index.nl.md
View File

@@ -43,6 +43,6 @@ De specifieke eisen voor de verklaring **variëren per gemeente**.
Controleer altijd eerst de website van uw gemeente of neem contact op met de afdeling Wmo of Bouw- en Woningtoezicht voor de meest actuele en lokale eisen.
{{< notice "error" "Ontbrekende informatie">}}
{{< notice "notice" "Ontbrekende informatie">}}
Dit artikel zal nog worden uitgebreid met diverse aanvullende informatiestukken, bronnen en andere onderdelen zodra de website volledig gelanceerd is.
{{< /notice >}}

52
content/voorwaarden/algemeen/_index.en.md Normal file
View File

@@ -0,0 +1,52 @@
---
title: "General Terms & Conditions & License"
date: 2025-12-08
icon: "fas fa-file-contract"
description: "The general terms and conditions and user license for the information on mantelzorgwoning.info."
layout: faq
ignoreSearch: true
build:
render:
list: never
---
**Last updated:** 08-12-2025
This document describes the terms and conditions under which you use the information and services offered by [Mantelzorgwoning.info](/). By visiting this website and/or using the information, you accept these terms and conditions.
---
## 1. Purpose and nature of the information
* **Informational character:** The content on [Mantelzorgwoning.info](/), including articles, guides, and comparisons, is of an **informational nature only**. It is intended as a neutral and factual source of information about informal care homes and related topics.
* **No advice:** The information provided should **not** be considered professional, legal, financial, or architectural advice. We recommend that you always seek independent and expert advice before making any decisions.
* **Liability:** The site administrator is **not liable** for any damage, of whatever nature, arising from the use of or the inability to use the information published on this website.
## 2. Creative Commons License (CC-BY-NC)
All content (texts, images, unless otherwise stated) on this website is covered by the **Creative Commons Attribution-NonCommercial 4.0 International License (CC-BY-NC)**.
* **Permission:** You are free to **share** (copy and redistribute the material in any medium or format) and **adapt** (remix, transform, and build upon the material).
* **Conditions:**
* **BY (Attribution):** You must give **appropriate credit**, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use. Attribution must always include a link to the source page on [Mantelzorgwoning.info](/) and the statement: "Source: Mantelzorgwoning.info."
* **NC (NonCommercial):** You may **not** use the material for **commercial purposes**. Commercial use is defined as use that is primarily intended for or directed toward commercial advantage or monetary compensation.
## 3. Relationships with third parties (Suppliers)
* **External links:** The website contains links to external parties (such as suppliers). These links are provided for information purposes only. We are **not** responsible for the content, services, or policies of these external websites.
* **Forms:** The contact or quote forms on this website are a **service** to put you directly in touch with a supplier. We **do not** guarantee the quality or suitability of the suppliers' services and are not a party to any agreement you enter into with them.
## 4. Changes to the terms and conditions
The administrator of [Mantelzorgwoning.info](/) reserves the right to unilaterally change the content of this document at any time. Changes become effective as soon as they are published on the website. We recommend that you consult this page regularly.
## Contact
If you have any questions regarding these General Terms and Conditions or the Creative Commons license, please contact the site administrator.
### Site Administrator Details
The party responsible for this website is [StartIT](https://start-it.nl)
* **Email:** info@start-it.nl
* **Tel.:** [tel:+31657969491](06-57969491) *(during office hours)*

52
content/voorwaarden/privacy/_index.en.md Normal file
View File

@@ -0,0 +1,52 @@
---
title: "Privacy Statement"
date: 2025-12-01
icon: "fas fa-scale-balanced"
description: "The privacy policy of mantelzorgwoning.info and the site administrator."
layout: faq
ignoreSearch: true
build:
render:
list: never
---
**Last updated:** 01-12-2025
This document describes how [Mantelzorgwoning.info](/) handles your personal data. We attach the greatest value to your privacy and transparency regarding our methods.
---
## 1. Processing of personal data
When you visit our website, minimal data is processed.
* **Sharing with third parties:** We **do not sell or rent your personal data** (such as name, email address, or IP address) to third parties for commercial purposes.
* **Exception (Forms):** When you use a contact or quote form on [Mantelzorgwoning.info](/), we act as a **technical intermediary**. The data you provide is then forwarded to the relevant supplier. This happens **only** after your explicit consent upon submitting the form.
## 2. Data retention period
* **Retention policy:** The data you provide to us via a form is stored in our systems for a **maximum of 30 days**. This is necessary to guarantee correct and complete transmission to the supplier and to be able to rectify technical errors in the transmission.
* **Deletion:** After this 30-day period, your data is **permanently and automatically deleted from our systems**.
## 3. Use of cookies and tracking
We maintain a strict policy regarding the use of cookies.
* **Types of cookies:** We use **only cookies that are necessary for the technical functioning of the website** and your ease of use (functional cookies). This may include, for example, remembering your language choice or securing the connection.
* **No tracking cookies:** We **do not place tracking cookies, analytical cookies, or third-party cookies** for marketing or profiling purposes.
* **Statistics:** To measure general visitor statistics (such as which pages are visited most), we use systems that process the data **completely anonymously**, which means it cannot be traced back to you as an individual.
## 4. External Links
This privacy statement only applies to [Mantelzorgwoning.info](/). Our website contains links to external websites, including the websites of suppliers. We are **not** responsible for the privacy policy or the content of these external sites. We recommend that **you** consult the privacy statements of those websites yourself.
## Contact
If you have any questions regarding this privacy statement, you can contact the site administrator.
### Site Administrator Details
The party responsible for the processing of your personal data as described in this privacy statement is [StartIT](https://start-it.nl)
* **Email:** info@start-it.nl
* **Tel.:** [tel:+31657969491](06-57969491) *(during office hours)*

35
hugo_stats.json
View File

@@ -98,7 +98,6 @@
"d-none",
"d-sm-block",
"d-sm-none",
"danger",
"fa-arrow-right-from-bracket",
"fa-bars",
"fa-book",
@@ -136,7 +135,6 @@
"form-control-sm",
"form-group",
"form-inline",
"form-select",
"fw-bold",
"gap-2",
"gy-4",
@@ -175,6 +173,7 @@
"ms-lg-4",
"ms-sm-2",
"mt-2",
"mt-3",
"mt-sm-0",
"mx-2",
"mx-auto",
@@ -224,7 +223,6 @@
"py-2",
"py-5",
"rounded",
"rounded-0",
"rounded-1",
"row",
"search-button",
@@ -261,17 +259,26 @@
],
"ids": [
"1-doel-en-aard-van-de-informatie",
"1-processing-of-personal-data",
"1-purpose-and-nature-of-the-information",
"1-verwerking-van-persoonsgegevens",
"2-bewaartermijn-van-gegevens",
"2-creative-commons-license-cc-by-nc",
"2-creative-commons-licentie-cc-by-nc",
"2-data-retention-period",
"3-gebruik-van-cookies-en-tracking",
"3-relaties-met-derden-leveranciers",
"3-relationships-with-third-parties-suppliers",
"3-use-of-cookies-and-tracking",
"4-changes-to-the-terms-and-conditions",
"4-external-links",
"4-externe-links",
"4-wijzigingen-in-de-voorwaarden",
"Search",
"URL",
"aanschafprijs-van-de-woning-indicatie",
"aansluiting-op-nutsvoorzieningen",
"actual-placement-and-use",
"additional-on-site-costs",
"advice-permits-and-financing",
"advies-vergunning-en-financiering",
@@ -282,11 +289,16 @@
"beëindiging-van-de-mantelzorg",
"bijkomende-kosten-op-locatie",
"bouwwijze",
"checking-municipal-requirements",
"ciz-indicatie-en-sociale-wijkteams",
"ciz-indication-and-social-district-teams",
"collecting-care-indication-and-documentation",
"comments",
"concuro",
"construction-rethod",
"consultation-with-the-municipality",
"contact",
"contact-form",
"conversion-of-existing-buildings",
"cookie-box",
"cookie-button",
@@ -326,6 +338,7 @@
"fnref:1",
"fnref:2",
"fnref:3",
"form-response",
"foundation-and-substructure",
"fundering-en-onderbouw",
"gegevens-van-de-sitebeheerder",
@@ -349,15 +362,25 @@
"negative",
"nl",
"overleg-met-de-gemeente",
"permit-free-construction",
"permit-free-notification",
"permit-required-application",
"permit-required-construction",
"permit-requirements-in-the-netherlands",
"phone",
"plaatsing-en-afmetingen",
"plaatsing-en-beëindiging",
"plaatsing-en-montage",
"placement-and-assembly",
"placement-and-dimensions",
"placement-and-termination",
"positive",
"prefab-bouw",
"prefab-construction",
"preparation-and-consultation",
"procedural-requirements",
"procedurele-eisen",
"proof-of-care-needs",
"purchase-price-of-the-dwelling-indication",
"purpose-and-use",
"reason",
@@ -368,12 +391,17 @@
"searchModal",
"select-language",
"sett-living",
"site-administrator-details",
"sloop-of-verwijdering-van-de-woning",
"solilux",
"submit-btn",
"temporary-and-modular-units",
"termination-of-informal-care",
"the-challenge-of-temporariness",
"the-informal-care-situation",
"the-medical-statement",
"the-obligation-after-the-care-situation-ends",
"the-official-procedure",
"the-situation-after-informal-care-ends",
"the-sustainable-informal-care-dwelling",
"tijdelijke-en-modulaire-units",
@@ -402,6 +430,7 @@
"what-must-be-removed-or-disabled",
"what-to-pay-attention-to-when-comparing-providers",
"wipe",
"zoning-plan-and-location",
"zorgindicatie-en-documentatie-verzamelen"
]
}

1
mantelzorgwoning.info Submodule

Submodule mantelzorgwoning.info added at 161362a0d1

81
themes/godocs-1/layouts/_default/contact.html
View File

@@ -6,7 +6,7 @@
<div class="col-lg-8">
<div class="p-4 p-sm-5 shadow rounded content">
<h2 class="section-title">{{ .Title }}</h2>
<form method="POST" action="{{ site.Params.contact_form_action }}">
<form id="contact-form">
<div class="row gy-4">
<div class="form-group col-md-6">
<label for="fname">{{ i18n "first_name" }}</label>
@@ -14,19 +14,23 @@
</div>
<div class="form-group col-md-6">
<label for="lname">{{ i18n "last_name" }}</label>
<input type="text" class="form-control text-dark" id="lname" name="lname" placeholder="{{ i18n "ph_last_name" }}">
<input type="text" class="form-control text-dark" id="lname" name="lname">
</div>
<div class="form-group col-md-12">
<div class="form-group col-md-6">
<label for="email">{{ i18n "email" }}</label>
<input type="email" class="form-control text-dark" id="email" name="email" placeholder="{{ i18n "ph_email" }}" required>
</div>
<div class="form-group col-md-6">
<label for="phone">Telefoonnummer</label>
<input type="tel" class="form-control text-dark" id="phone" name="phone" placeholder="Bijv. 0612345678">
</div>
<div class="form-group col-md-12">
<label for="reason">{{ i18n "contact_reason" }}</label>
<select class="form-select rounded-0 px-0" id="reason" name="reason">
<option selected disabled>{{ i18n "option_choose_reason" }}</option>
<option value="zakelijk">{{ i18n "option_business" }}</option>
<option value="ticket">{{ i18n "option_ticket" }}</option>
<option value="project">{{ i18n "option_project" }}</option>
<label for="reason">Reden van contact</label>
<select class="form-control text-dark" id="reason" name="reason" required>
<option value="" disabled selected>Maak een keuze...</option>
<option value="Kavel laten toetsen">Kavel laten toetsen</option>
<option value="Aanmelden nieuwsbrief">Aanmelden nieuwsbrief</option>
<option value="Zakelijk">Zakelijk</option>
</select>
</div>
<div class="form-group col-md-12">
@@ -34,9 +38,10 @@
<textarea name="message" id="message" class="form-control text-dark" placeholder="{{ i18n "ph_message" }}"></textarea>
</div>
<div class="col-md-12">
<button type="submit" class="btn btn-primary">{{ i18n "send" }}</button>
<button type="submit" id="submit-btn" class="btn btn-primary">{{ i18n "send" }}</button>
</div>
</div>
<div id="form-response" class="mt-3" style="display:none;"></div>
</form>
</div>
</div>
@@ -44,4 +49,60 @@
</div>
</section>
<script>
document.getElementById('contact-form').addEventListener('submit', function(e) {
e.preventDefault();
const btn = document.getElementById('submit-btn');
const responseDiv = document.getElementById('form-response');
btn.disabled = true;
const originalBtnText = btn.innerText;
btn.innerText = 'Verzenden...';
const reason = document.getElementById('reason').value;
const message = document.getElementById('message').value;
// We combineren de reden en het bericht voor het 'description' veld in EspoCRM
const fullDescription = "Reden van contact: " + reason + "\n\nBericht:\n" + message;
const payload = {
"firstName": document.getElementById('fname').value,
"lastName": document.getElementById('lname').value,
"emailAddress": document.getElementById('email').value,
"phoneNumber": document.getElementById('phone').value,
"description": fullDescription,
"salutationName": "" // Je kunt dit leeg laten als je het hebt opgelost
};
fetch('https://crm.start-it.nl/api/v1/LeadCapture/1eeab8e3c9f41fd45419a012fb8696ac', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json'
},
body: JSON.stringify(payload)
})
.then(response => {
if (response.ok) {
responseDiv.style.display = 'block';
responseDiv.className = 'alert alert-success mt-3';
responseDiv.innerText = 'Bedankt! Uw bericht is succesvol verzonden.';
document.getElementById('contact-form').reset();
} else {
throw new Error('Server respons was niet ok');
}
})
.catch(error => {
responseDiv.style.display = 'block';
responseDiv.className = 'alert alert-danger mt-3';
responseDiv.innerText = 'Er is een fout opgetreden bij het verzenden. Controleer uw verbinding.';
console.error('Error:', error);
})
.finally(() => {
btn.disabled = false;
btn.innerText = originalBtnText;
});
});
</script>
{{ end }}