Setup guide

From paste to first enquiry in ten minutes.

Add Neon Sign Designer to any Framer site, load it with your own lettering, colours, sizes and prices, and every visitor leaves with a sign they love and a price they understand.

Eight steps to your first enquiry

1

Paste the component

Copy the Component URL from your receipt and paste it onto any page in Framer. It arrives ready to use, with sample lettering, colours, sizes and prices.

2

Name the designer

Set a short Designer ID such as weddings. Share links stay with their own designer, so several can live on one site, or even one page.

3

Choose your lettering

Pick from six neon-ready styles or upload your own font file. Add a surcharge to premium scripts.

4

Name your colours

Use the names you sell under. The preview glows in the exact shade you pick.

5

Add sizes and backings

Give each size a width and a price. Heights follow the wording, so every preview keeps true proportions.

6

Set your prices

Base price, price per character, size and backing prices and a minimum order, in any currency.

7

Connect enquiries

Send each design to your contact page, a booking link or a ready-written email.

8

Publish and try it

Publish, design a sign on your live site and send yourself the enquiry.

Your own fonts

Add a Lettering item, set Lettering to Uploaded file and choose a .woff2, .woff, .ttf or .otf file. The preview, the proof and the size all use it.

If someone types a character your font does not include, the designer names that character and suggests which of your styles can draw it.

Share links and the summary card

Share design copies a link that reopens the exact design on the same page.

For an enquiry page like the wedding example, add a second Neon Sign Designer there, set Layout to Summary and give it the same Designer ID and options. Point the first designer’s Enquiry link at that page and every design arrives ready to send.

How the estimate works

The estimate adds the base price, the size price, the lettering and backing surcharges, and the price per character for every visible character. Spaces are free. When the total is below your minimum order, the minimum is shown.

Switch Estimate to Quote to show a quote-on-request message with no amounts.

Base price + size price + characters × price per character + lettering surcharge + backing surcharge

Better Together at 80 cm on clear acrylic: $189 + $70 + 14 × $4 = $315

Proofs and briefs

Download proof saves a 2400 × 1500 image with your logo or studio name, a design reference, the wording, every option and the estimate.

Copy brief puts the same details on the clipboard as text, ready for a form, a chat or an order note.

Make it yours

Every label, button and message is editable under Text. Match your site with the Style controls for colours, corner radius and fonts.

Show the sign on plaster, painted brick, concrete or timber slats, or upload a photo of your own space. A wall switch drawn to scale shows customers exactly how big their sign will feel.

Your licence

One payment of $39 for lifetime use on one licensed website or project.

Your receipt keeps your licence and your Component URL together, always one search away in your inbox.

Create a free website with Framer, the website builder loved by startups, designers and agencies.