# PageBuilder Pages

All PageBuilder pages should be edited with the WYSIWYG editor disabled. The page names of these pages should not be changed without updating the dependencies.

# How to Disable WYSIWYG

  • Sign into Luminate Online
  • Click on your name in upper right corner, this will launch a pop-up window
  • In the section Use WYSIWYG editor for editing HTML, make sure that the checkbox next to Use the WYSIWYG is unchecked
  • Scroll to the bottom of the form and click Save
  • Now you can go into PageBuilder section to made edits

# Wrapper Elements

  • reus_wrpr_1541 - contains body content of the VPM - Default wrapper with a simple footer
  • reus_assets_path - set staticAssetsBaseUrl session variable for use in the wrapper
  • reus_head_1541 - contains HTML head of the VPM - Default wrapper
  • reus_head__redirects - contains code for redirecting standard Luminate pages to the new member center
  • reus_scripts_1541 - contains scripts of the VPM - Default wrapper
  • reus_header_1541 - contains header for the VPM - Default wrapper, open for reuse by other wrappers
  • reus_nav_main_1541 - contains main navigation for the VPM - Default wrapper, open for reuse by other wrappers
  • reus_nav_main_mobile_1541 - contains main navigation for the VPM - Default wrapper, open for reuse by other wrappers
  • reus_body_class - contains body CSS classes for the VPM - Default wrapper, open for reuse by other wrappers
  • reus_footer_1541 - contains footer for the VPM - Default wrapper, open for reuse by other wrappers
  • reus_reset_session_vars - contains U0 tags that reset custom session variables. This reusable should always appear at the end of the page so that as users navigate from page to page, the session variables set on one page do not affect the behavior of subsequent pages they navigate to.
  • reus_tax_info_bars_1541 - contains tax statement for the VPM - Default wrapper, open for reuse by other wrappers
  • reus_analytics_head - contains analytics code for page views and transaction tracking that resides in the <head> section of the wrapper, reuse in other wrappers is highly encouraged
  • reus_analytic_body - contains analytics code for page views and transaction tracking that resides in the <body> section of the wrapper, reuse in other wrappers is highly encouraged

# Donation Form Elements

The following is just a brief overview of the donation form elements used in VPM's Luminate instance. For a more in-depth look on how to use each of these elements, see Donation Form Elements.

  • reus_donation_fee_cover - Hidden element that allows donation forms to calculate the transaction fee to add to the donation.

  • reus_donation_gift_type_toggle - Buttons that allow a user to make their gift either one-time or monthly.

  • reus_donation_member_vault - Hidden code that makes it possible to display a Passport activation link on post-donation thank-you pages.

  • reus_donation-thankyou - The text that appears on a post-donation thank-you page, as well as the button that will contain the donor's Passport activation link. (The button will only appear in the event that a donor's donation qualifies them for Passport).

  • reus_section_break - A stylized horizontal line that can be used to break a donation form into separate sections.

# Member Center Pages & Templates

The following is just a brief overview of the member center elements used in VPM's Luminate instance. For a more in-depth look on how to use each of these elements, see Member Center Templates.

  • member_center - Code necessary for the member center to run.

  • reus_account__day_sponsorships - HTML explaining what Day Sponsorships are and providing information on how to become a day sponsor.

  • reus_account__quarterly_update - HTML displaying image, headline, and text explaining VPM's update to members for the current quarter.

  • reus_account__giving_promo - HTML for a promotional banner related to philanthropy that will display on the Giving History page in the Member Center.

  • reus_account__promo_boxes - HTML for promo boxes letting members know about upcoming special events.

← Session Variables →