Skip to content
សិក្សា Seuksa

បង្កប់សម្រង់ពាក្យ · Embed

Put a quote on your website

Show one of our 182 English & Khmer quotes on any website or blog. Free to use – just keep the small “Seuksa Quotes” link.

Changes every day – everyone sees the same quote that day.

Accent
Preview
Embed with script (recommended)
<div class="seuksa-quote" data-quote="daily"><a href="https://seuksa.com/quotes/">Quotes by Seuksa</a></div>
<script src="https://seuksa.com/embed/quote.js" async></script>

Paste where the quote should appear. Works on any site that allows HTML + JavaScript.

Embed with iframe
<iframe src="https://seuksa.com/embed/quote/?quote=daily" title="Quote from Seuksa" width="100%" height="300" style="border:0;max-width:576px" loading="lazy"></iframe>

For platforms that block scripts (some site builders and forums). Adjust height if needed.

Options

Set these attributes on the .seuksa-quote element. For the iframe, use the same names as query parameters without data-.

AttributeValuesWhat it does
data-quote"daily" (default) · "random" · a quote idWhich quote to show. The id is the last part of a quote’s URL.
data-categorye.g. "Inspiration"Limit daily / random quotes to one theme.
data-lang"both" (default) · "en" · "km"English, Khmer, or both lines.
data-theme"light" (default) · "dark" · "auto""auto" follows the visitor’s system setting.
data-accente.g. "#0891b2"Accent colour for the quote mark and link.
data-shuffle"true"Adds an “another quote” button (daily / random).

For developers

  • Several widgets on one page share a single request. Content added later (single-page apps) can be rendered withSeuksaQuote.render(element) or SeuksaQuote.renderAll().
  • The widget renders inside a Shadow DOM, so your site’s CSS won’t break it. Style the card from outside with.seuksa-quote::part(card).
  • JSON API: /api/quotes.json(all quotes) and /api/quotes/<id>.json (one quote). CORS is open.
  • No cookies, no tracking scripts. The link back carries utm_source with your site’s hostname.