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:

[category-tiles title="Categories" style="cards" heading_position="side" columns="3"][/category-tiles]

Shortcode	Purpose	Needs plugin
[hero-slider]	Fading slides with text and two buttons
[category-tiles]	Categories as tiles, round images or photo cards	Ecommerce
[product-tabs]	Text tabs of products	Ecommerce
[product-showcase]	Products as a slider or grid	Ecommerce
[product-lists]	2–4 columns of small product rows	Ecommerce
[service-features]	1–6 icon boxes (free shipping, support…)
[promo-banners]	1–4 offer banners, side by side or as a mosaic
[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
[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 blush, Light nude, Dark

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, Center right, Bottom center
Image overlay	Soft gradient, Dark, None
Text color	Light (for dark images), Dark (for light images)
Autoplay delay	Milliseconds between slides. Default 6000; 0 turns autoplay off.

Category tiles

[category-tiles] shows product categories. Each category needs an image (Products → Product categories → Image); portrait photos (e.g. 600×800) look best for photo cards.

Field	Values / notes
Style	Large image tiles, Round images with product count (slider), Photo cards with product count (slider)
Heading position	Above the categories, On the side, with the button and arrows
Heading button text / URL	The button in the side heading column.
Categories	Pick the categories to show, in order.
Tile link text	Text of the link on each tile.
Columns	Default 3.
Image ratio	Portrait (3:4), Tall (2:3), Square

"Categories / View products" block

Use Photo cards with On the side and 3 columns. The heading, text, button and slider arrows sit in a column to the left of the slider.

Product tabs

[product-tabs] shows a heading and text tabs, e.g. "Featured / Latest / Trending". Each tab is a product source.

Each tab

Field	Values
Tab name
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

Service features

[service-features] shows 1 to 6 icon boxes, e.g. "Free shipping / Customer support / Payment security".

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

Icons: truck, headset, refund, shield, lock, card, gift, tag, award, gem, sparkle, hanger, dress, scissors, leaf, smile, clock, phone, map pin, star.

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

Promo banners

[promo-banners] shows 1 to 4 offer banners with text on the image.

Each banner

Field	Notes
Image	Side by side: 900×500. Mosaic: tall 640×800, stacked 640×380. 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
Layout	Side by side, Mosaic (3 or 4 banners: tall + stacked)
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

Mosaic layout: 3 banners = one tall + two stacked; 4 banners = tall, two stacked, tall. With fewer than 3 banners they sit side by side.

Deal countdown

[deal-countdown] is a "Deal of the week" block: text, a 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	When showing an image.
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.

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.