Components

Application: Managing and Displaying Campaign Targets and Collected Amounts

---

Managing and transparently displaying campaign targets and collected amounts is pivotal for building trust and encouraging more donations. Here's how to set it up on the BARK | Charity Aid & Fundraising Platform:

1. Setting a Fundraising Target:

Step-by-Step Guide:

1. Log In to BARK: Access your account dashboard by logging into the BARK | Charity Aid Platform.

2. Create or Edit Campaign: If setting up a new campaign, follow the creation steps until reaching the "Campaign Details" section. If editing an existing campaign, navigate to the campaign management page.

3. Set Goal Amount: In the campaign details section, input your fundraising goal. Enter the target amount you aim to raise for your campaign.

2. Displaying the Target and Collected Amounts:

Automatic Tracking:

• BARK Integration: BARK automatically tracks donations made through your campaign page and displays the total collected amount alongside your fundraising goal.

• Progress Bar: This feature is usually integrated into the campaign page design, showing a progress bar or percentage to visually represent the campaign's status.

Manual Updates (if needed):

• Offline Donations: If receiving donations offline (e.g., cash or check), manually update the collected amount.

• Manual Entry: Access the campaign management dashboard, find the section for tracking donations, and input offline donation amounts.

3. Enhancing Visibility:

Progress Bar:

• Enable Feature: Ensure the progress bar feature is enabled in your campaign settings to motivate potential donors by showing the campaign's momentum.

• Customization: Customize the progress bar's appearance to match your campaign’s branding.

Example Elements:

<div style="border: 1px solid #ccc; padding: 10px; width: 100%; max-width: 600px; margin: 20px auto;">
    <h2>Campaign Progress</h2>
    <p>Our Goal: $10,000</p>
    <p>Collected: $6,500</p>
    <div style="background-color: #f3f3f3; border: 1px solid #ddd; height: 20px; width: 100%; border-radius: 5px;">
        <div style="background-color: #4CAF50; height: 100%; width: 65%; border-radius: 5px;"></div>
    </div>
    <p>65% of our goal reached!</p>
</div>

Explanation: This example HTML code creates a progress bar. Replace the static values with dynamic values fetched from your campaign data to ensure they are always up-to-date.

4. Regular Updates and Transparency:

Post Updates:

• Transparency Builds Trust: Regularly update your campaign page with progress reports to build trust and keep donors engaged.

• Updates Section: Utilize the campaign’s updates section to post milestones, thank donors, and share the impact of the funds raised.

Social Media and Emails:

• Share Progress: Share progress updates on social media and through email newsletters to maintain momentum and encourage further donations.

5. Engaging with Donors:

Thank You Messages:

• Acknowledge Contributions: Automatically send thank-you emails to donors acknowledging their contribution and informing them about the current progress toward the goal.

Impact Reports:

• Show Utilization: Once significant milestones are reached or the campaign concludes, provide detailed reports on how the collected funds are being utilized.

By effectively managing and displaying your fundraising target and collected amounts, you not only keep your campaign transparent and trustworthy but also motivate donors by showing the impact of their contributions and the progress being made towards the goal.