Sync Pictures

Upload your entire images folder and enjoy server automation functions like create an item for each image or even an image gallery.

On-screen Editing

Edit the content of a page directly by clicking and typing. New content automatically saves once the editing box is clicked out of and changes can be undone and redone by Ctrl Z and Ctrl Y respectively. Developers can designate content as on-screen editable by appending the Editable_ tag to an existing database tag. For example: ## Editable_Body ## makes the body of the item editable by an on-screen click.

Manage Content

Have complete control over every single aspect of your site with a single screen that allows you to Add, Edit, Delete, Order and Duplicate pages and items layouts.

Embedded Interface

The ultimate user-friendly interface, No back-end, and No admin-page. the controls to edit the content are embedded in the page so a user can click and interact with the content directly on their website.

Security for Server Interaction

When instructions are sent to alter the data on the server, the commands are encrypted with a randomized string so restricted data cannot be altered.

Cached Pages

Pages are pre-rendered and stored in the memory so they can be served in less than a microsecond. This is 10 000x faster than the speed that most pages are rendered at.

Accessibility Apps Enabled

Web accessibility is becoming a more prominent inclusion in modern websites. Add an accessibility app to remove barriers that prevent interaction with websites. For example, increase text size, have the website’s content read aloud, etc.

Basic E-commerce

Install the e-commerce module to turn items into products with options to edit prices and product variations, add products to a dynamic cart, save products to a wish list and more.

Friendly URLs

Pages can be given a more "readable” web address improving search engine exposure.

History

"Undo” and revert to a previous version of content or layout.

File Manager

Allow the users to easily upload and manage their assets from within the site.

Extract .zip Files in File Manager

Upload and right click to extract zip files to the File Manager.

PicMonkey

Editor for pictures. Right click on images in the File Manager to crop, add filters, add effects, etc to images and export a copy of edited image back into the File Manager.

File Manager CSS and JS

Right-click to edit CSS and JS files with syntax highlighting within the editor.

Site Colors

Change the theme colour of a website (based on the CSS files for colour that are available for a website).

Sitemap

Generate an XML sitemap of a website.

Add Google Tag Manager/Analytics

Add a google tag manager or google analytics code to a website to track events with Google Tag Manager or Google Analytics on the website.

Add PayPal

Add a PayPal code to a website to make transactions through the PayPal interface.

Login Password MD5

For security purposes, the MD5 hash function is applied to passwords once they’re saved encrypting them.

Google Captcha

A security measure that protects a website from spam and abuse. It uses advanced risk analysis techniques to distinguish between bots and humans.

Export site

Export a complete, static version of a website.

Apps

Install apps from the app store to add unique functionalities to a webpage. Here is our initial list

  • Blog: add a blog to a website
  • Contact form: add a contact form to a website. Determine the number of fields and labels the form will have.
  • Google map: add Google maps to a website. Determine the address, locational label, width, height and zoom for each map added.
  • Instagram: add an Instagram feed to a website
  • Mailchimp: add Mailchimp features to a website
  • Search box: add a search box to a website
  • Youtube: add Youtube videos to a website. Determine the width and height of each video added.

Add Pages from Menu

Type or paste a list of pages to automatically generate any number of pages.

Auto Image Resize

Edit the size of your image by defining its width and height directly from the inline CSS or CSS. Changing the dimensions will automatically resize and upload a new image with the new dimensions.

Generate Placeholders

If a reference to a non-existent image is made, placeholder images that show the dimensions of the image required will automatically be generated and uploaded to the File Manager.

Paginated Tables Editor

The Tables Editor, which lists the database records, limits the number of records viewed on the screen and includes a page navigation. All available records, however numerous, can be viewed and accessed from the Tables Editor.

Preview Container

On the Layout Builder, preview a container to drag-and-drop by clicking on its image. This opens the isolated container in a new screen so it is more visible and its function can be previewed.

Code Parser and Dissection

Paste a page’s source into the layout body and it will be parsed and split into appropriate fields: body, header, body.

Site import light

Import the HTML and assets (eg. CSS, JS, images, etc) of a webpage to a target site.

Visual Tool

eyThe Visual Tool is a chrome extension that allows a user to visually define sections and items on a page and then import an entire site’s content. Navigating with the up and down arrows on a keyboard allows a user to click on an element on a page and then move up or down within the HTML of the page highlighting the selected elements.

Nested Itemsets

Within the system exists the freedom to add itemsets within itemsets, theoretically, endlessly.

Single Page Layout

Define the layout for an alternate view of an item. In a page with multiple items, the single layout allows you to view an alternate layout for an item, typically an isolated view of the item within the same URL.

New Section, New App, New Itemset

Quickly add a new section, app, or item by clicking the tag which copies the tag your clipboard.

Out of Order Itemsets

Click on the red X icon to reorder late itemsets.

Pagination

Determine how many items appear on each page and add pagination to navigate between the pages of items.

Force Admin

The control panel is included on a website through the inclusion of the ## Admin## tag in a layout. If an ## Admin## tag was omitted, the content cannot be edited from directly on the screen. Force Admins will include an ## Admin## tag in every item so it can be edited.

Generate API keys

An API is automatically generated and is revoked after 20 minutes.

Get Form

Add a form to a webpage.

Get Resume

Add a resume to the webpage.

Get Webpage (Web App Developed with Ajax)

Add an external webpage to the current webpage being built.

Add New Sections, Items, and Pages by List

Add new sections, items, and pages by pasting a simple text list delimited by commas, enter breaks, and/or spaces.

Import CSV

Upload a .csv file to the File Manager and click Import CSV to automatically import the contents of the file.

Featured Item

Identify an item as featured to use a set of featured items on any webpage.

JS Validator

The syntax validator will check for mistakes and errors in the JS code pasted into the JS box of the edit screen.

Unique Identifier

To ensure all JavaScript identifiers on the page are unique, append ## UniqueIdentifier## to JavaScript identifiers to eliminate conflicts.

Permission Levels

Various levels of permissions can be assigned to users which open different user functions according to the chosen permission level.
User levels are:

  1. Public
  2. User
  3. Moderator
  4. Site Administrator
  5. Junior Designer
  6. Designer
  7. Senior Designer
  8. Agency

Dynamic menu

Add a single level or multilevel menu that dynamically updates as pages are added to a website.

Drag-and- Drop Layout Builder

Drag and drop sections (eg. Navigation menus, testimonials, galleries, footers, etc) to build unique page layouts.

Clean Site Data

To erase all records from all tables on a website, click Site Settings, generate an API key, navigate to the Apps tab and click reset site. This will clear all of the database tables but the Images Folder and content on the Page Layout Screen will remain.

Delete Images Folder

To delete all content of the Images folder in the File Manager, click Site Settings, navigate to the Apps tab and click Delete Images.

Designer Tab

A tab aggregating the site settings that a designer (permission levels 5,6,7,8) can control. The tab is accessed on an item’s edit screen and in the site settings screen. The Designer tab on an item’s edit screen includes the choice of Parent Type and Item View. On the Site Settings, it includes DOCTYPE, jquery version, Menu Type, Disable Cache, and Framework.

Automatic Reference Manager

WebTML automatically manages the references included in a page’s head and in every item’s Reference input field. References are grouped and appended to the beginning of the HTML document and duplicate references are removed.

Create Custom Containers Alongside Drag-and-Drop Containers

After using the Layout Builder to drag-and-drop containers into a layout, create custom containers by clicking on the Admin control of a container and typing in the name of a new container. This allows a user to create sections to incorporate with pre-built template sections.