On this in-depth tutorial I’m going to point out you how one can create WordPress on-line fee kinds and donation kinds with none fancy e-commerce plugin. I’ll present you how one can create a majority of these kinds:
- WordPress donation kind
- WordPress on-line fee kinds with pre-defined quantity
- Cost kind a number of product, conditional logic and delivery data
- WordPress multi-step fee kind with amount choice.
This is without doubt one of the kinds I created throughout this tutorial.
Cost strategies it is possible for you to to make use of with these kinds:
- Paypal
- Stripe
- Mollie
- RazorPay
- Offline funds
Which plugin did we use to create on-line fee kinds for WordPress?
On this tutorial I’m utilizing Fluent Kinds Professional plugin which is without doubt one of the finest WordPress contact kinds plugins on the market. If you want to get a nifty 20% low cost from all Fluent kinds plans then take a click on on the linke under.
Fluent kinds Professional
SAVE 20% COUPON: WPSH10
Video: Find out how to Create WordPress On-line Cost Kinds and Donation Kinds?
Shortcodes and CSS used within the video
Within the tutorial I confirmed couple of shortcodes you need to use to tweak your kinds.
- Present fee complete: {payment_total}
- Conceal discipline for frontend customers (utilized in kind with pre-defined quantity): ff_force_hide
CSS code for delivery, billing and coupon fields
/* SHIPPING AND PAYMENT FIELD HIGHLIGHT */
.delivery, .fee {
background: #f9f9f9;
border: 1px strong #ddd;
padding: 20px;
}
/* COUPON FIELD HIGHLIGHT */
.coupon {
border: 2px dashed #000;
padding: 20px;
}
/* APPLY COUPON BUTTON */
.fluentform .ff_input-group-text {
shade: #000;
background-color: #ffcc00;
}