FFC Web Developer Training Guide

Free For Charity (FFC) Web Developer Training Guide

This guide is designed to help you support a new charity by setting up and managing the suite of online tools that FFC uses. Follow the detailed instructions and use the provided resource links to become proficient with each platform.

Table of Contents

  1. FFC Hub by WHMCS (Domain Orders, Client Data, Support Tickets)
  2. Cloudflare (DNS Management & Email Connection)
  3. Microsoft 365 (Email Hosting)
  4. InterServer Web Hosting (with DirectAdmin)
  5. DIVI (WordPress Theme)
  6. WPMUdev (WordPress Plugins)
  7. Microsoft Clarity (Analytics)
  8. Tawk.to Live Chat (Support)
  9. Microsoft QnA Maker (Knowledge Base)

1. FFC Hub by WHMCS

WHMCS powers the FFC Hub, which handles domain name orders, client data, and support tickets.

a) Login URLs

b) Main Setup Steps

  1. Primary Contact Information: Ensure the account’s primary email is not based on the charity’s domain (e.g., use [email protected] instead of an email like [email protected]).
  2. Multiple Contacts: Confirm that at least two different contacts are listed in the account. This redundancy is important for continuous communication.
  3. Domain Purchase & Configuration: Guide the charity through buying and configuring their .org domain product via the FFC Hub. Instruct them to use their organizational email, and verify that the coupon code (if provided in their onboarding acceptance email) is applied.

c) Common Issues & Solutions

  • Incomplete Onboarding Form: Issue: The charity has not completed the onboarding form, which prevents new products from being added. Solution: Schedule a Microsoft Teams screen share or call to guide them through the form. If needed, escalate to a FFC Global Admin.
  • Charity Order Flagged as Fraud: Issue: The system flags the order as fraudulent. Solution: Verify that the order is placed from within the US (and not via a VPN) and check that the credit card address closely matches the charity’s contact address. Escalate issues to a FFC Global Admin if necessary.
  • Domain Transfer Failures: Issue: Transfer from an old domain provider may fail due to an incorrect EPP code or active Privacy settings (common with GoDaddy). Solution: Confirm the correct EPP code and that Privacy is turned off. Once the system shows a “Failed Transfer” in WHMCS, resubmit the request with the corrected details.

d) Learning Resources

Official WMHCS Learning Resources:
External WMHCS Learning Resources:

2. Cloudflare (DNS Management & Email Connection)

Cloudflare manages the DNS settings for charity domains and is critical for setting up security (including DMARC) and email connectivity.

a) Login URLs

b) Setup Steps

  1. Change Name Servers in FFC Hub: Update the charity’s DNS records in the FFC Hub to use the FFC Cloudflare nameservers:
    • ns1.freeforcharity.org
    • ns2.freeforcharity.org
  2. Create a Cloudflare Account: Assist the charity in setting up a Cloudflare account using their organizational email, e.g., [email protected].
  3. Grant Domain Permissions: In the Cloudflare dashboard, add the charity’s domain and assign the “Domain Admin” role to the organizational account.
  4. Set up Cloudflare DMARC Management: Follow Cloudflare’s instructions to configure DMARC records for improved email security.
  5. Establish Email Connection to Microsoft 365: Configure the DNS records (MX, SPF, and DKIM) so that emails route correctly to Microsoft 365:
    1. Log in to your FFC Cloudflare admin account and navigate to the charity’s domain.
    2. Click on the DNS section in Cloudflare.
    3. Note the required DNS records provided by Microsoft 365 (these include MX records, SPF configuration, and DKIM keys).
    4. Open the Microsoft 365 Admin Portal (https://admin.microsoft.com/).
    5. Navigate to Setup > Domains and select Add domain.
    6. Enter the charity’s domain name. Microsoft 365 will detect missing DNS records.
    7. When prompted, choose the option to use your Cloudflare account credentials. Enter your Cloudflare username and password so Microsoft 365 can automatically add the necessary DNS records.
    8. Once the records are added, verify the domain within the Microsoft 365 portal.

c) Learning Resources

Official Cloudflare Learning Resources:
External Cloudflare Learning Resources:

3. Microsoft 365 (Email Hosting)

Microsoft 365 provides the email hosting solution for charity accounts, ensuring seamless communication and collaboration.

a) Setup Process

b) Learning Resources

Official Microsoft 365 Learning Resources:
External Microsoft 365 Learning Resources:

4. InterServer Web Hosting (with DirectAdmin)

InterServer provides the hosting platform for charity websites.

a) Setup Process

  • Apply for a Hosting Account: Directly request hosting services for the charity via InterServer. https://www.interserver.net/support/
  • Configure the Hosting Environment: Use the DirectAdmin panel to set up the website. Detailed guidance and documentation can be found on the DirectAdmin Help site: https://help.directadmin.com/

b) Learning Resources

Official InterServer Resources:
External InterServer / DirectAdmin Learning Resources:

5. DIVI (WordPress Theme)

DIVI is used to create visually appealing, responsive, and highly functional websites for charities.

a) Installation & Customization Steps

  • Install Divi: Download the Divi theme (typically provided through internal channels such as the FFC Internal Web Developer Microsoft Teams team) and follow the WordPress theme installation process.
  • Customize Divi: Use the built-in visual builder to customize page layouts, modify modules, and apply global design settings.

b) Learning Resources

Official DIVI Resources:
External DIVI Resources:

6. WPMUdev (WordPress Plugins)

WPMUdev extends your charity’s website functionality with a range of essential WordPress plugins.

a) Setup Process

  • Identify Useful Plugins: Install plugins from WPMUdev that boost site performance, security, SEO, and more.
  • Configuration: Follow the installation and configuration instructions provided in the WPMUdev dashboard.

b) Learning Resources

Official WPMUdev Resources:
External WPMUdev Resources:

7. Microsoft Clarity (Analytics)

Microsoft Clarity provides insights into how users interact with the charity website so you can optimize its performance.

a) Setup Process

  • Install Plugin or Embed Script: Add the Microsoft Clarity plugin via WordPress or embed the tracking script in the website’s header.
  • Monitor and Analyze User Behavior: Use the dashboard to view heatmaps, session recordings, and other insights.

b) Learning Resources

Official Microsoft Clarity Resources:
External Microsoft Clarity Resources: