Een van de meest voorkomende typen plug-ins in de WordPress.org-directory is de formulierbouwer. Van zwaartekrachtvormen, calderavormen, ninja-knollen, Contactformulier 7, enz., de keuzes die je hebt zijn bijna eindeloos. Niet alle formulierbouwers zijn echter hetzelfde. Elke ontwikkelaar richt zich op een iets andere gebruikerservaring en functieset. Dit maakt het moeilijk om de beste optie te kiezen. Als u op zoek bent naar een plug-in met voorwaardelijke logica die net zoveel ingewikkelde formules als berekeningen aankan, dan is de Berekende velden formulier onderscheidt zich van anderen.

Formulier met berekende velden

Berekende velden formulier

Calculated Fields Form onderscheidt zich niet alleen door zijn bruikbaarheid, maar het is ook een van de best beoordeelde plug-ins die compatibel zijn met Gutenberg (de WordPress-blokeditor) in de plug-in-repository. Dat alleen al is de moeite van het bekijken waard, want hoewel de Block Editor standaard is ingeschakeld, zijn niet alle plug-ins die u vindt, geïntegreerd in het nieuwe ecosysteem.

De plug-in is ook perfect compatibel met de klassieke editor (en paginabouwers zoals Divi, om te beginnen), dus het maakt niet uit hoe u uw site ontwerpt, het formulier voor berekende velden zal ermee werken. We vermelden dit omdat je niet altijd zeker bent dat een bepaalde plug-in op alle niveaus zal werken. Dus aangezien CFF is getest met de Block Editor, Classic Editor en Page Builders, vonden we het het vermelden waard.

Sommige van de noemenswaardige functies zijn precies wat u met de plug-in kunt berekenen. Omdat het niet alleen een plug-in is voor Contact formulier, heb je zeer specifieke use-cases. Enkele van de belangrijkste functies zijn onder meer

  • een constructeur van visuele vormen
  • indiening en opslag van databases
  • voorwaardelijke en logische regels
  • onbeperkt aantal berekende velden
  • accepteer betaling van het formulier zelf (via PayPal) na het uitvoeren van de nodige berekeningen
  • verschillende soorten velden (radio, vervolgkeuzelijst, selectievakje, enz.)
  • afhankelijke velden
  • formulieren met meerdere pagina's
  • verschillende vooraf gedefinieerde sjablonen
  • sorteer op waarde
  • schakel het formulier voor zoekmachines uit
  • eenvoudige of geavanceerde berekeningsopties (algemene wiskunde en ternaire operatoren)

Configuratie

Het installeren van SBB is eenvoudig. Toegang tot de repository van WordPress plugins.org, download de SBB-plug-in en laad het vervolgens vanuit de menuoptie Plug-ins - Nieuwe toevoegen in uw WP-dashboard. Daarna ziet u een nieuwe formulieroptie van berekende velden in uw zijbalk.

Formulierinterface voor berekende veldenAls u merkt dat van de 4 opties die aan u worden gepresenteerd, er slechts één een echte instellingenlink is. De link van de documentatie opent voor de ontwikkelaarswebsite en kennisbank. De link vanonline hulp geeft u toegang tot het ondersteuningsforum van WP.org. Upgrade ... nou, je hebt nodig een update Niveau om van de gratis versie naar de premium-versie te gaan.

Deze plug-in die zoveel kracht onder de motorkap heeft, is vrij eenvoudig te gebruiken, er hoeft slechts één pagina met instellingen / opties te worden geconfigureerd. Het is eigenlijk echt indrukwekkend. Toegegeven, de feitelijke opties worden vorm voor vorm ingesteld, maar er zijn veel plug-ins voor berekende velden die overweldigend kunnen zijn, en de aanvankelijke eenvoud van deze maakt het toegankelijk.

Formulieren maken

Formulier maken

De gratis versie (die we hier zullen bespreken) wordt geleverd met 5-voorbeeldformulieren waaruit u uw eigen specificaties kunt dupliceren en bewerken of, als ze blijken te zijn wat u nodig hebt, kunt gebruiken zoals het is.

  • Eenvoudige bediening
  • Berekening met datums (voor een boekingskalender, etc.)
  • Ideale gewichtcalculator
  • Zwangerschap Calculator
  • Huur Calculator

U ziet elk van deze onmiddellijk wanneer u deze pagina laadt. U kunt de korte code rechtstreeks toevoegen aan elke plaats waar de korte codes worden weergegeven, en u bent actief. U kunt ook op drukken kloon om het formulier te dupliceren en de reeds uitgevoerde berekeningen te wijzigen met de knop Parameters .

Onder deze lijst staat de knop Nieuw formulier , dat bij gebruik gewoon een nieuwe optie toevoegt aan de onderkant van de bovenstaande formulierlijst.

Formulier maken

Het maakt niet uit hoeveel formulieren u wilt, gewoon etiketteren

Formulieren bewerken

Welke vorm u ook wilt bewerken, druk op Parameters brengt u naar de visuele editor van dit formulier. Omdat we aan een nieuwe zijn begonnen, gaan we naar het lege canvas kijken.

Divi-formulierbouwerHet enige wat u hoeft te doen is op een item aan de linkerkant te klikken en het zal aan de rechterkant verschijnen. Op dit punt kunt u het naar de gewenste locatie op het formulier slepen.

Voeg velden toeKlik rechts in het nieuwe veld. Het tabblad aan de linkerkant verandert van Veld toevoegen de lokale instellingen .

Configuratie van een divi-besturingElk veld heeft een iets andere parameterpagina, maar de universele pagina is de nom du veld, label voor het bericht . Stomp label terzijde, dit is de variabele die u invoegt om te verwijzen naar de waarde van dit veld in alle berekeningen die u toevoegt.

Als u klaar bent met het aanpassen van alle lokale instellingen die u nodig heeft, wordt het Parameters du formulierwordt goed genoeg uitgelegd. U past algemene formulieropties aan, zoals uitlijning, cookie-persistentie, sjablooncreatie, CSS, enz.

Registratie van cff-formulierinstellingenWanneer u dit punt bereikt (of op een eerder tijdstip), u moet op Wijzigingen opslaan drukken . Als je dat niet doet, verlies je toute de aanpassing die u hebt gemaakt. Er is geen automatische opname in de formulierbouwer voor berekende velden . Dus wat je ook doet, druk op Wijzigingen opslaan .Sla divi-wijzigingen op

Hiermee gaat u terug naar de hoofdpagina, maar kunt u snel weer bewerken. Het is veel gemakkelijker dan uw voortgang te verliezen tijdens het opstellen van de berekening. (Leer in dit geval van onze fouten.)

Meer formulieropties - Tekst en validatie

Onder de knop Wijzigingen opslaan, u vindt een secundaire set formulierinstellingen en opties.

Validatie en tekst

Veel mensen zullen deze instellingen heel weinig gebruiken. U past de labeltekst aan onder Definieer de teksten , door te kiezen wat gebruikers zien op knoppen en paginering precedenten et volgend .

met validatieparameters bepaal je of je de invoer moet valideren (is dit een echte e-mail? Is er tekst in een cijferveld geplaatst?) of niet. Als u besluit dat u validatie wilt gebruiken (waarschijnlijk wel), kunt u deze sectie gebruiken om de alternatieve tekst te bewerken die uw gebruikers zullen zien. Over het algemeen werkt de standaardtekst en vertelt de gebruiker welke informatie geldig is voor de berekening.

In sommige gevallen moet u wellicht specifieker zijn of jargon of branchetermen gebruiken, en dan wordt dit parameterveld het nuttigst. Meer dan waarschijnlijk zult u het echter niet gebruiken en zou u waarschijnlijk niets moeten veranderen. Dit is een klasgeval van als het niet kapot is, repareer het dan niet .

Het eindproduct

Vinden? Product? Het is een wiskundegrap. Omdat we berekeningen maken.

Hoe dan ook, als je op Opslaan klikt en je formulier in al zijn glorie ziet, zou je iets moeten zien dat er zo uitziet in de formulierbouwer:

Formulier berekeningsresultaat

En zoiets op de live site:

Voorbeeld van een divi-formulier

Het laatste formulier hierboven gebruikte sjabloon 2, gedefinieerd in het tabblad Parameters du formulier .

Gebruik met Gutenberg

We hebben hierboven vermeld dat het formulier met berekende velden compatibel is met de blokeditor. Daarom wilden we even de tijd nemen om u te laten zien hoe gemakkelijk het is om ze samen te gebruiken. Om aan de slag te gaan, moet u nog steeds dezelfde stappen volgen als hierboven om de formulieren te maken en de berekeningen op de juiste plaatsen te krijgen.

Open daarna het bericht of de pagina in de blokeditor die je nodig hebt om het formulier in te voegen. Druk op de cirkel + knop om een ​​nieuw blok toe te voegen, scroll naar de sectie Formulier berekende velden , en klik vervolgens op SBB invoegen .

Voeg een cff-blok in

Kijk dan aan de rechterkant van het scherm onder de blokkeerinstellingen. U kunt het vervolgkeuzemenu gebruiken Formulieren om het gewenste formulier te selecteren. Het CFF-blok wordt dan in realtime bijgewerkt.

Configuratie van de plugin

Om wijzigingen in het formulier aan te brengen, moet u altijd de bovenstaande visuele formulierbouwer gebruiken. Maar invoegen en stylen met de Block Editor is zo eenvoudig.

Managementsamenvatting

Zoals je kunt zien, kan de Formular Fields Form-plug-in een aantal ongelooflijk krachtige dingen doen. Zelfs in de gratis versie. Als u ervoor kiest om te upgraden, krijgt u nog robuustere functies, maar voor veel mensen zal de gratis versie krachtig genoeg zijn om alle berekeningen en voorwaarden uit te voeren die hun gebruikers nodig hebben. Zoals we hierboven al zeiden, is er een bijna eindeloos aantal formulierplug-ins in de repository, maar we denken dat de berekende velden is een van de beste keuzes . Vooral als je niet op zoek bent naar een bouwer van Contact formulier.