Prior to editing the source code, it is highly recommended to finalize all content and artwork on the landing page using the Branded Template feature.

Part One: Locate the Source Code
  1. Navigate to the Campaigns tab of the charity account: https://nfp.everydayhero.com/admin/us/sign-in.
  2. Click the desired campaign to reach the 'Overview' tab.
  3. Click the 'View' link located to the right of the 'Landing Page Link' field to view the completed Landing Page.
  4. Right click on the Landing Page and select "View Page Source/Source Code".
  5. Press Ctrl + A (Command + A for Macs) to select the entire page code.
  6. Press Ctrl + C (Command + C for Macs) to copy the entire page code.
  7. Navigate to the Campaigns>Landing Page tab of the charity account.
  8. Click the "Code Your Own" box.
  9. User-added image
  10. Paste the code copied in Step 6 into the "Custom HTML" field that appears.

Part Two: Edit the Source Code
  1. Locate the section of the code for the leaderboard. 
  2. The Individual Leaderboard code will appear as:
    1. edh.widgets.renderWidget('individual-leaderboard', 'Leaderboard', {
        campaignUid: '########',
        limit: 5,
        i18n: {
          heading: 'Top 5 Individuals'
        }
      });
  3. The Team Leaderboard code will appear as:
    1.  edh.widgets.renderWidget('team-leaderboard', 'TeamLeaderboard', {
          campaignUid: '########',
          limit: 5,
          i18n: {
            heading: 'Top 5 Teams'
          }
        });
  4. Update the "limit" from 5 to the desired number of pages.
  5. Update the "Heading" to reflect the new leaderboard settings as desired.
  6. Click the "Preview Landing Page" button to view the changes. 
  7. Click the Save button at the bottom of the page to publish changes.