CART SECURITY THAT RENEWS ITSELF
The security keys are renewed automatically, even when the page is cached, and there is protection against refresh loops.
THE CONTEXT
A BRAND MADE BY HAND, SOLD ACROSS THE COUNTRY.
Sikana is an Argentine brand of hand-made, hand-painted ceramic tiki mugs. It sells online all over the country to retail customers (gifts, cocktails, get-togethers) and to wholesalers (bars and resellers).
THE CHALLENGE
Sikana moved from Tiendanube to WordPress + WooCommerce for more control. But standard WooCommerce did not fit how it sells:
- Products built by choosing tikis: gift boxes and discount packs
- Stock shared between ready-to-ship and made-to-order
- Shipping with Correo Argentino and Andreani, including pick-up at branches
- Bank-transfer discount and interest-free instalments
- A wholesale shop with volume pricing
On top of that, buying had to feel as simple as on Tiendanube, or better, especially on mobile.
MY ROLE
DESIGN, STRATEGY AND CODE.
- UX/UI design
- Conversion strategy
- Custom plugin development
- Integrations: shipping, payments and Meta (pixel and Conversions API)
STACK
- WordPress
- WooCommerce
- Blocksy theme
- Block checkout
- Side Cart Premium
- LiteSpeed Cache
- WPCode
- Rank Math
- Meta for WooCommerce
- Correo Argentino
- Andreani
- Mercado Pago
PROBLEMS & SOLUTIONS
SEVEN MODULES, ONE STORE MADE TO MEASURE.
01CUSTOM PLUGIN · SIKANA – CART & SHIPPING
SIDE CART, REDESIGNED
THE PROBLEM
The standard side cart was confusing: it did not let people calculate shipping, mixed in English copy and showed totals that did not match what they had chosen.
WHAT I BUILT
- Tiendanube-style order: products, shipping calculator, subtotal and shipping, suggestions. A large fixed total, with "Start checkout" as the main button.
- Shipping calculator inside the cart: province and ZIP code, options grouped by home delivery and branch pick-up, and branch choice for Andreani or Correo Argentino without leaving the cart. A compact free-shipping bar sits above it.
- Suggestions that sell: a "You may also like" carousel (packs and boxes excluded) and a pack nudge that recommends the pack that saves the most.
- Totals you can trust: the bank-transfer price under the total, no shipping added before it is chosen, and the 10% discount never applied twice.
02
SHIPPING CALCULATOR ON THE PRODUCT PAGE
THE PROBLEM
Shipping cost is the doubt that stalls the most purchases.
WHAT I BUILT
- The same calculator as in the cart, with the same design, inside every product page.
- A "show more / show less" control keeps the options list short.
03CUSTOM PLUGIN · SIKANA – WHOLESALE
WHOLESALE SHOP
THE PROBLEM
Selling wholesale without duplicating products or stock, and without mixing wholesale prices into the retail shop.
WHAT I BUILT
- Its own landing page, /tienda-mayorista/, with a catalogue grid (2 columns on mobile, 3–4 on desktop) sorted by best sellers.
- Cards with colour swatches and no colour pre-selected: the photo changes when one is picked. Quick view with gallery, description and attributes.
- Tiered prices based on the total of mixed units, with a minimum of 10 units and free shipping from 20.
- A sticky bar shows the total, the tier reached and how many units are missing for the next one.
- Shared stock with a made-to-order fallback, explained up front. The cart blocks checkout below the minimum and warns people who leave with items in it. Everything is editable from WooCommerce → Wholesale.
10+15%units
15+18%units
20+20%units
30+22%units
50+25%units
04CUSTOM PLUGIN · SIKANA – THANK-YOU PAGE
THANK-YOU PAGE
THE PROBLEM
The default "order received" page is a cold table. It does not tell people what to do next, which matters most when they pay by bank transfer.
WHAT I BUILT
- A greeting with the buyer’s name and a clear status: "Your order is reserved" for transfers, "Your payment is confirmed" for approved card or Mercado Pago payments, and its own message for pending or rejected ones.
- For transfers: a card with the amount, alias and CVU, each with a Copy button, and "Send proof on WhatsApp" with the order number already written.
- Delivery details (workshop pick-up, branch with name and address, or home), the "What happens next" steps, buyer details, related products and contact buttons.
- Fully compatible with the Andreani, Correo Argentino and Meta processes that fire on that page.
05CUSTOM PLUGIN · SIKANA – STORE
PRODUCT PAGE AND CATALOGUE
THE PROBLEM
Many small improvements lived in loose snippets that overrode each other. I merged them into one plugin organised by modules.
WHAT I BUILT
- Product page: capacity badge (e.g. 500 ml) read from the description, bank-transfer price and instalments, benefits and an "About this tiki" accordion.
- Unified stock messages: "In stock · ships in 24/48 h" or "Made to order · about 10 business days", changing with the colour picked.
- Automatic badges: Most chosen (top 6 in sales), New (last 60 days) and Last units (1–2 in stock).
- Mobile gallery with swipe, custom arrows, a 1/X counter and thumbnails. Catalogue cards with colour swatches (up to 4 + "+N") and a swipeable gallery.
- Cross-selling on the product page: "Taking more than one?" (packs) and "Is it a gift?" (boxes), for people who land on a single tiki and would never see the packs.
06
BUILD-YOUR-OWN BOXES AND PACKS
THE PROBLEM
Gift boxes and discount packs are products built by choosing tikis, something standard WooCommerce does not do.
WHAT I BUILT
- Customers pick exactly 1, 2 or 3 tikis for a gift box, or 2 to 10 for a discount pack, colour included.
- The price is calculated live from the selection.
- The stock of each tiki is deducted separately in the order.
07
MEASUREMENT (META)
THE PROBLEM
Packs and boxes were not sending "Add to cart" to Meta, and the server events came with a value of $0.
WHAT I BUILT
- The event now fires in the browser and from the server with the real value of the combination.
- Both carry the same event ID, so Meta counts them once.
- I also found why the "Purchase" event was not showing: the Meta plugin ignores purchases made by administrators.
UNDER THE HOOD
THE DETAILS THAT KEEP IT RELIABLE.
SHIPPING QUOTED AS ONE PARCEL
When the label is generated, the shipping of each Box is calculated as a single parcel, exactly as in checkout. Before, the courier quoted too much.
MIGRATION WITHOUT DUPLICATES
Each module pauses itself while the old snippet it replaces is still active, so nothing is ever duplicated.
FROM LOOSE SNIPPETS TO PLUGINS
19 scattered snippets became plugins organised by area, with versions and a changelog.
DESIGN DECISIONS
FIVE RULES BEHIND EVERY SCREEN.
MOBILE FIRST
Every module was designed for the phone first, because that is where buying has to feel simplest.
A CLEAR HIERARCHY
One main button per screen, and outlined buttons for secondary actions.
TRANSPARENT PRICES
Shipping, bank-transfer price and instalments are always visible and consistent across the product page, cart, checkout and thank-you page.
HONEST MESSAGES
Made-to-order lead times are stated up front, and packs say they include one bag per pack, not per tiki.
TECHNICAL ORDER
From 19 loose snippets to plugins organised by area, with versions and a changelog.