WooCommerce Choose Charity For Fixed Donation On Checkout

Pre-Requisites

There are no pre-requisites in order for you to be able to implement this solution.

How To Implement This Solution?

Simply copy the pre-coded solution to your active theme’s functions.php or preferably the Code Snippets Plugin.

Need support with the snippet? We’re Here to Help You, Contact Us!

About This Solution

This guide shows you how can you can a fixed fee to the order based on a radio button selection on the checkout. Specific to this example, a fixed fee is added in the form of a donation based on a charity selected. Each charity is listed as a radio button and, if selected, a fixed fee of £5 is added to the order and shown in the checkout order summary. This donation amount is added to the order as an order item fee and will be shown on the Thank You page, Emails, Order View in My Account area, Order View in the Admin Dashboard.

/**
 * Snippet Name:	WooCommerce Choose Charity For Fixed Donation On Checkout
 * Snippet Author:	ecommercehints.com
 */

// Create Radio Buttons
add_action( 'woocommerce_review_order_before_payment', 'ecommercehints_checkout_radio_buttons' );
function ecommercehints_checkout_radio_buttons() {

   echo '<div id="donation" class="ecommercehints-donation">';
   echo '<h3>Leave a donation for a charity?</h3>';
   woocommerce_form_field( 'charity_choice', array(
   'type' => 'radio',
   'class' => array( 'form-row-wide', 'update_totals_on_change', 'donation-options' ),
   'options' => array(
      '0' => ' No Donation',
      'Charity 1' => ' Charity 1',
      'Charity 2' => ' Charity 2',
   ),
	   'default' => '0'
   ));
   echo '</div>';
}

// Add The Fixed Donation
add_action( 'woocommerce_cart_calculate_fees', 'ecommercehints_charity_choice_fee', 20, 1 );
function ecommercehints_charity_choice_fee( $cart ) {
   if ( is_admin() && ! defined( 'DOING_AJAX' ) ) return;
   $radio = WC()->session->get( 'charity_chosen' );
   if ( $radio ) {
      $cart->add_fee( $radio . ' donation', 5 );
   }
}

// Save Choice To Order
add_action( 'woocommerce_checkout_update_order_review', 'ecommercehints_save_charity_choice' );
function ecommercehints_save_charity_choice( $posted_data ) {
    parse_str( $posted_data, $output );
    if ( isset( $output['charity_choice'] ) ){
        WC()->session->set( 'charity_chosen', $output['charity_choice'] );
    }
}

// CSS Styling - you will need to tweak this based on your theme!
add_action( 'wp_footer', 'ecommercehints_checkout_donation_styling' );
function ecommercehints_checkout_donation_styling() { ?>
<style>
	label.radio {
		display:inline!important;
		margin-right:50px;
	}
	.ecommercehints-donation {
	padding: 30px 0;
	}
</style>
<?php }

Snippet Benefits

Allow customers to choose a charity to donate a fixed amount to on the checkout page.
Add a fixed donation fee to the customer order based on charity radio button selection.