-
OregonMobileFoodAsked on May 26, 2018 at 6:04 PM
I hope I can describe this well enough to get an answer.
I have a registration form, the user has 2 options - monthly or annual. I would like to show the "monthly" cost for the annual fee (ie: Annual is actually $200/year, but form will show $16.67/monthly) but then it will request the full $200 on-time charge when they hit submit and are redirected to paypal.
Is there a way to do this? I am struggling to figure out how. Applicants are getting sticker shock before they even finish the registration process because of the $200 because they aren't taking the time to see it actually costs them less in the long run.
Thanks in advance.
Page URL: https://www.omfva.org/register -
liyamReplied on May 26, 2018 at 10:29 PM
Helllo CitySlickersPDX,
Upon checking your form, I noticed that there is one product that consists of a monthly payment for 12 months. I suppose you have managed to figure out your concern.
If you still need assistance, please let us know.
-
LeahReplied on May 28, 2018 at 3:12 PM
Not exactly. There is one product that is a monthly option and one that is an annual option. I would like to somehow SHOW the monthly cost of the annual option instead of the full annual cost - ie: $16.67/monthly, $200/year or something similar. Then, when they choose that option, it charges the full, one-time payment of $200 and not a reoccurring $16.67.
In other words, showing people that there is a reduction in cost (monthly) between the monthly and the annual (without them having to do the math themselves) so they can see immediately that there is a savings benefit to choosing the annual option over the monthly option.
-
aubreybourkeReplied on May 28, 2018 at 3:52 PM
It's possible to use CSS to modify the price label.
#input_30_1001_price:after{
content: " $16.67/Monthly -";
color: gray;
font-weight: normal;
}
How-to-Inject-Custom-CSS-Codes
And it will look like this: