using Elementor and its basic Hello theme, I am trying to design a registration page for a sport events website where users will have the possibility to:

1. register to the site then,
2. decide whether they wish to take part in any, or more than one, events.
3. pay.

Every event has a different cost and even the same event has discounted fees according to time of registration (Early Bird, Late-Call and Regular fees)

For point 1), i am using Ultimate Member plugin (i thought that maybe a registered user may not wish to take part in any events but, rather, just receiving the newsletter for future updates)

For point 2), i decided to use a different plugin, Participants Database (I found it very useful in creating a participants list and also gives the possibility for the user “Mr Steve J.” to create a duplicate participant using the same email address (maybe his “no-tech/no-emailaddress” wife wishes to join him on the venture or, take part in a different one).

I am stuck on point 3) where i can’t find a plugin for payment that will automatically adjust the amount according to the user’s choice and redirect the user to the correct payment page; i.e. if I click on Buy Now button for a bicycle on eBay I will be redirected to a payment page with the amount equaling the cost of the bike, plus VAT/commission.. if I choose another item, the amount to be paid changes according to the cost of the item.

So far i have been exploring the possibility of:

a) creating 20+ pages, each with a different amount for each option (it doesn’t sound very techie, or am i wrong?)

b) using pages with grouped option and have individual option locked with “Elementor Display Options”

c) getting rid of the option to ‘Pay Now’ button (using a credit card) and offer ONLY a Bank Transfer option where the user will be manually inputting the amount to be transferred.

I would be grateful for any suggestions.

p.s.: I have no knowledge of coding except for some basic HTML and something tells me me that this is done by professionals using java or other similar languages?

The payment button is not showing on the form, if we enter the credit card info and we hit the enter button on the keyboard it process the payment without considering unfilled required fields on the form.

Can you help?

Thx!

I am considering creating a site with the help of elementor. I would like to create a price table, in the style below. However, I’m a beginner and I’m wondering. You must put a link for each of the buttons so that the person can purchase. What link should I put? How should it be created?

Another question: I would like to divide my offer into 3:

– a training

– training + 2 hours of coaching + 1 bonus

– training + 5 hours of coaching + 3 bonuses

The training will be built with MasteStudy.

I do not need to create member areas as the advantages of the different offers do not need to be integrated into a member area.

How will the payment link know that this or that training must be included in the basket?

I do not want to do 3x the same training in MasterStudy but depending on the client’s choice, they will pay a different price.

The answers are probably obvious to some of you but as I’m just starting out, it’s not obvious to me.

A big thank you to those who respond

We are facing an issue by using the express checkout Apple pay. While clicking the Apple pay button in the product page, it shows processing and redirecting to the same page with the following error “The Payment request button is not supported in United Arab Emirates because some required fields could not be verified. Please proceed to the checkout page and try again. Billing state / county is a required field, Shipping state or county is a required field ,”. As well as the button is not showing in the checkout page. Please help to find a solution for this.

Regards

here is my results with some code i took from some topic:

https://ibb.co/c2LqvjP

but i see that button “add to cart” when open the page it go up and after down…. maybe i use wrong code, below the code:

`.single-product .quantity {
margin-bottom: 0px !important;
}

.single-product .single_add_to_cart_button {
margin-top: -190px !important;
}

.single-product .single_add_to_cart_button {
margin-left: 120px !important;
}

#wc-stripe-payment-request-button
{
max-width:400px;
}

#woo_pp_ec_button_product {
max-width:400px;
}

p#wc-stripe-payment-request-button-separator {
display: none !important;
}

please help me to solve this problem and to remove space from google/apple pay and paypal

Thank You

Any suggestions on how to resolve this?

Thank you