Custom sign builder for WooCommerce: how it works and how to set it up

To sell custom signs on WooCommerce, you need a custom sign builder that shows a live preview, prices the design as the customer makes it, and puts that exact design in the cart. You can use a product add-ons plugin with a price formula, a sign plugin on WordPress, or a hosted customiser connected through the WooCommerce REST API.

We make Sign Customiser, which is the third kind. This guide compares the three, then follows one order through a WooCommerce store with Sign Customiser, from the first click to the email your sign maker receives. We checked every Sign Customiser setting, label and message in it against our code on 1 October 2026. The click-by-click connection steps are in the help centre article Connecting WooCommerce with Sign Customiser, and the Universal demo shows what your customer sees: a customiser embedded on a plain web page.

On this page:

• Three ways to add a custom sign builder to WooCommerce
• What happens when a customer orders a custom sign
• Set it up in six steps
• Sign Customiser’s three pricing models
• What your production team receives
• Error messages and what they mean
• Generated products: sitemaps and cleanup
• When a hosted custom sign builder is the wrong choice
• Frequently asked questions

Three ways to add a custom sign builder to WooCommerce

WooCommerce was built for products with a fixed list of options. A custom sign has no fixed list. The price depends on the words, the font, the size and the colours the customer picks, and the customer wants to see the sign before paying for it. Each of the three approaches solves that problem in a different place.

1. A product add-ons plugin with a price formula. You keep one WooCommerce product called, for example, “Custom sign” and add fields to it: a text box, a material list, width and height boxes. A formula field works out the price, for example width times height times a rate for the chosen material. Plugin Republic’s tutorial on custom signs and banners in WooCommerce builds a banner product this way with its Product Add-Ons Ultimate plugin, which costs from $79 a year for one site (read 1 October 2026). It works with your theme and keeps everything in WooCommerce. The customer fills in a form, and a text preview is a separate extension.

2. A sign plugin installed on WordPress. Plugins such as Webcrome Neon Sign Customizer and All Signs Customizer for WooCommerce add a visual designer with a live preview to a product page (Webcrome’s shows a neon glow). The designer runs on your WordPress server, and the design is saved with the cart item and the order. Check the listing before you rely on one. On 1 October 2026 both of those plugins showed fewer than 10 active installs on WordPress.org, and Webcrome’s SVG export and manufacturer email were in its $43-a-year Pro version. Some sign plugins are sold by subscription too: the Neon Channel Product Customizer page says that “once your payment period expires, the plugin will stop working”.

3. A hosted customiser connected through the REST API. The designer runs on the provider’s servers and loads on your page from a snippet. When the customer adds the sign to the cart, the provider creates a WooCommerce product for that design through the WooCommerce REST API. Sign Customiser works this way.

Swipe for more

Plugins win on three counts. Your data stays on your own server. A yearly licence usually costs less than a monthly plan when you sell only a few signs: $79 a year for an add-ons plugin against $278 a year for Sign Customiser’s smallest plan billed yearly (prices on 1 October 2026). And there is no outside service between your product page and your cart. A hosted builder wins when you sell more than one sign type, want a preview the customer can trust before paying, and want the design files and the email to your sign maker produced for every order. It also moves the rendering and pricing work off your WordPress host.

What happens when a customer orders a custom sign

Here is the full path of one order through Sign Customiser and WooCommerce.

Every design becomes its own WooCommerce product

When the customer selects add to cart, Sign Customiser creates a new simple product in your store through the WooCommerce REST API. That product has:

• the design’s name, description and price (if you set a compare-at price, that becomes the regular price and the design price becomes the sale price)
• the design preview as the product image
• catalogue visibility set to Hidden, so it does not show in your shop pages or your store’s search results
• stock management turned off
• the tag SignCustomiser, so you can find and filter these products later

WooCommerce’s cart and checkout already handle a product with its own price and image, so your order emails, invoices and reports show the sign like any other product, and the customer sees the preview of their own sign in the cart. Two side effects come with it:

• Your product list grows by one product for every sign added to a cart, including carts that never reach checkout. The cleanup section covers how to manage that.
• The product has no weight, dimensions or shipping class. Weight-based and class-based shipping rates treat it as weightless with no class, so they can undercharge. Use flat-rate or order-value shipping for signs, or include shipping in the sign price.

The embed uses WooCommerce’s own add-to-cart

Once the product exists, the customiser on your page adds it to the cart with the same AJAX add-to-cart request WooCommerce uses on its shop pages. It needs WooCommerce’s add-to-cart script on the page, which is why the help centre tells you to turn on Enable AJAX add to cart buttons on archives. If you also turn on Redirect to the cart page after successful addition, the customer goes straight to the cart. If not, the cart updates in place, the same way it does when you add a product from a shop page.

The order comes back through one webhook

When you connect the store, Sign Customiser registers one webhook in WooCommerce called “Sign Customiser - order.created”. You can see it in WooCommerce > Settings > Advanced > Webhooks. Each delivery is signed, and Sign Customiser checks the signature before it accepts the order. It then matches the order’s line items against the products it created. Orders that contain no custom sign are ignored, so your other products stay out of Sign Customiser.

For each order that does contain a sign, and as long as your Store has an active plan, Sign Customiser records the order, sends the order email with the design files, and, if you subscribe to it, fires its own Order Created webhook to your other tools.

One limit to know: a Store can have one active integration at a time. If your Store already has one, for example a Custom API integration, you will see “Disconnect or disable [name] before connecting another integration.” Disable the old one first.

Set it up in six steps

The help centre article has every click. Here is the order, why each step matters, and how to tell it worked.

1. Check the WordPress prerequisites

Set Settings > Permalinks to any option except Plain: WooCommerce’s REST API documentation says default permalinks will not work. Use HTTPS if you can. Sign Customiser then sends your keys in the request’s authorisation header (on plain HTTP it signs each request with OAuth 1.0a instead). If you run Wordfence, Sucuri, Solid Security (formerly iThemes Security), a host firewall or Cloudflare bot rules, allow requests to /wp-json/, because each of them can block outside REST API calls.

Done when: https://yourstore.com/wp-json/ opens in a browser and shows JSON text, not a 404 page.

2. Create a WooCommerce REST API key

Create a key in WooCommerce > Settings > Advanced > REST API for an admin user, with Permissions set to Read/Write. Read/Write matters: Sign Customiser creates a product for each design and creates the order webhook, and a Read key fails at the webhook step.

Done when: you have copied the consumer key and consumer secret. WooCommerce’s REST API guide is clear that the consumer secret is shown only once.

3. Connect WooCommerce in Sign Customiser

Open Integrations (under Integrate in the sidebar), select Connect WooCommerce, and fill in Name, API URL, API Key (the consumer key) and API Secret (the consumer secret). The API URL is your store address followed by /wp-json/, for example https://yourstore.com/wp-json/. If WordPress is installed in a folder, include it: https://yoursite.com/shop/wp-json/. When you select Create, Sign Customiser checks the connection and creates the order webhook in the same step.

Done when: the integration card appears with no error, and “Sign Customiser - order.created” is listed in WooCommerce’s webhooks screen.

4. Embed the customiser on a WordPress page

Open the integration with View Details, choose a customiser under Embed Instructions and select Copy Code. The snippet is a script tag plus a <sign-customiser-embed> element that carries your customiser ID, your integration ID and driver="woocommerce". Paste it into a page with any block or widget that accepts raw HTML; the help article shows the block editor, Elementor and WPBakery. You do not need a WordPress plugin or a shortcode, and you do not need to edit your theme’s template files.

One integration serves every customiser in your Store. To sell neon on one page and lightboxes on another, copy the snippet again with a different customiser selected.

Done when: the customiser loads on the published page. If it shows “Finish WooCommerce setup before customers use this customiser.”, the snippet is missing its integration ID. Copy it again from the integration’s page.

5. Set the WooCommerce add-to-cart behaviour

In WooCommerce > Settings > Products, under Add to cart behaviour, turn on Enable AJAX add to cart buttons on archives. We also recommend Redirect to the cart page after successful addition: Sign Customiser creates the product in your store before the cart updates, so there is a short wait, and the redirect stops customers from clicking add to cart twice.

Done when: both boxes are ticked and saved.

6. Place a test order

Design a sign on the live page, add it to the cart and check out, with a test payment method if you have one. Then check four things:

1. A new product tagged SignCustomiser appears in Products, with catalogue visibility set to Hidden.
2. The cart shows the sign’s preview image and the price the customiser showed.
3. The order email arrives with the preview and the design file links.
4. The order appears in Sign Customiser.

If the order email or the order is missing, open the integration with View Details and read its Activity Logs.

Sign Customiser’s three pricing models

The builder can only quote well if its pricing model matches how you cost the sign. Sign Customiser has three, and they work the same on WooCommerce as on every other platform:

• Simple Letter: a rate per letter for each font tier, plus a price per line. Quick to set up, and customers can predict the price.
• Advanced Letter: prices by the length of material the design uses, measured from the font’s letter shapes. A wide “W” costs more than a narrow “I”. This suits LED neon, where tube length drives cost.
• Frame Fit: prices by the area of the frame or panel, so the number of letters does not change the price. This suits lightbox signs.

For LED neon, stores are split between the first two. Of 594 LED neon customisers on 406 Sign Customiser stores, 54.9% priced by the length of LED neon (Advanced Letter) and 41.9% priced by letter (Simple Letter), according to Sign Customiser data for the 12 months to 28 September 2026. Whichever model you choose, WooCommerce only receives the result: the final price, set on the generated product. Our sign pricing guide shows how to set the rates and what those stores charge.

What your production team receives

The order email is the hand-off. Sign Customiser sends it to the first address it finds in this order: the email set in the customiser’s settings, then the email of the manufacturer assigned to that customiser, then the Store owner’s email. If an outside sign maker builds your signs, put their address on the customiser and they get each order without a Sign Customiser account.

The email carries the design preview and outline images as JPEG files (lightbox signs get a PNG preview and no outline), which you can also send to the customer as a proof copy, plus links to the design files you turn on in the customiser’s settings:

• SVG for every sign type except lightbox
• EPS and AI, converted from the SVG (the AI file is an Illustrator-compatible PDF saved with an .ai name)
• DXF for stencil signs only

The same files are on the product’s page in Sign Customiser under Design Files.

Error messages and what they mean

These are the main messages Sign Customiser shows when it cannot connect, quoted from the app.

Swipe for more

Three failures happen after setup:

• Orders stop arriving in Sign Customiser. WooCommerce’s webhook documentation says it disables a webhook after more than five consecutive failed deliveries. Check the status of “Sign Customiser - order.created” in WooCommerce > Settings > Advanced > Webhooks and set it back to Active. If someone deleted the webhook, open the integration in Sign Customiser, select Edit Integration, then Update: Sign Customiser creates a new webhook when it finds the old one missing.
• Orders are missing but the webhook is active. Sign Customiser processes WooCommerce orders only while your Store has an active plan. Check your subscription in Sign Customiser.
• Add to cart does nothing. Check that AJAX add to cart is turned on (step 5), then read the integration’s Activity Logs. The help centre covers more causes in Why is add to cart not working?

If you use a caching plugin, WooCommerce’s caching guidance says to keep the cart, checkout and my account pages out of the cache. Some caching plugins, such as WP Super Cache, do this by default. Check yours if the cart shows an old total after an add to cart.

Generated products: sitemaps and cleanup

Hidden catalogue visibility keeps the sign products off your shop pages and out of your store’s own search. It does not remove them from everything. Each product still has its own product page, and WordPress’s built-in XML sitemap lists hidden WooCommerce products: WooCommerce closed that report as not planned in April 2025.

Three checks keep a busy store tidy:

1. Check your sitemap a week after your first orders. Open your sitemap (/wp-sitemap.xml, or the one your SEO plugin makes) and look for products tagged SignCustomiser. If they are listed, set them to noindex or leave them out of the sitemap in your SEO plugin.
2. Delete old generated products on a schedule. Disconnecting Sign Customiser does not delete them. The help centre shows how to do it with a bulk-delete plugin that filters by the SignCustomiser tag: Automatically deleting generated products in WordPress. Keep products from recent orders until those orders are fulfilled.
3. Retire the old plugin. If you installed the earlier Sign Customiser WordPress plugin, it is now legacy, and we recommend the API connection instead. Follow Migrating from the legacy WordPress plugin to move to the API connection.

When a hosted custom sign builder is the wrong choice

Choose something else if one of these is true:

• You sell one sign type in a few fixed sizes. WooCommerce variations, or an add-ons plugin with a formula, will do the job without another monthly cost.
• Your data must stay on your own server. Sign Customiser stores the designs, orders and customer details it needs on its own servers.
• You cannot open your REST API. If your host or security policy blocks outside requests to /wp-json/, the connection cannot work.
• You want software that keeps working without a subscription. A hosted builder will not. Without an active Sign Customiser plan or trial, WooCommerce orders are not processed and you cannot put a customiser live, and live customisers can be switched off until you subscribe again. Nothing you built is deleted.
• You do not use WooCommerce. On plain WordPress, add the customiser to a page with the iframe embed and turn on Quote Mode: customers send you the design, options, price and contact details, and you invoice them yourself.

If you do go hosted, Sign Customiser plans run from $29 to $299 a month (prices on 1 October 2026) by the number of orders with a custom sign in a rolling 30 days, every plan has every feature, and WooCommerce stores pay through Stripe. There is a 7-day free trial. See pricing for the full table, or the WooCommerce integration page for a summary. Selling on more than one platform? Our e-commerce platform comparison for sign businesses weighs WooCommerce against Shopify, Wix and Squarespace, and the sign configurator comparison covers other customisers.

Frequently asked questions

Do I need a WordPress plugin to use Sign Customiser on WooCommerce?

No. You connect Sign Customiser with a WooCommerce REST API key and paste an HTML snippet into a page. The earlier Sign Customiser WordPress plugin is now legacy, and we recommend the API connection instead.

Does every custom sign create a new WooCommerce product?

Yes. When a customer adds a design to the cart, Sign Customiser creates a simple WooCommerce product for it with the design’s price and preview image, Hidden catalogue visibility and the tag SignCustomiser. This happens for carts that never reach checkout too, and disconnecting does not delete these products, so delete old ones on a schedule.

Which WooCommerce product configurator is best for custom signs?

A sign-specific builder is best if you sell several sign types or need a live preview and production files: either a plugin that runs on your server or a hosted customiser such as Sign Customiser. For one sign type in fixed sizes, WooCommerce variations or an add-ons plugin with a price formula is enough.

What permissions does the WooCommerce API key need?

Read/Write. Sign Customiser creates a product for each design and creates the order.created webhook in your store, and a Read-only key cannot do either.

Why does the Sign Customiser connection fail with REST API not found?

The API URL returned a 404. Check that the URL is your store address followed by /wp-json/, that WooCommerce is active, and that WordPress permalinks are set to anything other than Plain.

Can I use Sign Customiser on WordPress without WooCommerce?

Yes. Add the customiser to a page with the iframe embed and turn on Quote Mode. Customers send you the design, the selected options, the calculated price and their contact details, and you quote or invoice them yourself.

How much does Sign Customiser cost on WooCommerce?

As of 1 October 2026, plans run from $29 to $299 a month, set by the number of orders with a custom sign in a rolling 30 days. Every plan has every feature, yearly billing saves 20%, and WooCommerce stores pay through Stripe. There is a 7-day free trial.