Documentation

# How to Customize Submit Text on Donation Forms

  • Disable you WYSIWYG editor in Luminate.
  • Edit a PageBuilder page reus_donation__submit_text.
  • Create a new version of the page.
  • Insert the file the following code:
<div class="donation-form__submit-disclaimer hidden" data-donation-form-id="XXXX">
  <!-- Replace this with the new text that will appear below the submit button on the form -->
</div>
  • Replace XXXX with an id of the form.
    For multiple forms, list ids in a comma-separated list. Ex:
    data-donation-form-id="1622, 1684"
    For default, specify the keyword default or omit the data-donation-form-id attribute altogether.
  • Note that default disclaimer should not have a class hidden but all others should have that class so those disclaimers don't show on page load and we don't see a content flash.

# Examples

# Default text with the data-donation-form-id attribute

<div class="donation-form__submit-disclaimer" data-donation-form-id="default">
  <p>
    <span class="text--red">
      Click Submit <span class="text--underline">Only One Time</span> to process your donation.
    </span>
    <br>
    Please do not refresh or click the back button until you see a confirmation.
    <br>
    We&#8217;ll be in touch! Your generous gift to Save the Children includes a subscription to our monthly eNews so you can see your donation at work. You&#8217;ll also get breaking emergency alerts and opportunities to get more involved.
  </p>
</div>

# Default text without the data-donation-form-id attribute

<div class="donation-form__submit-disclaimer">
  <p>
    <span class="text--red">
      Click Submit <span class="text--underline">Only One Time</span> to process your donation.
    </span>
    <br>
    Please do not refresh or click the back button until you see a confirmation.
    <br>
    We&#8217;ll be in touch! Your generous gift to Save the Children includes a subscription to our monthly eNews so you can see your donation at work. You&#8217;ll also get breaking emergency alerts and opportunities to get more involved.
  </p>
</div>

# Text for the donation form 1621

<div class="donation-form__submit-disclaimer hidden" data-donation-form-id="1621">
  <p>
    <span class="text--red">
      Click Submit <span class="text--underline">Only One Time</span> to process your donation.
    </span>
  </p>
  <p>This is a custom text for the form 1621</p>
</div>

# Text for the donation forms 1622 & 1684

<div class="donation-form__submit-disclaimer hidden" data-donation-form-id="1622, 1684">
    <p>
    <span class="text--red">
      Click Submit <span class="text--underline">Only One Time</span> to process your donation.
    </span>
  </p>
  <p>This is a custom text for the forms 1622 & 1684</p>
</div>

← Tip-up authoring →