DEV3 Technologies home

DEV3 Petalia – Florist & Flower Delivery WordPress Theme for Elementor & WooCommerce

A botanical WordPress theme for florists and flower delivery: a bouquet hero with a delivery bar, a delivery date strip with a same-day cut-off, gift messages that reach the order and its emails, flower subscriptions, wedding florals and workshops, with a full WooCommerce shop and one-click demo.
by DEV3 TechnologiesVerified Author(0) 0 sales 1 viewsUpdated 07 Nov 2026

Launch Offer: up to 50% off

This item is 50% off: $24.50 instead of $49

Ends in
--
Days
--
Hrs
--
Min
--
Sec

DEV3 Petalia is a WordPress theme for florists, flower shops and flower delivery businesses. The home page opens on a full-bleed bouquet slideshow with a delivery bar at its foot (postcode, a Choose a day button and the same-day cut-off), then moves through shop-by-occasion arch tiles, bestsellers, flower subscriptions, weddings and events, workshops and your delivery areas.

There is no public live demo. Watch the video tour at the top of this page, or step through the screenshots at desktop, tablet and phone sizes.

Built for flower delivery

  • Delivery date strip. Every physical product shows a strip of day tiles. Closed days, holidays and days past the cut-off are struck through; the first open day is preselected. The choice is saved on the cart line and the order.
  • Same-day cut-off. Set the cut-off time in the Customizer (for example 2 pm). Products marked same-day show a "Same-day · by 2 pm" chip while today is open, then switch to the next open day automatically.
  • Delivery zones and postcode check. List your zones with postcode prefixes, fees and a free-delivery threshold. Visitors check their postcode on the delivery page, on the product page and at checkout; next-day-only zones switch today off.
  • Checkout day and time window. The date strip returns at checkout with a time window, and the day and window are saved on the order, the order screen and the emails.
  • Gift message and add-ons. A message with a character limit and a signature, plus add-ons (glass vase, chocolates, handwritten card) priced into the line. The order screen shows a "Card to write" block for the florist.
  • Notice and made-to-order items. Bridal bouquets and wreaths can need days of notice; earlier days are disabled.

A complete florist site

  • Shop by occasion. Birthday, anniversary, sympathy, new baby, thank you and get well, with arch tiles that reveal as they scroll in. Bouquets can have Standard, Deluxe and Grand sizes.
  • Subscriptions. Every week, every fortnight or every month as a variable product, plus a subscription plans section and a how-it-works page.
  • Weddings and events. Event florals with client, date, venue, guests, palette, a gallery and the flowers used; services with packages; an enquiry form with the date and venue.
  • Workshops. A Workshops post type with dated cards, seats, price, what you take home and a ticket product.
  • Reviews, journal and FAQ. Reviews with ratings, a journal for care guides and seasonal notes, and FAQ pages with schema.

Edit everything

  • Every demo page is built with the free Elementor plugin. The DEV3 widget category adds Photo Hero, Kinetic Heading, Product Grid, Post Type Grid, Pricing Table, Counter, Testimonials, Timeline, FAQ (with FAQ schema), Contact / Map (OpenStreetMap, no API key) and Form, among others.
  • Every widget has a block-editor twin, and the theme adds 29 block patterns including the delivery bar, shop by occasion, subscription plans, wedding packages and a flower care guide.
  • Customizer: business details (phone, hours, same-day switch and cut-off, days ahead, closed days and dates, time windows, delivery zones, gift limit, add-ons), colours, self-hosted fonts (Bellefair and Lato), header style, footer, shop and blog settings.
  • Elementor Pro is supported (header, footer, single and archive Theme Builder locations) but not required. A child theme is included for your own CSS and PHP.

Performance and accessibility

  • A flat theme with no WebGL and no 3D: about 13 KB of JavaScript to start, with motion loaded on demand.
  • The date strip is plain radio inputs that work without JavaScript; the script only adds the postcode check and live summary.
  • Self-hosted fonts with no external requests. Skip link, visible focus rings, keyboard menus, labelled fields and reduced-motion support. Includes an RTL stylesheet, a .pot file and wpml-config.xml.

What's in the download

  • dev3-petalia.zip: the theme (the demo package is built in)
  • dev3-petalia-child.zip: the child theme
  • dev3-theme-toolkit.zip: the DEV3 Theme Toolkit plugin (Elementor widgets and blocks, post types, WooCommerce extras, demo importer)
  • dev3-petalia-demo-content.zip: the demo package, for reference
  • Documentation/: the HTML guide

The one-click demo imports:

  • the Home, Subscriptions, Weddings & events, Workshops, Delivery, About, Contact, FAQ, Journal, Shop, Cart, Checkout, My account and Wishlist pages
  • 22 products (bouquets, plants, a wreath, subscriptions and a vase) with size, stem and frequency variations, plus 3 workshop tickets
  • 8 event-florals projects, 3 services, 3 workshops, 5 journal posts, 6 sample reviews and 2 forms
  • the menus and the theme settings

Photos are free-licence stock, credited in the package. The studio, clients and prices are fictional.

Requirements

  • WordPress 6.0 or newer (tested up to 6.8) and PHP 7.4 or newer
  • Elementor (the free version works); Elementor Pro is optional
  • WooCommerce for the shop and Contact Form 7 for the enquiry and contact forms
  • The DEV3 Theme Toolkit plugin (included; WordPress prompts you to install it)

Support

Six months of support are included: installation, demo import and questions about the theme's features. Read how we built Petalia for the design decisions behind the delivery date strip.

How it's built

Architecture, stack, key decisions and the quality gates DEV3 Petalia passed before release.

Our WordPress theme for florists: a bouquet hero with a delivery bar, a delivery date strip with a same-day cut-off and postcode check, gift messages saved to the order, subscriptions, event florals and workshops, built on a flat, no-3D theme core.

The problem it solves

A flower shop sells time as much as flowers. The same bouquet is a good gift only if it arrives on the right day, and most WordPress shop themes treat delivery as a shipping method. Customers want to choose a date, know whether today is still possible, add a few handwritten words and trust that the florist will see them. Owners need the date and the message on the order, not buried in a note. We needed a theme that put the date and the card in the product page, kept working without JavaScript, and still looked like a florist rather than a generic shop.

Architecture and approach

Petalia is a classic PHP theme with theme.json, built on DEV3's shared theme core in flat mode: a "flat": true token stamps a WebGL-free boot and a build gate fails the theme if three.js or WebGL code reaches the build. The look is sage-white paper, Bellefair headings with Lato text, fuchsia for action, marigold highlights and petal corners.

Key design decisions

  • The date is a strip of radio tiles. Each open day is a native radio input in a label; closed days and days past the cut-off are disabled and struck through. The first open day is preselected, so the product can always be added with JavaScript off. A small script adds the postcode check and a live summary.
  • One set of delivery rules. The Customizer holds the cut-off time, closed weekdays, holiday dates, time windows and zones. The product page, the checkout, the chips on the cards and the delivery page read the same rules.
  • The cut-off is server-side. The same function decides which days are open on the page and which dates are accepted when the product is added and when the order is placed, in the site time zone.
  • The message travels with the order. The gift message, signature and add-ons are saved on the cart line and the order line, so they show in the order screen and the emails. The admin order screen adds a "Card to write" block.
  • Request-time markers, not cached widgets. Dates and the postcode prefill are filled when the page is served, after Elementor's element cache, so the strip never freezes.
  • Hero shapes are theme CSS. The bouquet slideshow is the toolkit Photo Hero; the delivery bar sits in the hero container and stacks under the photo on phones.

Quality gates and results

Petalia ships with a one-click demo: 8 Elementor pages, 22 products with size and frequency variations, 3 workshop tickets, 8 event-florals projects, 3 services, 3 workshops, 5 journal posts and 29 block patterns.

It passes PHP lint, WordPress coding standards (0 errors, 0 warnings), Theme Check with no required issues, the no-3D gate, the WooCommerce add-to-cart, mini-cart, cart and checkout flow through to order received, and an Elementor editor smoke test.

Petalia is on the DEV3 marketplace. Watch its video tour there.

Tech stack

Area Technologies
Frontend DEV3 Motion, Photo Hero, Lenis, Elementor widgets, Block patterns
Platform WordPress 6.0+, PHP 7.4+, WooCommerce, Contact Form 7, DEV3 Theme Toolkit
Delivery phpcs (WPCS 3), Theme Check, No-3D build gate, One-click demo importer

Inside the build

Bouquet hero: a full-bleed slideshow of bouquets with a delivery bar at the foot: postcode, a Choose a day button and the same-day cut-off chip. Bouquet hero — a full-bleed slideshow of bouquets with a delivery bar at the foot: postcode, a Choose a day button and the same-day cut-off chip.

Shop by occasion: six arch tiles that reveal with a mask as they scroll in, each linking to its occasion with a bouquet count. Shop by occasion — six arch tiles that reveal with a mask as they scroll in, each linking to its occasion with a bouquet count.

Guides & articles

Practical guides and engineering write-ups for DEV3 Petalia.

A florist WordPress theme: delivery dates and gift messages with Petalia

Last updated
A florist WordPress theme: delivery dates and gift messages with Petalia: DEV3 Petalia

A florist sells time as much as flowers. The same bouquet is a good gift only if it arrives on the right day, with the right words. DEV3 Petalia is a WordPress theme built around that: a delivery date on every product, a same-day cut-off you control, gift messages that reach the order, and a botanical look that is editable in Elementor.

The Petalia home page: a full-bleed flower market slideshow with the headline

Video tour of the Petalia demo: the bouquet hero, shop by occasion, the delivery date strip, gift message and checkout

Who Petalia is for

  • Florists and flower shops that deliver, with or without a physical shop.
  • Wedding and event florists who need a gallery, packages and an enquiry form next to a shop.
  • Plant shops, gift boxes and subscription flower services that want delivery dates and a gift message.

Shop by occasion

Birthday, anniversary, sympathy, new baby, thank you and get well are arch tiles that reveal with a mask as they scroll in. Every card shows the flowers in the bouquet, its labels and a same-day chip that follows your cut-off.

Shop by occasion: six arch tiles with bouquet counts

A delivery date on every product

Each physical product shows a strip of day tiles. Closed days, holidays and days past the cut-off are struck through; the first open day is preselected, so the strip works even with JavaScript off. A postcode field switches today off in next-day-only zones. The same strip returns at checkout with a time window, and the day is saved on the order and in the emails.

The delivery date strip on a bouquet page, with closed days struck through

Gift messages and extras

The gift message has a character limit you set, an optional signature and add-ons such as a vase or chocolates, priced into the line. The admin order screen lists a "Card to write" block so the florist never misses a message.

The gift message panel with a counter and add-ons

Subscriptions, weddings and workshops

Subscriptions are a Frequency variation (every week, fortnight or month). Event florals show the client, date, venue, the flowers used and a gallery, and the enquiry form asks for the date and venue. Workshops are dated cards with seats, price and a ticket product.

Weddings and events: services, wedding packages, event florals and the enquiry form

Set it up in an afternoon

  1. Install the theme and the DEV3 Theme Toolkit, then import the demo from Appearance → DEV3 Demo.
  2. Replace the demo photos with your own and edit the hero slides in the Photo Hero widget.
  3. Set your phone, cut-off time, closed days, zones and time windows under Appearance → Customize → Petalia: business details.
  4. Replace the products, event florals and workshops with your own.

Petalia in the Elementor editor with the Photo Hero widget selected

Get Petalia on the DEV3 Marketplace with a regular or extended licence.

Frequently asked questions

The complete source code (version 1.0.0) as a download from your account, with the setup and usage guides shown on this page. You can modify the code to suit your product.

Buying guides: 3D and motion WordPress themes for Elementor and WooCommerce

Questions about this product (6)

Answers from the DEV3 team and the community.

Ask a question

More from this author

View all

Related in CMS Extensions

View all