Overview
Looking to go above and beyond the core tool set? This article takes a look at some resources that are available for developers and designers that may be a part of, or simply assisting, your organization.
FAQs
Does Uplifter Have An API?
Can I Add My Own CSS?
Developers
This section looks at tools and alternatives for developers.
Custom Code
Uplifter uses TinyMCE to offer simple, yet robust public page editing. This helps our clients (of all tech comfort levels) quickly and easily create great looking public pages. TinyMCE also allows users to access the Source Code for individual sections. However, please note that there is a level of validation occurring that may strip your custom code in some cases.
Adding Custom Code
To add your own custom code you will need to navigate to the/a public page on the public side of the system. Click the Edit icon in the desired/any section of the page and select the Source Code
icon. Paste your desired script into the source code and click OK. Please be sure to click Save Page before testing any interactive elements.
Third Party Widgets/Plugins
Similar to adding your custom code, third party code can be added to your desired page/section by navigating to the public page and selecting the Edit section icon. Click Source Code
and paste in the third party code. Please be sure to click Save Page before testing out any interactivity/links.
Designers
This section looks at tools and alternatives for designers.
Existing Tools
Uplifter offers a myriad of tools to help you quickly and easily design a great looking site. Our articles Public Website Management and Let's Build Your Website can help you use the existing tools to your advantage.
Themes
Themes let you set site-wide standards for things like fonts, branding images, colours, etc. You can select a base theme via Settings > Themes and once selected you can edit and fine tune the theme to your liking. You can preview your changes within the preview section and clicking Save makes the changes live.
Page Templates
Page Templates let you select a skeleton for your page. Picking the right page template can make your designing much easier. Templates can be selected by navigating to the page in question, clicking Edit Page Details at the top, then using the Page Template drop down to select your desired structure. Please be sure to click Save Page to keep any changes you wish to retain.
Insertable Templates
Our design team has implemented a series of insertable templates to make structuring your page much faster. You can add these into your desired page section by selecting to Edit the page section, then choosing the Insertable Templates
icon. Select your desired template from the drop down and click OK to insert it. You can then edit/replace various elements/text, etc. to your liking.
Custom Styles
You can add in your own custom styles in two main ways - inline and as a stylesheet.
Inline
Inline styles can be added to offer truly unique designs within individual sections. This can be done by navigating to the page in question and selecting the Edit icon for the desired section. Click the Source Code
icon in the editor toolbar and enter in your code. Your style code can be added either as true inline code, inline with the HTML; or within style tags. Note that the styles you apply will only affect this single section.
Stylesheet
Stylesheets can be added into Uplifter through your theme. This can be done via Settings > Themes. You will have to select a theme listing (likely the one already selected/applied, indicated by a highlight around the image) in order to proceed. Within the theme editor navigate to Global.
Select your desired option (Prepend or Append) and be sure to read the acknowledgement. Check off the acknowledgement, which then reveals the text field. Copy and paste your stylesheet content into the field and click Save.
Prepend vs. Append: If you would like to add your own classes or override a public-page Uplifter class, please use Append. This will add your stylesheet to the bottom of our own. If you would like to introduce an external stylesheet through a CDN please use Prepend. You can then introduce new stylesheets through the import keyword (ex. @import url('yourCdnUrl');)