When switching to Givecloud, you may want to create a new website or migrate your existing website so that your fundraising and website are all managed on the same platform. Givecloud includes website capabilities to build out your website to best suit your brand and organization.

Here are some examples of website experiences that can be created:

Quick links


Basic Styling

Adding your content

Static content pages

Fundraising experiences

Menus

Footer

Blogs/Feeds

Category pages

Thank-you page

Image Library

Add Sharing Links To Your Site

Advanced Styling/Design tools

Lock site

Redirects

Google Analytics

SEO

Sitemap

Customizing your Domain

Best Practices


Basic Styling

Add your branding to create a unique look and feel for your website. You can add your logo and choose your site colors in Features > Website > Site Design - Basics.

There are many other additional settings to customize the look and feel of your site in Features > Website > Site Design.

Here, you can change your header style, edit your fonts, elements and button styles and manage other design settings to make your website reflect your brand.

Click through the menu options on the left to see and edit the different settings available to customize your site's overall look and feel. There are also options to customize the look and feel of specific experiences across your site.

Here are some additional resources to help you customize the look of your site:

Adding your content

When creating a website on Givecloud, its best to think about your content in two main categories:

1) Static content pages

This includes pages that are content only - e.g. a home page, about us, your vision/mission, policies etc.

2) Fundraising experiences

This includes pages used for fundraising - e.g. donation pages, event registrations, an online store, membership sign-ups and renewals, sponsorships, peer-to-peer fundraising etc.

These two categories are managed separately in Givecloud but are integrated through your website for a seamless experience.

Static content pages

Static content pages are created and managed in Features > Website > Pages & Menus.

Home Page

Your Home page lives at the top of Pages & Menus.

You can use a predefined page layout or build a custom page layout using the available sections and components.

Adding a new page or link

In Pages & Menus, you can also create new pages, manage your menus and create links to pages across your site.

To add a new page or link, click the dropdown arrow in the green +Add to Page button in the top right.

Adding/editing page content

Once you've created a page, you can add/edit the content using the visual content editor. You can add plain text, templates and media using the options available in the content editor. Givecloud also includes predefined page layouts. You can add a page layout and customize it to suit your look and feel - edit the text, add/remove elements, and add media. You can also build your own page layouts using the available sections and components.

Here are some additional resources to help you manage and build your static content pages:

Fundraising experiences

Various fundraising experiences can be created in Givecloud. To create single fund donation pages, items for your online store, event registrations, ecards, offer memberships and renewals for purchase, and other similar fundraising experiences, go to Features > Sell & Fundraise > Items. An item is what you use to sell or fundraise online. Items allow the flexibility to set up different products for purchase or donations.


Other fundraising experiences such as peer-to-peer fundraising, sponsorships and managing your membership levels are available in the Features menu item.

Each item and fundraising experience that you create will all have a unique URL that can be linked to from various places on site. You can add them to your menus and link buttons from static content pages to these specific fundraising experiences.

Here are some additional resources to help you create the fundraising experiences that you need:

Menus

There are multiple menus available to use on your Givecloud site. The main menu is the most common menu and is how visitors will navigate your site.

It is recommended to keep your menu as simple as possible. Too many menu items and options complicate the navigation experience and overwhelm visitors.

You can add pages and links to the main menu and other available menus in the website navigation section of each page and link.

Hint: To add donation pages and other fundraising experiences to a menu, copy the URL of the page, then add a new link to the menu, including the name of the link and the URL to the fundraising experience.

Here are the menus available to be used on your site

  • Main Menu

  • Top Left Menu

  • Top Right Menu

  • Footer Menu

  • Hero Menu

  • Donor Portal Menu

All of these menus are available in Features > Website > Pages & Menus.

Here are some additional resources to help you manage your menus:

Footer

You can customize the footer of your site in Features > Website > Site Design. Then choose Footer from the options on the left.

You can change the color scheme to 'Light' or 'Dark,' choose the number of content columns to use in your footer and then add a heading and content to the various columns. Add things like your logo, links to your social media, contact info, and quick links to pages on your site, and you can also embed a contact us or newsletter sign-up form.

Be sure to hit the green Save button in the top right to save your changes. To see your changes, open a public page on your site and hit 'Refresh,' then scroll down to the footer section of your site.

Here are some additional resources to help you create your footer:

Blogs/Feeds

Givecloud allows you to create feeds and blogs to help you organize and publish content. You can use this feature to create a blog series, events calendar, business directory, scrolling banners, and so much more.

You can create and manage feeds in Features > Website > Feeds & Blogs.

Here are some additional resources to help you create and manage blogs & feeds:

Category pages

Categories are used to organize similar items and display them on one page. Think of categories as 'buckets' for your items. For example, you can create an online store category and add all items for your online store to it.

Categories can be created and managed in Features > Website > Categories. Multiple categories and subcategories can help organize and group your items.

Each category has its own URL and can include a featured image and page content. Categories can also be added to the various menus available.

Here are some additional resources to help you create and manage categories:

Thank-you page

When a supporter makes a contribution on your site, they will be automatically taken to the Thank You Page. This is an excellent opportunity to thank your supporters and provide next steps (call-to-actions) to useful links on your site and provide the opportunity to share your organization on social media.

You can customize the Thank You Page in Features > Website > Site Design. Then choose Thank You from the options on the left.

The Thank you page consists of a header with image and headline and three content boxes. The first one cannot be edited and provides a link to the supporters' invoice/receipt. You can edit the content in the other two content boxes using the settings 'Alternate Box 2' and 'Alternate Box 3'.

Here are some additional resources to help you customize your Thank You Page:

Image Library

You can upload assets such as images, PDFs, word documents etc. to be used on your public site to the image library. You can access the Image Library in Features > Website > Image Library.

You can drag and drop files or select files from your desktop to upload them to the image library. If you want the URL of a file uploaded to the image library, hover your mouse over the file and click on the blue magnifying glass. This will open the file in a new window. You can then copy the URL.

Here are some additional resources to help you with your images:

Add Sharing Links To Your Site

You can strategically add sharing links to your site so that visitors have the option to share them on social media easily.

You can do this by using the sharing links shortcode:

On fundraising experiences, social sharing links either show up by default, or there is a setting to enable social sharing depending on the type of fundraising experience being used.

Advanced Styling/Design tools

Givecloud offers advanced design tools to build custom static pages. You can edit the HTML and add additional CSS styling and JavaScript to your site.

Viewing the HTML of a static page

When editing a static page, use the Code tab to view and edit the page's HTML code.

Advanced CSS overrides and Javascript

You can add custom CSS and JavaScript in Features > Website > Site Design, then click on Advanced in the left menu.

Here, you can add:

  • CSS overrides - Override any of your theme's CSS.

  • Custom HEAD Tags - Referenced in the HEAD of all templates.

  • Custom Scripts - Add custom scripts without unlocking your theme. Make sure to include your javascript in <script>…</script> or <script src="…"></script>. This will be output at the bottom of your site below all other script inclusions.

  • Conversion Scripts - Provide front-end scripts you want to run after a contribution completes successfully. The following placeholders are available for use: [order_id] and [order_amount].

If you would like to add additional CSS styling to style a specific page on your site, you can get the class that includes the page id (page-{id}) by using the inspector in the dev tools of your browser.

Snippets

You can use Snippets to create reusable content or blocks of code throughout your site. Each snippet created will have a short code that you can use in different places around your site to drop in the content of the snippet. Then, if you'd like to update the content, you'll just need to edit the snippet, and the content will be updated in every place on your site that's using the snippet.

You'll first need to create a feed for your snippets, and then you can add snippets to it.

You can create a Snippets feed-in Features > Website > Feeds & Blogs. Then Add a new feed.

Once you have created the Snippets feed, you can add new Snippets and then grab the auto-generated short code to drop the snippet into the pages of your site.

Here are some additional resources to help you customize your site:

Lock site

When creating your website, it is recommended to lock your site so that it is not accessible to the public.

You can lock your site in Features > Website > Configure, then scroll down to the Lock Site section.

Once your site is locked, a password will be required to view your public site.

Here are more details on locking your Givecloud site:

Redirects

When migrating your site to Givecloud, you may want to set up redirects if the URLs of your pages have changed so that any previously shared URLs will still resolve to a relevant page.

Commonly, older websites will have URLs with .html at the end. URLs on Givecloud do not include . HTML, so you will want to create redirects so that these URLs are still resolved.

For example:

  • Old URL - mycharity.org/about-us.html

  • New URL on Givecloud - mycharity.org/about-us

  • Create a redirect from mycharity.org/about-us.html to mycharity.org/about-us

You can create Redirects in Features > Website > Redirects.

Here are some additional resources to help you set up redirects:

Google Analytics

You can connect Google Analytics to your Givecloud website. Once connected, Givecloud will notify Google of page hits and purchase/donation conversions using ecommerce tracking.

Go to the left-hand navigation panel, select Features > Website > Configure, and then scroll down to the Google Analytics Tracking section.

Here are some additional resources to help you connect Google Analytics to your Givecloud site:

SEO

You can use Givecloud's built-in SEO tools to manage how the pages of your site show up in google search and when pages are shared on social media.

You can set the name and summary of your pages and set featured images that will be used when your pages are shared on social media.

You can learn more about Givecloud's SEO tools here:

Sitemap

You may want to generate a Sitemap of your site to see all pages and URLs or to upload to Google to help search engines make sure they find all the pages on your website.

Learn how to generate a sitemap.xml file:

Customizing your Domain

Givecloud allows you to customize your domain safely and securely without your supporters ever seeing Givecloud in their address bar. This creates a truly custom-branded and more trusted experience. You can choose any domain or subdomain you'd like.

For example:

  • mycharity.givecloud.co (default)

  • mycharity.org (or anything.com, .org, .net, .co, .co.uk, etc)

  • give.mycharity.org (or anything.mycharity.org)

You'll first need to create your domain with your host, then point it toward your Givecloud site. Next, we'll need to generate an SSL certificate for your domain before it will work. You can reach out to Givecloud Support either through live chat or email (support@givecloud.com) to request SSL for your custom domain.

You can add your custom domain in Features > Website > Configure.

You can add multiple custom domains, but can only have one primary domain. All custom domains will resolve to your primary domain.

Here are more details on customizing your domain, including how to point your domain to your Givecloud site.

Best Practices

One of the most important things to keep in mind when building your site is the user journey. Your website is a tool used to tell your story, build trust and ultimately convert visitors into supporters and then into advocates.

Visitor -> Supporter -> Advocate

Visitors to your site should be able to immediately learn about your mission and how you go about fulfilling it. Clearly telling your story will compel interested visitors to support your organization. The natural 'next step' should be for visitors to easily find different ways to support, whether its giving to your organization, volunteering or following your journey. An engaged supporter can then transition into an advocate - telling their community about what you do, sharing your organization on social media, creating a fundraiser to help support your mission.

Questions to keep in mind when building your site?

  • When visitors come to your site, can they easily learn about your mission and how you go about fulfilling it?

  • Have you created an intentional user journey from the moment they land on your site?

  • Are there places or pages on your site where a visitor will not have a clear direction of what to do next?

  • Are you using relevant imagery and content to tell your story without being 'text-heavy'?

  • Are there clear call-to-actions in relevant places for visitors to support your organization?

  • Are you sharing your story in a way that will connect with visitors and excite them to take next steps?

  • Have you minimized the clicks or pages a visitor has to go to before they can take action (donate, volunteer, subscribe, etc)?

  • Is your website cohesive and on-brand for your organization? (fonts, colors, quality logo)

Want to learn more? See our recommendations for creating a great website and online experience for your supporters:

Did this answer your question?