UPDATE 17-04-2021 : SINDS VERSIE 5.4 IS ER EEN PROBLEEM MET CONTACT FORM 7, WAARDOOR E-MAILS NIET VERZONDEN WORDEN.
Gebruikers op het support forum geven aan dat het terugzetten van versie 5.3.x het probleem oplost. Hoewel de ontwikkelaar wel reageert op support vragen geeft hij op dit moment alleen het advies andere plugins te deactiveren en te switchen naar een standaard WordPress thema, maar dat is natuurlijk geen werkbare oplossing.
Persoonlijk heb ik ervoor gekozen alle contactformulieren om te zetten naar Fluent Forms, een andere gratis contactformulier plugin die ook veel gebruiksvriendelijker is.
Een contactformulier is één van de belangrijkste contactmogelijkheden op je website. De gratis plugin Contact Form 7 is één van de populairste contactformulier plugins voor WordPress en biedt enorm veel mogelijkheden, maar het is helaas niet de meest gebruiksvriendelijke plugin. Deze Contact form 7 handleiding is dan ook geen overbodige luxe 😉
In dit artikel lees je:
- Dat je Contact Form 7 een plugin is die je eerst moet installeren
- Dat de plugin standaard al een eenvoudig contactformulier aanmaakt
- Hoe je het standaard contactformulier kunt aanpassen aan jouw wensen (o.a. velden toevoegen)
- Dat je deze aanpassingen ook moet verwerken in de e-mail template en hoe je dat doet
- Dat E-mail (2) een extra e-mail template is die je als autoresponder kunt gebruiken
- Dat je bij “berichten” en “aanvullende instellingen” niet perse iets hoeft aan te passen
- Dat je het contactformulier met een shortcode toevoegt op een pagina of in een bericht
- Hoe je reCAPTCHA anti spam toevoegt, en hoe je het reCAPTCHA logo verbergt op je site
Stap 1 : Installeer de Contact Form 7 plugin
Voordat er iets in te stellen valt moet je de plugin natuurlijk eerst installeren. Ga dus naar plugins en klik links bovenin op “nieuwe plugin”. Typ vervolgens “contact form 7” in het zoekvak rechtsboven en druk op enter. Klik vervolgens bij de “contact form 7” plugin op “nu installeren” en vervolgens op “plugin activeren”.
Stap 2 : Open het standaard contactformulier
Je kunt natuurlijk ook met een blanco contactformulier beginnen (4) maar een bestaand contactformulier aanpassen is makkelijker.
Stap 3 : Het contactformulier aanpassen
Als eerste kun je een naam invoeren voor het contactformulier (1). Dit is puur voor jezelf, zodat je het formulier makkelijk kunt herkennen. Deze wordt verder niet gebruikt.
Vervolgens zie je een zogenaamde shortcode (2). Als het formulier straks af is gebruiken we deze code om het formulier in een pagina, bericht of widget in te voegen.
Daaronder zie je enkele tabbladen (5). Hier kom ik zo op terug.
Velden toevoegen in Contact Form 7
Onder de tabbladen zie je buttons voor alle soorten velden die je kunt gebruiken (3). Hiermee kun je bijvoorbeeld een gewoon tekstveld invoegen, maar je kunt ook speciale velden gebruiken waarin de gebruiker bijvoorbeeld alleen een e-mailadres of telefoonnummer kan invoeren. Als er in het e-mailveld bijvoorbeeld een @ teken ontbreekt zal er een foutmelding gegeven worden, evenals wanneer een telefoonveld letters bevat. Je kunt ook selectievakjes of keuzerondjes gebruiken.
Meestal kun je ook een standaard waarde invullen. Bij mijn contactformulier heb ik bijvoorbeeld een tekstgebied met als standaard waarde “Vermeld hier relevante informatie enz…” en aangezien ik het vakje “Deze tekst gebruiken als tijdelijke aanduiding van het veld” heb aangevinkt is de standaard waarde een zogenaamde placeholder, tekst die automatisch verdwijnt wanneer de gebruiker iets in het vak typt.
De rest van de opties zoals ID en class kun je negeren, dat is bedoeld voor meer geavanceerde gebruikers.
Omschrijving bij het veld invoeren
Ten eerste zie je dat ieder onderdeel (1) begint met <label> en wordt afgesloten met </label> (of met <p> en </p>). Dat zorgt ervoor dat er een stukje witruimte na ieder onderdeel wordt ingevoegd.
Na de <label> (of <p>) typ je de tekst die getoond moet worden boven het invulveld (3), bijvoorbeeld “je naam” en “je e-mail”.
Na het invulveld typ je </label> (of </p>) om het onderdeel af te sluiten.
Het formulier wordt altijd afgesloten met <p>[submit “Verzenden”]</p> (5). [submit] zorgt ervoor dat er een button verschijnt waarmee het formulier verzonden kan worden, en de tekst die je tussen de aanhalingstekens plaatst is de tekst die op de button wordt weergegeven. Dat is in dit geval dus “Verzenden”, maar daar kun je ook een andere tekst typen.
Stap 4 : De e-mail template aanpassen
Nu we ons formulier helemaal af hebben is het tijd om de e-mail template aan te passen. Dit is 1 van de onderdelen die ervoor zorgen dat Contact Form 7 wat minder gebruiksvriendelijk is: we moeten namelijk alle velden die we in stap 3 hebben aangemaakt ook handmatig in de e-mail template verwerken. Als we dat niet doen zullen de ingevulde gegevens namelijk niet verzonden worden. Veel andere contactformulier plugins doen dit automatisch.
Nu moeten we dus zorgen dat alle velden terugkomen bij “bericht inhoud”. De standaard velden [your-name] (de naam van de klant), [your-email] (het e-mailadres van de klant), [your-subject] (het onderwerp dat de klant invult) en [your-message] (het tekstgebied onder “je bericht”) zijn al in de e-mail template verwerkt, dus we hoeven alleen de velden die we in stap 3 extra hebben aangemaakt toe te voegen.
Dat zijn in dit geval dus “jouw eigen tekstveld” en “jouw eigen checkbox”. Je kunt daar ook een andere tekst gebruiken, zolang de code tussen [ ] maar hetzelfde is als die in het formulier. Die kun je dus het beste gewoon copy/pasten van bovenaan de pagina (2).
Als je het formulier hebt opgeslagen zouden er bovenaan bij (2) geen dikgedrukte velden meer moeten staan. Als dat wel het geval is zijn die velden nog niet in de e-mail template verwerkt.
De overige gegevens (aan, van, onderwerp en aanvullende kopteksten) kun je meestal gewoon op de standaard waarden laten staan, al kun je bijvoorbeeld bij onderwerp ook zelf een vast onderwerp invullen zoals “aanvraag via website” of zo.
Wat is E-mail (2)?
Dat is een tweede e-mail template. Die heb je niet perse nodig, maar veel mensen gebruiken deze template als autoresponder.
Berichten en aanvullende instellingen
Als je op het tabblad “berichten” klikt zie je welke meldingen bezoekers te zien krijgen als bevestiging of wanneer er iets fout gaat. Deze kun je in principe gewoon laten staan, al gebruik ik meestal iets vriendelijkere teksten. Het tabblad aanvullende instellingen is voor geavanceerde gebruikers.
Stap 5 : Shortcode toevoegen op een pagina
reCAPTCHA anti spam toevoegen
Vroeg of laat zul je helaas regelmatig spam via je contactformulier ontvangen. Gelukkig zijn er verschillende manieren om dit tegen te gaan.
De bekendste anti spam maatregel is Google’s reCAPTCHA. De meest recente versie daarvan is ook nog eens zeer gebruiksvriendelijk, aangezien die onzichtbaar zijn werk doet.
Het implementeren daarvan is wel wat lastiger, maar ook geen rocket science 😉
- Klik in het WordPress admin menu op “Contact” en vervolgens op “Integratie”.
- Klik vervolgens onder “reCAPTCHA” op “Setup Integration”.
- Je ziet nu 2 vakken, “site-sleutel” en “geheime sleutel”.
- Deze sleutels moet je eerst aanmaken. Ga daarvoor naar www.google.com/recaptcha/.
- Klik rechtsbovenaan op “admin console” en log in met een Google account (gmail of youtube).
- Klik, indien nodig, op het plus teken in het lichtblauwe vak bovenin.
- Vul bij “label” de naam van je website in.
- Kies bij “ReCAPTCHA type” voor “reCAPTCHA V3”.
- Voeg bij domeinen de website(s) toe waarop je deze sleutel wilt gaan gebruiken, zonder https://www.
Dus ik zou daar alleen bobdewebbouwer.com invullen, in plaats van https://www.bobdewebbouwer.com. - Accepteer de voorwaarden en klik op “verzenden”.
- Je krijgt nu de sleutels te zien. Kopieer deze en plak die bij de vakken uit stap 3. Klik nu op “save changes”.
reCAPTCHA logo verwijderen
Als alles goed gegaan is zie je nu rechts onderaan op je website een reCAPTCHA logo. Hartstikke fijn als bevestiging dat het allemaal werkt natuurlijk, maar dat wil je natuurlijk liever niet op je site hebben. Gelukkig kun je die reCAPTCHA badge met 1 regeltje CSS code verbergen. Ga in de WordPress admin naar weergave –> customizer en klik vervolgens op “extra CSS”. Plak daar de onderstaande regel code:
.grecaptcha-badge {
display: none;
}
Klik nu op publiceren, dan is het reCAPTCHA logo als het goed is niet meer zichtbaar.
Hulp nodig met je WordPress website?
Dit artikel is geschreven door Bob de webbouwer, een allround website expert die regelmatig blogt over allerlei onderwerpen die je helpen bij (het bouwen van) jouw website. Heb je hulp nodig? Huur Bob de webbouwer dan in om een website voor je te bouwen, jouw website te verbeteren of een training over dit onderwerp te verzorgen.
Heeft dit artikel je zo goed geholpen dat je geen hulp meer nodig hebt?
Of heb je juist wel nog een vraag, die je hieronder aan me wilt stellen?
Dan wordt een kleine eenmalige donatie altijd zeer op prijs gesteld 🙂
Hoe kan je in contact form 7 de velden naast elkaar krijgen op een formulier.
Bijvoorbeeld voornaam en achternaam naast elkaar?
Hoi Astrid,
Dat is helaas niet zomaar mogelijk, dan moet je echt HTML en CSS code gaan toevoegen. Je moet namelijk aan het veld voornaam en het veld achternaam een class toekennen en vervolgens in de CSS aangeven dat die class een breedte van 50% heeft ipv de normale 100% breedte. Dan komen ze dus naast elkaar in plaats van onder elkaar.
Groeten van Bob
Hoi Bob,
Goede uitleg. Kun je ook ergens de ingevulde contactformulieren terugvinden? Worden deze ergens opgeslagen?
Alvast bedankt.
Dank je DJ 🙂
Standaard worden de contactformulieren alleen per e-mail verzonden en dus niet opgeslagen in de database, maar de maker van Contact Form 7 heeft ook deze plugin ontwikkeld die dat wel mogelijk maakt.
Groeten van Bob
Hallo,
Bij mijn formulier werkt alles maar…..
Ik vind dat de er verticaal teveel tussen ruimte is. Kan ik dat ergens veranderen??
Zie contact op de website.
Vriendelijke groeten Annemien.
B.V.D.
Hoi Annemien,
Zo te zien heb je tussen ieder veld een witregel toegevoegd. Als je die weghaalt gaat het waarschijnlijk wel goed.
Groeten van Bob
Hoii, ik heb de plugin geinstalleerd, maar helaas blijft de tekst vh formulier wit… Ik heb een witte achtergrond, dus dat gaat m niet worden..
Kan ik dit veranderen?
Groetjes
Hoi Sanne,
Normaal gebruikt CF7 gewoon de styling van het thema, dus als de rest van je tekst wit is zal dat in het formulier ook zo zijn. Als de rest van je tekst echter zwart is hoort dat in het formulier ook zo te zijn… Weet je zeker dat je bij stap 3 ook de tekst in het lichtblauwe kader (3) hebt ingevuld? Probeer dan eens onderstaande code in je custom CSS toe te voegen:
.wpcf7 {color: #000 !important;}
Dat zou ervoor moeten zorgen dat de tekst zwart wordt.
Groeten van Bob
Yoehoe Bob, met die CCS code werkt het!! Onwijs bedankt!
Haha wat een leuke reactie Sanne, fijn dat het gelukt is 🙂 !
Hi, ik zou graag de datumopties willen beperken bij mijn formulier. Hoe stel ik in dat alleen data in de toekomst mogelijk zijn?
Hoi Hans,
Dat kan volgens dit artikel door bij “bereik” de min (= minimale datum) op 0 te zetten.
Groeten van Bob
Hoihoi, ik zou graag een bedankt-pagina zien nadat er op de knop ‘verzenden’ is gedrukt. Ik lees op verschillende pagina’s dat dit mogelijk is maar ik krijg het niet voor elkaar 🙁
Hoi Natasja,
De makkelijkste manier is met deze plugin.
Groeten van Bob
Hoe kan ik de standaard weergegeven contactgegevens in contact formulier 7 wijzigen in mijn eigen contactgegevens?
Hoi Harry,
Welke standaard contactgegevens bedoel je? In het e-mail tabblad kun je de afzender e.d. instellen.
Groeten van Bob
Hoi Bob, Onderaan het contactformulier staat nu onder ‘vind ons’ een adres die ik graag wil aanpassen.
Ah ok… dat is geen instelling van het contactformulier maar een widget. Die vind je bij weergave –> widgets.
Zie ook hoofdstuk 7.3 van mijn WordPress handleiding.
Groeten van Bob
Super bedankt!!!
Hallo Bob,
In CF7 hebben we een reserveringsformulier voor een dierenpension waarbij je meerdere dieren kan opgeven:Dierenpensionydermade.nl
Invulveld :[radio Geslachteerstedier “mannelijk” “vrouwelijk”] is ineens een verplicht veld geworden , wat tot nu nooit zo was…..
Aangezien we dit veld voor meerdere dieren gebruiken wordt het invullen van een formulier ineens heel lastig.
Heb jij enig idee hoe dit te herstellen?
Hoi Johan,
Dan staat er in de formulier template (stap 3 hierboven) waarschijnlijk een sterretje achter radio. Als je dat weghaalt is het niet meer verplicht.
Groeten van Bob
Hi Bob,
De verzendknop is bruin/oranje en dat past helemaal niet bij de site… Hoe verander ik die kleur?
Hoi Danielle,
Voeg deze code eens toe aan de Custom CSS :
.wpcf7-submit {
background: #dedede;
color: #333333;
}
Dat levert een mooie lichtgrijze button op met donkergrijze tekst. Wil je liever een donkergrijze button met lichtgrijze tekst? Dan draai je de waarden achter “background” en “color” om.
Groeten van Bob
Hoi Bob,
Ik heb al een contact formulier, nu wilde ik ook een inkoop formulier maken, zodat een klant bij ons spullen kan aanbieden en daarbij ook een foto als bijlage erbij kan doen.
We hebben het geprobeerd met bestand toe te voegen, getest. Nu word de file gezet in de mail, alleen kunnen we het niet openen.
Ik denk dat we iets vergeten zijn, kun jij me vertellen hoe en wat we exact moeten invullen en doen?
Mvg Rob
Hoi Rob,
Ik durf zo niet te zeggen waar dan aan kan liggen maar hier vind je de officiële documentatie van Contact Form 7 hierover.
Hoi Bob,
Wat fijn, je uitleg! Is het ook mogelijk om de breedte van het formulier aan te passen?
Groet, Milou
Bedankt voor je leuke reactie Milou 🙂 Je kunt de breedte wel aanpassen, maar alleen met CSS code. Bijvoorbeeld:
.wpcf7 {
width: 50%;
}
Zorgt ervoor dat het formulier de helft van de breedte krijgt van de container waarbinnen deze valt.
Groeten van Bob
Hoi Bob
even een vraag de invul velden zoals naam: kun je daar de grootte op een of ander manier van aanpassen.
grz
Hans
Hoi Hans,
Ook dat kan met wat CSS code. Iets als:
.wpcf7 input,
.wpcf7 textarea {
width: 600px;
max-width: 98%;
}
Zorgt ervoor dat de input velden een breedte van 600 pixels krijgen, met een maximum van 98% van hun container zodat ze op mobiel niet breder worden dan het scherm zelf.
Groeten van Bob
Hoi Bob,
Ik heb het contactformulier op mijn site geplaatst maar als ik het invul wordt het wel verzonden, maar ik krijg geen melding in mijn mail van het bericht.
De website is nog lang niet af. Want ik krijg oa ook de originele plaatjes die op de pagina staan niet veranderd.
Hoi Rene,
Ik heb even een test verzonden, dat lijkt naar behoren te werken. Ik neem aan dat je de spam / ongewenste e-mail map ook hebt gecontroleerd en dat je nog even gecheckt hebt of het mailadres bij de instellingen klopt? Anders vind je de oplossing misschien in dit artikel (en dan vooral in de reacties die eronder staan).
Groeten van Bob
Hallo Bob,
Ik wil de kleur van de button aanpassen van Contact form 7 en heb jouw aanwijzing opgevolgd. Deze code had ik in de CSS gezet, echter zonder resultaat:
.wpcf7-submit {
background: #dedede;
color: #333333;
}
Ik wil sowieso een andere kleur, alleen het werkt niet bij mij (WordPress met Tempera template):
background: #ef8437;
color: #ffffff;
Wat kan hier aan de hand zijn?
Alvast bedankt, Corné
Hoi Corné,
Het kan zijn dat de code overschreven wordt door een thema instelling, zit er nergens een instelling om de button kleuren in te stellen? Probeer anders onderstaande code eens:
.wpcf7-submit {
background: #ef8437 !important;
color: #ffffff !important;
}
Groeten van Bob
Hallo bob,
De mail kwam inderdaad in de spam map terecht. Had ik nog niet gekeken. Bedankt voor de tip.
Groeten René
Hoi Rene,
Fijn dat het is opgelost, en bedankt voor je terugkoppeling!
Groeten van Bob
Hallo Bob,
Als eerste mijn complimenten over hoe duidelijk je Contact Form 7 uitlegt. Top!
Ik heb de plug-in Contact Form 7 Redirection geïnstalleerd, maar krijg deze niet aan de praat. Bij Plug-ins zie ik wel dat de plug-in geïnstalleerd is maar verder kan ik deze nergens meer vinden. Wat doe ik verkeerd?
Dank je Peter 🙂 Als je een contactformulier bewerkt zie je een nieuw tabblad “redirect settings”. Daar kun je instellen naar welke pagina je wilt verwijzen.
Groeten van Bob
Hallo Bob,
Bedankt voor je snelle reactie!
Hoe moet ik de ‘redirect settings’ invullen? Ik wil eigenlijk gewoon een tekst laten zien “bedankt voor uw bericht, binnenkort nemen wij contact met u op” maar ik heb geen idee hoe en waar dat te plaatsen bij de ‘redirect settings’:(
Die redirect plugin is bedoeld om een bezoeker door te sturen naar een andere (bedank)pagina. Je moet dan dus een nieuwe pagina aanmaken, bijvoorbeeld /bedankt/, en daar de tekst op zetten die je wilt gebruiken. De URL van die bedankpagina vul je dan in bij het redirect tabblad.
Maar wat jij bedoelt zit al standaard in Contact Form 7, daar heb je geen extra plugin voor nodig. Welk bericht er getoond wordt na verzending kun je instellen onder het tabblad “berichten”.
Groeten van Bob
Hallo Bob,
Wederom bedankt voor je snelle reactie.
Uitgetest en het werk feilloos!!
Mooi zo Peter, succes met je website verder 🙂
Hoi Conny,
Dat probleem komt me helaas niet bekend voor, maar volgens mij werkt dat met ajax ( een programmeertaal, niet de voetbalclub 😉 ). Het kan zijn dat er een conflict met het thema of een andere plugin is waardoor het niet werkt. Wellicht kun je het probleem oplossen door stap 1 t/m 4 in dit artikel te volgen.
Groeten van Bob
Hoi Bob,
Op een van mijn sites werkte het formulier tot voor kort prima. De mail en de autoresponder werken ook.
Maar als er op de knop verzenden geklikt wordt, dan blijft het hangen en kom je niet bij het bericht voor verzonden uit.
Ik heb de oude knop al vervangen door een nieuwe, maar dat werkt niet.
De mail wordt dus wel verstuurd….
Hallo Bob,
Ik ben offline met mijn website bezig. Je kunt nog niet meekijken. Ik heb wel ff een vraagje.
Ik vind het veld van “your message” zo groot. De breedte heb ik met padding wel wat korter kunnen krijgen, maar kun je de hoogte ook aanpassen? Bij de andere velden lukte het wel, maar het veld van “your message” blijft een groot wit vlak. Ik ben benieuwd.
Groetjes Anneke
Hoi Anneke,
De hoogte van het “your message” veld kun je aanpassen door de volgende code toe te voegen via customizer –> extra CSS:
.wpcf7 textarea {
height: 100px;
}
Uiteraard kun je die 100px ook door een andere waarde vervangen.
Groeten van Bob
Hoi Bob,
Helaas het werkt niet, wat ik ook probeer. Is niet anders. Toch bedankt!!!
Laat wel van me horen als mijn website online staat.
Groetjes Anneke
Dat is goed Anneke, als je website online staat kan ik ook even in de code proberen of het werkt.
Groeten van Bob
Hoi Bob,
Hoe kan ik de hoogte van het berichtveld veranderen? Dat stond eerst goed, maar ik ben aan het editen gegaan en nu heeft het veld dezelfde hoogte als de andere tekstvelden (naam, e-mailadres).
Groetjes, Kim
Hoi Kim,
Ik weet niet precies wat je hebt aangepast, maar je zou de code van een paar reacties terug kunnen proberen:
.wpcf7 textarea {
height: 100px;
}
Uiteraard kun je die 100px ook door een andere waarde vervangen.
Hoi Bob,
Daar had ik al naar gekeken, maar was me niet gelukt. Heb het inmiddels wel opgelost, had voor het veld text in plaats van textarea gekozen… Dank je voor je reactie!
Groetjes, Kim
Aha dan werkt die code inderdaad niet, die werkt immers alleen op textarea 😉 Fijn dat je nog terugkoppelt!
Groeten van Bob
Hoi Bob,
Ik heb op verschillende websites contactform 7 geinstalleerd en altijd prima gewerkt alleen de laatste tijd wat problemen.
Ik kan geen nieuw formulier toevoegen of een oud formulier aanpassen dan krijg is steeds de melding
admin.php openen
als ik dat doe krijg ik onderstaande melding
503 Service Unavailable
Service Unavailable
The server is temporarily unable to service your
request due to maintenance downtime or capacity
problems. Please try again later.
het later nog eens proberen dat is nu al een week op verschillende dagen en tijden geprobeerd en zelfs op meerdere werkplekken maar steeds zonder resultaat
Weet jij misschien wat er aan de hand is en wat ik hieraan kan doen
Hoi John,
Dat probleem komt me helaas niet bekend voor, maar heb je toevallig recentelijk iets gewijzigd? Andere hosting, nieuw thema, nieuwe plugin? Probeer de stappen uit dit artikel eens, wellicht kun je daar de oorzaak mee achterhalen.
Succes ermee!
Groeten van Bob
Beste Bob, ik heb in dot contactformulier selectievakjes opgenomen, maar hij zet ze achter elkaar. Ik vind het overzichtelijker als ze onder elkar staan. Hoe doe ik dat? http://www.taxiservicenumansdorp.nl/taxi-online-bestellen/
Hoi Peter,
Dat kan, maar daarvoor moet je wat CSS toevoegen via weergave –> customizer –> extra css. De onderstaande code zou moeten werken:
.wpcf7-checkbox .wpcf7-list-item {
display: block;
margin: 0 0 10px 0;
}
.wpcf7-checkbox .wpcf7-list-item input[type=checkbox] {
margin: 0 10px 0 0;
}
Groeten van Bob
Hey Bob,
Ik probeer een checkbox toe te voegen die aangevinkt moet worden (met akkoord Privacy Statement) maar hij verschijnt niet …. Ik heb het op tabblad ‘formulier’ en ‘email’ toegevoegd maar helaas… tips?
https://www.rebatech.com/contact/
Hoi Daniëlle,
Zo te zien gebruik je geen contact form 7 maar het standaard contactformulier van je thema (Avada). Daar heb ik helaas weinig ervaring mee. Probeer het eens op het forum van themefusion, de makers van Avada.
Groeten van Bob
Hey Bob,
Ja is wel een contactform 7, dit is de shortcode van 1 van onze contactformulieren: [contact-form-7 id="90" title="Contactformulier 1"]
Hoi Daniëlle,
Zeker weten? Ik zie in de code van het formulier op die pagina niet de code van Contact Form 7 hoor 😉
Verander eens wat anders in je contactformulier, bijvoorbeeld “email” in “e-mail adres”, en kijk eens of dat verandert op de pagina. Wis voor de zekerheid ook even de cache van je browser en eventuele caching plugin. Als dat niet verandert op de website wordt daar waarschijnlijk niet dat formulier gebruikt.
Groeten van Bob
Hey Bob,
Ik heb de contactpagina uitgeplozen en je hebt gelijk, er stond een ander formulier in…heeeeel vreemd… maar verklaart al een hoop, thanks!
Maar goed, de juiste staat er nu en de link staat er wel maar de checkbox niet.
Dit heb ik in het formulier gezet:
Uw naam (verplicht)
[text* your-name]
Uw e-mail (verplicht)
[email* your-email]
Onderwerp
[text your-subject]
Uw bericht
[textarea your-message]
[checkbox* Akkoord]
Akkoord met het
Privacy Statement
[submit “Verzenden”]
Wat zie ik over het hoofd? Het moet ook in 1 lijn staan.
Hoi Daniëlle,
Voor het accepteren van voorwaarden (in dit geval de privacy statement) heeft Contact Form 7 een speciaal soort checkbox, acceptance genaamd. Probeer de volgende code eens:
[acceptance akkoord] Ik ga akkoord met het privacy statement.[/acceptance]
Ga vervolgens nog even naar het tabblad “aanvullende instellingen” en plak daar deze code:
acceptance_as_validation: on
Die laatste zorgt ervoor dat er een foutmelding getoond wordt als het vakje niet wordt aangevinkt. Als je die code niet toevoegt kan het formulier gewoon niet verstuurd worden, maar aangezien er dan geen melding verschijnt lijkt het net of het formulier gewoon niet werkt. Niet erg gebruiksvriendelijk dus.
Groeten van Bob
Helemaal top Bob! Werkt perfect, dank je!
Mooi zo, en fijn dat je dat nog even laat weten 🙂
Beste Bob,
Ik heb – mede dankzij jouw heldere uitleg – een paar mooie contactformulieren gebouwd voor onze tennisclub; zie kraaienveld.nl.
Er is één probleempje dat mij dwars blijft zitten en waar ik via andere fora niet uit kom. Misschien kun jij me helpen?
Het gaat om de date functie. Die wordt gebruikt voor geboortedatum en aanmelddatum. In Internet Explorer (IE 11) lukt het niet om een zgn date-picker te laten zien. In alle andere browsers die ik heb getest (Safari, Chrome, Firefox) werkt het prima.
De fora die het probleem behandelen geven oplossingen die ik niet begrijp of niet vertrouw (zoals een extra plugin (Contact Form 7 IE DatePicker and Number Spinner Fix) die al jaren niet wordt onderhouden).
Heb jij een idee?
Bij voorbaat dank voor je reactie.
Jan
Hoi Jan,
Leuk dat je wat aan mijn uitleg hebt gehad. Bij mij geeft IE wel een date picket (Windows 10), maar niet zo’n fijne als in Chrome. Volgens mij was dat in Windows 7 niet zo.
Dat was ook de 1 van de redenen dat ik het date veld nooit gebruik. De andere reden is dat ik een hekel heb aan (te strenge) validaties; als er geen datepicker gebruikt wordt moet de datum perse als dd-mm-jjjj worden ingevoerd (of erger, bijvoorbeeld jjjj/mm/dd), terwijl klanten ook vaak gewoon “25 mei” willen invoeren.
Groeten van Bob
Beste Bob,
Je hebt me aan het denken gezet. Het is inderdaad wel gek om strenge validatie-eisen te stellen aan een klein aantal formulieren, die vervolgens handmatig verwerkt worden. Ik heb het veld omgezet in een tekstveld …
Groet van Jan
Hoi Bob,
Is er een code die men kan toevoegen aan de extra css om de breedte van het drop down menu aan te passenin het contactformulier
Bij voorbaat dank
Jan
Jazeker Jan 🙂
.wpcf7-select {
width: 100%;
}
Bovenstaande code maakt het dropdown menu 100% breed (dus even breed als het formulier zelf). Je kunt hier natuurlijk ook een andere waarde invullen, bijvoorbeeld 50% of 250px.
Groeten van Bob
Hallo Bob,
Fijn artikel! Ik heb er wat aangehad.
Nu wil ik ook de styling van het formulier veranderen.
Bijv de fieldnaam en de field naast elkaar ipv onder elkaar. Nu worden formulier onnodig lang, terwijl er aan de rechterzijde ruimte genoeg is.
Heb jij een suggestie?
Groet,
Marianne
Hoi Marianne,
Fijn dat je iets aan mijn artikel gehad hebt. Het is inderdaad mogelijk de velden naast elkaar te zetten, maar welke CSS code je daarvoor nodig hebt ligt er een beetje aan hoe je je formulier hebt opgebouwd. Je kunt iets proberen als
.wpcf7 input {
width: 45%;
display: inline-block;
}
Groeten van Bob
Hi Bob,
Dank voor je stukje CSS, helaas is dit niet de oplossing. Er verandert helemaal niets.
Groet,
Marianne
Hoi Marianne,
Als je me de URL geeft waar het formulier op staat kan ik kijken wat de juiste code is in jouw geval.
Groeten van Bob
Hi Bob,
de website is themagictouch.de, het formulier is te vinden onder Kontakt. (in de navigatiebalk)
Ik heb meerdere formulieren in voorbereiding, maar die zijn in draft mode.
Groet,
Marianne
Hoi Marianne,
Zo te zien heb je in de formulier editor de velden ook onder het field onder de fieldnaam gezet. Zet die er daar eens naast, anders gaat het niet werken.
Groeten van Bob
Hi Bob,
Gedaan, maar geen verschil. Zit misschien in het Thema?
Groet,
Marianne
Hoi Marianne,
Als je nu de volgende code toevoegt bij weergave –> customizer –> extra css komt het field naast de fieldnaam:
.wpcf7 span.wpcf7-form-control-wrap {
display: inline-block;
}
Maar eigenlijk zou je dan ook nog een class moeten toevoegen aan de fieldnaam, zodat je alles netjes kunt uitlijnen.
Groeten van Bob
Hi Bob,
Ja de fields staan nu naast elkaar. Er moet inderdaad nog een class toegevoegd worden om het netjes te krijgen.
Als jij die zo uit je mouw kunt schudden? Ik moet daarvoor echt nog studeren!
Groet,
Marianee
Hoi Marianne,
Mooi zo 🙂 Het toevoegen van zo’n class is niet zo moeilijk, maar om dat duidelijk uitgelegd te krijgen moet ik waarschijnlijk bijna een apart artikel schrijven en dat gaat helaas wat te ver voor hier 😉
Groeten van Bob
Ontzettend bedankt Bob. Ik ben in ieder geval weer een stapje verder.
Ik kijk uit naar je nieuwe artikel 😉
Groet,
Marianne
Beste Bob,
Hoe plaats ik een link (verwijzing) naar een pagina of externe url in het contactformulier?
Groeten
Jan
Hoi Jan,
Je kunt gewoon HTML code verwerken in het contactformulier, dus een link plaats je als volgt:
<a href="https://www.jouwlink.nl" target="_blank" rel="nofollow">hier je linktekst</a>
Het stukje target=”_blank” zorgt ervoor dat de link in een nieuw tabblad opent, als je dat niet wilt kun je dat gewoon weghalen.
Groeten van Bob
Hoi Bob,
Nog een vraagje;
Is het mogelijk om een jpg afbeelding (bv een logo) te plaatsen in het email bericht?
Groeten van Jan
Dat kan ook, door onderstaande HTML code in te voegen op de plek waar de afbeelding moet komen:
<img src="https://www.jouwwebsite.nl/wp-content/afbeelding.jpg" />
Je moet dan wel de checkbox bij “HTML-indeling gebruiken” aanvinken.
Groeten van Bob
Hoi Bob,
Ik gebruik al lang form7 en krijg de laatste tijd in een niet ingevuld veld: Nederland. Ik heb verplicht veld voornaam en dan niet verplicht tussenvoegsel en vervolgens verplicht veld achternaam. Regelmatig krijg ik dan Voornaam Nederland achternaam bijvoorbeeld Jan Nederland Jansen. Weet jij hoe dit kan. Het gebeurt te vaak dat het niet per ongeluk kan zijn.
Groet, Jolan
Hoi Jolanda,
Ik denk dat het met de automatisch aanvullen functie van browsers te maken heeft. Ik gebruik zelf bijvoorbeeld Google Chrome, en als ik mijn naam of e-mail adres in een formulier invul worden vaak ook allerlei andere gegevens automatisch ingevuld (adres, woonplaats, telefoonnummer).
Om de 1 of andere reden wordt er bij het veld “tussenvoegsel” automatisch Nederland ingevuld, ook bij mij. Geen idee waarom, maar dan weet je in elk geval hoe het komt 😉
Groeten van Bob
Hoi Bob,
Dank voor je snelle reactie.
Dat valt niet uit te zetten zeker? Hangt misschien af van de instellingen van de invuller? Ik weet nu in ieder geval hoe het komt.
Groet, Jolan
Hoi Bob,
Wat een fantastische uitleg geef je. Zag ook dat je code hebt geplaatst voor het onder elkaar zetten van een checkbox. Nu probeer ik het zelfde voor de radiobox, maar krijg het niet voor elkaar. heb jij nog tips?
Met vriendelijke groet Paulski
Dank je Paulski 🙂 Probeer de volgende code eens:
.wpcf7-radio .wpcf7-list-item {display: block;
}
Groeten van Bob
Super thnx
Je stukje code werkt
Met vriendelijke groet Paulski
Hi Bob,
Het gaat goed met mijn contact forms, styling etc.
Nog een vraagje, ik heb dropboxes waar je iets kunt selecteren, maar als je niets selecteert wordt dit toch weergeven in de mail.
Voorbeeld: select
groen
geel
Kan ik select hidden in de mail als er nix gekozen wordt?
Met vriendelijke groet,
Marianne
Hoi Marianne,
In het mail tabblad heb je een hokje met “Sluit regels met lege mail-tags uit in de uitvoer”. Als je dat aanvinkt worden niet ingevulde velden niet meegestuurd.
Groeten van Bob
Hi Bob,
Dat heb ik gedaan en dat werkt, maar ik wil fields die het woord “select” hebben ook uitsluiten.
Groet,
Marianne
Hoi Bob,
Ik ben op zoek naar een reactieformulier in het Nederlands voor onder mijn blogs. De standaard in het Engels wil ik best gebruiken mits vertaald in het Nederlands, en dat is niet zo eenvoudig te doen volgens mij?
Ik lees ook dat contactform 7 daarvoor gebruikt kan worden, alleen vraag ik mij af wat je moet instellen om de berichten onder de blogs te laten verschijnen. Ik ken het alleen van ontvangst via email.
Of heb jij andere tips voor reacties onder blogs. Mag ik vragen wat jij gebruikt voor deze reacties onder jouw bericht
Dank,
Groeten,
Danielle
Hoi Danielle,
Heb je WordPress wel ingesteld op Nederlands bij instellingen –> algemeen –> websitetaal? Als die in het Nederlands staat zou het reactieformulier ook in het Nederlands moeten zijn, mits je thema dat overschrijft. In dat geval zou je LocoTranslate kunnen proberen om dat alsnog te vertalen.
Groeten van Bob
Hoi Bob,
Dank je wel voor je uitleg, deze is heel fijn als je niet helemaal weet hoe het werkt. Heb je voor mij ook een tip hoe ik de foutmelding duidelijker en prominenter in beeld kan brengen als je een veld bv niet correct hebt ingevuld? De tekst wellicht groter en bold of in een kader met rode rand of iets dergelijks?
Groeten, Monique
Hoi Monique,
Standaard zijn de foutmeldingen al rood, maar misschien dat jouw thema deze wat subtieler weergeeft. Om het kader onder het formulier rood te maken voeg je de volgende code toe bij extra CSS:
div.wpcf7-response-output {margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000 !important;
}
Als je de melding bij het betreffende veld rood en dikgedrukt wilt maken voeg je de volgende code toe:
span.wpcf7-not-valid-tip {color: #f00;
font-weight: bold;
}
Groeten van Bob
Hallo Bob,
Dank je wel voor je input.
Ik heb er uiteindelijk dit van gemaakt omdat het bold maken van de meldtekst niet werkte:
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000 !important;
}
span .wpcf7-not-valid {
border: 1px solid #ff0000 !important;
}
Ook prima toch Monique 🙂
Groeten van Bob
Ik krijg de (fout) melding; meerdere formulierelementen zijn in een enkel labelelement geplaatst. Enig idee wat ik fout doe?
Ik kreeg deze melding na het invoegen van radio en checkbox…
Hoi Janis,
Als je op die foutmelding klikt kom je op deze pagina, waar die melding wordt uitgelegd 😉
Groeten van Bob
Hallo Bob,
Wat een vragen en wat een reacties op deze site. Als ‘nieuweling’ in WordPress ben ik onder de indruk van de mogelijkheden en opties. Complimenten voor de wijze waarop je de antwoorden geformuleerd hebt. Helder.
Mijn vraag: Het ophalen en installeren van de plugin voor het contact formulier lukte me zonder problemen. Onder de mogelijkheid om een bericht achter te laten is echter nog een ruimte voor een reactie. ik neem dat het gaat om een reactie van de website-beheerder. Graag zou ik dat hele gedeelte verwijderen uit het contact-formulier. Maar hoe doe ik dat? Bij instelling heb ik al alle vinkjes weggehaald waardoor in principe geen reactie achtergelaten kan worden, maar op het formulier staat nog steeds een stuk tekst dat voor mij geen functie heeft en dat ik graag wil verwijderen.
Hoi Harry,
Bedankt voor je compliment, dit is inderdaad een erg populair artikel 😉
Heb je op de contactpagina zelf ook de vinkjes in de admin uitgezet bij reacties toestaan, of alleen bij de instellingen?
Groeten van Bob
Hoi Bob,
Ik heb die fout melding pagina gelezen, maar het wordt mij niet duidelijk wat ik fout heb gedaan ????????♀️
Moet ik bij een checkbox de en weglaten?
Het probleem is dat bij een checkbox en radio nu alle keuzemogelijkheden binnen 1
<label>
keuze 1
keuze 2
keuze 3
</label>
De correcte manier is dat elke keuze een eigen label element heeft, dus
<label>keuze 1</label>
<label>keuze 2</label>
<label>keuze 3</label>
Als alle keuzes binnen 1 <label> element vallen kan het in sommige browsers voorkomen dat alleen het eerste element geselecteerd kan worden (al kunnen de meeste browsers daar prima mee overweg). Om te zorgen dat ieder element zijn eigen <label> krijgt voeg je use_label_element aan de code toe:
[checkbox checkbox-374 use_label_element]
Als je bij het invoegen van checkboxes of radio buttons een vinkje zet bij “Zet elk item in een label element (container) ” wordt dat automatisch gedaan.
Groeten van Bob
Beste Bob,
we gebruiken email(2) als auto response voor aanmeldingen. De ontvangers van de bevestigingsmail zien echter bij de afzender “WordPress staan. Waarom staat hier WordPress voor. Waar kunnen we dit aanpassen?
Dat kun je als het goed is gewoon aanpassen bij het “van” veld bij de email(2) template.
Groeten van Bob
Beste Bob,
dank voor de snelle reactie. Als je niets invult wordt door het systeem idd de tekst “WordPress” ervoor gezet. Probleem is opgelost.
Mooi zo Tjeu, bedankt voor de terugkoppeling!
Groeten van Bob
Hi Bob,
Ik wil ook heel graag mensen doorsturen naar een bedanktpagina, zodat ik dat beter kan meten. Nu ik las de vraag hier ook tussen staan maar waar vind je precies die “redirect settings”?
Hoi Sarah,
Dan moet je even deze plugin installeren, dan krijg je dat tabblad te zien.
Groeten van Bob
Ah super, het is gelukt! Bedankt 🙂
Hallo Bob,
Ik wil graag een inschrijfformulier maken, waarbij er meerdere kinderen ingeschreven kunnen worden.
Kan ik een formulier maken waarbij de invuller een extra regel kan toevoegen als ze meer kinderen willen toevoegen?
Alvast bedankt
Femke
Hoi Femke,
Die functionaliteit zit niet standaard in Contact Form 7, maar er zijn wel plugins waarmee je dat voor elkaar kan krijgen zoals deze en deze. De term waarop je moet zoeken is “repeatable fields” 😉
Groeten van Bob
Het formulier wat men in moet vullen voor het downloaden van een checklist heeft gewerkt (in ieder geval tot 6 augustus) en geeft nu ineens een foutmelding. Weet je toevallig of er iets gewijzigd is wat ik gemist heb? Enig idee welke fout er opgetreden is (en hoe ik die op kan lossen)?
Hoi Caroline,
Vreemd… voor zover ik weet is er niets gewijzigd wat dit probleem kan veroorzaken. Staan er foutmeldingen in de admin (Stap 3 hierboven)? Verzend je het contactformulier naar een mailadres op jouw domein of naar gmail ofzo? Werkt de wachtwoord reset van WordPress nog wel gewoon?
Groeten van Bob
Hoi Bob,
IK wil op een form een naam in laten voeren, maar daarvóór (dus op dezelfde regel) een keuze tussen Dhr. en Mevr. Ik kom daar niet uit!!!
Hi Bob,
Bedankt voor de goed uitleg.
Wel heb ik wat vragen nog.
– Ik zou graag de breedte van het formulier over de gehele container willen.
– De verzendbutton graag een andere kleur.
– Tussenkopjes creëren in mijn formulier
Hopelijk kan je mij hierbij helpen.
Groeten,
Neal
@ Jan Kees, dat kan wel, maar daar moet je wat CSS code voor toevoegen. Welke precies is afhankelijk van hoe jouw contactformulier is opgebouwd. Kun je de URL van de pagina delen?
@ Neal, ook jij hebt wat CSS code nodig. Voeg de volgende code eens toe via customizer –> extra css:
.wpcf7 input {width: 100%;
} /* Alle inputvelden even breed als de container */
.wpcf7 input[type=submit] {
width: 200px; /* De verzendknop is maar 200px breed */
background: #090; /* De achtergrondkleur van de knop is groen */
}
Tussenkopjes kun je gewoon toevoegen op de plek waar je ze wilt hebben.
Groeten van Bob
Hi Bob,
Helemaal goed! Het werkt. Dankje!
Gr. Neal
Mooi zo Neal, en bedankt voor de terugkoppeling 🙂
Groeten van Bob
Als vervolg op mijn vraag van hierboven:
het gaat om https://vriendenvanhetparkhuis.nl/lid-worden/
Wat ik wil is de aanhef (Dhr/Mevr) en de naam op 1 regel.
Hoi Jan Kees,
Het is niet de bedoeling dat ik hier voor tig websites custom CSS code ga schrijven natuurlijk, maar voor deze ene keer… vooruit dan maar 😉
Voeg de onderstaande code eens toe via customizer –> extra css :
.wpcf7-form-control-wrap.radio-689 {float: left;
width: auto;
margin: 7px 20px 0 0;
}
.wpcf7-form-control-wrap.your-name {
width: 60%;
}
Succes ermee en groeten van Bob
Hoi Bob,
Nog bedankt voor je reactie.
Twee dagen later was mijn website uit te lucht ivm Malware :-(. Ik denk dus dat het daar al mee te maken zal hebben gehad.
We zijn weer online en de formulieren doen het weer :-).
Groeten,
Caroline
Hoi Caroline,
Dan zal dat het probleem zijn geweest inderdaad. Gelukkig nu weer opgelost dan en fijn dat je nog even wat laat weten 🙂
Groeten van Bob
Dank je Bob!
Het werkt (en ik snap um)!
Mooi zo Jan Kees, bedankt voor de terugkoppeling 🙂
Hoi Bob,
Ik ben met mijn eerste formuliertje bezig; alles werkt; alleen krijg ik in de mail niet de input van de textarea te zien…
Ik heb dus een fout gemaakt:
Formulier (staat goed):
Je medereizigers
[textarea Mede-passagiers]
Bij E-mail staat nu het volgende:
Je medereizigers
[textarea Mede-passagiers]
Hoi Hans,
Je moet alleen [Mede-passagiers] gebruiken in de e-mail template, dus zonder “textarea”.
Groeten van Bob
Hi Bob,
Wat een duidelijke en snelle reactie!
Bedankt!!
Graag gedaan Hans 🙂
Groeten van Bob
Ha Bob,
Graag wil ik de kleur van de rand en tekst mijn button veranderen naar #34a0d7. (achtergrond wil ik graag transparant houden) Hoe kan ik dat aanpassen?
B.v.d.
Hoi Stef,
Deze code zou daarvoor moeten zorgen:
.wpcf7 input[type=submit] {color: #34a0d7;
border: 1px solid #34a0d7;
}
Groeten van Bob
Hey Bob,
Heb nog een vraagje over contact form 7. Als ik het formulier heb ingevuld kan ik het versturen per e-mail. De vraag is nu kan je het ook omzetten naar een PDF of printen i.p.v. mailen?
Hoor graag van je.
Met vriendelijke groet,
Paulski
Hoi Paulski,
Dat is ook mogelijk, maar daar heb je wel een extra plugin voor nodig. Om te printen kun je print-o-matic gebruiken, en om een PDF van een formulier te maken zou je Send PDF for Contact Form 7 kunnen proberen (met die laatste heb ik helaas ook geen ervaring).
Groeten van Bob
Hey Bob,
Ben met print-o-matic aan de gang gegaan. Mijn pagina is als volgt ingedeeld
[shortcode formulier]
Toegevoegde HTML (tabel met tekst)
[print-me]
Als ik de pagina nu bekijk zie ik onder aan de pagina netjes het print icoon staan, maar als ik deze gebruikt wordt er een compleet witte pagina afgedrukt. Heb je hier nog tips voor?
Paulski
Ik heb het volgende gedaan.
[acceptance akkoord] Ik ga akkoord met het privacy statement.[/acceptance]
Ga vervolgens nog even naar het tabblad “aanvullende instellingen” en plak daar deze code:
acceptance_as_validation: on
Maar hoe leg ik de link (pagina) naar het “privacy statement”
Hoi Paulski,
Ik zie nu pas dat ik nog niet op je gereageerd had, excuses. Probeer de [print-me] code eens in het formulier zelf toe te voegen.
Groeten van Bob
Hoi Jos,
Dat doe je als volgt:
[acceptance akkoord] Ik ga akkoord met het <a href="/privacy-statement/">privacy statement<a>.[/acceptance]
Waarbij “/privacy-statement/” uiteraard vervangen wordt door de URL van jouw privacy pagina.
Groeten van Bob
Hallo Bob,
Even vraag waar ik niet uit kom.
Als ik via het contactformulier een email verstuur, dan ziet de ontvanger:
Wordpress staan
Op welke wijze kan ik het woordje WordPress aanpassen?
Alvast bedankt,
Marco
hallo
ik heb het contact formulier klaar alleen nu wil ik een ander email adres toevoegen dan de huidige wat al bekend is
elke x krijg ik een foutmelding als ik een ander email adres eronder wil zetten voor de geadresseerde
hoe kan ik dit veranderen ?
als melding krijg ik dit : (configuratie fout) Het e-mailadres van de verzender behoort niet tot het domeinnaam van de site.(configuratie fout) Het e-mailadres van de verzender behoort niet tot het domeinnaam van de site. :
of ik voer het verkeerd in ??
hoor graag wie de oplossing heeft
groet
michel
Hoi Michel,
Die foutmelding krijg je als het e-mail adres niet eindigt op je domeinnaam. In mijn geval moet het e-mail adres dus @bobdewebbouwer.com zijn. Als ik een @gmail adres zou invoeren krijg ik die melding ook. Dat wil overigens niet direct zeggen dat het dan niet werkt, dat is een kwestie van uitproberen,
Groeten van Bob
Hoi Marco,
Onder het motto “beter laat dan nooit” 🙂 Dat kun je aanpassen in het e-mail tabblad (stap 4), bij “van”.
Groeten van Bob
Hallo Bob,
Ik zou het CF7 graag gebruiken onder meerdere berichten (vacatures) op mijn website. Als iemand nu reageert kan ik niet zien bij welke vacature (via welke url) men dit heeft verstuurd. Is dit wel mogelijk via CR7? Of bijvoorbeeld dat er automatisch al een veld wordt ik gevuld op basis van de url?
Hoi Ralph,
Ja en nee… dat ligt eraan hoe je url is opgebouwd. CF7 kan alleen waardes uit de URL halen als deze een query bevat (dus een vraagteken in de URL).
Zie dit artikel.
Groeten van Bob
Beste Bob,
Ik gebruik contact form 7, maar wanneer iemand een mail stuurt krijg ik ook het bevestigingsmailtje hiervan, wat natuurlijk naar de de persoon in kwestie moet. Daarnaast geeft het veld de volgende melding: Er wordt een ongeldige mailbox-syntax gebruikt in het veld Reply-To.
In dit veld gebruik ik het volgend: Reply-To:
Heeft deze tekst met het probleem te maken? En hoe kan ik dit oplossen?
Met vriendelijke groet,
Collin
Hoi Collin,
Je kunt het beste Reply-To: [your-email] gebruiken. Dat zorgt ervoor dat je antwoord naar degene die het formulier invult wordt gestuurd.
Voor wat betreft het bevestigingsmailtje, ik neem aan dat je daar de mail (2) template voor gebruikt? Dan moet je bij aan [your-email] gebruiken.
Groeten van Bob
Hai Bob,
Fijne uitleg, dank je wel.
Ik heb twee vragen:
hoe voeg ik extra witregels toe tussen 2 selecties?
en ik heb aan de hand van de code die je hebt gegeven de breedte aangepast van de tekstvelden. Alleen daaronder heb ik een dropdown menu die nu ook over meer dan de hele breedte te zien is.
Wat doe ik verkeerd?
Dank je wel vast!
Hoi Karin,
Voeg deze code eens toe via weergave –> customizer –> extra CSS :
.wpcf7 p {
padding-top: 15px;
}
.wpcf7 input[type="checkbox"] {
width: auto;
margin-top: 10px;
}
Je moet ervoor zorgen dat deze code onder de code staat waarmee je de breedte van de tekstvelden hebt ingesteld.
Groeten van Bob
Beste Bob,
Hoe kan ik achterhalen op welke pagina het contactformulier is ingevuld? Ik gebruik namelijk hetzelfde contactformulier op al mijn productpagina’s. Hierdoor zal ik gelijk kunnen achterhalen over welk product er een vraag is gesteld.
Alvast hartelijk dank Bob!
Groeten van Stef
Hoi Stef,
Zie deze reactie een stukje hierboven.
Groeten van Bob
Ha Bob,
Dank voor je reactie!
Groeten van Stef
Hi Bob,
Als de gebruiker een veld invult en dan “enter” klikt, wordt het formulier verzonden. Is het mogelijk dit te voorkomen?
Hoi Marianne,
Je zou een verplicht veld aan het einde van het formulier kunnen toevoegen. Zolang dat niet is ingevuld zal de gebruiker een foutmelding krijgen. Je kunt bijvoorbeeld een acceptatieveld voor je privacy statement toevoegen, zoals hier beschreven.
Groeten van Bob
Ha Bob,
Op het contactformulier wil ik graag de gebruiker de optie geven om aan te geven wanneer hij/zij het product komt ophalen. Als ik de functie “datum” gebruik, krijg ik bij het invullen de volgende melding: “de datumnotatie is incorrect”. Hoe kan ik dit oplossen?
Bij voorbaat dank,
Stef
Hoi Stef,
Als je het datumveld gebruikt moet de datum exact ingevoerd worden zoals het in de WordPress instellingen staat, bijvoorbeeld als 12/02/2019. Dat is dus een groot nadeel van het datumveld, en precies de reden dat ik dat eigenlijk nooit gebruik. Ik gebruik in zo’n geval altijd een gewoon tekstveld, dan kunnen mensen de datum invullen zoals ze zelf willen (12 februari, 12-02-2019, 12/2 enzovoorts).
Het enige voordeel van het datumveld is dat de meeste browsers er een kalendertje bij tonen, dat heb je niet bij een gewoon tekstveld.
Groeten van Bob
Beste Bob.
Sinds kort ondervind ik problemen bij het verzenden van formulieren.
Als een gebruiker zijn email adres invult van @hotmail.com of een – gebruikt in zijn email adres geeft het contactformulier “Er zijn fouten opgetreden bij het versturen van het bericht. Probeer later nog een keer.”
Zodra het formulier exact het zelfde word ingevuld maar dan met bijvoorbeeld een email adres @ziggo.nl of @kpnmail.com enz enz zal hij wel versturen en krijgt de gebruiker op dit ingevulde email adres een reactie.
Groeten,
Michael
Hoi Michael,
Dat probleem komt me niet bekend voor helaas, maar pas bij het tabblad “berichten” de tekst voor “het bericht is aangemerkt als spam” eens aan en kijk eens of dat de melding is die dan verschijnt. Dan heb je nog steeds geen oplossing voor het probleem maar dan weet je in elk geval wel of dat het probleem veroorzaakt zodat je wat gerichter kunt zoeken.
Groeten van Bob
Beste Bob.
Gebruik maken van een @hotmail.com adres word door het contactformulier aangemerkt als mogelijk spam.
Een oplossing heb ik nog niet kunnen vinden.
Dacht eerst dat het een probleem was met reCAPTCHA maar zowel op de formulieren beschermt met reCAPTCHA v.2 als de formulieren zonder reCAPTCHA krijg ik de meldingen. Ook de overstap naar v3 bied geen soelaas.
Groeten,
Michael
Hoi Michael,
Dat dacht ik al, vandaar die suggestie ook natuurlijk 😉 Maar dan weet je in elk geval zeker dat het geen fout in de configuratie of een probleem met de server is.
Laat je hier nog even wat weten als je de oorzaak achterhaald hebt aub?
Groeten van Bob
Beste Bob.
Ik heb de oorzaak kunnen achterhalen.
Eigenlijk heel simpel. Het woord “hot” stond op de zwarte lijst . (instellingen => discussie).
En omdat wordpress dus elk woord waar “hot” in voorkomt blokkeert, werden de email adressen van @hotmail.com aangemerkt als mogelijk spam.
Groeten,
Michael
Ah haha die had ik nog niet bedacht 😀 Bedankt voor de terugkoppeling hier in elk geval, dan hebben anderen er wellicht ook nog wat aan!
Groeten van Bob
Hoi,
ik heb een formulier gemaakt met CF7 met daarin een drop-down menu. Nu vraag ik me af of ik ook een optie leeg kan laten, zodat klanten die zelf kunnen invullen.
Dus bijvoorbeeld
-appels
-peren
-anders, nl …… zelf door klanten in te vullen
Hoi Sandra,
Dat is standaard niet mogelijk, maar ik heb in zo’n geval wel eens deze conditional fields plugin gebruikt. Daarmee kun je een tekstveld toevoegen dat standaard verborgen is, maar tevoorschijn komt als de optie “anders, nl…” geselecteerd wordt.
Groeten van Bob
Ik heb een (groot) formulier gemaakt in contact form 7 multisteps (4 pagina’s) en de input wordt (er pagina) opgeslagen in Flamingo. Maar nu wil ik het ingevulde formulier kunnen printen, zodat ik het kan meegeven. Maar hoe doe ik dat?? Kan ik gegevens exporteren naar Word?
Hoi Andre,
Geen idee… ik heb weleens deze plugin gebruikt om formulieren met inhoud te printen, maar ik denk niet dat dit in jouw situatie de oplossing zal zijn…
Groeten van Bob
http://www.google.com/recaptcha/
Dag,
Bovenstaand adres werkt niet, heb je misschien iets anders?
Hoi Mart,
Hoe bedoel je, werkt niet? Dat je nog steeds teveel spam krijgt? Dan zou je deze plugin eens kunnen proberen. Maar dat zou ik alleen doen als je echt heel veel spam krijgt. Voor 1 of 2 spam aanvragen per dag moet je je echte potentiële klanten niet gaan lastigvallen met een rekensom.
Groeten van Bob
Nee, als ik op de link druk in de tekst: 4. Deze sleutels moet je eerst aanmaken. Ga daarvoor naar http://www.google.com/recaptcha/.
Krijg ik onderstaande melding, als ik het adres kopieer en plak kom ik wel op de site
404. That’s an error.
The requested URL /recaptcha/%20target= was not found on this server. That’s all we know.
Ah ik zie het nu ook inderdaad, bedankt voor de tip 🙂 Bij deze gefixt.
Hoi Bob,
In wordpress heb ik een contactformulier aangemaakt (Form 7)
Het mailadres heeft dezelfde domeinnaam als de link van de website (ik begreep nl dat dat een voorwaarde is)
Dus in het formulier staat bij AAN en VAN hetzelfde adres: info@NAAM.org en http://www.NAAM.org is ook de link naar de communicatiesite.
Als ik het contactformulier op de site invul krijg ik de melding: Bedankt voor je bericht; het is verzonden.
Alleen komt het helaas niet aan in mijn mail.
Wat doe ik fout?
Alvast hartelijk dank
Hoi Debby,
Het probleem is waarschijnlijk dat je bij het AAN en VAN hetzelfde adres hebt staan 😉 Verander 1 van die adressen eens en probeer het dan nog eens.
Groeten van Bob
Bedankt Bob,
Je had helemaal gelijk.
Ik heb nu alleen het bovenste adres AAN aangepast (even mijn privé adres gebruikt) en dan komt ie aan.
Ik wil echter dat het niet naar mijn privé adres gaat, maar naar het zakelijke: info@NAAM.org
Als ik de adressen dan omruil: in AAN zakelijk en in VAN privé, dan krijg ik de volgende melding:
Een configuratiefout gevonden: Het e-mailadres van de afzender behoort niet tot het domeinnaam van de site.
Groeten, Debby
Hoi Debby,
Dan zou ik een extra mailadres aanmaken, bijvoorbeeld “contact@naam.org” of “debby@naam.org” dat je bij het van adres gebruikt. Je kunt daar overigens ook een niet bestaand mailadres gebruiken, zeker als je het contactformulier toch alleen naar jezelf stuurt.
Groeten van Bob
Hoi Bob,
Inmiddels geprobeerd met een bestaand adres: contact@naam.org en een fictieve naam@naam.org.
Bij beiden komen ze nu niet in mijn info@naam.org aan.
Lijkt erop dat hostnet wat tegenhoud?
Groeten, Debby
Dan zou ik hun even benaderen inderdaad.
Groeten van Bob
Dank je wel voor de hulp!!
Groeten, Debby
Hoi Bob,
Is het mogelijk om de breedte van het selectievak aante passen? Ik heb namelijk een keuzeregel die breder is dan het selectievak
Groeten
Jan
Hoi Jan,
Probeer deze code eens toe te voegen bij customizer –> extra css.
Groeten van Bob
Beste Bob,
Dank voor al je advies; heel behulpzaam!
Ik heb nog 1 vraag: Weet jij hoe je ervoor kan zorgen dat het kopje boven elk veld verdwijnt en in plaats daarvan in het invulvakje komt te staan? Dus ‘NAAM’ staat niet boven het veld maar in het veld en verdwijnt zodra je gaat typen.
Hoi Jason,
Het kopje weghalen is gewoon een kwestie van de betreffende tekst weghalen. Alleen wat tussen [ en ] staat heb je echt nodig, de rest niet.
Om de tekst in het veld zelf te zetten gebruik je een placeholder, als volgt: [text your-name placeholder “NAAM”].
Groeten van Bob
Hoi Bob,
Ook ik maak gebruik van contact form 7 en loop tegen 2 dingen aan:
– Is het mogelijk in het ‘mail’ veld bij de berichtinhoud woorden dik te drukken?
– De datumnotering in het contactformulier op de website is op de Nederlandse manier (bv 21-03-2019), maar als ik een ingevuld formulier binnen krijg in de mail is het omgekeerd (2019-03-21). Heb jij enig idee hoe ik dit aan kan passen? Ik zou het graag beiden op de Nederlandse manier willen.
Alvast bedankt!
Groeten, Joyce
Hoi Joyce,
Met het “mail” veld bedoel je de e-mail template neem ik aan? Daar kun je in principe HTML code in gebruiken, dus <strong> hier de dik gedrukte tekst </strong> zou moeten werken. Het kan wel zijn dat je dan het vakje “HTML-indeling gebruiken” even moet aanvinken.
De datumnotering zou ik zo niet weten… staat het wel juist in de instellingen van WordPress zelf?
Groeten van Bob
Hoi Bob,
Bedankt, het vakje moest ik inderdaad aanvinken! Voor de datumnotering ga ik nog even verder op zoek dan, in elk geval bedankt voor je reactie.
Groeten, Joyce
Hoi Bob,
Ik wilde even laten weten dat ik heb gevonden hoe ik de datumnotering aan kan passen en ik dacht dit even te delen.
Ik maak gebruik van contact form 7. In de opbouw formulier gebruik ik bij de datum de datumkalender. Zoals ik aangaf heeft deze op de website de notering “dd/mm/jjjj”. Na het ontvangen van het contactformulier in de mailbox werd dit automatisch omgezet naar de notering “jjjj/mm/dd”, wat erg vervelend leest.
De notering van de ontvangen datum kun je wijzigen door in de e-mailtemplate de volgende tag te gebruiken voor de datum:
[_format_your-date “d-m-Y”]
“your-date” vervang je door de naam die je hebt gegeven aan de datum tag. “d-m-Y” kan vervangen worden door elke andere notering van de datum. Viaranten hiervan zijn te vinden op bijvoorbeeld deze website: https://bit.ly/2GfaUhC.
Groeten, Joyce
Hoi Joyce,
Fijn dat het gelukt is, en heel hartelijk dank voor je berichtje hoe je het hebt opgelost!
Groeten van Bob
Hallo Bob,
Ook ik werk met CF7. Echter heb ik al enige tijd het probleem dat de datumnotering verkeerd staat. Klanten moeten bijvoorbeeld 2019-04-14 invullen in plaats van 14-04-2019. Zo niet, dan verschijnt er ”De datumnotatie is incorrect.” Dit is erg vervelend omdat iedereen in Nederland gewoon 14-04-2019 invult.
De datumnotering van WordPress staat goed ingesteld.
Heb jij enig idee wat ik fout doe?
Groetjes, Simone
Hoi Simone,
Dat is precies de reden dat ik het datum veld eigenlijk nooit gebruik; te strenge validatie. Ik wil dat klanten ook gewoon “14 april” of “14/4/19” kunnen invullen. Maar ja, dan krijg je ook geen kalendertje te zien natuurlijk. Misschien werkt de tip van Joyce hierboven?
Groeten van Bob
Hallo Bob,
Ik heb een vraag of het mogelijk is voor de velden die niet zijn ingevuld onderaan met tekst nog eens weer te geven onder de knop”versturen”.
Groetjes Benny
Hoi Benny,
Ja en nee… het is wel mogelijk om de foutberichten onder het formulier weer te geven met wat custom CSS, maar die zijn voor de meeste velden hetzelfde (alleen velden als het e-mail adres hebben een aparte foutmelding). Met deze plugin kun je wel per veld een aparte foutmelding maken, wellicht dat je daarmee kunt bereiken wat je wilt.
Groeten van Bob
Hey Bob,
Dank u wel ik ben hier mee geholpen ik heb de plugin geïnstalleerd en werkt perfect.
Groetjes Benny.
Fijn Benny, en bedankt voor je terugkoppeling 🙂
Groeten van Bob
Hai Bob,
fantastisch om te lezen hoe je de mensen zo kundig helpt.
ik heb op meerdere productpaginas een contactformulier geplaatst voor het aanvragen van een offerte en als iemand deze invult krijg ik in de mail niet te zien vanaf welke pagina dit formulier verstuurd is.
id dit mogelijk
Hoi Alwin,
Zie deze reactie die ik eerder gaf 🙂
Groeten van Bob
Hai Bob, ik dacht dat ik alle reacties goed had gelezen maar schijnbaar toch niet 🙁 dankjewel voor je snelle reactie.
Haha het zijn ook wel belachelijk veel reacties dus het is je vergeven 😉
Groeten van Bob
Beste Bob,
Niet gehinderd door enige WordPress kennis heb ik ook een vraag (ik heb wel al de vragen en antwoorden bekeken en ik zag mijn vraag niet staan geloof ik). Voor mijn school is een mooie nieuwe website gemaakt. Met contactformulier. De reacties die op dat formulier worden ingevuld krijg ik in mijn mailbox binnen. In de tekst in die email staan de naam en het e-mailadres van degene die het formulier heeft ingevuld. De afzender is wordpress@onzedomeinnaam. Dat betekent dat wanneer ik op reply druk de mail naar dat laatst e-mailadres gaat. Ik moet dus handmatig het e-mailadres van de invuller kopiëren en plakken in mijn antwoord-email. Geen drama maar ik vroeg me af of dat ook anders kan? Dus dat als Pietje Puk zijn e-mailadres invult op het formulier, dat ik ook als afzender pietjepuk@gmail.com krijg om op te antwoorden. Dankjewel alvast! Madeleine
Hoi Madeleine,
Als je onder het tabblad “mail” bij “Aanvullende headers” de volgende code toevoegt wordt je antwoord automatisch aan de afzender gericht:
Reply-To: [your-email]Groeten van Bob
Dankjewel voor de snelle reactie! Fijne service 🙂
Hallo Bob,
is er misschien een beperkte aantal aan opties in een dropdown formulier?
Ik had een dropdown in een contactformulier gemaakt met meer dn 30 opties.
dit was op een website van een kennis van mij.
In de browser kon ik dit niet aanklikken.
mvg,
Johan Welling
Hoi Johan,
Voor zover ik weet is er geen beperking dus waarschijnlijk ging er wat anders mis in dit geval. Wat er dan mis ging kan ik zo helaas niet zeggen.
Groeten van Bob
hoi Bob,
Ga ik even verder zoeken wat het kan zijn.
dankjewel!
Hoi Bob,
In mijn formulier moeten mensen aanklikken welke datum ze een cursus willen volgen. Per datum zijn er maximaal 20 inschrijvingen mogelijk en dan moet deze datum gemarkeerd worden als vol.
Is dit mogelijk in contactform 7? Zo nee: heb je een advies?
Groet,
Joost
Hoi Joost,
Nee, dit is niet mogelijk met een contactformulier. Een contactformulier stuurt alleen de gegevens die mensen invullen per e-mail naar je toe. Voor hetgeen jij wilt moet er eerst verbinding gemaakt worden met de database om te checken of de datum nog beschikbaar is.
Ik zou eens kijken naar een reserveringsplugin zoals The Events Calendar.
Groeten van Bob
Hoi Bob,
Ik ben bezig met het maken van een contact formulier met CF7 alleen alles staat verticaal heel ver uit elkaar. Ik heb overal de enter al er tussen houd gehouden maar hij blijft vrij ver uit elkaar staan. Hoe kan ik dit oplossen?
En daarnaast wil ik graag de achtergrond kleur van het formulier veranderen, hoe doe ik dat?
Groetjes Janin
Hoi Janin,
Ik ben bang dat je daar wat CSS code voor nodig zal hebben. Contact Form 7 biedt zelf helaas geen styling mogelijkheden.
Groeten van Bob
Ha Bob,
Contactform 7. Mailtje dat ik krijg als men het form heeft ingevuld. Berichtinhoud. De naam van de variabele + inhoud variabele. Wat ik zou willen is dat de inhoud variabele horizontaal wordt uitgelijnd. Dat de antwoorden “boven elkaar staan”.
Heb ik mijn vraag duidelijk omschreven?
Hoi Jan Kees,
Volgens mij snap ik wat je bedoelt 😉 Probeer in de e-mail template eens <br /> achter iedere shortcode te plaatsen. Dat is HTML code die ervoor zorgt dat de regel wordt afgebroken.
Groeten van Bob
Ha Bob, de <br /> is in feite een harde return. Ik zoek een harde tab! Zodat het soort van kolom wordt.
Aha, dan snapte ik toch niet wat je bedoelde 😉 Dan denk ik dat je met HTML tabellen moet gaan werken in de e-mail template. Iets als
<table>
<tr>
<td>vraag 1</td>
<td>[shortcode 1]</td>
</tr>
<tr>
<td>vraag 2</td>
<td>[shortcode 2]</td>
</tr>
</table>
Ik wil graag de donatieknop duidelijker (andere kleur?) weergeven. Of wellicht niet in de header, maar ergens anders
Hi Bob, wat heb je al veel vragen beantwoord.
Kan jij me helpen? Ik heb het contactformulier aangemaakt en alles werkt maar het ingevulde formulier wordt niet verzonden.
We krijgen steeds een oranje kader: er is een fout opgetreden bij het versturen van het bericht, probeer het later nog eens.
Er is dus iets wat dit als SPAM ziet en daardoor werkt het formulier niet. Hopelijk heb jij een antwoord want ik kan verder er niks over vinden.
Hartelijke groet, Carina
Hoe kan ik ervoor zorgen dat mijn invul kader van het bericht korter wordt? Nu is die heel lang en staat dit niet mooi op mijn webpagina.
Zo, weer even wat vragen te beantwoorden 🙂
@ Jan, dat zul je waarschijnlijk met CSS moeten doen als daar geen instelling voor is. Normaal geef ik geen custom CSS meer, maar voor deze keer dan omdat het voor een goed doel is:
a.morebutton {background: white;
}
Als je die code even toevoegt bij customizer –> extra CSS krijgt de knop een witte achtergrond met blauwe letter. Je kunt natuurlijk ook een andere kleur kiezen.
@ Carina, deze foutmelding wordt meestal weergegeven als er iets niet klopt in de configuratie, of als er iets niet goed is ingesteld bij de hosting. Werkt de wachtwoord vergeten link als je inlogt wel? Krijg je dan wel een mailtje? Zo niet dan ligt het waarschijnlijk aan je hosting.
Groeten van Bob
@ Ilse, zie deze reactie.
Groeten van Bob
Dank Bob, namens het goede doel.
Hoi Bob,
Wat fijn dat jij deze service biedt.
@Carina: ik heb hetzelfde met het contactformulier sinds een paar weken.
Wordpress – Hostnet. En voorheen deed deze het wel. Aan de instellingen is niets veranderd, maar sinds (ergens in) september lijkt deze de foutmelding te geven.
Ik was benieuwd of jij er zelf al achter bent wat het probleem is? En hoe je dit hebt verholpen?
Alvast hartelijk dank.
Groeten, Debby
Hi Bob en Debby,
Het is nog niet verholpen. Ik heb alles nog een doorgevoerd ook op aanraden van de hosting partij.
@Bob, wat bedoel je met de configuratie? En welke ‘vergeet je wachtwoorden’ link bedoel je, die van wordpress?
Ik heb recaptcha pro plugin ook al uitgezet. Helpt ook niet. Ik weet het echt even niet meer 🙁
Groet Caruba
Hoi Carina,
Als er een configuratiefout is staat dat op het betreffende tabblad vermeld, en onderaan dat tabblad staat dan wat er mis is (met een rood uitroepteken erbij). Met de wachtwoord vergeten link bedoel ik inderdaad die van WordPress zelf. Als die ook niet werkt ligt het waarschijnlijk aan de phpmail instellingen van de hosting.
Ik kan wel kijken of ik het voor je kan oplossen, maar daar zijn wel kosten aan verbonden. Mail me even als je daar interesse in hebt.
Groeten van Bob
Hi Bob,
Geen rode meldingen binnen contactform 7. Dat staat allemaal correct.
En we krijgen keurig een email binnen met wachtwoord resetten.
Ik zal even informeren.
Groet Carina
Hoi Bob,
heb ook een probleem met het contactformulier. Als gebruiker van het contactformlier krijg je na verzenden een oranje melding (spam). Als je nogmaals op de send button drukt wordt het bericht verzonden en krijg ik deze in mijn mailbox. Ik heb het betreffende email adres al op de white list staan.
Heb je enig idee hoe ik dit kan fixen?
Ik gebruik: WP+Avada, contact form7 v5.1.4 incl recaptcha v3,
Hoi Raymond,
Dat probleem komt me helaas niet bekend voor… ik adviseer je hier even een support topic aan te maken. Laat je nog even weten wat de oorzaak was aub?
Groeten van Bob
Dag Bob,
Waar kan ik de border en de velden van contact form 7 een andere kleur geven?
groet Lorny
Hoi Lorny,
Daar is helaas geen standaard instelling voor, dus dat zul je met CSS of met een plugin als Contact Form 7 Style moeten doen.
Groeten van Bob
Hallo Bob,
Ik heb een formulier gemaakt in de tijdelijke website, maar het lukt mij niet om de opties van de bestelmogelijkheden onder elkaar te plaatsen, heb jij een oplossing?
Hoi Sandra,
Ja hoor, daar heb ik een oplossing voor 🙂 Zie deze reactie, maar dan zonder .wpcf7-checkbox
Groeten van Bob
Hallo Bob,
Bedankt voor de snelle reactie. Ik had dit inderdaad gedaan, maar ze blijven naast elkaar staan. Moet ik misschien iets in de code plaatsen. Ik zal de code zoals ik hem gebruikt heb hieronder plaatsen.
Uw naam (verplicht)
[text* your-name]
Uw bedrijfsnaam (verplicht)
[text* your-comapgnyname]
Uw e-mail (verplicht)
[email* your-email]
Straatnaam + nummer (verplicht)
[text* your-adres]
Postcode en Plaatsnaam (verplicht)
[text* your-postcode-plaats]
Uw telefoonnummer (verplicht)
[tel* tel-540]
Bestelling:
[radio radio-386 default:1 “Bedrijfs-fruitmand 35 stuks – € 18,-” “Bedrijfs-fruitmand 50 stuks – € 25,-” “Bedrijfs-fruitmand 75 stuks – € 35,-” “Bedrijfs-fruitmand op maat”]
Extra informatie
[textarea your-message]
[checkbox checkbox-634 “Akkoord met Privacy Policy”]
[submit “Verstuur”]
In de extra CSS heb ik het nu zo staan:
.wpcf7-list-item {
display: block;
margin: 0 0 10px 0;
}
.wpcf7-list-item input[type=checkbox] {
margin: 0 10px 0 0;
}
Hoi Sandra,
Verander je CSS eens in dit:
.wpcf7-list-item {display: block !important;
margin: 10px 0 0px 0 !important;
}
Groeten van Bob
Geweldig! Het is opgelost en de items staan nu mooi onder elkaar.
Hartstikke bedankt dat je je kennis deelt!
Hallo, een vraagje over het contactformulier als ik bij de tab Mail in het vakje van invul dan komt de mail binnen met de naam WordPress. Ik kan nergens vinden waar ik dit kan aanpassen, lijkt me toch mogelijk?
Hoi Susan,
Als je in dat vakje gewoon de [your-name] shortcode gebruikt zou de naam van degene die het formulier invult daar moeten komen (mits je your-name ook in je formulier gebruikt natuurlijk). Je moet alleen wel een e-mail adres op je eigen domeinnaam gebruiken als afzender, anders krijg je een foutmelding en werkt het mogelijk niet correct. Kijk nog eens naar het screenshot onder stap 4 als dat niet duidelijk is.
Groeten van Bob
Hall Bob,
Ben al een tijdje met from-7 aan het stoeien en alles lukt goed. Ik werk met selectievakjes om aan te vinken dat ze wel of niet komen.
Nu krijg ik in de mail (antwoord) de tekst “Toegestemd” bij aanvinken en “Niet Toegestemd”bij leeg laten.
Op zich is dat goed, maar voor het overzichtelijke zou ik graag zien i.p.v. Toegestemd een X en bij Niet Toegestemd een O.
Is dit ergens voor elkaar te krijgen. Ik krijg het niet gevonden.
De website is beschermt en er moet altijd eerst ingelogd worden.
Hoi Guido,
Als je selectievakjes gebruikt kun je de waardes zelf invullen, dus daar zou je X of O van kunnen maken. Die waardes verschijnen dan echter ook op het formulier zelf, dat lijkt me er niet overzichtelijker op worden. Maar “toegestemd”… heb je niet per ongeluk het “acceptatie” vakje gebruikt in plaats van de checkbox (selectievakjes)?
Groeten van Bob
Kijk, dat is het dus, te lang zitten klooien en niet meer weten wat je hebt gebruikt.
Het is zoals je zegt: het acceptatie vakje.
Nu dus wel dezelfde vraag: Toegestemd in X en niet toegestemd in O
Hoi Guido,
Gewoon selectievakjes gebruiken, dan kun je elke waarde kiezen die je wilt.
Groeten van Bob
Ga ik proberen, bedankt voor de reactie en vele reacties. Zeer duidelijk en snel geholpen.
Maar ik ga het morgen pas proberen.
Hoi Bob,
Ik zou graag hetzelfde lettertype hebben als de rest van de website.
Ik heb al even zitten kijken, maar ik krijg het helaas niet voor elkaar.
Weet jij wat ik moet doen”?
Hoi Mike,
Daar zul je een stukje CSS code voor nodig hebben. Probeer de volgende code eens toe te voegen via customizer –> extra CSS:
.wpcf7-form {font-family: 'Roboto';
}
Groeten van Bob
Bob,
Dankje voor de snelle reactie.
Helaas werkt deze niet.
Gr Mike
Nog een poging dan:
.wpcf7 {font: 400 15px 'Roboto' !important;
}
Groeten van Bob
Ja, top! het werkt. Dankjewel
Hallo Bob, ik wil ook contact form 7 installeren in mijn wordpress site, met re cacaptcha sleutels, maar in het dashboard zie ik bij mij niet het blokje ‘contact’. Mijn site is momenteel geblokkeerd omdat er vandaag allemaal spam vandaan werd gestuurd.
Hoi Dirk,
Heb je de Contact Form 7 plugin al wel geïnstalleerd? Daarna zie je pas het blokje “contact” namelijk.
Groeten van Bob
Beste Bob,
Ik moest eerst een update doen voor de website (WordPress), toen de Form 7 plugin geïnstalleerd, waarna ‘contact’ verscheen en ik de codes kon invoeren. Alles werkt nu. Dank voor je advies. Groet, Dirk
Hallo Bob,
Wat een geweldige handige site heb je!
ik heb netjes het vakje bij “Mail 2” aangevinkt en alle velden ingevuld (to: [your email] en from: [info@opruimcoachapeldoorn.nl] etc), maar toch krijg ik geen autoreply wanneer ik een testmailtje verstuur. Enig idee hoe dit kan en wat ik eraan moet doen?
Hoi Mattanja,
Heb je bij het from adres [ .. ] gebruikt? Dat werkt niet, dat is echt bedoeld voor de velden van Contact Form 7 zelf, niet voor gewone e-mail adressen. Dat moet je dus gewoon zonder haken invoeren. Zie je verder nog foutmeldingen?
Groeten van Bob
Beste Bob, hartelijk dank voor het meedenken. Bij ‘from’ heb ik dit ingevuld: Opruimcoachapeldoorn.nl Klopt dat dan? Of moet ik alleen het adres invullen, ook zonder ?
Ik krijg helemaal geen foutmeldingen. Er wordt gewoon geen mail verstuurd wanneer ik het contactformulier invul. Er staat netjes na het versturen “bedankt, je mail is verstuurd” (o.i.d), ik krijg ook alle mail wel binnen op mijn info@opr… adres, dus tot zo ver geen probleem. Alleen de auto-reply gaat niet in werking.
Hoi Mattanja,
Je moet gewoon info@opruimcoachapeldoorn.nl als from adres invoeren (of een ander mailadres). En met foutmeldingen bedoel ik in de admin, daar staat dan waarschijnlijk een configuratiefout.
Groeten van Bob
Hoi Bob,
Ik ben bezig met een inschrijfformulier aanmaken.
Nu wil ik graag dat mensen algemene voorwaarden accepteren voordat het formulier naar mij wordt verzonden.
Hoe krijg ik het selectievakje vóór de tekst (ipv erboven) en hoe kan ik een link maken zodat mensen op ‘algemene voorwaarden’ kunnen klikken en dan die pagina er voor krijgen.
Hoi Serena,
Voor het invoegen van een link, zie deze reactie. Om het selectievakje vóór de tekst te krijgen zul je wat CSS code nodig hebben.
Groeten van Bob
Hoi Bob,
heb je bovenstaande artikelen met interesse gevolgd en heb er ook gebruik van gemaakt. Top. Ik heb echter een vraag betreffende de verstuur of verzenden knop in wpcf7. Bij gebruik van de CSS codes lukt het in 1e instantie niet om de knop te wijzigen. Als je achter elke ingevoerde css code de toevoeging “!important” maakt dan werkt het wel. Is dat gebruikelijk??
Groet Cees.
Hoi Cees,
Dat is wel vaker zo ja 🙂
Groeten van Bob
Hi Bob,
Ik gebruik Contactform7, maar mis soms mailtjes. Daarom heb ik Flamingo geinstalleerd. In het overzicht “inkomende berichten” van Flamingo zijn de velden leeg. Zal wel door veldnamen komen. Eerste kolom is [your-subject]. Daar zou ik willen hebben: [your-schoolname} (want dat is veldnaam in CF7). Kan je me een tip geven?
Hoi Jan Kees,
Zie dit artikel.
Groeten van Bob
Dank: ik had de variabele verkeerd ingevoerd.
Fijn dat het gelukt is, en bedankt voor de terugkoppeling 🙂
Groeten van Bob
Hoi Bob,
Dankjewel voor je artikel. Ik heb een bestaande template gebruikt om een contactformulier toe te voegen. Deze werkt! Echter, heb ik ‘m ook geplaatst in een footer. Daar vind ik het oppervlak van het bericht dat getypt kan worden te groot. Hoe pas ik het formaat van het tekstgebied aan?
Dankjewel!
Marijke
Hoi Marijke,
Daar zul je CSS code voor nodig hebben. Ik heb hierboven al diverse malen code gedeeld daarvoor, bijvoorbeeld in deze reactie.
Groeten van Bob
Hoi,
Ik wil graag een datum veld invoegen waarbij als mensen op het veld klikken er automatisch een kalender opent.
Als ik bovenin naast getal op datum wil invoegen opent er een venster waar ik ook nog het een en ander moet invullen, maar wat ??? haha
Is er een makkelijke oplossing ?
Hoor graag van je, alvast bedankt voor je reactie !
Hoi Ramon,
Al die extra velden zijn optioneel, die kun je gewoon leeg laten.
Groeten van Bob
Ik heb een probleem, ik heb een formulier gemaakt met dingen die mensen kunnen bestellen, Standaard waarde staat dan op 0 en kunnen ze aanpassen na 1 tot 15. Nu krijgt het restaurant een mail met 30 items waar 0 bij staat. Ik wil eigenlijk in de mail alleen de velden met producten waar de standaard waarde hoger is dan 0.
Zodat ze alleen de gegevens in de mail krijgen die belangrijk zijn. Hoe doe ik dit?
Hoi Leroy,
In het mail tabblad vind je onder het “message body” vak de optie “Sluit regels met lege mail-tags uit van de uitvoer”. Vink dat eens aan.
Groeten van Bob
Nee, geen effect. Om een voorbeeld te egeven:
[select cour “0” “1” “2” “3” “4” “5” “6” “7” “8” “9” “10” “11” “12” “13” “14” “15”] Oosterse pindasoep – € 7.00
Rode peper | sereh | gedroogde uitjes.
staat nu standaard op 0 en neem hem in de mail mee als:
[cour]x Oosterse pindasoep
hij komt er dan uit als:
0x Oosterse Pindasoep.
Ik wil dus gewoon als de waarde meer is dan 0 (dus 1 tot 15) dat die dan wordt getoond in de mail.
Bestelform vindt je op http://www.restaurantoostwest.nl.
Hmm dan wordt het lastig ben ik bang, zeker met Contact Form 7. Daar heb je behoorlijk geavanceerde conditionele logica voor nodig, die bovendien alleen toegepast wordt op de e-mail template. Ik ben er bang voor…
Groeten van Bob
Hi Bob,
Dank je wel voor deze uitleg. Had er een hoop gevonden maar die van jou is toch het beste geschreven in Mickey Mouse-taal ;-).
Ik heb het formulier geinstalleerd en zie hem op de site. Alleen als ik mijzelf een test wil sturen, dan krijg ik een foutmelding…. Ik kom er maar niet achter waar dit aan ligt. Heb zelfs al een nieuw formulier gemaakt om te kijken of ik niets had verprutst met de instellingen, maar het euvel blijft.
Hoi Marieke,
Dat weet ik zo ook niet natuurlijk, maar in de reacties hierboven staan tientallen oplossingen dus lees die eens door zou ik zeggen 😉
Groeten van Bob
Beste bob,
blij dat ik jouw site heb gevonden. Ik hoop zo dat jullie mij kunnen helpen met mijn issue want ik kom er alleen niet uit 🙁
Ik heb op een site het contactformulier geïnstalleerd en ingericht. Alles lijkt naar behoren te werken, behalve dat de volgende 2 meldingen onderaan het formulier niet leesbaar zijn:
“EEN OF MEER VELDEN BEVATTEN EEN FOUT. GRAAG CORRIGEREN EN OPNIEUW PROBEREN.”
en na verzenden:
“BEDANKT VOOR JE BERICHT. HET IS VERZONDEN.”
Doordat het witte letters op een witte achtergrond zijn, vallen ze weg. Waar kan ik de achtergrondkleur van de tekst wijzigen?
Hoi Laura,
Dat kan opgelost worden door een stukje CSS code toe te voegen. Normaal geef ik hier geen custom CSS code meer, maar omdat jij een donatie hebt gedaan maak ik voor deze keer een uitzondering 😉 Voeg het onderstaande stukje code eens toe bij bij weergave –> customizer –> extra CSS:
.wpcf7-response-output {color: #333;
}
Hoi, Wij hebben best een grote contact formulier met contact form 7 (versie 5.2.1)
Het is ook best zwaar om deze te verzenden.
Het probleem is dus dat als iemand op verzenden klikken en niets zien gebreuren dus gaan ze nog paar keer de submit form klikken, waardoor de website vastloopt.
Zelf heb ik gekeken in de html code en zag ik een loading bar verstopt in de submit button. Maar deze wordt niet aangeroepen als je op submit klikt. Hoe kan ik er voor zorgen dat dit wel gebeurt?
Alvast bedankt voor je reactie.
Hoi Glenn,
Sorry, dat zou ik niet weten. Je zou onderaan het formulier een melding kunnen plaatsen dat het verzenden even kan duren?
Groeten van Bob
Hi Bob, kun je in contactform 7 ook een geboortedatum invulveld toevoegen? Ik heb het datumveld hiervoor gebruik, maar als je dit invult blijft het leeg na doorzenden. MAw in de aanmeldmail staat hier niets ingevuld.
bvd
Judith
Hoi Judith,
Dat klinkt alsof je het datumveld niet hebt toegevoegd aan de e-mail template. Zie stap 4 hierboven.
Groeten van Bob
Hoi Bob,
is het mogelijk om met dit formulier 2 dagen te blokkeren en dit dan voor meerdere maanden?
Heb het stukje gelezen wat eerder hierover geschreven is maar daar word alleen uitgelegd hoe je datums in verleden verwijderd.
Moet er in het bereik dan iets veranderd worden misschien?
Groetjes Janneke.
Hoi Janneke,
Ja, dat is mogelijk, maar daarvoor moet je zelf javascript code toevoegen. Google maar eens op iets als “contact form 7 datepicker disable days”.
Groeten van Bob
Op de site is een Contact Form 7 opgenomen die al jaren goed werkt. Recent zie ik dat er onder de verzenden knop nog een keer gevraagd wordt voor ‘name’, ‘email’, ‘subject’ en ‘message’ met een ‘Send’ knop. Hoe kan ik dat verwijderen?
Hoi Paul,
Aan de code te zien is er een ander contactformulier (van het thema zelf) onder de Contact Form 7 code geplaatst. Ik zou even de contactpagina openen in de admin en kijken of er nog iets onder de shortcode van Contact Form 7 staat.
Groeten van Bob
Bedankt voor je reactie Bob, Onder de shortcode staat verder niets, daar lijkt het gewoon 1 form. Ook in de code van het formulier (behorend bij de shortcode) staan deze engelstalige velden niet vermeld. Daarom ben ik ook aan het kijken hoe ik die extra velden kan verwijderen.
Het extra formulier is er weer uit, het stond in een bestand contact.php. Waarschijnlijk als gevolg van een update van het thema. Toch nog bedankt voor je reactie.
Groeten, Paul
Hoi Paul,
Bedankt voor je terugkoppeling. Zat dus toch in het thema, maar dan in een themabestand in plaats van met een shortcode 😉 Fijn dat je het hebt gevonden in elk geval.
Groeten van Bob
Hi Bobdewebbouwer!
Ik heb al super veel gehad aan jullie site, bedankt!
Nu heb ik een form7 toegevoegd, met multifile, ook toegevoegd als [multifile-952] in mail optie
Het probleem is dat nu de bestanden niet worden toegevoegd bij de formulieren als bijlage.
Ik kijk uit naar jullie reactie en hoop dat jullie kunnen helpen!
Hoi Rooske,
Fijn dat je al zoveel hebt gehad aan mijn website 🙂
Heb je de multifile code toegevoegd aan het vak “bestand bijlages”, dus het vak onder het “bericht inhoud” vak? Zie ook deze video.
Groeten van Bob
Hi,
Ja dit heb ik gedaan inderdaad, ik heb het exact zoals in de video gedaan, maar ik doe toch wat fout want de bestanden komen niet aan
En als je een enkel bestand bijvoegt met het standaard file upload veld? Contact Form 7 heeft namelijk standaard geen multifile optie, dus dat is met een andere plugin gerealiseerd. Wellicht gaat daar wat verkeerd. Of misschien heeft je hostingbedrijf gewoon een te lage limiet voor bestandsbijlagen ingesteld.
Groeten van Bob
Beste Bob,
Wij zouden graag willen de verzendknop meetbaar maken in Google Analytics. Nu kunnen wij niet zien wie er op de verzendknop heeft gedrukt, omdat er geen bedankpagina is met een unieke url.
Kun je ons hierbij helpen?
Alvast bedankt.
Met vriendelijke groet,
Hoi Denise,
De knop zelf kun je voor zover ik weet niet meetbaar maken, maar met deze plugin kun je wel een redirect toevoegen naar een bedankpagina (die je uiteraard wel kunt meten).
Groeten van Bob
Hi Bob,
Leerzame blog!
Aanvullend op de vraag van Denise. Contact form 7 biedt inderdaad de optie om ervoor te zorgen dat er een redirect komt. Bij mij geeft het de melding dat ik voor die optie moet betalen. Klopt dat?
Hoi Lars,
De plugin die ik hierboven link is gratis, daar zou je niet voor hoeven te betalen als het goed is (al zijn er wel betaalde extensions verkrijgbaar).
Groeten van Bob
Beste Bob,
Bedankt voor je heldere uitleg.
Ik gebruik de plugin Contact Form 7 al een poosje op mijn website.
Hierbij is ook de mogelijkheid om meerdere bijlages mee te sturen d.m.v de plugin “Multifile Upload Field for Contact Form 7”.
Alleen de button tekst is in het Engels.
Is het mogelijk om deze buttontekst te wijzigen in het Nederlands?
Ik kijk uit naar jullie reactie en hoop dat jullie kunnen helpen!
Hoi Wim,
Als er in de instellingen van die plugin geen mogelijkheid is om de tekst te vertalen zul je een plugin als LocoTranslate moeten installeren.
Groeten van Bob
Hoi Bob,
Allereerst wil ik je zeggen dat ik al veel hebt gehad aan je website. Zo heb ik ook je suggestie van een tabel toegepast
Nu heb ik alleen in de mail een flink leeg stuk voordat dit daadwerkelijk tabel verschijnt.
Heb van alles geprobeerd, maar krijg de ruimte niet weg.
Site is nog under construction, maar hoop snel life te gaan 🙂
Voornaam:
[je-voornaam]
Achternaam:
[je-achternaam]
Hoi Hans,
Wat een mooi doel hebben jullie 🙂 Ik kan zo echter helaas niet zeggen waar dat aan ligt, sorry…
Groeten van Bob
Hai Marcel,
Bedankt voor je uitleg over van alles hier op je site. Heb er veel aan, echt top!
Toch heb ik nog een vraagje over CF7. Ik heb de kleuren van de blokken en achtergrond allemaal kunnen veranderen, alleen is de verzendknop nog steeds zwart. Kan ik die nog op een of andere manier aanpassen? Die krijg ik nog niet goed.
Hoor het graag, alvast bedankt! Groetjes, Gisèle
Hoi Gisèle,
Zie deze reactie, en als dat niet werkt, deze reactie.
Groeten van Bob
Dit had ik geprobeerd, maar lukte niet. Ik heb nu wel de achtergrond goed, maar de rand van de verzendknop is nog steeds zwart. De randen van de rest van het formulier zijn wel goed.
Voeg onder de color regel onderstaande regel eens toe:
border: 0px !important;Sorry, had je reactie niet gezien, geen mailtje gehad. Helaas werkt ook dat niet. Het font is ook anders dan in de rest van het formulier.
Hoi Gisèle,
Ik kan het wel oplossen voor je, maar daar zijn wel kosten aan verbonden… zie deze pagina.
Groeten van Bob
Ik heb nog wel een paar kleine dingetjes, ik wacht even tot ik met alles klaar ben. En ben ik er dan nog steeds niet uit hoor je van me. In ieder geval alvast bedankt voor je hulp tot nu toe. Heel fijn.
Hoi hoi,
Ik loop vast, ik hoop zo dat je me kunt helpen. Ik heb hetzelfde probleem als Sanne in 2018. Plugin Contactform 7 geinstalleerd, maar ook bij mij helaas blijft de tekst vh formulier wit… Ik heb een witte achtergrond. Je beschreef toen dat je bij stap 3 ook de tekst in het lichtblauwe kader (3) moest invullen en onderstaande code in je custom CSS toe moest voegen:
.wpcf7 {color: #000 !important;}
Ik ben niet bekend met CSS, ik heb overal zitten zoeken maar kom niet verder. Aan het formulier zelf heb ik niets veranderd. Ik hoop dat je me kunt helpen.
Groetjes, Sandra
Hoi Sandra,
Die code moet je toevoegen bij weergave –> customizer –> extra CSS.
Groeten van Bob
Bedankt voor je snelle reactie.
Ik heb daar de code ingevuld, maar zonder resultaat helaas….
Hoi Sandra,
Dan zou ik echt even moeten inloggen op je site, maar daar zijn wel kosten aan verbonden… stuur me maar even een mailtje als je dat wilt.
Groeten van Bob
Dag Bob,
Als een verplicht veld niet of niet correct wordt ingevuld en de verzender drukt op verzenden, dan verschijnt er geen berichtregel met de reden dat het verzenden niet lukt, alleen een rondje met een streep erdoor. Hoe zorg ik ervoor dat er bij de verzendknop dan de berichtregel verschijnt met bv ; ‘nog niet alle velden zijn correct ingevuld’. Bij berichten staan wel alle mogelijke redenen ingevuld maar die zijn blijkbaar niet actief.
Dan heb ik nog een tweede vraag; ik las dat na de update 5.4 deze plugin niet goed meer zou werken. Ik heb daar (nog) geen problemen door ondervonden, maar is dat nu opgelost? En zou je alsnog adviseren om Form7 te vervangen door Fluent Forms?
Alvast dank voor je tijd!
Hoi Helene,
Dat komt zo te zien door het “voorwaarden” vakje. Als dat is aangevinkt en de rest niet is ingevuld verschijnen de foutmeldingen wel gewoon.
Voor wat betreft het niet goed werken van Contact Form 7, als ik me niet vergis lag dat aan de integratie met ReCaptcha. Ik weet niet of dat inmiddels is opgelost aangezien ik volledig ben overgestapt op Fluent Forms.
Groeten van Bob
Hoi Bob,
Misschien weet jij een oplossing voor mijn probleem. Ik heb de plugins Contact Form 7, Active Campaign & Contact Form 7, Contact Form 7 Email Add On en Contact Form 7 Shortcode Enabler geínstalleerd. Als ik een nieuw contactformulier wil maken en een titel invul gaat het mis bij het opslaan. Dan krijg ik de volgende meldingen. Ik heb al van alles geprobeerd, deactiveren weer activeren, verwijderen weer opnieuw installeren, afzonderlijk van elkaar uitproberen maar niks helpt. Heb jij enig idee waar dit aan zou kunnen liggen en hoe ik dit het beste kan oplossen?
Dit zijn de foutmeldingen als beide plugins Active Campaign & Contact Form 7, en Contact Form 7 Email Add On zijn ingeschakeld:
Notice: Undefined index: cf7ea_admin_email in /home/centrume/---------------------------/wp-content/plugins/cf7-email-add-on/include/class-cf7-email.php on line 93Notice: Undefined index: cf7ea_thank_you_email in /home/centrume/---------------------------/wp-content/plugins/cf7-email-add-on/include/class-cf7-email.php on line 93
Warning: Cannot modify header information - headers already sent by (output started at /home/centrume/---------------------------/wp-content/plugins/cf7-email-add-on/include/class-cf7-email.php:93) in /home/centrume/---------------------------/wp-includes/pluggable.php on line 1355
Warning: Cannot modify header information - headers already sent by (output started at /home/centrume/---------------------------/wp-content/plugins/cf7-email-add-on/include/class-cf7-email.php:93) in /home/centrume/---------------------------/wp-includes/pluggable.php on line 1358
En deze wanneer contact form 7 email addons is uitgeschakeld en alleen ActiveCampaign & Contact Form 7 is geactiveerd:
Notice: Undefined index: accf7_fields in /home/centrume/---------------------------/wp-content/plugins/wpop-accf/includes/accf7-settings.php on line 19Warning: Cannot modify header information - headers already sent by (output started at /home/centrume/---------------------------/wp-content/plugins/wpop-accf/includes/accf7-settings.php:19) in /home/centrume/---------------------------/wp-includes/pluggable.php on line 1355
Warning: Cannot modify header information - headers already sent by (output started at /home/centrume/---------------------------/wp-content/plugins/wpop-accf/includes/accf7-settings.php:19) in /home/centrume/---------------------------/wp-includes/pluggable.php on line 1358
Bij voorbaat dank.
Met vriendelijke groet,
Hennie
Hoi Hennie,
Ik kan zo ook niet zeggen waardoor deze problemen veroorzaakt worden, sorry. Probeer de stappen uit dit artikel anders eens.
Groeten van Bob
Hoi Bob,
in mijn contact form7 komen de mail binnen, echter de vrije tekst in de mail, dus het bericht wat men schrijft komt niet binnen…
Hierdoor heb ik de invul velden maar even weggehaald
tips?
Hoi Rik,
Controleer even of de textarea (het opmerkingen veld) wel voorkomt in je e-mail template. Zie stap 4 hierboven.
Groeten van Bob
Hoi Bob,
Ik ben bezig een nieuw contact formulier te maken, dit gaat tot opheden goed aan de hand van een ander contactformulier.
Maar nu wil ik dat van de laatste keuze als men het vakje aanvinkt een label wordt geopend.
[checkbox checkbox-337 label_first “€ 5,-“]
[checkbox checkbox-745 label_first “€ 10,-“]
[checkbox checkbox-745 label_first “€ 15,-“]
[checkbox checkbox-745 label_first “Ander bedrag”]
Bedrag per jaar
[text* Bedrag per jaar] Deze mag dus geopend als ik “Ander bedrag” aanvink.
Waar moet ik wat invullen?
Alvast bedankt,
Bauke
Hoi Bauke,
Als ik het goed begrijp heb je voor wat jij wilt conditionele logica nodig. Daarmee kun je instellen “als checkbox-745 de waarde ander bedrag heeft, laat dan text-xxx zien”.
Die functionaliteit zit niet standaard in Contact Form 7, maar met deze gratis plugin kun je dat wel toevoegen.
Groeten van Bob
Hoe kan in de lengte van de velden aanpassen op een simpele manier. Nu lopen ”Naam” en ”email” op de telefoon helemaal door?
Bedankt.
Hoi Leroy,
Daar is niet echt een simpele manier voor, dat zal met een stukje CSS code moeten. Zie dit voorbeeld.
Groeten van Bob
Hey,
Wellicht staat het hier als eens toegelicht maar ik kan het niet gevonden krijgen. Ik wil na het invullen van het contactformulier dat deze door gaat naar een andere pagina. Na googelen vindt ik in het Engels overal dat dit kan bij het tapje “redirect settings” echter zie ik deze helemaal niet in de Nederlandse variant. Staat dit op een andere plek of kun je dit via een andere weg toevoegen?
Hoi Arjan,
Er is standaard geen mogelijkheid om een bezoeker door te sturen naar een andere pagina in Contact Form 7. Daarvoor heb je een extra plugin zoals Redirection for Contact Form 7 nodig.
Groeten van Bob
Dankjewel voor je vlugge antwoord! Dan ga ik het via deze plugin proberen;)
fijne avond!
Beste Bob,
Het contactformulier dat ik voor een opdrachtgever heb gemaakt werkt niet. Ik probeer een testbericht te versturen, maar wanneer ik op ‘verstuur’ klik, blijft de site gewoon hangen en gebeurt er helemaal niks meer. 🙁
Heb je enig idee wat er aan de hand kan zijn?
Fleurige groeten,
Lisette
Hoi Lisette,
Dat kan van alles zijn, maar ik gok op een conflict met een andere plugin of het thema. Probeer eens of het wel werkt als alle andere plugins zijn gedeactiveerd, of als je een standaard Twenty… thema hebt geactiveerd. En anders probeer Fluent Forms eens.
Groeten van Bob
Ga ik proberen, bedankt Bob!
Ik gebruik al een tijdje Contactform7, maar de laatste tijd krijg ik foutmeldingen als ik iets wil versturen (als test).
Dit is de foutmelding: Er is een fout opgetreden bij het versturen van het bericht. Probeer later nog een keer.>>> met een rode streep erom heen.
Hoi Jan Kees,
Dit is een hele algemene foutmelding, lastig te zeggen wat er aan de hand is. Gebruik je toevallig re-captcha? Daar zijn wat problemen mee bekend. En anders een SMTP plugin proberen.
Groeten van Bob
Ik denk dat het aan de update van contactform7 ligt. Ik heb Fluent Form geinstalleerd en dat werkt perfect
Verstandige keuze 😉 Ik gebruik al 2 jaar uitsluitend Fluent Forms.
Goedemorgen, ik heb Contactform7 geïnstalleerd en het werkt zoals het moet, maar ik heb een vraag over kleur.
Wanneer iemand een bericht verzend komt er op dezelfde webpagina een bedankbericht in beeld te staan. De achtergrond van dit bericht is echter niet wit, maar lichtgroen?! Nu zit ik te zoeken in WordPress – Weergave – Customizer – Kleuren, maar die betreffende kleur groen is daar niet te vinden. Waar zou ik wel kunnen kijken?
Wellicht heb jij raad?
Groet Allard
Hoi Allard,
Contact Form 7 biedt zelf geen styling opties / instellingen voor kleuren. Sommige thema’s hebben wel standaard styling toegevoegd voor contactformulieren, dus wellicht komt het daar vandaan. Ik ken het door jou gebruikte thema niet dus geen idee of je dat kan aanpassen (zonder custom CSS dan)…
Groeten van Bob
Hi Rob,
het was even puzzelen maar het was inderdaad CSS code toevoegen.
Voor de liefhebbers:
div.wpforms-confirmation-container-full { background: #f5f5f5 !important;
border: none !important;
padding: 15px 15px 15px 15px !important;
}
Have a nice day.
Groet
Hoi Allard,
Fijn dat je het hebt kunnen oplossen en dank voor je feedback hier 🙂
Maar aan je code te zien gebruik je geen Contact Form 7 maar WP Forms. Dat is een andere contactformulier plugin 😉
Groeten van Bob
Bij https://buropayroll.nl/vacatures/sollicitatieformulier/ hebben we volledig het contactformulier ingevuld en deze deed het altijd naar behoren, maar opeens doet het bestand toevoegen het niet meer. Formulier is als volgt opgebouwd (Note: verzenden doet het en hij komt ook binnen, maar zonder bestand (bij toevoegen geeft ie ook niks aan) :
Naam (*)
[text* naam]
Telefoon (*)
[tel* telefoon]
Email (*)
[email* email]
CV (*)
[mfile* my-uploader-name limit:10485760 filetypes:jpeg|png|jpg|gif|pdf|docx|zip|doc]
Opmerkingen
[textarea opmerkingen]
Om er zeker van te zijn dat er geen spambots reageren, vragen we je graag welk getal hoger is: 6 of 8 (*)
[quiz Quiz “Welk getal is groter, 6 of 8?(*)|8”]
[checkbox* privacy “Ja, ik ga akkoord met de privacy verklaring.”] Ja, ik ga akkoord met de privacy verklaring. Lees de privacy verklaring hier.
[submit “Verzenden”]
Hoi Dionne,
Het lijkt erop dat je per ongeluk de letter m hebt toegevoegd aan de shortcode. Er staat nu [mfile…, dat zou [file… moeten zijn, zonder m dus.
Groeten van Bob
Hi Bob,
Bedank voor je reactie! We hebben de ‘m’ weggehaald, maar dit lijkt helaas niet het probleem te zijn. Zodra je op ‘bestand bijvoegen’ klikt, kan je een bestand kiezen, maar vervolgens wordt er niks toegevoegd…
Hoor graag van je
Gaat om: https://buropayroll.nl/vacatures/sollicitatieformulier/
Weet je zeker dat “my-uploader-name” de juiste naam is? Probeer anders eens een nieuw file upload veld toe te voegen.
Groeten van Bob
Ik heb nu de volgende ingesteld:
CV (*)
[file CV filetypes:pdf|jpeg|jpg|png limit:10mb]
Maar ook nu pakt ie hem niet… Ik kan een bestand toevoegen, maar alleen als ik op ‘alle bestanden’ filter ipv ‘aangepaste bestanden’, maar als je er dan een aanklikt staat er; ‘Het is niet toegestaan om een bestand met dit bestandstype te uploaden.’
Groetjes, Dionne
Hoi Dionne,
Dan durf ik zo ook niet te zeggen wat de oorzaak is, dan zou ik echt moeten inloggen op jullie site om dat te achterhalen, of om een andere contactformulier plugin te installeren zoals Fluent Forms Pro. Daarvoor dien je echter wel de snelle hulp optie aan te schaffen op https://bobdewebbouwer.com/website-laten-verbeteren/.
Groeten van Bob
Oké bedankt iig voor het meedenken! We gaan nog even een paar dingen proberen en komen anders weer bij je in de lucht 🙂
Groetjes, Dionne