View Categories

How To Configure Elementor Form With Better Payment?

Better Payment is an Elementor payment plugin that will help you to manage and collect your transaction smoothly through Stripe and Paypal. Using this WordPress payment plugin, you can also save your payment history and analyze them from your Dashboard. 

Follow this step-by-step guide below to find out how to configure Elementor Form with Better Payment:

Note: To configure the Elementor form with Better Payment you have to install and activate Elementor Pro on your WordPress website.

Configure Elementor Form With Better Payment #

First of all, you have to go to your WordPress Dashboard Page → ‘Add New‘→ ‘Edit With Elementor‘ button. Now, find the ‘Form’ widget from the search option then Drag & Drop this widget on any section. 

Configure Elementor Form With Better Payment

Form Fields #

Now, you have to make adjustments to the ‘Form Fields’ section. Click on the ‘Add Item’ then change its ‘Type’ to ‘Pay Amount’ & Name the ‘Lebel’ before toggling the ‘Required’ option.

Configure Elementor Form With Better Payment

After that, go to the ‘Advanced’ tab. Here you need to give a unique ‘ID Name’ for this Item.

Configure Elementor Form With Better Payment

Better Payment  #

After finishing this step, navigate to the Better Payment section. Now, you should toggle the ‘Pay Amount Field’ button to configure Better Payment with the Elementor form.

Configure Elementor Form With Better Payment

Configure Elementor Form With Stripe #

Using the Elementor form, you can add one payment method at a time. So, if you want to add Stripe with Elementor form, follow the instruction below:

Action After Submit #

To configure Stripe with Elementor, go to the ‘Action After Submit’ section. Now, you need to find and add ‘Stripe’ as an action. 

Configure Elementor Form With Better Payment

Stripe #

Now, head over to the ‘Stripe’ section and input your StripePublic Key’ &Secret Key’ before clicking on the live mode. You can easily collect your StripePublic Key’ &Secret Key’ from your Stripe Dashboard

Configure Elementor Form With Better Payment

Final Outcome #

If you have done everything according to this guideline you will find your outcome just like the following gif below:

Configure Elementor Form With Better Payment

Configure Elementor Form With PayPal #

[Note: While adding PayPal as your payment method for the Elementor form, you can not add Stripe there.] Now, if you want to configure the Elementor form with PayPal follow the guideline below:

Action After Submit #

Similar to Stripe set up, you need to go to the ‘Action After Submit’ section first. Now, find ‘PayPal’ and add it as an action. 

Configure Elementor Form With Better Payment

PayPal #

Now, click on the ‘PayPal’ section in your Elementor Form widget. There you have to add your business email before toggling the ‘Live Mode’

Configure Elementor Form With Better Payment

Final Outcome #

If you could follow these above steps the outcome will be just like this gif below:

Configure Elementor Form With Better Payment

This is how easily you can configure Elementor Form with Better Payment
Need assistance? Feel free to contact our dedicated support team.

Powered by BetterDocs

Leave a Reply

Your email address will not be published. Required fields are marked *

  • 00Hours
  • 00Mins
  • 00Secs

Wait... before you go!

Checkout now to Save