Guide | Create your website
Create your website step by step: look, master page, content, membership, event and donation pages, going online and switching to the new template.
Available with the Essentials plan and higher.
A Yapla website stays connected to your members, events and donations. Visitors join, register or donate online, pay, receive their invoice and access their personal space without any action on your part. This guide takes you from creating the website to putting it online, with a link to the detailed article for each step.
The website relies on four elements: visitors browse pages; each page is divided into zones; each zone holds a module that displays a type of content; this module draws on your articles, events, memberships or donation campaigns. Any update to your content therefore appears automatically on the website.
Before you start, define your website's goals and the list of its pages. See the article Plan the creation of your Yapla website.
In this article
- Create the website
- Customize the look and the master page
- Prepare your content
- Create your pages
- Set up the membership page
- Set up the events page
- Set up the donation page
- Turn on the shopping cart
- Restrict content to members
- Put the website online
- Switch from the old to the new template
Create the website
- Check your logo and social media addresses under Settings > Your organization: the website automatically uses them in the header and footer.
- Go to Website, then click Add a Website.
The website is created from the default template, with pages already set up for your main features: home, members, events and donations. These pages are not published: customize them, then publish each one when it is ready.
Already have a website in another tool? Keep it and use Yapla for the transactional part (memberships, registrations, donations), on a subdomain designed like your main website. See the article Domain name and subdomain of your website. For a simpler need, single pages (monopages) also offer transactional pages without a website.
Customize the look and the master page
- In your website, click the Customization tile, enter your main and secondary colours, then choose the font. See the article Customize the look of your website.
- Turn on master pages in the Parameters tile, then set up the Base master page: it holds the header, menu and footer shared by every page. See the article How master pages work.
- In the master page, set up the header (logo, member login, social media, language choice), the menu and the footer (contact details, social media).
Prepare your content
Your website's text (introduction, news, About page, etc.) is written as articles sorted into categories. An article stays in your content library and can be reused on any page, even in a future website.
- Create your categories, then your articles: see the article Create articles for your website.
- Prepare your images: see the article Best practices for managing images on your website.
Create your pages
- In the Pages tile, click Add a page and choose its type: internal page, menu separator or external link. See the article Create a page on your website.
- Drag the pages in the list to organize the menu and its submenus. Duplicate saves time when a new page looks like an existing one.
- Open the page, choose a zone and place the module you want in it (article, article list, slider, image, etc.). See the article List of modules in the Website feature and the article Edit the structure of a page on your website.
Set up the membership page
The membership page lets visitors become members, and lets members renew their membership and manage their profile.
- First create your membership types in the Members feature.
- Open the Members page (or create one), click the main zone, choose the Members feature and the Member Area module, then set it up. See the article Add the Member Area module to your website.
- In the master page header, show the login section with its buttons (log in, become a member, renew membership). See the article Allow members and non-members to log in to your website.
Place only one Member Area module per page, and do not restrict access to its zone to logged-in users: the module manages access itself.
Set up the events page
- Create and publish your events in the Events feature.
- Open the Events page (or create one), click the main zone, choose the Events feature and the Events Section module, then choose the display and the information to show. See the article Events Section.
If you have many events, filter the module by category to show only those relevant to the page. The Featured events module highlights your upcoming events on the home page.
Set up the donation page
- Create your donation campaign in the Donations feature.
- Open the Donations page (or create one), click the main zone, choose the Donations feature and the Donation Section module, then set up how your campaigns are displayed (donor list, amount raised, goal, etc.). See the article Donation Section.
Turn on the shopping cart
The cart lets visitors pay for purchases from several features in a single transaction, for example a membership and an event registration. Turn it on, add its page to your website and choose the features that share the same cart. See the article Enable the shopping cart and payment on the website.
To sell products, see the article Create an online store (Beta).
Restrict content to members
A whole page, or a single zone of a page, can be restricted to logged-in users or to certain groups. See the article Restrict access to a page or section of your website.
Put the website online
- Publish the pages that are ready, then click View live site to check the result.
- Fill in the search engine information of the website, pages and articles. See the article Search Engine Optimization (SEO).
- Connect Google Analytics to track your visits. See the article Set up Google Analytics and Google Tag Manager.
- Customize the subdomain or connect your own domain name. See the article Domain name and subdomain of your website.
- Promote your website: newsletter, social media, email signature.
Switch from the old to the new template
Every new website automatically uses the new, more modern template. A website created before it was released keeps the old template: there is no automatic migration. To adopt the new template:
- Create a second website under Website with Add a Website. It uses the new template and contains the preconfigured pages (unpublished).
- Rebuild your pages and modules, then customize the look. Your articles are already available: just add them to the pages.
- Publish the pages, then redirect your domain name to the new website. See the article Domain name and subdomain of your website.
- Unpublish the old website once the new one is online.
Need help launching your website? See the offer Digital Kickstart: expert support to launch Yapla.