Shortcodes

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

[mila-banner layout="full" image="promotion/5.jpg" title="For every celebration" button_text="Discover" button_url="/products" text_tone="light"][/mila-banner]

Shortcode	Admin name	Purpose	Needs plugin
[mila-hero]	Mila: Hero slider	Full-screen fading slides
[mila-collection-showcase]	Mila: Collection showcase	Collection intro with quick links and images
[mila-editorial]	Mila: Editorial text	Centered heading and paragraphs
[mila-tiles]	Mila: Image tiles	Grid of image tiles with captions and buttons
[mila-banner]	Mila: Banner	Split or full-width call-to-action banner
[mila-text-links]	Mila: Text & link groups	Long text with grouped links (SEO block)
[mila-stores]	Mila: Stores	Boutiques with address and opening hours
[mila-products]	Mila: Products showcase	Product carousel or grid with an intro	Ecommerce
[mila-categories]	Mila: Product categories	Categories as large image tiles	Ecommerce
[mila-category-products]	Mila: Products by category	A product block per category	Ecommerce
[mila-collections]	Mila: Product collections	Collections as image cards	Ecommerce
[mila-news]	Mila: News	Latest or featured posts	Blog
[mila-newsletter]	Mila: Newsletter	Newsletter sign-up band	Newsletter
[faqs]	FAQs	List of FAQs	FAQ
[google-map], [youtube-video]	Google map, YouTube video	Embeds

Common options

Most Mila shortcodes share these fields.

Heading

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

Section

Field	Values
Vertical spacing	Default, Compact, None

Hero slider

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

Each slide

Field	Notes
Image	Recommended 1920×1080.
Mobile image	Optional, 800×1200.
Subtitle, Title, Description
Button text / URL
Second button text / URL

Options

Field	Values
Height	Full screen (default), Large (80% of screen), Medium (60% of screen)
Text position	Bottom left (default), Center, Center left, Bottom center
Image overlay	Soft gradient (default), Dark, None
Autoplay delay	Milliseconds. Default 6000; 0 turns autoplay off.

With Theme options → Mila → Transparent header over the homepage hero on, the header sits over the first slide.

Collection showcase

[mila-collection-showcase] introduces a collection: a heading with a button, up to 6 quick links, and up to 6 portrait images with captions.

Field	Notes
Heading and button	See common options.
Quick links	Each: Label, URL.
Images	Each: Image (portrait 3:4), Caption title, Caption subtitle, URL.
Layout	Text left, images right (default), Text on top, images below

Editorial text

[mila-editorial] is a centered heading and paragraphs, for brand stories.

Field	Notes
Subtitle, Title
Text	A blank line starts a new paragraph.
Button text / URL
Signature / ornament image	Optional.
Alignment	Center (default), Start
Background	White (default), Light grey, Dark

Image tiles

[mila-tiles] shows up to 8 image tiles with captions and buttons, e.g. your boutiques.

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

Field	Values
Columns	Default 3.
Image ratio	Portrait (3:4) (default), Square, Landscape (4:3), Tall (2:3)
Caption position	On the image (default), Below the image
Gap between tiles	None (edge to edge), Small (default), Large

Banner

[mila-banner] is a call-to-action banner.

Field	Values / notes
Layout	Split: text left, image right (default), Split: image left, text right, Full width: text on the image
Image
Mobile image	Optional.
Subtitle, Title, Description, Button text / URL
Second button text / URL
Text panel background color	Split layouts. Default #f1f2f3.
Text color	Dark (default), Light
Text position (full width layout)	Center (default), Left, Right, Bottom left
Height	Auto, Medium (70% of screen) (default), Full screen

Spacing defaults to None, so banners sit edge to edge.

Text & link groups

[mila-text-links] is a long-form SEO block: a heading, then up to 10 groups of text and links.

Each group

Field	Notes
Group title
Group text
Links	One per line, as Label | URL.

Field	Notes
Columns	Default 2.

When you write the shortcode by hand, separate links with ;; instead of new lines:

groups_links_1="Satin | /products;;Lace | /products;;Tulle | /products"

Stores

[mila-stores] lists up to 12 boutiques.

Each store: Image, Name, Address, Phone, Opening hours, Button text, URL.

Products showcase

[mila-products] shows products as a carousel or grid with an editorial intro. Needs Ecommerce.

Field	Values / notes
Heading and button	See common options.
Products source	Latest, Featured (default), On sale, Trending, From categories, From collections, Selected products
Categories / Collections / Products	Depending on the source.
Number of products	Default 8.
Layout	Intro on the left + carousel (default), Heading on top + carousel, Heading on top + grid
Products per row (desktop)	Default 3.

Product categories

[mila-categories] shows product categories as large image tiles. Needs Ecommerce. Each category needs an image.

Field	Values / notes
Categories	Leave empty to show featured categories.
Tile button text	Default "Discover".
Columns	Default 3.
Image ratio	Portrait (3:4) (default), Square, Tall (2:3)

Products by category

[mila-category-products] shows a block of products for each category, including products in child categories. Needs Ecommerce.

Field	Values / notes
Categories
Blocks	One block per selected category (default), One block per child category of the selected categories
Products per block	Default 8.
Layout	Carousel (default), Grid
Products per row (desktop)	Default 4.
Category link text	Default "Explore more".

Product collections

[mila-collections] shows product collections as image cards with name and description. Needs Ecommerce.

Field	Values / notes
Collections	Leave empty for all published collections.
Collections per page	Default 12; 0 shows all. Ignored when collections are selected.
Card button text	Default "Explore".
Columns	Default 3.
Image ratio	Tall (2:3) (default), Portrait (3:4), Square

News

[mila-news] shows blog posts. Needs Blog.

Field	Values / notes
Heading and button	See common options.
Posts	Featured posts (default), Latest posts
Number of posts	Default 2.
Columns	Default 2.

Newsletter

[mila-newsletter] is a newsletter sign-up band. Needs Newsletter.

Field	Notes
Subtitle, Title, Description
Background image	Optional.

FAQs

[faqs] lists questions and answers from the FAQ plugin.

Field	Notes
Category	The FAQ category to show.