---
title: Plan the creation of your Yapla website
description: "Redesign or first website? Follow the key steps to plan your nonprofit's website with Yapla: goals, content, pages and launch, based on our experience."
---

[Skip to content](https://support.yapla.com/en-ca/plan-the-creation-of-your-yapla-website#main-content)

- [English - Canada](https://support.yapla.com/en-ca/plan-the-creation-of-your-yapla-website)
- [Français - Canada](https://support.yapla.com/fr-ca/planifier-la-création-de-votre-site-web-yapla)
- [Français - France](https://support.yapla.com/fr-fr/planifier-la-création-de-votre-site-web-yapla)
- [Italiano - Italia](https://support.yapla.com/it-it/pianificare-la-creazione-del-tuo-sito-web-yapla)

English - Canada

Show submenu for translations

[More support](https://support.yapla.com/en-ca/kb-tickets/new?hsLang=en-ca) [Customer portal](https://support.yapla.com/tickets-view?hsLang=en-ca)

[![logo-yapla-help-centre](https://support.yapla.com/hs-fs/hubfs/logo-yapla-help-centre.png?width=880&height=119&name=logo-yapla-help-centre.png)](https://support.yapla.com/en-ca/?hsLang=en-ca)

- [Meet](https://www.yapla.com/en-ca/support-meeting?utm_term=plateforme)
- [Yapla Academy](https://academy.yapla.com/)

Open main navigation

Close main navigation

- [Meet](https://www.yapla.com/en-ca/support-meeting?utm_term=plateforme)
- [Yapla Academy](https://academy.yapla.com/)
- - [English - Canada](https://support.yapla.com/en-ca/plan-the-creation-of-your-yapla-website)
    - [Français - Canada](https://support.yapla.com/fr-ca/planifier-la-création-de-votre-site-web-yapla)
    - [Français - France](https://support.yapla.com/fr-fr/planifier-la-création-de-votre-site-web-yapla)
    - [Italiano - Italia](https://support.yapla.com/it-it/pianificare-la-creazione-del-tuo-sito-web-yapla)

  English - Canada
  
  Show submenu for translations
- [More support](https://support.yapla.com/en-ca/kb-tickets/new)
- [Customer portal](https://support.yapla.com/tickets-view)
- [Contact us](https://support.yapla.com/en-ca/kb-tickets/new)

[Contact us](https://support.yapla.com/en-ca/kb-tickets/new?hsLang=en-ca)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Yapla Help Centre](https://support.yapla.com/en-ca?hsLang=en-ca)
2. [Create my website](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca)
3. [First steps](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#first-steps)

# Plan the creation of your Yapla website

## Available with Essentials plan

Whether your NPO needs to redesign its website or whether it's its very first one, taking the necessary steps to get there takes time and organization. Based on our experience with different types of organizations, we have identified the steps that allow you to create a website efficiently.

In this article we will present what you need to prepare beforehand, how to get started with the Website application and how to collaborate efficiently with our team of Yapla experts if you benefit from our support ([you can learn more about this service](https://yapla.ca/en/onboarding)).

### Start with the structure of your site

#### GATHER THE CONTENT

The first step is to prepare a tree structure that will define the information structure of your site. Think about the objectives of your site (recruit new members, receive more donations?, etc.) and the mission of your association. You will then be able to determine the most relevant content, whether it be text, visuals or functionalities to be implemented.

#### IDENTIFY THE NECESSARY APPLICATIONS

Think about the applications you need. For example, you can promote your events and your latest news, add a member space, display a directory of members with their geolocation, add forms, carry out a donation campaign, etc.

#### CREATE THE PROTOTYPE OF YOUR SITE

Once your tree structure, content and applications are determined, you can start building your site. Simply press the "Add Website" button in the Website application. If you work with our team or with a designer or integrator, we recommend you can customize it to your image. Then it's time to determine the location of the sections.

![mceclip0.png](https://support.yapla.com/hubfs/Knowledge%20Base%20Import/360099932794.png)

#### STRUCTURE THE MAIN PAGE

Think about the structure of your pages: the number of columns they will contain, the position of your navigation menu and the sections that will return from one page to another. For example, the [header](https://support.yapla.com/en-ca/articles/360025559993-header?hsLang=en-ca) of your site will be the same on every page of the site, it will generally contain your logo, member login, [social networks](https://support.yapla.com/en-ca/articles/360025430894-social-media-module?hsLang=en-ca), the [language selector](https://support.yapla.com/en-ca/articles/360025574493-create-a-bilingual-website?hsLang=en-ca), the [menu](https://support.yapla.com/en-ca/articles/360025576873-add-a-menu-on-my-website?hsLang=en-ca), etc. Same thing for the [footer](https://support.yapla.com/en-ca/articles/360025431034-footer?hsLang=en-ca)where you can add your contact information, a form to subscribe to your newsletter, etc.

To avoid having to manually configure these sections on each page, we suggest you work with a master page. This is used to automatically apply the desired page structure and repetitive elements to the pages concerned. To find out how to configure your master page, consult our online help article on how [master pages](https://support.yapla.com/en-ca/how-the-master-pages-work?hsLang=en-ca) work.

![mceclip1.png](https://support.yapla.com/hubfs/Knowledge%20Base%20Import/360099932834.png)

#### CREATE YOUR PAGES

Once your master page is created, you can start [creating web pages](https://support.yapla.com/en-ca/create-a-web-page-with-yapla-and-integrate-it-into-your-website?hsLang=en-ca)and add your content and functionalities, determined during the structure of your site, using the Yapla modules. A module is a graphical component that manages one or more of Yapla's advanced functions. So you don't need any technical knowledge. Everything is done automatically and each module is configurable according to your needs.

For example, with our Member Directory module, our system calls up information and automatically generates the list of members on your site.

To determine which modules should be used for each of your functionalities, consult the list of our [modules offered for the website application](https://support.yapla.com/en-ca/list-of-modules-in-the-websites-application?hsLang=en-ca).  
![mceclip2.png](https://support.yapla.com/hubfs/Knowledge%20Base%20Import/360099932854.png)

#### CONFIGURE THE CONTENT OF THE MODULES

Some content related to the modules needs to be configured outside the web pages. For example, to display your news, you need to create articles. To learn how to do this, you can read our article [How to use the article creation tool?](https://support.yapla.com/en-ca/use-the-article-creation-tool?hsLang=en-ca) To display your events, you need to [create them in the Events application](https://support.yapla.com/en-ca/guide-create-and-set-up-an-event?hsLang=en-ca) and to add a member directory, you need to add them in the Members application.

Click on ![mceclip3.png](https://support.yapla.com/hs-fs/hubfs/Knowledge%20Base%20Import/1500001034742.png?width=147&height=45&name=1500001034742.png) to view your online prototype.

![mceclip4.png](https://support.yapla.com/hubfs/Knowledge%20Base%20Import/1500001114881.png)

### Dress up your website

#### DETERMINE THE DESIGN

Once the content and features are added to the site, you need to move on to the design stage. If you did not use a template, you can use a designer. The latter will start by designing static templates, allowing an overview of the look and feel in relation to your visual identity and the experience felt when a user goes to your site. He can also design a style guide to determine the hierarchy of titles, the different states of the buttons (for example, how he reacts to hovering over the cursor), the colors and typography to be used, etc. This ensures the uniformity of the entire site and that it respects your NPO's visual identity.

#### INTEGRATE THE DESIGN INTO THE SITE

Once you have the customized design of your site, an integrator must take care of reproducing the design in HTML. He will have to make sure that it is adaptive, that is to say that it adapts to different web platforms and all types of screens. To add your own graphic styles, you can read our article on [custom page design](https://support.yapla.com/en-ca/customized-page-design?hsLang=en-ca).

### And now, bring your website to life!

You now have a website that allows you to find yourself on the web, learn more about your NPO and reach your goals. All you have to do now is make it come alive, by adding your news, events, new members, new campaigns, etc. Also make sure to link your website to Yapla's integrated management tools to automate administrative tasks and let Yapla work for you!

Want to learn more about our methodology to create a website efficiently? Or would you like to learn more about our personalized support for Yapla users?

[Contact us !](https://support.yapla.com/hc/en-ca/requests/new?hsLang=en-ca)

- [Getting started on Yapla](https://support.yapla.com/en-ca/getting-started-on-yapla?hsLang=en-ca#main-content)

    - [Collection of useful resources to discover Yapla](https://support.yapla.com/en-ca/getting-started-on-yapla?hsLang=en-ca#collection-of-useful-resources-to-discover-yapla)
    - [Getting started](https://support.yapla.com/en-ca/getting-started-on-yapla?hsLang=en-ca#getting-started)
    - [Make the most of Yapla](https://support.yapla.com/en-ca/getting-started-on-yapla?hsLang=en-ca#make-the-most-of-yapla)
    - [About Yapla](https://support.yapla.com/en-ca/getting-started-on-yapla?hsLang=en-ca#about-yapla)
- [Configure my account](https://support.yapla.com/en-ca/configure-my-account?hsLang=en-ca#main-content)

    - [First steps](https://support.yapla.com/en-ca/configure-my-account?hsLang=en-ca#first-steps)
    - [Account](https://support.yapla.com/en-ca/configure-my-account?hsLang=en-ca#account)
    - [Billing](https://support.yapla.com/en-ca/configure-my-account?hsLang=en-ca#billing)
    - [License and users](https://support.yapla.com/en-ca/configure-my-account?hsLang=en-ca#license-and-users)
    - [Frequently asked questions](https://support.yapla.com/en-ca/configure-my-account?hsLang=en-ca#frequently-asked-questions)
- [Learn about common functionalities](https://support.yapla.com/en-ca/learn-about-common-functionalities?hsLang=en-ca#main-content)

    - [Communications](https://support.yapla.com/en-ca/learn-about-common-functionalities?hsLang=en-ca#communications)
    - [Forms](https://support.yapla.com/en-ca/learn-about-common-functionalities?hsLang=en-ca#forms)
    - [Pictures and media](https://support.yapla.com/en-ca/learn-about-common-functionalities?hsLang=en-ca#pictures-and-media)
    - [Frequently asked questions](https://support.yapla.com/en-ca/learn-about-common-functionalities?hsLang=en-ca#frequently-asked-questions)
- [Manage my payments and authentification](https://support.yapla.com/en-ca/manage-my-payments-and-authentification?hsLang=en-ca#main-content)

    - [Authentification](https://support.yapla.com/en-ca/manage-my-payments-and-authentification?hsLang=en-ca#authentification)
    - [Payment method](https://support.yapla.com/en-ca/manage-my-payments-and-authentification?hsLang=en-ca#payment-method)
    - [Voluntary contribution and commission](https://support.yapla.com/en-ca/manage-my-payments-and-authentification?hsLang=en-ca#voluntary-contribution-and-commission)
    - [Frequently asked questions](https://support.yapla.com/en-ca/manage-my-payments-and-authentification?hsLang=en-ca#frequently-asked-questions)
- [Manage my members](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#main-content)

    - [First Steps](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#first-steps)
    - [Import members](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#import-members)
    - [Simplified Membership Campaign](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#simplified-membership-campaign)
    - [Member management](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#member-management)
    - [Member profiles](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#member-profiles)
    - [Form](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#form)
    - [Communications](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#communications)
    - [Organization or family management](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#organization-or-family-management)
    - [Membership management](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#membership-management)
    - [Rates](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#rates)
    - [Organization or family](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#organization-or-family)
    - [Advanced functions](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#advanced-functions)
    - [Continuing education](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#continuing-education)
    - [Frequently asked questions](https://support.yapla.com/en-ca/manage-my-members?hsLang=en-ca#frequently-asked-questions)
- [Organize my events](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#main-content)

    - [First steps](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#first-steps)
    - [Settings](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#settings)
    - [Forms](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#forms)
    - [Electronic tickets](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#electronic-tickets)
    - [Advanced settings](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#advanced-settings)
    - [Communications](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#communications)
    - [Rate management](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#rate-management)
    - [Event registration management](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#event-registration-management)
    - [Activity management with sessions](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#activity-management-with-sessions)
    - [Conferences](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#conferences)
    - [Frequently asked questions](https://support.yapla.com/en-ca/organize-my-events?hsLang=en-ca#frequently-asked-questions)
- [Receive donations](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#main-content)

    - [First Steps](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#first-steps)
    - [Donation management](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#donation-management)
    - [Tax receipts](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#tax-receipts)
    - [Recurring donation](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#recurring-donation)
    - [Campaign management](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#campaign-management)
    - [Peer-to-peer campaign (P2P)](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#peer-to-peer-campaign-p2p)
    - [Donor management](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#donor-management)
    - [Frequently asked questions](https://support.yapla.com/en-ca/receive-donations?hsLang=en-ca#frequently-asked-questions)
- [Create my website](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#main-content)

    - [First steps](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#first-steps)
    - [Website personalization](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#website-personalization)
    - [Pages](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#pages)
    - [Modules](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#modules)
    - [Content and articles](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#content-and-articles)
    - [SEO & Performance Tools](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#seo-performance-tools)
    - [Frequently asked questions](https://support.yapla.com/en-ca/create-my-website?hsLang=en-ca#frequently-asked-questions)
- [Simplify my accounting](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#main-content)

    - [First Steps](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#first-steps)
    - [Manage sales and invoices](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#manage-sales-and-invoices)
    - [Manage expenses](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#manage-expenses)
    - [General ledger](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#general-ledger)
    - [Consolidation](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#consolidation)
    - [Reports](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#reports)
    - [Settings](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#settings)
    - [Projects](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#projects)
    - [Taxes](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#taxes)
    - [Frequently asked questions](https://support.yapla.com/en-ca/simplify-my-accounting?hsLang=en-ca#frequently-asked-questions)
- [Manage my contacts](https://support.yapla.com/en-ca/manage-my-contacts?hsLang=en-ca#main-content)

    - [Manage contact](https://support.yapla.com/en-ca/manage-my-contacts?hsLang=en-ca#manage-contact)
- [Send newsletters](https://support.yapla.com/en-ca/send-newsletters?hsLang=en-ca#main-content)

    - [Introduction to Yapla Newsletters](https://support.yapla.com/en-ca/send-newsletters?hsLang=en-ca#introduction-to-yapla-newsletters)
    - [Configure your Newsletters](https://support.yapla.com/en-ca/send-newsletters?hsLang=en-ca#configure-your-newsletters)
    - [Contacts management](https://support.yapla.com/en-ca/send-newsletters?hsLang=en-ca#contacts-management)
    - [Performance tracking](https://support.yapla.com/en-ca/send-newsletters?hsLang=en-ca#performance-tracking)
    - [Webinars](https://support.yapla.com/en-ca/send-newsletters?hsLang=en-ca#webinars)
- [Manage my data](https://support.yapla.com/en-ca/manage-my-data?hsLang=en-ca#main-content)

    - [First Steps](https://support.yapla.com/en-ca/manage-my-data?hsLang=en-ca#first-steps)
    - [Settings](https://support.yapla.com/en-ca/manage-my-data?hsLang=en-ca#settings)
    - [Object management](https://support.yapla.com/en-ca/manage-my-data?hsLang=en-ca#object-management)
    - [Reports](https://support.yapla.com/en-ca/manage-my-data?hsLang=en-ca#reports)
- [Documentation for developers](https://support.yapla.com/en-ca/documentation-for-developers?hsLang=en-ca#main-content)

    - [Advanced functions](https://support.yapla.com/en-ca/documentation-for-developers?hsLang=en-ca#advanced-functions)
- [Manage my federation](https://support.yapla.com/en-ca/manage-my-federation?hsLang=en-ca#main-content)

    - [Getting started](https://support.yapla.com/en-ca/manage-my-federation?hsLang=en-ca#getting-started)

- Our pricing 
    - [Pricing](https://www.yapla.com/en-ca/pricing)
    - [Professional Services](https://www.yapla.com/en-ca/professional-services)
    - [Training hours bank](https://info.yapla.ca/en/services)
- Resources 
    - [Help Centre](https://support.yapla.com/)
    - [Yapla Academy](https://academy.yapla.com/?utm_campaign=website&utm_medium=footer&utm_source=academie)
    - [Blog](https://www.yapla.com/en-ca/blog/)
    - [Yapla Newsletter](https://www.yapla.com/en-ca/yapla-newsletter/)
- Discover Yapla 
    - [Demo and webinars](https://www.yapla.com/en-ca/webinars)
- About Yapla 
    - [About us](https://www.yapla.com/en-ca/about-us/)
    - [Work with us](https://info.yapla.ca/en/work-with-us)
    - Contact Yapla
    - [Become partner](https://www.yapla.com/en-ca/partner-program/)

[![Yapla](https://support.yapla.com/hubfs/logo-yapla-fr.svg "Yapla")](https://www.yapla.com)

<https://www.facebook.com/Yapla.ca.en> <https://www.instagram.com/yapla.ca_en/> <https://www.youtube.com/Yapla> <https://www.linkedin.com/company/yaplacommunity/>

Copyright © 2013-2026, Yapla

[Terms of use](https://www.yapla.com/en-ca/terms-of-use)| [Privacy policy](https://www.yapla.com/en-ca/privacy-policy)