How can I show the breakdown for an Annual fee (payment through paypal)?

  • OregonMobileFood
    Asked 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.

  • liyam
    Replied 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.

  • Leah
    Replied 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.

  • aubreybourke
    Replied 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:

    1527537110ralhz Screenshot 10