Tutorials for Web Developers & Designers
An Introduction to Oncord
Start here, with an overview of Oncord's features and hosting infrastructure.
Video: Your First Website
Watch a crash course covering how to create your first website. Generate a design theme, or custom-code from scratch.
User Interface Controls
Get started working with Oncord UI Controls. Add dynamic features to your HTML markup such as forms, galleries and navigation menus.
Logic and Loops
Logic is used to show content based on a test. Repeaters are used to list elements like Products, Pages, or Contacts.
Creating a New Design
Working With Oncord Designs
A design defines the layout, fonts and style rules to be used across website pages, or e-mail marketing messages.
Generate a Website Design
Oncord is capable of generating professional sites fast, giving you the perfect foundation to build a new online presence.
Import An Existing Design Template
This article discusses the basics of importing an existing HTML design template into the Oncord platform.
Changing The Default Post Display
This article will discuss how to alter the way posts display on a Oncord powered website.
Case Study: Implement a Responsive Design
This article provides an overview of how to take a cutup HTML website and implement it in the Oncord system.
Website Navigation Overview
Despite being such a vital element of a website, navigation is often overlooked or neglected. This article will examine some different types of website navigation and give a general overview of how navigation on a Oncord powered website operates.
Dynamic Primary Navigation
This article explains how to implement dymanic primary navigation on a Oncord website. Dynamic navigation allows website navigation to automatically populated with pages created in the admin console.
How to implement secondary navigation on a Oncord powered website, such as sidebar navigation. Secondary navigation provides extra navigation items to assist the user in navigatiing the website.
Breadcrumb navigation can be useful for enhancing usability on websites with a large number of pages.
Post Article Navigation
This article will explain how to create a navigation menu which is automatically populated by post articles.
CSS Styling Navigation
Unsure about how to css style Oncord navigation menus? This article explains some techniques for CSS styling navigation, including the style rules relevant to drop down menus.
This article explains how to setup page redirectors, using either a hard-coded method or through the admin panel.
Pagination And "Show More"
When loading a large amount of data, instead of increasing page load time you can opt to display a "Show More" button.
Filter Posts By Date
Display Posts on the website based on their date.
Filter Posts By Month
Display all posts based on the month they are published.
Previous Post, Next Post Buttons
Show Categories for a Post
Show All Post Categories associated with a Post
Galleries & Images
Controlling Image Resizing
Take advantage of Oncord's automatic image resizing, cropping and thumbnail generation and control how images are automatically scaled.
This article will give you an overview of how to implement an image gallery on Oncord, outlining the different techniques available to you.
Content & Image Rotators
Rotating Image Banners
Get started implementing rotators on your Oncord powered website.
Different Banner Image Per Page
By using attached media folders, an image rotator and a data repeater, you can allow a different banner images to be used for each page on the site.
Managing Rotator Content
To provide admins with a better experience when updating rotator content, you can configure rotators to populate dynamically with content from Posts or Pages.
Get Started: Contact Enquiry Forms
This tutorial will provide an overview of common form elements, and walk through implementation of a basic enquiry form.
Newsletter Signup Forms
Implement a simple newsletter sign-up form, which adds a new subscribed contact to your database, and display a pop-up message on success.
Add Contacts to Groups via Form Submissions
Learn how to implement a web form that adds a newly created contact to a group.
This article explains how to implement a member login form on a Oncord powered website.
This article explains how to implement a basic registration form on a Oncord powered website.
Two Stage Registration Forms
A two-stage registration form requests a user sign up with only an e-mail address or limited details, and then asks for more details on a second page
Add a search box to your website design or a page on your site.
Calling Custom PHP Functions
Make calls to the Oncord API or a custom web service by writing a PHP function that is called when the form is submitted.
Advanced E-mail Notifications
This form will ask the user "What can we help you with?", and send a notification message to an e-mail address depending on which item is selected.
Creating Multiple Contact Records via Form Submissions
This tutorial covers implementation of a registration form that will create two or more Individual contacts, with relationship to a Company contact.
Using AJAX With Forms
AJAX provides the ability to update parts of a website page or form, without reloading the entire page.
Example: In-Store Registration Form
An example well suited to in-store registration forms. Users are not logged in after submissions, refreshing the page ready for subsequent submissions.
Shopping Cart Buttons
How to implement a cart button which displays the number of items in the cart, or the current cart total.
Product Enquiry Form
Create a product enquiry form, which requests basic contact fields and shows a list of products.
Custom Payment Forms and Donations
In this article, you will see how to create a custom form which allows you to inject a product into the shopping cart and accept payment.
Shopping Cart PHP Algorithms
Working With PHP
PHP is used to retrieve and manipulate data stored within Oncord, such as contacts, pages or products.
Learn how to filter results from your database, for example when using an <data:repeater>.
Explore the more advanced data querying options offered by the Properties Array.
Bulk Update Scripts
As an Oncord developer, if necessary you can leverage the Oncord PHP API to bulk adjust data within an account.
Setup your client with administrator login, and ensure payment information is entered into their Oncord account.
After providing a training / handover session, here's a quick checklist that our internal project team uses when launching new sites.
How to manage termination of an Oncord account.
Help A Client Login
Follow these steps if your client is having difficulties accessing their Oncord account.
Addthis Social Sharing Tools
AddThis offers a good solution for implementing a wide array of social sharing solutions on your website, and is totally compatible with Oncord.
Implement a calendar on a Oncord based website. The calendar populates with post articles of a certain category, using the post date to place the post in the correct position on the calendar.
Advanced Calendar & Styling
This tutorial shows how to create and plot multiple-day events and add a custom designs to the calendar.
This tutorial will provide a walkthrough of how to embed a Google Map on an Oncord powered website.
Website Design & Cutup
When creating a website design to be sent away for the cutup , there are certain standards and practises that can help ensure the cutup goes smoothly.
Website Maintenance / Coming Soon
Using some simple server code, you can easily bring a website down for maintenance or construction.
Create page trees for the different languages you want to present on your website.
Favicons appear in the web browser tab, to the left of the Page Title. They're also used when saving a web page to bookmarks.