Shortcodes voor beginners

Wanneer je nog nooit met shortcodes hebt gewerkt in WordPress, kun je je afvragen wat die precies inhouden. Dat wordt hier uitgelegd. Shortcodes zijn simpele stukjes code die je direct in je WordPress pagina of bericht kunt plaatsen. Die stukjes code worden voor jouw website bezoekers omgezet in functionaliteit. Een shortcode kan bijvoorbeeld omgezet worden in een YouTube video.

In het geval van Paytium, worden shortcodes omgezet in een (betaal)formulier.

Je kunt die stukjes code uitbreiden en aanpassen, en ook samenvoegen om uitgebreidere formulieren te maken. Een voorbeeld van een simpel Paytium formulier is:

Code

[paytium name="Formulier naam" description="Product naam" amount="19,95" button_label="Nu kopen"]
[paytium_total label="Bedrag" /]
[/paytium]

Resultaat

Zoals je hierboven ziet, heeft een Paytium formulier een een “begin” en “eind” code:

[paytium]
[/paytium]

De begin tag kun je uitbreiden met een aantal waardes, zoals een formulier naam, omschrijving, bedrag enzovoort.

Tussen de begin en eind tag kun je ook zelf meer codes toevoegen waarmee je velden toevoegt aan het formulier. Zo’n code kun je het beste knippen en plakken vanuit de handleiding Extra velden, die hoef je niet zelf te onthouden.

Als je een veld wilt toevoegen waar je bezoekers een e-mail adres kunnen invullen, kun je bijvoorbeeld onderstaande code toevoegen aan je formulier.

[paytium_field type="email" label="Email" required="true" /]

Het formulier dat wij eerder hebben gebruikt als voorbeeld, ziet er met het e-mail veld dan alsvolgt uit:

[paytium name="Formulier naam" description="Product naam" amount="19,95" button_label="Nu Kopen"]
[paytium_field type="email" label="Email" required="true" /]
[paytium_total /]
[/paytium]

Als je ook een veld voor naam wilt toevoegen, krijg je het volgende resultaat:

[paytium name="Formulier naam" description="Product naam" amount="19,95" button_label="Nu Kopen"]
[paytium_field type="text" label="Naam" required="true" /]
[paytium_field type="email" label="Email" required="true" /]
[paytium_total /]
[/paytium]

Als je de volgorde van velden wilt aanpassen, dan kun je een veld knippen en plakken naar een andere plek in het formulier (tussen de begin en eind shortcode). Bijvoorbeeld als wij in bovenstaand voorbeeld het veld email bovenaan willen hebben, knip en plakken wij die boven het “naam” veld (en onder de begin tag).

[paytium name="Formulier naam" description="Product naam" amount="19,95" button_label="Nu Kopen"]
[paytium_field type="email" label="Email" required="true" /]
[paytium_field type="text" label="Naam" required="true" /]
[paytium_total /]
[/paytium]

Gedetailleerdere uitleg vind je ook in de andere hoofdstukken van de handleiding, bijvoorbeeld specifiek over iDEAL donaties in WordPress of periodieke betalingen. Of bekijk alle voorbeelden, waarvandaan je gewoon een formulier kan knippen en plakken naar je eigen website.