Shortcodes

Shortcodes are the blocks you build pages with. In the page editor, click Shortcode in the toolbar, pick one, fill in its form and insert it. You can also type a shortcode by hand:

[shop-by-age items_quantity="1" items_title_1="0-2" items_label_1="Years" items_url_1="/product-categories/baby" items_color_1="sky"][/shop-by-age]

Shortcode	Purpose	Needs plugin
[hero-slider]	Fading slides with text, two buttons, floating shapes and a wavy edge
[service-features]	1–6 icon boxes (free shipping, safety certified…)
[promo-banners]	1–3 offer banners, or one wide "strip"
[shop-by-age]	Colorful age bubbles linking to listings
[deal-countdown]	"Deal of the week" with a countdown	(Ecommerce for flash sales)
[image-banner]	Split image/text, or text on a full-width image
[image-tiles]	Grid of linked images with captions
[editorial-text]	Narrow heading and paragraphs
[divider]	Thin line between two sections
[category-tiles]	Categories as image tiles or colorful circles	Ecommerce
[product-tabs]	Tabbed products	Ecommerce
[product-showcase]	Products as a slider or grid	Ecommerce
[product-lists]	2–4 columns of small product rows	Ecommerce
[brand-logos]	Brand logo slider	Ecommerce
[testimonials]	Customer quotes with stars	Testimonial
[latest-news]	Featured or latest blog posts	Blog
[newsletter-band]	Newsletter sign-up section	Newsletter

Common options

Most section shortcodes share these fields.

Heading

Field	Notes
Subtitle	Small text above the title.
Title	Supports highlighted words.
Description
Button text / Button URL	Not on every shortcode. Leave the text empty to hide the button.

Section

Field	Values
Vertical spacing	Default, Small, None
Background	None, Light peach, Light sky blue, Dark navy
Wavy edges	None, Top, Bottom, Both

Waves are cut from the section's background, so a section needs a background for its wavy edges to show.

Hero slider

[hero-slider] shows full-width slides that fade into each other. Up to 6 slides.

Each slide

Field	Notes
Image	Required. Recommended 1920×1080. Slides without an image are skipped.
Mobile image	Optional, 800×1200. Shown on small screens.
Subtitle, Title, Description
Button text / URL	First button.
Second button text / URL

Options

Field	Values
Height	Full screen, Large (80% of screen), Medium (60%), Wide banner (1920×750 ratio)
Text position	Bottom left, Center left, Center, Bottom center
Image overlay	Soft gradient, Dark, None
Text color	Light (for dark images), Dark (for light images)
Floating shapes	Show, Hide: stars, rings and dots floating over the slides.
Wavy bottom edge	Yes, No
Autoplay delay	Milliseconds between slides. Default 6000; 0 turns autoplay off.

Service features

[service-features] shows 1 to 6 icon boxes in pastel colors, e.g. "Free shipping / Safety certified / Easy returns / Gift wrapping".

Each item: Icon, Title, Text, URL (optional).

Icons: truck, headset, refund, shield, card, gift, leaf, award, smile, teddy bear, rocket, puzzle piece, ball, building blocks, clock, phone, map pin, star.

Field	Values
Style	One box with dividers, Separate cards, Plain, centered

Promo banners

[promo-banners] shows 1 to 3 offer banners with text on the image. With one banner and the Strip height you get a wide sale band.

Each banner

Field	Notes
Image	900×500 (strip: 1920×530).
Subtitle	Light text above the title.
Title, Offer text
Button text / URL
Text color	Dark (for light images), Light (for dark images)
Text position	Left, Center, Right

Options

Field	Values
Height	Strip (1920×530, for one banner), Short (2:1), Wide (16:9), Medium (16:10), Tall (4:5)
Width	Page width, Full screen width

Shop by age

[shop-by-age] shows colorful bubbles such as "0-1 Babies" or "3-5 Preschool", each linking to a listing.

Each item

Field	Notes
Age	Big text, e.g. "0-2".
Label	Under the age, e.g. "Years", "Months".
Image	Optional, square. Replaces the big text.
URL	A product category, a tag page, or a filtered /products URL.
Color	Coral, Sunny yellow, Sky blue, Mint green, Grape purple, Bubblegum pink

Field	Values
Shape	Circle, Blob (wobbly), Rounded square

Deal countdown

[deal-countdown] is a "Deal of the week" block: text, a colorful days / hours / minutes / seconds countdown and a button, next to an image or a flash sale's products.

Field	Values / notes
Beside the text	An image, The flash sale products
Image	900×700, a product on a light background.
End date	YYYY-MM-DD HH:MM in the site's timezone, e.g. 2026-12-31 23:59.
Flash sale	Optional; its end date replaces the one above. Needs Ecommerce.
Number of products (flash sale)
When the countdown ends	Hide this section, Keep the section, hide the countdown
Image / products position	Right, Left
Background color	Background of the text panel.

Image banner

[image-banner] is a call-to-action block with one image.

Field	Values
Layout	Split: text left, image right, Split: image left, text right, Full width: text on the image
Image / Mobile image
Subtitle, Title, Description, Button text / URL
Second button text / URL
Panel color	Background of the text panel in split layouts.
Text color	Dark, Light
Text position	Center, Left, Right, Bottom left
Height	Auto, Medium (70% of screen), Full screen

Image tiles

[image-tiles] shows a grid of linked images with captions.

Each tile: Image, Subtitle, Title, Link text, URL.

Field	Values
Columns	Tiles per row.
Image ratio	Portrait (3:4), Tall (2:3), Square, Landscape (4:3), Wide (3:2)
Caption	On the image, On the image, bottom center (box on hover), Below the image
Width	Page width, Full screen width

Editorial text

[editorial-text] is a narrow column with a heading and paragraphs.

Field	Notes
Image	Optional.
Subtitle, Title, Description, Button text / URL
Alignment	Center, Start

Divider

[divider] draws a thin line between two sections. Vertical spacing: None, Small, Default.

Category tiles

[category-tiles] shows product categories. Each category needs an image (Products → Product categories → Image).

Field	Values / notes
Style	Large image tiles, Round images with product count (slider). Circles cycle through the six playful colors.
Categories	Pick the categories to show, in order.
Tile link text	Text of the link on each tile.
Columns
Image ratio	Portrait (3:4), Tall (2:3), Square (tiles style)

Product tabs

[product-tabs] shows a heading and tab buttons; each tab is a product source.

Each tab

Field	Values
Tab name	e.g. "Bestsellers".
Products	Latest, Featured, On sale, Trending, From categories
Category	When From categories.

Field	Values
Limit	Products per tab.
Layout	Grid, Slider
Columns
Tabs position	Under the centered heading, Beside the heading

Product showcase

[product-showcase] shows products as a slider or a grid.

Field	Values
Products	Latest, Featured, On sale, Trending, From categories, From collections, Selected products
Categories / Collections / Products	Depending on the source.
Limit
Layout	Intro on the left + slider, Heading on top + slider, Heading on top + grid
Columns

Product lists

[product-lists] shows 2 to 4 columns of small product rows, e.g. "Featured / Top trending / On sale".

Each column: Column title, Products (same sources as product tabs), Category (when From categories).

Field	Notes
Columns	2 to 4.
Products per column

Brand logos

[brand-logos] shows a slider of brand logos. Only brands with a logo are shown.

Field	Values
Brands	Featured brands, All brands
Limit, Columns

Testimonials

[testimonials] shows customer quotes from Admin → Testimonials as a slider of cards. Needs the Testimonial plugin.

Field	Values
Testimonials	Pick which ones to show, or leave empty for the latest.
Number of testimonials
Cards per row (desktop)
Stars on each card	5 stars, No stars

Latest news

[latest-news] shows blog posts. Needs the Blog plugin.

Field	Values
Posts	Featured posts, Latest posts
Limit, Columns

Newsletter band

[newsletter-band] is a newsletter sign-up section. Needs the Newsletter plugin.

Field	Notes
Subtitle, Title, Description
Background image	Optional.