← Back to the demo

Embed options

The calculator is one script plus one HTML tag, so it drops into a WordPress Custom HTML block, an Elementor HTML widget, or any other page without touching the rest of the site. It renders in a shadow DOM: the site's CSS can't break it and its CSS can't leak out.

<script src="https://YOUR-CDN/nms-quote.js" defer></script>
<nms-quote categories="garments"></nms-quote>

Example: one category on a service page, re-themed with CSS variables

<nms-quote categories="cd-dvd" heading="CD &amp; DVD pricing"
  style="--nms-navy:#14161a; --nms-sky:#ec008c"></nms-quote>

Last nms-quote:submit event payload

With a submit-url attribute the widget POSTs this as multipart/form-data with the artwork files. A site can also listen for the event and send it to a CRM itself.

Request a quote above to see the JSON payload a website or CRM would receive.