Within Uplifter you have the tools available to create a custom website for your members and participants to interact with. This is fully customizable using pre-built tools to ensure your site goes up fast and looks great. This article speaks more to the process of creating your site. For more detailed information on the tools themselves, please see our article Public Website Management.
The Themes page can be found by navigating to Settings > Themes. In order to access the Themes page, you will need the following permissions: Admin, Content Editor, Theme Edit.
Step 1) Setting A Theme
Pick A Theme
- navigate to Settings > Themes
- select the desired theme
Now that you have your Uplifter site, it's time to make it look nice. The first step is to pick and customize a theme! To do so, please navigate to Setting > Themes. Here you will have the option of several themes. Note that you may have access to more themes than shown below if you are affiliated with specific organizations.
For a newer, more modern feel we suggest using our Alpaca theme.
Customize Your Theme
Now for the fun part - customizing the site! Using Uplifter's theme editor you can update the colors, fonts, imagery, and branding throughout your site. This includes the banner image you use at the top of your site, in emails, on mobile, and your favicon.
This process is generally only performed once. As soon as you have set your theme, matched your colors to your organization's branding, and set your preferred images and fonts you likely won't need to adjust much thereafter. For more information on the options at your disposal, please see the Theme Editor section of our Public Website Management article.
Step 2) New Pages
Once you have your theme selected and customized you can begin to create custom pages. This is performed on the public side of your site (select Public Site from the top right menu of your admin page) and consists of two main portions. The first portion is creating and setting up your page.
Create A Page
To create a new page on your site simply select [+] New Page from the main menu. You can also hover over an existing menu item to select [+] New Page from its drop-down menu.
Upon selecting [+] New Page you will be prompted for a slug. The slug is the text that is appended to the end of your new page's URL.
Update The Page Details
With your new page created, it is time to set the basic elements. This should always be the first action you take upon creating a new page. To do so, select Edit Page Details from the top right, then update the elements within the menu as desired. To ensure a successful page you will want to be sure to update three key fields:
Page Template: Pick the overall look of your page. Feel free to toggle between them to see what suits your preferences.
Show In: On new, menu-level pages you will want Sitemap and at least one 'Nav' selected. Want to keep the page hidden until it's ready? Unmark Sitemap, but be sure to keep Main Nav selected.
Page Title: The name of the page, which shows in the tab of your browser when on the page.
As you set up your page(s) and begin selecting templates and updating the page settings, please don't forget to select Save Page at the top right to keep any changes.
Note, as well, that within the Page Details menu you have the option to review any and all saved revisions of your page. This lets you return to the previous version or restore any previously saved data.
Step 3) Page Content
Now that you have your theme setup and a new page created you can begin to add content. This is done directly on the page itself, so you will want to navigate to any page you wish to update.
To begin adding content simply select the Edit icon at the top right of the desired section. Within the editor, you can update the content on the page in much the same fashion as you would update a Word document. You can accomplish nearly anything you would like, but please note that the system will strip certain snippets of code for safety purposes.
You can find more information on updating your page content in our article Public Website Managment.