Donation Form Fields - cannot edit the eCard sections

Sarah Kershaw

Hello everyone,


I'm working on an Honoree/Tribute giving donation form and want to be able to send eCards.

However when I try to edit the eCard fields in the Design Donor Screens section, there are some weird quirks. 

For example, when I test drive, there is no option to 'Send' to the recipient - but this might be because you have to wait to complete the transaction before being able to send the eCard?

Furthermore, when I preview the eCard, the message body and subject and recipients do not appear in the preview. 

Any one else experienced this? 

There also seems to be an issue with editing the form itself, I try editing various components but just see an error message (There was a problem processing your request).

I've tried on Chrome and on Safari with a cleared cache. 

Any insight much appreciated!



 

Will Hull

Sarah Kershaw:

Hello everyone,


I'm working on an Honoree/Tribute giving donation form and want to be able to send eCards.

However when I try to edit the eCard fields in the Design Donor Screens section, there are some weird quirks. 

For example, when I test drive, there is no option to 'Send' to the recipient - but this might be because you have to wait to complete the transaction before being able to send the eCard?

Furthermore, when I preview the eCard, the message body and subject and recipients do not appear in the preview. 

Any one else experienced this? 

There also seems to be an issue with editing the form itself, I try editing various components but just see an error message (There was a problem processing your request).

I've tried on Chrome and on Safari with a cleared cache. 

Any insight much appreciated!



 

Hey there, Sarah

To make this happen you will want to make sure you are using the eCard preview on the live version of the donation form to see the to, from and subject field populated.  Please do not use the "Test Drive" option for testing that piece out.

Here is an example of it working for me, personally, with a client's donation form below:

You can also build an email stationary dedicated to the purpose of a Donation eCard and make sure you have [[S120:dc:donorFirstName]] [[S120:dc:donorLastName]] and [[S120:dc:honoreeFullName]] in a message before the [[S63:1]] (insert message content S-Tag is the S63:1 S-Tag).  To ensure that the donor's name is populated, please make sure you have the Donor First Name and Donor Last Name data elements added to your donation form above the preview button so that it can pull that information into the preview.  Please be sure to relabel those fields if you want the name to display differently than Donor First Name and Donor Last Name to the donor on the form itself.


Finally, as an added bonus, if you want to implement the toggle to incorporate the eCard fields in the ability to expand and collapse your fields, please make sure you have the following data elements on your donation form found below:

• Honor Gift - Show Honor Fields
• Honor Gift - Type
• Donor First Name
• Donor Last Name
• Honor Gift - Honoree Title
• Honor Gift - Honoree First Name
• Honor Gift - Honoree Last Name
• eCard - Send Checkbox
• eCard - Send Date
• eCard - Recipients
• eCard - Selections (your email stationary dedicated to donation ecards usage)
• eCard - Subject
• eCard - Message
• eCard - Preview Button
• eCard - Send Copy to Sender

Then, please add an HTML Caption to the bottom of that page where you have your eCard/Honor Gift fields located, below the buttons data element and add the following HTML code to the HTML Caption:

<script>

(function() {

    Y.use('jquery-noconflict', function() {

        jQuery(function($) {

            $(document).ready(function() {

            

                jQuery('#tribute_show_honor_fieldsname').change(function(ev) {

                    var eCardElems = [ '#tribute_type_row', '#honoree_title_row', '#tribute_honoree_first_name_row', '#donor_first_name_row', '#donor_last_name_row', '#send_ecard_row', '#tribute_honoree_last_name_row', '#select_grid_row', '#ecard_recpients_row', '#tribute_ecard_subject_row', '#tribute_ecard_message_row', '#ecard_send_date_row', '#preview_button_row', '#e_card_copy_sender_row' ];

                    if (jQuery('#tribute_show_honor_fieldsname').is(':checked')) {

                        jQuery.each(eCardElems, function(ind, sel) {

                        jQuery(sel).show();

                        });

                    } else {

                        jQuery.each(eCardElems, function(ind, sel) {

                        jQuery(sel).hide();

                    });

                    }

                });

                jQuery('#tribute_show_honor_fieldsname').change();


            });

        });

    });

})();

</script>

I hope this helps you accomplish what you are seeking to accomplish here, Sarah.  Thanks for posting the question.


Have a happy Thanksgiving.


Will Hull

Internet Solutions Consultant (Luminate Online Deployments)
will.hull@blackbaud.com

Brian Mucha

Extra points for using jquery-noconflict.

Will Hull

Brian Mucha:

Extra points for using jquery-noconflict.

Thanks, Brian.