Customizing Donation Form look

  • Resolved k2learner

    (@k2learner)


    7 years ago

    Hi

    I was able to display the Donation form with the shortcode in muffin builder. It takes characteristics from template (like color, font, size etc). But it displays all fields one below the other – starts with Donation amount. I would prefer to change the order, display name fields one next to another etc.

    Also, would like a way for the visitor to choose a campaign from a drop down and enter other details and click on donate button.

    Is there a way to customize it?

    Donation form would be a public page (no login to WordPress required). We are using only paypal, so when clicking on Donate button it opens Paypal.

    Thanks!

    • This topic was modified 7 years ago by k2learner.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Eric Daams

    (@ericdaams)

    Hi @k2learner,

    Sorry for missing your post. Customizing the donation form in the ways you described can be done with code (there is no UI for changing these things). We have a library of code snippets available at https://github.com/Charitable/library including a section devoted to customizing the donation form.

    Cheers,
    Eric

    Thread Starter k2learner

    (@k2learner)

    Hi Eric

    Thank you for your pointers. I was able to change donation form fields but still have not been able to figure HOW to order the fields in the below fashion. Can you please some pointers (I am a newbie and have figured out customizing the form – thanks to the snippet you have provided in github).

    BY default, all the below fields appear ONE BELOW ANOTHER. I want to group some to be in the same line.

    Your Donation:
    DONATION_AMOUNT_FIELD

    Your Details: /* WANT TO REMOVE THIS LINE */
    First Name* Middle Name Last Name*
    FIRST_NAME_FIELD MIDDLE_NAME_FIELD LAST_NAME_FIELD

    Email* Phone
    EMAIL_FIELD PHONE_FIELD

    Address City State Zip
    ADDRESS_1_FIELD ADDRESS_2_FIELD CITY_FIELD STATE_FIELD POSTCODE_FIELD

    DONATE_BUTTON

    • This reply was modified 6 years, 10 months ago by k2learner.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Customizing Donation Form look’ is closed to new replies.