Sign Customiser

Last updated:

Quote Mode replaces add to cart with a quote form. The customer designs the sign as normal, sees the live preview and configured price, then sends the design to your team for review instead of paying immediately.

Sign Customiser saves the submission in your admin. When email notifications are enabled, it also sends the designated inbox the customer’s form answers, selected sign options, calculated price and preview images. An SVG file is included when SVG generation is enabled and the design supports it.

Quote Mode stops at the quote request. It does not create a paid order or send the manufacturer order email. Your team reviews the request, confirms the final price and invoices the customer through your usual process.

Quote Mode is useful when you want customers to do the first design themselves but still need a person to check feasibility, shipping, installation or a bespoke production detail before accepting the order.

How to enable quote mode

Before enabling quote mode on your customiser, you must have already created a form on your customiser with the setting “Quote mode.” selected.

  1. Navigate to the admin of Sign Customiser for your store.

  2. Click on the “Customisers” menu item in the home screen.

  3. Click on customiser you wish to edit.

  4. From the left-hand menu, go to Features → Quote Mode.

  5. On the quote mode admin you select “Enable quote mode” to enable this feature on your customiser.

  6. You’ll need to select a form that will be used to accept quotes in quote mode.

  7. In this admin is also where you can change the label of the button that is used to switch from the design screen to the form input screen (what users see).

  8. Hit save at the bottom of the form.

Optional: Hook into quote mode form submissions using Javascript.

Use external JavaScript code to listen for every time a successful quote mode form submission is sent.

CSS
// Listen for quote submissions
document.addEventListener('signCustomiserQuoteSubmitted', function(event) {
console.log('Quote submitted:', event.detail);
// Access form data: event.detail.data
// Access customiser ID: event.detail.customiserId
// Access domain: event.detail.domain
});