Flexibele bedragen

Eén simpel bedrag

In Paytium kun je eenvoudig een bedrag instellen door in de basis shortcode amount="25" in te voeren. In de meest simpele vorm ziet dat eruit zoals hieronder.

Code

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

Resultaat

Meerdere bedragen

Het is ook mogelijk veel flexibeler met bedragen om te gaan door de extra velden te gebruiken. Met deze velden kun je tevens meerdere bedragen in een formulier automatisch laten optellen en een belastingpercentage per bedrag instellen (handig als je ook facturen wilt verzenden). Daarnaast kun je bij ieder veld ook quantity="true" toevoegen als je wilt dat mensen meer dan één exemplaar ergens van kunnen kopen/bestellen, zie “Aantallen per veld” hieronder.

In onderstaand voorbeeld staan alle mogelijke velden. Je gebruikt dus de [paytium_field] shortcode om ook bedragen te ‘maken’. Je kunt kiezen uit de volgende types:

• open – een open veld waar gebruikers zelf een bedrag in kunnen voeren
• label – een vast bedrag die gebruikers niet kunnen aanpassen
• dropdown – een dropdown met meerdere bedragen
• radio – een lijst met radio buttons en bedragen, mensen kunnen een optie aanklikken
• checkbox – een lijst met checkboxen en bedragen, mensen kunnen meerdere opties aanklikken en die worden opgeteld

Als er meerdere bedragen in een formulier staan, zullen ze automatisch opgeteld worden. Je kunt ook van velden ’text’, ’textarea’ en ‘email’ een betaald veld maken. Als bezoekers die velden invullen, wordt het bedrag dat daarbij hoort ook opgeteld in het totaal.

[paytium name="Formulier naam" description="Product naam" button_label="Bestelling plaatsen"]
[paytium_field type="open" label="Open bedrag, incl 21% BTW" amount="25" tax="21" /]
[paytium_field type="label" label="Vast bedrag, €25 incl 9% BTW" amount="25" tax="9" quantity="true" /]
[paytium_field type="dropdown" label="Bedragen dropdown" options="70/80/90" options_are_amounts="true" tax="21" /]
[paytium_field type="radio" label="Bedragen radio buttons" options="70/80/90" options_are_amounts="true" tax="21" /]
[paytium_field type="checkbox" label="Bedragen checkbox" options="70/80/90" options_are_amounts="true" tax="21" /]
[paytium_field type="text" amount="10" tax="10" label="Betaald tekst veld required="true" /]
[paytium_field type="textarea" amount="10" tax="10" label="Betaald opmerkingen veld" required="true" /]
[paytium_field type="email" amount="10" tax="10" label="Betaald email veld" required="true" /]
[paytium_total /]
[/paytium]

Aantallen per veld

Vanaf Paytium 3.0 is het mogelijk om aantallen per veld toe te voegen, waarmee je automatische berekeningen kan laten maken. Het enige wat je hiervoor hoeft te doen, is aan je bestaande velden met een amount="123" nog extra een quantity="true" toe te voegen. Zoals in onderstaand voorbeeld.

Code

[paytium name="Formulier naam" description="Omschrijving betaling"]
[paytium_field type="label" label="Kaartjes workshop" amount="19.95" quantity="true" /]
[paytium_field type="label" label="T-shirts" amount="49.95" quantity="true" /]
[paytium_total /]
[paytium_button label="Bestellen" /]
[/paytium]

Resultaat

• quantity_min="10" – minimum dat bezoekers kunnen invoeren per betaling
• quantity_max="50" – maximum dat bezoekers kunnen invoeren per betaling
• quantity_step="10/20/30" – de opties/stappen die bezoekers kunnen invoeren, bijvoorbeeld 10 kaartjes per betaling
• show_amount="true" – als je het bedrag per item (in dit geval €19.95 of €49.95) naast het aantal veld wilt tonen

FAQ: Werkt quantity=”true” quantity_min=”0″ quantity_max=”. 10″ /] ook op Mobiel en Tablets?

Ja!
Wanneer de minimale hoeveelheid is ingesteld, was het lastig om deze op een mobiel of tablet te wijzigen. Natuurlijk is er een manier – je houd je vinger op de hoeveelheidsinvoer om de waarde te selecteren en verander deze dan. Nee, niet echt gebruiksvriendelijk, ja.
Sinds versie 4.3.6 is het mogelijk om het nu ook op mobiel of een tablet te wijzigen. Deze pijlen zijn nu ook op mobiel/tablet zichtbaar gemaakt:

* Zelf zichtbaar maken:
Je kan ze zelf ook zichtbaar maken op andere apparaten door onderstaande CSS-code toe te
voegen aan je style.css of een ander CSS-bestand als je er bekend mee bent:

.pt-quantity-input[type=number]::-webkit-inner-spin-button,
.pt-quantity-input[type=number]::-webkit-outer-spin-button { width: 15px;}

Voorbeeld code:
Indien je website bezocht wordt met een mobiele telefoon/tablet en het lukt het niet om kaarten tussendoor te bestellen, anders dan je quantity_min=”1″ of je quantity_max=”8″ kaarten.
Vergelijk je code met onderstaande voorbeeld, knip, plak en pas aan naar wens:

[paytium name="Happy_life 538-7" description="Happy 28-10-23 17:30uur"]
[paytium_field type="label" label="Voorstelling zaterdag 28 Oktober 2023 17:30uur €35,00" /]
[paytium_field type="name" label="Naam" required="true" /]
[paytium_field type="email" label="Email" required="true" /]
[paytium_field type="label" label="Kaarten voorstelling 28-10 17:30uur" required="true" amount="35" quantity="true" quantity_min="1" quantity_max="8" show_amount="true" limit="60" limit_message="Uitverkocht!" item_id="life_538-7" /]
[paytium_total label="Te betalen:" /]
[paytium_redirect status="failed" page_id="357"]
[paytium_redirect status="paid" page_id="329"]
[paytium_field type="terms" label="Ik accepteer de algemene voorwaarden" link="link naar je algemene voorwaarden" required="true" /]
[paytium_button label="Bestellen" class="btn-lg btn btn-color-8" /]
[/paytium]

Voor Android & IOS waarde weergeven
CSS input type number waarde weergeven nu ook mogelijk op IOS- apparaten in versie 4.4.2
De ‘Spinner element of the input type number’ waren al zichtbaar op Android mobiel/tablet en vanaf versie 4.4.2 ook voor IOS mobiel/tablet zichtbaar gemaakt.

Verdere mogelijkheden

Om de extra velden nog meer naar jou hand te zetten kun je onderstaande opties gebruiken:

• Om het label (de tekst bij het veld) aan te passen, gebruik je de parameter label met je eigen tekst.
• Als een veld verplicht is, stel dan de required parameter in op “true”, en anders “false”.
• Bij veld type open kun je ook optie minimum="5" toevoegen zodat mensen minstens een bepaald bedrag (in dit geval 5 euro) moeten invoeren.
• De dropdowns, radio buttons en checkboxes hebben een extra parameter options="70/80/90" waar je de bedragen voor die velden kunt instellen (waar een gebruiker uit kan kiezen).
• Bij dropdowns, radio buttons en checkboxes is het mogelijk een omschrijving bij het bedrag te plaatsen in dit formaat: options="70 Omschrijving 1/80 Omschrijving 2/90 Omschrijving 3" waar je de opties voor die velden kunt instellen (waar een gebruiker uit kan kiezen).