Tribute giving (honor/memorial) drop-down menu or radio button selection

Angela Armbruster

Does anyone know if you can add a drop-down menu or radio buttons in the tribute giving section to select a specific tribute? We had something like that created in a page we had in Sphere where the donor could select a specific memorial for their gift and then they didn't have to fill out the remainder of the tribute giving section. This particular program has several memorials and they would prefer to have them listed like this:




Does anyone know of a way to accomplish this in LO? We would need to have this data also come through in RELO so our gift processing team knows which memorial they selected and we would also want the selection to come through on the confirmation message and the thank you autoresponder. 


Angela

 

Romany Nassief

I don't think there is a way in donation form setup that let you enter predefined honoree list to select from. As long as I know, the donor have to fill in tribute fields manually.


I can think in a workaround that could make it happen as you need:


1. Edit your donation form and add HTML caption directly before your honoree block. Here you will manually add the radio buttons with suggested honoree list. Each radio button will hold the honoree values as data attributes.

<input type="radio" name="honoree_select" data-tribute_honoree_first_namename="First Name #1" data-tribute_honoree_last_namename="Last Name #1" /> Honoree #1
<input type="radio" name="honoree_select" data-tribute_honoree_first_namename="First Name #2" data-tribute_honoree_last_namename="Last Name #2" /> Honoree #2
<input type="radio" name="honoree_select" data-tribute_honoree_first_namename="First Name #3" data-tribute_honoree_last_namename="Last Name #3" /> Honoree #3
<input type="radio" name="honoree_select" value="reset" />[ Enter Below]

Note: data attributes are matching the honoree fields names you have. You can view page source of your donation page to know each honoree field names you have.


2. Write some Javascript/jQuery that works on radio button selection change to populate existing honoree fields with the associated values.

$('input[name="honoree_select"]').change(function() {
  if ($(this).val() === 'reset') {
        $('.honoree_select').val('');
  } else {
    $.each($(this).data(), function(key, value) {
      $('input[name="' + key + '"]').val(value).addClass('honoree_select');
    });
  }
});

You can make some improvement in this script to toggle honoree fields show/hide based on the selected radio button. Could be initially hidden and show them when [enter below] is selected.