Formgong

Website template

Ocra: a free website template for shops and makers

A one-page site for a ceramics studio, bakery, florist or any maker who takes orders by message instead of a cart, in a single index.html file. The demo studio, Ocra, and its pieces and prices are fictional.

Short answer: Ocra is free under the MIT license. Download ocra.zip, replace every fk_your_access_key in index.html with your Formgong access key (there are seven forms), and upload the folder with its img directory to any static host.

See it working

No ratings yet. Be the first to rate Ocra.

Rate it:

Ocra home page
Ocra: the first screen of the demo.

Open the live demo Download the HTML Source on GitHub

The demo form is real: it posts to a Formgong demo form. Demo messages are kept for seven days and are not emailed to anyone.

What is inside

  • A wordmark that fills the width, with the O drawn as a citrus slice that turns as you scroll, two large buttons and a photo that drifts.
  • Product cards with orange price tags. "Order this" scrolls to the order form with that piece already picked.
  • Six working forms: an order with quantity buttons and a thank-you card, a class booking in three steps, a commission with up to three sketches or photos, a wholesale request whose button shows sending and done, five-face feedback, and a message form with floating labels.
  • One inbox: every form sends a hidden request field (Order, Workshop, Commission and so on), so the messages are easy to sort.
  • Honest states: a form shows thanks only when the server answers success: true, and shows the error otherwise.
  • Images: seven WebP photos (about 400 KB in all) generated for this template with ChatGPT image generation. The citrus slices are drawn in SVG. Reduced motion stops every animation.

Questions

Can people pay on the site?

No. Ocra takes orders by message: you reply with shipping and a payment link from your own payment provider. Formgong does not take payments.

Can I send each request type to a different inbox?

Yes. Create one Formgong form per request type and put each form's key in the matching form in index.html.

Sources

Checked on 08.10.2026 against these public pages: Ocra on GitHub, MIT License (Open Source Initiative).

← Formgong