Companion Guide: Organisation Website

Welcome to Raisely's Companion Guide for the Organisation Website Template. Our Companion Guides are there to help you navigate the campaign templates, and provide you with the tips and tools to bring your fundraising ideas to life.

💡 Tip: Stick to the Template 💡
Raisely recommends sticking to the template as much as possible, leaving you more time to work on personalisation and communication. Updating your brand, copy, and imagery alone will likely produce you an incredible result, though every template has the ability to customise further.

Organisation Website

This template has been designed to enable charities to launch a simple (yet evolving) primary website on Raisely. With both a focus on the core call-to-actions, such as Donate and Learn More, and space on the site to describe your impact, it's the perfect template to start with when building your primary website.

Development Checklist

To help you have a great flow as you develop your campaign, use the checklist below and its guides.

Stage	Focus
Organisation Settings	Start by updating your Team Members, adding any new Custom Fields that may be required, and upload brand assets to your Organisation Media Library
Design	Update your brand settings (Logo, Colours, & Favicon) and remove the campaign image. Update your Fonts, then your Buttons.
Page Building	Start with your Header & Footer, ensuring you have it looking great on all devices. Next work through the Home Page, updating images and copy.
Communication	For the default messages, update the following Messages: Donation Receipt, Password Reset, Regular Donation Welcome, Regular Donation Receipt, Regular Donation Retrying, Regular Donation Stopped. Disable the remaining default Messages.
Campaign Settings	Payments & Receipts - Configure your PDF Receipt and connect your Payment Account Donation Form - Update your donation frequencies, and amounts for each. Update and add in your Donation Fields needed to capture donor data. In Settings, update the Thank You title and message. Menu - Update your Header menu items, linking each to the relevant page Social Media - Update your social media preview text and image, so when you share your campaign on socials, the relevant thumbnail appears. Domains - If you are using a custom domain, you can set this up here. Apps & Integrations: Google Analytics - Ensure you setup Google Analytics by simply adding in your Measurement ID
Go Live	To take your website live, enabling real donations to be processed, from the campaign sidebar select Settings > Payments & Receipts > turn on Accept Live Payments

Taking it further

Raisely templates are there to evolve, in both function and design. Here are some additional ideas and actions you can take to take your campaign further:

### accordion

## expand

# Check out these settings

Activating Regular Giving and Upsell: Acquiring and nurturing regular givers is one of the best ways to create a sustainable revenue for your charity. Raisely not only enables your donation forms to setup a Regular Giving frequency and custom donation amounts, but you can also activate the Regular Giving upsell options available in the Donation Form settings.

## expand

# Custom Design changes

Like all campaign templates, Raisely provides an open platform to stylise your campaign exactly how you want through CSS. Below are some native CSS options you have for the template, and ideas on how/when to use them:

Style Available	CSS Attribute	Instructions
(Global) Apply Rounded Corners	In CSS	In the CSS, adjust $hasRoundedCorners with true, false, small, medium, large
(Global) Apply Border on H5 Heading	In CSS	In the CSS, adjust $hasBorderedHeadingH5 with true or false
(Global) Apply Gradient to Row Background	In CSS	In the CSS, adjust $hasGradient with true or false
Rounded corners on rows	row--hero or row--final	Adding this class attribution creates a border-radius on either the top or bottom of the rows sides
Row Background Image (Half)	row--image-left/right	Adding either of these classes applies a width of 50% (minus gutter width) to the background image and places the background image on either the right or left
Row Full Width	row--full-width	Extends the row to cover the full horizontal viewport width
Butt image to edge on 2 Column Row	row--image-float-left/right	When using a two-column full width row, insert an image in one of the columns and apply this attribute to push the image to edge
Cap Column Width	column--width-cap	This attribute caps the width of the column to 520px

## expand

# SEO (Search Engine Optimisation)

Each page you have created in your campaign can be optimised for SEO by simply updating the Meta data available. This will not only allow for Search Engines to display the right information of your page, but also enable them to have more success in SEO. To update the Meta Data, in the page builder on each of your core pages (top-right), select the Settings Icon and update the relevant information.

## expand

### accordion