Extra code in contact form 7 invoegen
-
Ik heb geen enkel verstand van coderen en het bouwen van websites dus hier een vraag waar ik gewoon echt niet uit kom. Misschien kunnen jullie me helpen.
Ik heb een contactformulier met de plugin Contact Form 7 gemaakt waar ik erg tevreden over ben. Hij werkt zoals hij moet werken en ik heb er verder geen enkel probleem mee.
Dit is de code van het contactformulier:
_____
`<h4><span style=”color: #3aa6e0;”>Contactgegevens</span></h4><div class=”clearfix”>
<div id=”left”>
Bedrijfsnaam [text* bedrijfsnaam]
[radio radio-996 label_first use_label_element default:1 “M” “V”]
Voornaam [text* voornaam]
Telefoonnummer [tel* tel-721]
</div>
<div id=”right”>
Bedrijfsvorm [select* menu-438 include_blank “ZZP / Eenmanszaak” “VOF” “BV”]
Achternaam [text* achternaam]
E-mail [email* your-email]
</div>
</div><h4><span style=”color: #3aa6e0;”>Welke diensten wilt u afnemen?</span></h4>
<p>Aantal in- en verkoopfacturen per jaar [checkbox* checkbox-563 use_label_element exclusive “Tot 60 mutaties” “Tot 300 mutaties” “Meer dan 300 mutaties”] </p>
<div class=”clearfix”>
<div id=”left”>
Pakket ZZakenPartner [select* menu-440 include_blank “Helpdesk” “Helpdesk +” “Helpdesk + +”]
Salarisadministratie [select* menu-442 include_blank “Ja” “Nee”]
Postbus [select* menu-443 include_blank “Ja” “Nee”]
</div>
<div id=”right”>
Pakket Boekhouding [select* menu-441 include_blank “Offline” “Online” “Online +”]
Aantal medewerkers [number number-663 “0”]
</div>
</div><p>Overige opmerkingen
[textarea your-message] </p><p>[submit “Offerte aanvragen”]</p>`
_____Nou wil ik een popover invoegen in dit formulier. Deze popover is een combinatie van een popover en een font awesome icon. Na wat programmeren is het me gelukt om te creëren wat ik wilde hebben.
Dit is de code voor de popover:
_____
[popover title="Pakket ZZakenPartner" title_bg_color="" content="Hier komt de aanvullende info die men moet weten inzake pakket ZZP" content_bg_color="" bordercolor="#3aa6e0" textcolor="#747474" trigger="hover" placement="default" class="" id=""][fontawesome icon="fa-info-circle" circle="no" size="medium" iconcolor="#3aa6e0" circlecolor="" circlebordercolor="" rotate="" spin="" animation_type="" animation_direction="" animation_speed="" animation_offset="" alignment="" class="" id=""][/popover]
_____Nu dan mijn vraag. Ik wil de code voor de popover invoegen in het contactformulier. Dit moet op verschillende posities ingevoegd worden, ieder met zijn eigen eigenschappen. Bijvoorbeeld direct achter de tekst “Pakket ZZakenPartner”.
Het idee is dat de popover meer informatie geeft over het veld dat ingevuld moet worden.
Hoe kan ik de code voor de popover op de juiste manier en juiste plek invoegen in het contactformulier?
- Het onderwerp ‘Extra code in contact form 7 invoegen’ is gesloten voor nieuwe reacties.