Give CiviCRM Webform

Re-interpretation of Give module building on CiviCRM and Webform.

Features

Give potential donors a couple easy ways to give to an organization or person through your website.

Post-Installation

Set up CiviCRM.

Set up Webforms that feed into CiviCRM.

… we'll look at recipes for this; really don't expect anybody to be doing all that unless you have made the decision that you need the power of CiviCRM already.

Currently depends on adding something like the below to a very specific template for the form element that holds your amount input, such as form-element--edit-civicrm-1-contribution-1-contribution-total-amount.html.twig

{%
  set soft_options = {
    '25': '$25',
    '50': '$50',
    '100': '$100',
    '250': '$250',
    '500': '$500',
    '1000': '$1,000',
  }
%}
<fieldset class="amount-options d-flex flex-wrap gap-y-2-5"><legend class="sr-only">Suggested amounts</legend>
  {% for amount, display in soft_options %}
    <input type="radio" id="{{ amount }}-option" class="amount-option-radio btn-check" title="{{ display }} donation" name="{{ name }}Options" aria-label="{{ display }} donation" value="{{ amount }}">
    <label for="{{ amount }}-option" class="amount-option-label btn btn-outline-secondary" aria-hidden="true" data-qa="suggested-amount-label">{{ display }}</label>
  {% endfor %}
</fieldset>

Additional Requirements

• CiviCRM
• Webform
• Webform CiviCRM Integration

Recommended modules/libraries

None yet; this module is the icing on the cake.

Similar projects

Give does this without dependencies.

Supporting this Module

You can support Agaric's overall contributions to Drupal and a bit beyond by supporting Drutopia at opencollective.com/drutopia. Thanks!!

… we're going to have to get this module set up on our site to be taken seriously, won't we?

Community Documentation

Welcome but this is still very early times yet.