Short answer: set up your calculator with your pieces and prices, copy its one short line of code, and paste it into a code or embed block on your website. On Squarespace that's a Code block, on Showit an Embed Code element, on Wix Embed HTML, and on WordPress a Custom HTML block. It takes most florists one afternoon, and you never touch the code again.
I'm Allison, a wedding florist in Iowa City. I put a pricing calculator on my own website and booked $153k in weddings in eight weeks. This is the exact setup, written for florists, not developers.
Before you start: what you need
Your pieces and prices. Bouquets, boutonnieres, centerpieces, ceremony pieces, installations. A low and high price for each, or a flat price.
Your design and delivery fee, as a percentage or a flat amount.
Your minimum, and what you want couples to read if they're under it.
Your brand colors and fonts, so the calculator looks like the rest of your site.
Access to edit your website, or someone who has it.
Step 1: build your calculator
In the Transparent Pricing Calculator, you fill in boxes: your sections (personal flowers, ceremony, reception), your pieces, your prices and your words. A live preview changes as you type, so you see exactly what couples will see. Add your colors, pick any Google font, and add your inquiry link.
Step 2: publish and copy your code
Press Publish to my website, then Copy my calculator code. It's one short line. You only paste it once. Every price you change later updates your website by itself.
Step 3: paste it into your website
Squarespace
Edit the page where you want it (most florists use their Pricing page), click Add Block, choose Code, leave it set to HTML, and paste. Save. Code blocks need the Squarespace Business plan or higher.
Showit
Add an Embed Code element to your page and paste.
Wix
Click Add, then Embed Code, then Embed HTML. Paste, then drag the box taller so nothing is cut off.
WordPress
Add a Custom HTML block and paste.
Shopify
Go to Online Store, Themes, Customize, Add section, Custom Liquid, and paste. Use Custom Liquid rather than the page editor, which strips out the interactive part.
Someone else runs your website?
Set the calculator up yourself, then send your web person the one line. It's about a two-minute job for them, and every change after that happens on your side.
Step 4: send yourself a test
On your live page, build an estimate using your own email and press send. Within a minute you should get the email, and the estimate shows up in your leads. Check your spam folder the first time.
Where to put it on your website
Its own page, named something couples search for, like "Pricing."
In your main menu, not hidden in the footer.
Linked from your inquiry form, so couples can price first and inquire second.
Common questions
Do I need to know how to code?
No. You fill in boxes and paste one line, once.
Does it work on phones?
Yes, and that's where most couples use it. The buttons are sized for thumbs.
What happens when a couple sends their estimate?
They get their own copy by email, and you get one with their name, wedding date, venue and everything they chose. It also lands in your leads list.
This is the calculator I built for my own studio, now used by over 175 wedding florists. See the pricing calculator for wedding florists →
