Five widgets help you turn dense text into something easier to scan: callouts that highlight tips, FAQ accordions, customer quotes, embedded videos, and a live shipping rates table. Use them sparingly — one or two on a page is plenty.
[callout] — coloured highlight box
A bordered box that draws the eye. Five styles for five different vibes:
[callout style=info title="Heads up"]Orders placed after 5pm ship the next morning.[/callout]
[callout style=tip title="Pro tip"]Use code WELCOME10 at checkout for 10% off your first order.[/callout]
[callout style=success title="You're in"]Thanks for subscribing — first delivery ships Monday.[/callout]
[callout style=warning title="Out of stock"]The argan oil 200ml is sold out for two weeks.[/callout]
[callout style=note]Returns accepted within 7 days of delivery, in original packaging.[/callout]| Style | Use it for |
|---|---|
info | Neutral information the customer should notice |
tip | A helpful trick or shortcut |
success | Confirmations, good news |
warning | Things the customer needs to know before they buy |
note | Quiet, small-print-style notes |
The title attribute is optional. Without it, the box just shows the body text, slightly tinted.
[faq] — Q&A accordion
Save yourself the time of formatting an FAQ by hand. Write Q: and A: lines, the widget turns them into a tappable accordion:
[faq]
Q: How long does delivery take in Nairobi?
A: Same-day if you order before 2pm, next-day after.
Q: Do you ship outside Nairobi?
A: Yes, countrywide via Wells Fargo and G4S. Quoted at checkout.
Q: What if I'm not home for delivery?
A: The rider calls you 30 minutes before arrival.
[/faq]Each Q/A pair becomes one collapsible row. Customers tap to expand. The first answer is collapsed by default — keeps the page short for shoppers in a hurry.
[quote] — pull quote or testimonial
Highlight a customer review or a sentence you want to draw attention to:
“The argan oil arrived in two days and the packaging was beautiful. I’ll be back.” Wanjiku · Repeat customer
[quote author="Wanjiku" role="Repeat customer"]
The argan oil arrived in two days and the packaging was beautiful. I'll be back.
[/quote]The author and role attributes are optional. A quote without them just appears as a styled pull quote — useful for emphasising a phrase from your own copy.
[video] — YouTube or Vimeo embed
Drop a video into a page without messing with embed codes:
[video url="https://youtu.be/dQw4w9WgXcQ"]Works with any standard YouTube URL (youtube.com/watch?v=... or youtu.be/...) and Vimeo URLs. The embed is privacy-friendly: no cookies are set until the visitor presses play.
Use videos sparingly — they slow the page and most Kenyan shoppers are on metered data. One video per page maximum, and only when the video genuinely sells the product better than photos do.
[shipping_table] — your delivery rates as a live table
Renders a clean table of your active delivery zones, with the price and ETA for each. Pulls the data from your shipping settings so it always matches what shoppers see at checkout:
| Zone | ETA | Rate |
|---|---|---|
| Nairobi | Same-day | KSh 300 |
| Mombasa, Kisumu, Eldoret, Nakuru | Next-day | KSh 500 |
| Other counties | 2–3 days | KSh 700 |
[shipping_table]For a denser version that fits in a sidebar or short page, set compact mode:
[shipping_table compact=1]Use this widget on your "Delivery" or "FAQ" page so customers know what shipping costs before they reach checkout. Hidden delivery costs are the number-one reason for abandoned carts — being upfront converts better.
A full FAQ page in seconds
Put together, these widgets give you a complete customer-help page:
<h1>Frequently asked questions</h1>
[callout style=tip title="Tip"]
Most questions are answered below. If yours isn't, scroll down for our WhatsApp button.
[/callout]
[faq]
Q: When will my order arrive?
A: Nairobi: same-day if you order before 2pm. Other counties: next-day overnight.
Q: How much is delivery?
A: See the rates below.
Q: Can I return or exchange?
A: Within 7 days of delivery, in the original packaging.
[/faq]
<h2>Delivery rates</h2>
[shipping_table]
[divider]
<h2>Still have questions?</h2>
[whatsapp text="Hi {{site_name}}, I have a question"]Chat with us on WhatsApp[/whatsapp]Heading, callout, FAQ, live shipping rates, divider, contact prompt. Everything stays current as you change rates or update FAQs in your dashboard.
Tips
Don't stack too many callouts. If you have four warnings in a row, customers stop reading. Pick the most important one. Move the others into the FAQ.
Quotes need real attribution. A quote without an author reads as marketing fluff. Even "Wanjiku, repeat customer" is far more credible than an unattributed sentence in italics.
Keep videos short. A 30-second product demo converts better than a 3-minute brand story. Crop hard.
Update your shipping table by changing settings, not text. If your rates change, edit your shipping zones in Settings. The widget updates everywhere automatically. Never type rates into your copy.