Dynamic order form website

The Only Code website features a dynamic order form.

The website is designed to take online orders, using a custom front-end that interacts with the ProcessWire content management system API. Users can fill out the form, which will send them an email with a confirmation of their order. The form is added to the database where it can be managed by the website administrators.

  • The dynamic order form calculates your price as you choose items so you can have an idea as you shop what your total price will be.
  • The dynamic order form is mobile-friendly
  • Emails order confirmation to the user
  • Transaction page created so the order can be viewed
  • Responsive Design as well as separate mobile website (for Works section) used for mobile devices

Launched 🚀 December 2012

Content Management System Design Front-end Development JavaScript Web Development
Visit Dynamic order form website
Only Code home page includes a friendly, easy to use tabbed display of the services available.

Only Code home page includes a friendly, easy to use tabbed display of the services available.

Portfolio/Works section for desktop uses jQuery masonry to nicely display portfolio items in a stacked, brick-like layout, optimizing space. Hover shows description of the project.

Portfolio/Works section for desktop uses jQuery masonry to nicely display portfolio items in a stacked, brick-like layout, optimizing space. Hover shows description of the project.

Contact section available on every page with retina-optimized icons so the images are clear even on the highest density displays

Contact section available on every page with retina-optimized icons so the images are clear even on the highest density displays

Order form developed using the ProcessWire form API and hand-coded jQuery to update price as you shop for an accurate estimate.

Order form developed using the ProcessWire form API and hand-coded jQuery to update price as you shop for an accurate estimate.

Mobile version of the order form

Mobile version of the order form

Transaction page for admins to see what the order is so that it can be processed.

Transaction page for admins to see what the order is so that it can be processed.