Ondersteuning » Code oplossingen gezocht » Extra code in contact form 7 invoegen

  • Jonnie

    (@zzakenpartner)


    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?

1 reactie aan het bekijken (van in totaal 1)
  • Daar zul je voor moeten coderen, als je iets toevoegd krijgt het een positionering die niet direct goed is.

    Ongetwijfeld moet je met css aan de slag.

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Extra code in contact form 7 invoegen’ is gesloten voor nieuwe reacties.