Things are looking a bit different in the world of fundraising and digital is your best channel. We’ve put together a set of tools to help you live stream a fundraising event.
Wondering how to run your peer-to-peer campaigns remotely? Or, how to host that house party fundraiser when no one can attend? Today, things are looking a bit different in the world of fundraising and its more clear than ever that digital is the medium that will deliver your message. We’ve put together a set of tools to help you live stream a fundraising event. Complete with code and additional resources. We hope this is helpful to add to your toolkit during these challenging times.
In this video tutorial I’ll show you how to build a live stream fundraising page step by step in Engaging Networks. This live stream page could be used to broadcast an event live on the internet and solicit donations for your organisation in times when you can’t connect to your supporters in person.
Click the play button on the video above to get started.
Resources Mentioned in the Video
Disclaimer: In the video we show you some basic code for the page we build in Engaging Networks and use a number of additional external resources. Whilst we can help with the Engaging Networks platform functionality, bear in mind that any external services shown are for demonstration only. Your organization will need to evaluate the suitability of any external services and our support team may not be able to help with use of external service providers. There are many third party services available and whilst we use these for demonstration we are not making any specific recommendations.
If you would like to enquire with any of our accredited partners to help you build a similar page, you can find a list of our official agency partners here.
Example code to embed an Engaging Networks page into another Engaging Networks page using iframes (replace the ENTER YOUR ACTIVE PAGE URL HERE with the active live URL of your donation page):
<iframe src=”ENTER YOUR ACTIVE PAGE URL HERE” width=”100%” height=”1500px” frameBorder=”0″></iframe>
Example template code to create a blank template to style the basic donation page with a chosen background colour (change the hex code in the background-color: #d8ccb4; to your chosen color – see this link for more on hex color codes). The template code below also includes some basic text and button css styling
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title>
<style>
body {
background-color:#d8ccb4;
}
.en__submit button {
cursor: pointer;
background-color: orange;
padding: 10px 20px;
font-size: 20px;
border-radius: 10px;
font-weight: 600;
}
.en__field__label {
padding: 6px 0;
vertical-align: middle;
font-family: arial;
font-size:15px;
}
.en__field__input--text {
width: 250px;
font-family: sans-serif;
font-size: 12px;
font-weight: 75;
}
</style>
</head>
<body class="pb">
Facebook Live Streaming Resources
https://www.facebook.com/facebookmedia/solutions/facebook-live
Facebook Pages Resources
https://www.facebook.com/business/pages/set-up
Minnit Chat (other chat services are available)
Engaging Networks Accredited Partners Directory
https://engagingnetworks.net/about-us/our-partners/
Engaging Networks Support
