Index of what Tidy offers.
Tidy is made for professionals making websites for clients. It's not a DIY website builder like Squarespace or WIX.
Optimised for speed, so that you can create unique websites in minutes.
Especially for your client with easy inline content editing.
You have full control over your website and can even customise the Tidy UI.
Produces static HTML files and runs on replicated, auto-scaling Amazon servers.
Technically optimised to please Google and gives you full control over URLs, meta tags etc.
Full website source code access and an easy to use UI.
Make your own components or easily add any third party JavaScript library.
One-click save everything you make (templates, blocks, style configurations...) for later use.
Can be configured to support any front-end framework, even your own. Also supports Sass, LESS or just plain CSS.
Collaborate with your team on multiple sites and share resources. Easily update multiple sites at once.
Complete white labelling including UI, end user docs and any emails Tidy sends.
Pick a template, choose your modules and pages, done.
Use Tidy components or write your own. Drag & drop or use the source code.
Click on the text you want to change, type new text, save.
Features like SEO and caching are included by default.
You can create entire websites and edit content, layout and styles without touching any code.
You also have full access to HTML, CSS and JS and can alternatively create the entire site in the code editor.
You can also use the UI and the code editor simultaneously. They both update live when you make changes in one.
Tidy generates static HTML files. When an end user visits the site, Tidy isn’t used at all.
The Tidy editor is always loaded from our servers and can’t be installed locally.
Host your site on our AWS servers or automatically upload the static HTML files to any host you choose.
In the beginning, most our templates and blocks are Bootstrap, but we will soon produce more content for other frameworks too.
Based on the framework used, Tidy displays different framework specific style controls.
If you're using a framework Tidy doesn't support yet, you can easily add support for it.
In the beginning, we support LESS, but soon you will be able to also use Sass and PostCSS
Tidy lets you change everything in the HTML and doesn’t add anything on its own. You have full control.
Specify what content is editable, what type of content can be added and how it can be styled.
Make any changes you like to existing layout blocks/templates or make your own from scratch.
Fully customizable, either in the UI or the source code.
Modify existing as you like or make your own.
You have full control of the page’s meta tags. Add and remove fields as you like.
Clean and fully customizable.
Control how new pages are created with custom page types. Examples: frontpage, subpage, news page, product page etc.
The Tidy UI is generated based on JSON files. By making simple changes (like changing visibility: true to false) you can easily customise the UI, including property panels, style controls, available blocks and templates etc.
Customise what controls users see on different levels.
Tidy can automatically push the static HTML files to any host you choose.
Full white labelling.
One-click save any website template you make for future use.
You can include template files in other template files.
One-click save any block you’ve created or customised.
One-click save parts of themes (like typography or colours) or entire themes for future use.
As you have full HTML access and you can add any JavaScript (external or own) you like.
Commenting, galleries, sliders, reservation systems, charts, form functions, surveys, animations, analytics, heat maps, grids, image and scrolling effects etc.
Tidy provides a JavaScript API that you can use to access your website data when you write your components.
Full WYSIWYG editor. Click on text to edit, type new, save.
As the client hovers over elements on the page, editable elements are highlighted.
You can configure how pages are added. The client has to choose "Add news" and a page with the right template and settings is added to the right place.
Images are managed in an easy drag & drop interface and can be dragged directly from the desktop to the browser.
Images added by the client are automatically resized and optimised for web use.
You can set image dimensions and the client sees a crop window if he tries to add an image with wrong dimensions.
You control what the client can edit.
You control if, where and what pages the client can add.
You can specify what style controls (if any at all) the editable content element offers the client.
A placeholder can be set for each editable content element. If the client leaves the element empty, you decide if the placeholder is shown or if the empty HTML element is hidden.
You can force the client to fill out the content elements you specify.
tidycms.com is naturally made with Tidy and runs on the same servers as your sites.
Tidy’s servers are grouped in load balanced, auto-scaling server clusters guaranteeing high availability. Tidy uses Amazon Elastic Beanstalk for its servers, Amazon S3 as storage and Amazon RDS for the databases.
As the Tidy UI is SaaS, it's always up to date. You never have to install any updates.
Tidy produces static HTML files, which are virtually unhackable. The Tidy core is protected with multiple robust security layers. All new Tidy features need to pass a security audit before they are published.
Features like SEO and caching are included by default.
Your website is backed up daily.
Full ctrl/cmd+Z support for (almost) everything you do.
Every time you save a new version (of the page, template, style) is created and you can easily roll back to a previous version.
A group of users (like employees within the same company) with access to the same websites and resources.
A team member with user level 'designer' has designer rights to all team sites.
A team can share resources like images, templates, blocks etc.
The Tidy UI can be separately configured for each team.
If you belong to multiple teams, you see all websites by all your teams in the same dashboard.
If your sites use shared resources, you can update all sites simultaneously by updating those resources.
Tidy produces fast loading, static HTML, optimised on the fly by the PageSpeed module
Websites are optimised to get full points in the Google PageSpeed index.
Titles, title schemes and meta tags are fully customizable. You can, for example, add Open Graph and Twitter tags, whatever you like.
Tidy automatically generates Google sitemaps for easier indexing.
Tidy doesn't add any query parameters and you can configure the URLs however you like.
The code in Tidy templates and content blocks is clean and easily indexable like you've written it yourself.
If you have multiple domains, Tidy will redirect users and search engines using rel="canonical"
You have full control over your template code and Tidy doesn't automatically add or remove anything.
You also have full access to all style files.
You can add any JavaScript you like, Tidy tries to keep out of the way.
Tidy uses Vue.js to populate the template with content.
Tidy provides a few basic components like lists, but you can also write your own.
Tidy provides a JavaScript API that you can use to access your website data when you write your components.
Less stunning in the beginning but an area of focus in the future.
All templates can be used with any content blocks and modules and for any kinds of websites (in different industries).
Duh!
You can fully customise any template.
You can do (almost) anything to your design without accessing the source code.
Easily make changes by adding/dragging/deleting elements in the template’s HTML tree, similar to the browser’s ‘inspect element’.
Tidy provides content blocks that are easy to add and customise.
Tidy has a few native modules like news and products. Eventually, you can pitch in and sell your Tidy modules to other developers.
You can make your website unique in a few clicks as you can edit any LESS/SASS/CSS property/variable without touching code. Some are editable by default, the rest if you create your own UI components (with a few lines of JSON).
Global styles affect the entire site, local styles just a single element. Neither requires coding.
You can one-click save entire themes or parts of them (like a typography or colours) for easy later use. We provide some pre-saved settings to get you started.
Customise UI logo and colours
Get an own version of the client docs customised to your brand
All emails Tidy sends the client are customised to your brand.
You can set content to be published at a specific time and Tidy automatically re-renders the static HTML files at that time.
Tidy lets you add all the JavaScript you like to make the static HTML files more dynamic.
A module is a collection of pages based on templates with specific fields and components.
An example is the list component, automatically listing all (news or product) items.
News item pages and news list pages.
Product item pages and product list pages.
As modules are pages based on templates and the templates are fully customizable, you can change everything. Looks, content and behaviour.
You can also make your own modules and even your own components. Your custom component could, for example, show different products to different end users.
But more advanced blocks than the normal HTML. They use JavaScript to display content and are often embedded from a 3rd party service.
Display images in a grid, open a single one on click.
Normal embedded Google maps widget.
Facebook page news feed.
Twitter timeline.
Embed single video from YouTube.
The widgets above are those that can be one-click installed using Tidy’s add content block feature. You can add any other 3rd party widget to Tidy by pasting it into the source code.
When you create a site you can choose what pages templates to include. There are templates for About, Team and Contact pages and more coming.
You have access to every file your site uses.
Reorder, upload, delete and rename files.
Edit text files directly in the editor.
There are ready-made forms for normal use cases like contact form and newsletter signup.
Build and modify forms with drag & drop.
You can use the default or write your own functions.
Submitted forms are sent by email and will soon also be saved to the database and available in the CMS UI.
Tidy has three default user levels (editor, designer, admin) with preconfigured rights.
You'll soon be able to create new user levels and specify rights for each user level.
Language versions are creating using different root folders (domain.com/en).
You can copy the page structure of one language and use it as a base for another language.
You can link pages together so that end users can jump directly to the corresponding page in another language.
Currently Tidy supports English, Finnish and Swedish, but you can easily add languages (or improve our translations) with a simple translation file.
The end user is served static HTML files and Tidy is only used for editing.
Tidy uses Amazon S3 to serve the Tidy hosted websites' assets. S3 automatically replicates the assets to 9 geographically distributed locations and serves them from the one closest to the user.
Tidy uses the Google Nginx PageSpeed module to automatically create device optimised images, use preview images, create sprites for background images, convert images to a fast loading formats and display small images inline as base64.
The PageSpeed module also optimises the CSS for example by combining multiple files to one and moving styles used on the page inline.
The PageSpeed module contains about 40 different functions found on the Google developer site
Saved changes aren't published until you click 'publish'
Every time you click save, a new version is created and you can easily roll back to previous versions.
Automatically publish/unpublish content at specific times.
You can work on your site forever and only start paying when you want to publish.
Your unpublished site is visible to unregistered users but requires a password.
Tidy has its own analytics system. Simple in the beginning, but evolving fast.
You can also add any 3rd party analytics (like Google Analytics).
We recommend that a goal is set ('fill out contact form' for example) for each website. That enables our analytics to show how well that goal is reached.
Analytics is an area of special focus. We want to be able to tell the client how much money the website is making, not just how many visitors it gets.