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 "Start Fundraising" button.  The code will appear with the unique campaign get-started URL as:
    1. var registerButtonConfig = {
        kind: 'cta',
        label: 'Start Fundraising',
        href: 'http://campaign-name.everydayhero.com/us/get-started',
        onClick: function() {
  2. Replace the unique campaign get-started URL (http://campaign-name.everydayhero.com/us/get-started) with the desired link the button should redirect to.  The code will appear as:
    1. var registerButtonConfig = {
        kind: 'cta',
        label: 'Start Fundraising',
        href: 'YOUR LINK HERE',
        onClick: function() {
  3. Replace the "Start Fundraising" button label with the desired words.  The code will appear as:
    1. var registerButtonConfig = {
        kind: 'cta',
        label: 'YOUR TITLE HERE',
        href: 'YOUR LINK HERE',
        onClick: function() {
  4. Click the "Preview Landing Page" button to view the changes. 
  5. Click the Save button at the bottom of the page to publish changes.