PageBuilder: Creative Blocks to use for your next campaign
When designing your campaign pages, there are a number of blocks that can add a lot to the fundraisers and donors experience. In this guide, we'll explore some popular blocks that can make a real difference to your campaigns success. Let's explore...
Skip Ahead to:
QR Code
QR Codes are now a common way to enable someone quickly to view a website on their mobile device. Most smartphone operating systems now support QR code detection from the phones camera, making them a simple user experience as compared to entering or even searching for a URL.
Raisely's page builder offers the option of the QR Code block, which provides a unique downloadable QR code that can either be linked to the Campaign URL or Fundraisers Profile Page. The QR code can be downloaded directly from the page you place the Block, ideal for use on a Fundraisers Dashboard (Peer to Peer Campaign) or a 'Spread the Word' page for an Appeal campaign.
### accordion
## expand
# Setup QR Code Block
- 1
- Within your campaign, from the sidebar select Pages. For Peer to Peer templates, use Dashboard page.
- 2
- Within the page builder, select + and choose Blocks. Search for " QR Code" block or find it under Other
- 3
- Insert the QR Code Block on your page. If using on an Appeal template, provide content to the QR Code such as 'Download and Share', encouraging visitors to your site to spread the word.
- 4
-
In the blocks ⚙️ settings, under 'Show QR Code For' select either:
- Campaign (links to campaigns home page) or
- Logged In User (links to Fundraisers Profile page)
- 5
- Apply your block changes, and Save your page
The QR Code colour is styled using your default brand colours. This is unable to be changed.
## expand
### accordion
Lead Forms
Having a simple and flexible form on your campaigns site can be invaluable in building your supporter base. Apart from Donation and Sign Up Forms, Raisely also has the Lead Form block, allowing you to create a simple form in seconds.
Here are some creative ways you may want to try out:
- Add a newsletter subscription Lead Form to your footer
- On a 'Coming Soon/Countdown' landing page, add a Lead Form to collect interest
Lead Forms are best utilised within Appeal templates, as they do not use the Signup form. If Lead Forms are used in a Peer to Peer campaign, fields used will also appear on your Signup Form.
### accordion
## expand
# Set Up Lead Form
- 1
- Select the page you wish to have the Lead Form (within Pages from the sidebar)
- 2
- Click + to add block, search for Lead Form (or find it under Other), and select to add block to the page
- 3
-
Within the blocks settings:
- Enter Form Name which becomes the Form ID (relevant for analytics)
- Add Tag/s to enable simple segmentation with Raisely's CRM
- You can add pre-created Custom Fields to include in the Lead Form fields (see Use Custom Fields for help)
** Note: Custom Fields must be added to your SignUp form settings (Settings > Signup Form) for them to be available in a lead form. These will appear on your Signup Forms if using a Peer to Peer template.
- 4
- Apply changes to your settings and Save your page to finish
## expand
### accordion
Countdown Timer
Countdown Timers are one of the most flexible blocks you can use in Raisely, as it's all about where and why you use it. Here are some practical ways you may think of using a countdown timer:
- Placed in the Header for shorter campaigns, to help people see the limited time the campaign is running for
- Placed on a landing page with a 'interest form' that you can publish pre-campaign. The countdown highlights when the campaign will start, and the form enables you to capture email addresses as another means of contact
- Placed on Fundraising/Team Profile page and started when the event starts, if fundraising push is during event.
- Placed on the Home page with the Register Now section, highlighting the cut-off time for new registrations
Countdown Timers create a sense of anticipation and urgency. Find your unique use for them!
### accordion
## expand
# Set Up Countdown Timer
- 1
- Within the Page Builder, click + to add block, search for Countdown Timer (or find it under Other), and select to add block to the page=
- 2
-
Within the blocks settings:
- Enter your End Date (DD/MM/YYYY 00:00) as well as a Start Date if you want the Progress Bar feature
- Choose your Countdown Style - Digital Clock & Circle both have the progress bar feature if start date is entered
- You can change what is displayed, labels, and also your alignment preference
## expand
## expand
# Change Timers Color
The colour of the Timer elements can be changed by adding some simple CSS. Paste the code below into your style sheet and adjust it's values to your brand.
.countdown {
@include countdown-theme ( $background, $color);
}
Replace $background with a background colour (eg. white or primary or #ffffff00 for transparent)
Replace $color with the text colour (eg. primary or secondary-dark or #888888)
## expand
### accordion
Cannot find the support guide you are after? Head on over to our YouTube channel 📺 for more creative content to help you go further. You can even leave us comments, suggesting new content ideas 🤯