Mail Composer Blocks

Below is a list of all available blocks in the Mail Composer.

Each block has a list of properties that can be set and an example of how the block should be used.

Blocks

Article (mc-article)

<mc-article
	image_url="[image_url]"
	image_link="[image_link]"
	category_title="[category_title]"
	category_link="[category_link]"
	author_name="[author_name]"
	author_link="[author_link]"
	reading_time="[reading_time]"
	title="[title]"
	button_url="[button_url]"
	button_title="[button_title]"
	link_url="[link_url]"
	link_title="[link_title]"
	button_type="[primary|secondary]"
	button_sizing="[inline|block]">
		[Content]
</mc-article>
<mc-article
	image_url="https://forbes-mails.creanet.sk/img/car.png"
	image_link="https://forbes-mails.creanet.sk/img/car.png"
	category_title="Some category"
	category_link="https://forbes-mails.creanet.sk/"
	author_name="John Doe"
	author_link="https://forbes-mails.creanet.sk/"
	reading_time="5 min"
	title="Most important article you will ever read"
	button_url="https://forbes-mails.creanet.sk/"
	button_title="Read more"
	link_url=""
	link_title="">
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec purus nec nunc tincidunt aliquam.
</mc-article>

Parameters

Name Description Required
image_url Article Image Yes
image_link Image Link No
category_title Article Category Yes
category_link Category Link No
author_name Author Name Yes
author_link Author Link No
reading_time Estimated Reading Time Yes
title Article Title Yes
button_url Button URL - probably link to the article No
button_title Button Title No
link_url Link URL - probably link to the article No
link_title Link Title No
button_type One of: primary, secondary. Default: secondary No
button_sizing One of: inline, block. Default: block No

Article Share (mc-article-share)

<mc-article-share
	title="[title]"
	share_mail_url="[share_mail_url]"
	share_mail_title="[share_mail_title]"
	share_facebook_url="[share_facebook_url]"
	share_facebook_title="[share_facebook_title]"
	share_x_url="[share_x_url]"
	share_x_title="[share_x_title]" />
<mc-article-share
	title="Sdílejte tento článek dále"
	share_mail_url="https://forbes-mails.creanet.sk/"
	share_mail_title="Poslat cez mail"
	share_facebook_url="https://forbes-mails.creanet.sk/"
	share_facebook_title="Sdílet na Facebooku"
	share_x_url="https://forbes-mails.creanet.sk/"
	share_x_title="Sdílet na X" />

Parameters

Name Description Required
title Heading of the block Yes
share_mail_url Link to share via mail Yes
share_mail_title Share via mail title Yes
share_facebook_url Link to share via facebook Yes
share_facebook_title Share via facebook title Yes
share_x_url Link to share via X (e.g. Twitter) Yes
share_x_title Share via X title Yes

Author (mc-author)

<mc-author
	image_url="[image_url]"
	name="[name]"
	position="[position]"
	subscribe_url="[subscribe_url]"
	subscribe_title="[subscribe_title]" />
<mc-author
	image_url="https://forbes-mails.creanet.sk/img/avatar.png"
	name="John Doe"
	position="Editor-in-chief at Forbes"
	subscribe_url="https://forbes-mails.creanet.sk/"
	subscribe_title="Odebírat autora" />

Parameters

Name Description Required
image_url Profile image of the author Yes
name Full name of the author Yes
position Position author e.g. job title, company Yes
subscribe_url Link to subscribe to the author Yes
subscribe_title Title of the subscribe link Yes

Avatar version 2 (mc-author2)

<mc-author2
	image_url="[image_url]"
	name="[name]"
	position="[position]"
	subscribe_url="[subscribe_url]"
	subscribe_title="[subscribe_title]"
	description="[description]" />
<mc-author2
	image_url="https://forbes-mails.creanet.sk/img/avatar.png"
	name="John Doe"
	position="Editor-in-chief at Forbes"
	subscribe_url="https://forbes-mails.creanet.sk/"
	subscribe_title="Odebírat autora"
	description="Českou edici Forbesu vede od jejího vzniku v roce 2011. Výrazně se podílel na jejím rozvoji a vybudování pozice nejsilnějšího byznysového magazínu u nás." />

Parameters

Name Description Required
image_url Profile image of the author Yes
name Full name of the author Yes
position Position author e.g. job title, company Yes
subscribe_url Link to subscribe to the author Yes
subscribe_title Title of the subscribe link Yes
description Longer description of the author Yes

Box (mc-box)

Box with title, content and link. Can have 2 different styles based on the type prop - gray or bordered.

<mc-box
	title="[title]"
	link_icon="[link_icon]"
	link_url="[link_url]"
	link_title="[link_title]"
	type="[gray|bordered]">
		[Content]
</mc-box>
<mc-box
	title="Some title"
	link_icon="https://cdn.forbes.cz/uploads/2025/09/figma.png"
	link_url="https://forbes-mails.creanet.sk/"
	link_title="Read more">
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec purus nec nunc tincidunt aliquam.
</mc-box>

Parameters

Name Description Required
title Box Title Yes
link_icon Link icon No
link_url Link URL No
link_title Link Title No
type One of: gray, bordered. Default: gray No

Bullet List (mc-bullet-list)

Simple bullet list with title and items. Should contain several Item(s).

<mc-bullet-list
	title="[title]">
	<mc-item
		title="[title]" />
</mc-bullet-list>
<mc-bullet-list
	title="The bullet list">
		
        <mc-item title="Some item text of the first item" />
        <mc-item title="Some item text of the second item" />
        <mc-item title="Some item text of the third item" />
    
</mc-bullet-list>

Parameters

Name Description Required
title Title of the list Yes

Button (mc-button)

<mc-button
	title="[title]"
	url="[url]"
	type="[primary|secondary]"
	sizing="[inline|block]" />
<mc-button
	title="Click me"
	url="https://forbes-mails.creanet.sk/" />

Parameters

Name Description Required
title Button Title Yes
url Button URL Yes
type One of: primary, secondary. Default: primary No
sizing One of: inline, block. Default: inline No

Chip (mc-chip)

A chip is a small block of color used to display information in a compact way. Should be used in a Chip List.

<mc-chip
	title="[title]"
	type="[amber|blue|emerald|slate|stone]" />
<mc-chip
	title="Chip" />

Parameters

Name Description Required
title Text to display in the chip Yes
type One of: amber, blue, emerald, slate, stone. Default: amber No

Chip List (mc-chip-list)

A chip list is a group of chips displayed in a row.

<mc-chip-list>
	<mc-chip
		title="[title]"
		type="[amber|blue|emerald|slate|stone]" />
</mc-chip-list>
<mc-chip-list>
		
        <mc-chip title="Chip 1" />
        <mc-chip title="Chip 2" type="amber" />
        <mc-chip title="Chip 3" type="emerald" />
        <mc-chip title="Chip 4" type="stone" />
        <mc-chip title="Chip 5" type="slate" />
        <mc-chip title="Chip 6" type="blue" />
    
</mc-chip-list>

Parameters

Name Description Required

Cocktail (mc-cocktail)

<mc-cocktail
	title="[title]"
	subtitle="[subtitle]"
	image_url="[image_url]">
		[Content]
</mc-cocktail>
<mc-cocktail
	title="O víkendu si umíchejte"
	subtitle="Creamy Highball"
	image_url="https://forbes-mails.creanet.sk/img/cocktail.png">
		
        <mc-cocktail-section
            title="Ingrediencie">
            <mc-cocktail-item title="5 cl Kahlúy" />
            <mc-cocktail-item title="10 cl studeného mléka" />
            <mc-cocktail-item title="1 cl kávového sirupu" />
            <mc-cocktail-item title="led" />
        </mc-cocktail-section>

        <mc-cocktail-section
            title="Postup" type="numbered">
            <mc-cocktail-item title="Naplňte sklenici kostkami ledu a nechte nachladit." />
            <mc-cocktail-item title="Nalijte ingredience přes sitko a zamíchejte." />
        </mc-cocktail-section>

        <mc-cocktail-section
            title="Cheers!" />
    
</mc-cocktail>

Parameters

Name Description Required
title Title Yes
subtitle Subtitle Yes
image_url Cocktail Image Yes

Cocktail Section (mc-cocktail-section)

<mc-cocktail-section
	title="[title]"
	type="[numbered|default]">
		[Content]
</mc-cocktail-section>
<mc-cocktail-section
	title="O víkendu si umíchejte">
		
            <mc-cocktail-item title="5 cl Kahlúy" />
            <mc-cocktail-item title="10 cl studeného mléka" />
            <mc-cocktail-item title="1 cl kávového sirupu" />
            <mc-cocktail-item title="led" />
    
</mc-cocktail-section>

Parameters

Name Description Required
title Title Yes
type One of: numbered, default. Default: default No

Cocktail Item (mc-cocktail-item)

<mc-cocktail-item
	title="[title]" />
<mc-cocktail-item
	title="5 cl Kahlúy" />

Parameters

Name Description Required
title Title Yes

Divider (mc-divider)

Divider block, "empty" block to divide line.

<mc-divider
	size="[size]" />
<mc-divider
	size="40" />

Parameters

Name Description Required
size Size of the divide in pixels No

Follow us (mc-follow-us)

<mc-follow-us
	title="[title]"
	follow_facebook_url="[follow_facebook_url]"
	follow_instagram_url="[follow_instagram_url]"
	follow_x_url="[follow_x_url]"
	follow_linkedin_url="[follow_linkedin_url]"
	follow_youtube_url="[follow_youtube_url]"
	email_settings_title="[email_settings_title]"
	email_browser_url="[email_browser_url]"
	email_browser_title="[email_browser_title]"
	email_change_settings_url="[email_change_settings_url]"
	email_change_settings_title="[email_change_settings_title]"
	email_unsubscribe_url="[email_unsubscribe_url]"
	email_unsubscribe_title="[email_unsubscribe_title]" />
<mc-follow-us
	title="Sledujte Forbes"
	follow_facebook_url="https://forbes-mails.creanet.sk/"
	follow_instagram_url="https://forbes-mails.creanet.sk/"
	follow_x_url="https://forbes-mails.creanet.sk/"
	follow_linkedin_url="https://forbes-mails.creanet.sk/"
	follow_youtube_url="https://forbes-mails.creanet.sk/"
	email_settings_title="Nastavení mailů"
	email_browser_url="https://forbes-mails.creanet.sk/"
	email_browser_title="Otevřít v prohlížeči"
	email_change_settings_url="https://forbes-mails.creanet.sk/"
	email_change_settings_title="Změnit nastavení mailů"
	email_unsubscribe_url="https://forbes-mails.creanet.sk/"
	email_unsubscribe_title="Odhlásit se z newsletteru" />

Parameters

Name Description Required
title Title of the block Yes
follow_facebook_url URL to Facebook No
follow_instagram_url URL to Instagram No
follow_x_url URL to X (Twitter) No
follow_linkedin_url URL to LinkedIn No
follow_youtube_url URL to Youtube No
email_settings_title Title of the email settings block Yes
email_browser_url URL to open email in browser No
email_browser_title Title of the email in browser link No
email_change_settings_url URL to change email settings No
email_change_settings_title Title of the email settings link No
email_unsubscribe_url URL to unsubscribe from newsletter No
email_unsubscribe_title Title of the unsubscribe link No

Full Width (mc-full-width)

Full width block, allows to create a section like Follow us but fully customizable.

<mc-full-width>
		[Content]
</mc-full-width>
<mc-full-width>
		
        <mc-section title="Example title">
            <mc-section-links >
                <mc-section-links-item url="http://example.com" title="Example link" />
                <mc-section-links-item url="http://example.com" title="Example link" />
                <mc-section-links-item url="http://example.com" title="Example link" />
            </mc-section-links>
        </mc-section>
        <mc-section title="Example title">
            <mc-section-links >
                <mc-section-links-item url="http://example.com" title="Example link" />
                <mc-section-links-item url="http://example.com" title="Example link" />
                <mc-section-links-item url="http://example.com" title="Example link" />
            </mc-section-links>
        </mc-section>
    
</mc-full-width>

Parameters

Name Description Required

Heading (mc-heading)

<mc-heading
	title="[title]"
	font="[sans-serif|sans]"
	level="[1|2|3|4]" />
<mc-heading
	title="Heading" />

Parameters

Name Description Required
title Text to display in the heading Yes
font One of: sans-serif, sans. Default: sans-serif No
level One of: 1, 2, 3, 4. Default: 1 No

HTML Block (mc-html)

A block of HTML content.

<mc-html>
		[Content]
</mc-html>
<mc-html>
		<table>
	<tr>
        <td style="width:50%">
		    <img width="100%" src="https://forbes-mails.creanet.sk/img/car.png" />
        </td>
        <td style="text-align:left;">
            <h3>Lemonitiny</h3>
            <ul>
                <li>Item 1.</li>
                <li>Item 2.</li>
                <li>Item 3.</li>
                <li>Item 4.</li>
                <li>Item 5.</li>
            </ul>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec purus nec nunc tincidunt aliquam.</p>
        </td>
    </tr>
</table>
</mc-html>

Parameters

Name Description Required

Image (mc-image)

Image block with title and description

<mc-image
	title="[title]"
	url="[url]"
	link="[link]"
	description="[description]"
	format="[16x9|auto]" />
<mc-image
	title="Image title"
	url="https://forbes-mails.creanet.sk/img/car.png"
	link="https://forbes-mails.creanet.sk/img/autoheight.jpeg"
	description="This is detailed description of the image" />

Parameters

Name Description Required
title Title of the image No
url Url of the image Yes
link Image Link No
description Description of the image No
format One of: 16x9, auto. Default: auto No

Image Double (mc-image-double)

Two images side by side with a title and description.

<mc-image-double
	title="[title]"
	left_image_url="[left_image_url]"
	left_image_link="[left_image_link]"
	right_image_url="[right_image_url]"
	right_image_link="[right_image_link]"
	description="[description]" />
<mc-image-double
	title="Images title"
	left_image_url="https://forbes-mails.creanet.sk/img/car.png"
	left_image_link="https://forbes-mails.creanet.sk/img/autoheight.jpeg"
	right_image_url="https://forbes-mails.creanet.sk/img/car.png"
	right_image_link="https://forbes-mails.creanet.sk/img/autoheight.jpeg"
	description="This is detailed description of the images" />

Parameters

Name Description Required
title Title of the images Yes
left_image_url URL of the left image Yes
left_image_link Image Link for the left image No
right_image_url Url of the right image Yes
right_image_link Image Link for the right image No
description Description of the images No

Inbox Preview Text (mc-inbox-preview)

Invisible text that should be placed at the beginning of the email, so text can by parsed and displayed by mail clients.

<mc-inbox-preview>
		[Content]
</mc-inbox-preview>
<mc-inbox-preview>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec purus nec nunc tincidunt aliquam.
</mc-inbox-preview>

Parameters

Name Description Required

Item (mc-item)

Item in the Bullet List or Numbered List blocks.

<mc-item
	title="[title]" />
<mc-item
	title="Item 1" />

Parameters

Name Description Required
title Text to display in the item Yes

Leading Block (mc-leading)

<mc-leading
	author_image_url="[author_image_url]"
	author_name="[author_name]"
	author_position="[author_position]"
	author_subscribe_url="[author_subscribe_url]"
	author_subscribe_title="[author_subscribe_title]"
	author_description="[author_description]">
		[Content]
</mc-leading>
<mc-leading
	author_image_url="https://forbes-mails.creanet.sk/img/avatar.png"
	author_name="John Doe"
	author_position="Editor-in-chief at Forbes"
	author_subscribe_url="https://forbes-mails.creanet.sk/"
	author_subscribe_title="Odebírat autora"
	author_description="Českou edici Forbesu vede od jejího vzniku v roce 2011. Výrazně se podílel na jejím rozvoji a vybudování pozice nejsilnějšího byznysového magazínu u nás.">
		Dobré ráno,
jsme rádi, že si i dnes s námi dáte náš informační šálek – druhé nejlepší čtení pro sobotní ráno. Proč druhé? protože lepší může být už jen nový červnový Forbes, ze kterého vám přinášíme několik ochutnávek. A jako vždy, to nejzajímavější z uplynulého týdne optikou našeho webu. Here we go!
</mc-leading>

Parameters

Name Description Required
author_image_url Profile image of the author No
author_name Full name of the author No
author_position Position author e.g. job title, company No
author_subscribe_url Link to subscribe to the author No
author_subscribe_title Title of the subscribe link No
author_description Longer description of the author No

Leading Topic Block (mc-leading-topic)

<mc-leading-topic
	icon_url="[icon_url]"
	title="[title]" />
<mc-leading-topic
	icon_url="https://cdn.forbes.cz/uploads/2025/09/follow.png"
	title="V téme e-commerce, ktorú sledujete, bol práve vydaný nový článok. Prečítajte si ho teraz hneď." />

Parameters

Name Description Required
icon_url Icon URL for the leading topic No
title Title of the leading topic Yes

Magazine (mc-magazine)

<mc-magazine
	image_url="[image_url]"
	image_link="[image_link]"
	title="[title]"
	date="[date]"
	button_url="[button_url]"
	button_title="[button_title]">
		[Content]
</mc-magazine>
<mc-magazine
	image_url="https://forbes-mails.creanet.sk/img/forbes.png"
	image_link="https://forbes-mails.creanet.sk/img/autoheight.jpeg"
	title="Outsider"
	date="březen 2024"
	button_url="https://forbes-mails.creanet.sk/"
	button_title="Koupit nové vydání">
		Březnové číslo Forbesu je plné podnikatelů. A dokonce EY podnikatelů roku! Vítěz letošního ročníku Sotirios Zavalianis, příběh jeho i všech dalších finalistů a spousta další silné podnikatelské inspirace. Velká porce je jí rovnou na titulní straně: Ondřeje Kaniu celý život všichni podceňují. Po úspěchu ve školství si ale myslí na další velký zářez. Tentokrát jím má být fotbal. A řekne vám i o tom, co ho stálo Kus duše, což je titulek březnového cover rozhovoru. K tomu nejdražší domy a byty, které jsou právě teď v Česku na prodej, luxusní auta, a dokonce i jedna loď. Čtěte březnový Forbes!
</mc-magazine>

Parameters

Name Description Required
image_url Image URL Yes
image_link Image Link No
title Title of the magazine Yes
date Date of the magazine (e.g. February 2021) Yes
button_url URL to the magazine website Yes
button_title Button title Yes

Mail Header (mc-mail-header)

<mc-mail-header
	date="[date]"
	logo="[logo]"
	image_url="[image_url]" />
<mc-mail-header
	date="09.01.2024"
	logo="cz"
	image_url="https://cdn.forbes.cz/uploads/2025/09/espresso.png" />

Parameters

Name Description Required
date Date of the mail Yes
logo Forbes logo in the header. If not set, logo cz will be used. options ['cz', 'sk', 'hu'] or full url to logo. Yes
image_url Image of the newsletter e.g. espresso logo No

Most Read (mc-most-read)

Most read articles section. Should contain list of Most Read Item.

<mc-most-read
	title="[title]">
	<mc-most-read-item
		url="[url]"
		title="[title]" />
</mc-most-read>
<mc-most-read
	title="Most Read">
		
        <mc-most-read-item title="Article 1" url="https://forbes-mails.creanet.sk/"></mc-most-read-item>
        <mc-most-read-item title="Article 2" url="https://forbes-mails.creanet.sk/"></mc-most-read-item>
        <mc-most-read-item title="Article 3" url="https://forbes-mails.creanet.sk/"></mc-most-read-item>
    
</mc-most-read>

Parameters

Name Description Required
title Title of the section Yes

Most Read Item (mc-most-read-item)

Item in the Most Read section.

<mc-most-read-item
	url="[url]"
	title="[title]" />
<mc-most-read-item
	url="https://forbes-mails.creanet.sk/"
	title="Item 1" />

Parameters

Name Description Required
url URL to link to Yes
title Text to display in the item Yes

Need Help (mc-need-help)

<mc-need-help
	title="[title]"
	text="[text]"
	email="[email]" />
<mc-need-help
	title="Potrebujete pomoc?"
	text="Napíste nám na"
	email="joe.doe@example.com" />

Parameters

Name Description Required
title Title of the block Yes
text Leading text Yes
email Contact email Yes

Newsletter Item (mc-newsletter-item)

Creates a newsletter item.

<mc-newsletter-item
	title="[title]"
	image_url="[image_url]"
	periodicity="[periodicity]"
	description="[description]" />
<mc-newsletter-item
	title="Najnovšie správy"
	image_url="https://cdn.forbes.cz/uploads/2025/09/espresso.png"
	periodicity="Každý čtvrtek"
	description="Každý čtvrtek vám mixujeme Forbes Cocktail toho nejzajímavějšího z kultury a gastronomie – aby byl váš víkend bohatý. Cheers!" />

Parameters

Name Description Required
title Title of the newsletter Yes
image_url Image of the newsletter No
periodicity Periodicity of the newsletter Yes
description Description of the newsletter Yes

Newsletters (mc-newsletters)

Newsletters block, allows to create a section with title, periodicity, description and button.

<mc-newsletters
	title="[title]"
	button_url="[button_url]"
	button_title="[button_title]">
	<mc-newsletter-item
		title="[title]"
		image_url="[image_url]"
		periodicity="[periodicity]"
		description="[description]" />
</mc-newsletters>
<mc-newsletters
	title="Najnovšie správy"
	button_url="https://forbes-mails.creanet.sk/"
	button_title="Zobrazit všechny Forbes Newslettry">
		
        <mc-newsletter-item
            title="Example title"
            periodicity="Example periodicity"
            description="Example description"
            image_url="https://cdn.forbes.cz/uploads/2025/09/espresso.png" />
        <mc-newsletter-item
            title="Example title"
            periodicity="Example periodicity"
            description="Example description"
            image_url="https://cdn.forbes.cz/uploads/2025/09/espresso.png" />
    
</mc-newsletters>

Parameters

Name Description Required
title Title of the newsletter No
button_url Url to action No
button_title Title of the action No

Numbered List (mc-numbered-list)

Simple numbered list with title and items. Should contain Item(s).

<mc-numbered-list
	title="[title]">
	<mc-item
		title="[title]" />
</mc-numbered-list>
<mc-numbered-list
	title="The numbered list">
		
        <mc-item title="Item 1" />
        <mc-item title="Item 2" />
        <mc-item title="Item 3" />
    
</mc-numbered-list>

Parameters

Name Description Required
title Title of the list Yes

Paragraph (mc-paragraph)

A paragraph of text, can by styled with different font and size props. Font options sans and serif are aliases for helvetica and georgia respectively.

<mc-paragraph
	font="[sans-serif|serif]"
	size="[small|medium|large]">
		[Content]
</mc-paragraph>
<mc-paragraph>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec purus nec nunc tincidunt aliquam.
</mc-paragraph>

Parameters

Name Description Required
font One of: sans-serif, serif. Default: sans-serif No
size One of: small, medium, large. Default: medium No

Partner Post (mc-partner-post)

<mc-partner-post
	title="[title]"
	image_url="[image_url]"
	image_link="[image_link]"
	button_url="[button_url]"
	button_title="[button_title]">
		[Content]
</mc-partner-post>
<mc-partner-post
	title="Partner Forbes Espressa"
	image_url="https://forbes-mails.creanet.sk/img/autoheight.jpeg"
	image_link="https://forbes-mails.creanet.sk/img/autoheight.jpeg"
	button_url="https://forbes-mails.creanet.sk/"
	button_title="Read more">
		Polestar is a Swedish automotive brand established in 1996 by Volvo Cars' partner Flash/Polestar Racing and acquired in 2015 by Volvo, which itself was acquired by Geely in 2010. It is headquartered in Torslanda outside Gothenburg, Sweden.
</mc-partner-post>

Parameters

Name Description Required
title Partner Post Title No
image_url Image URL Yes
image_link Image Link No
button_url Url to the partner post No
button_title Button Title No

Partners List (mc-partners-list)

A list of partners (icons) displayed in a row. Should contain list of Partners Item blocks.

<mc-partners-list
	title="[title]">
	<mc-partners-list-item
		image_url="[image_url]"
		image_alt="[image_alt]"
		url="[url]" />
</mc-partners-list>
<mc-partners-list
	title="Our partners">
		
        <mc-partners-list-item image_url="https://forbes-mails.creanet.sk/img/appleLogo.png" image_alt="apple" url="https://apple.com/" />
        <mc-partners-list-item image_url="https://forbes-mails.creanet.sk/img/figmaLogo.png" image_alt="figma" />
        <mc-partners-list-item image_url="https://forbes-mails.creanet.sk/img/spotifyLogo.png" image_alt="spotify" />
    
</mc-partners-list>

Parameters

Name Description Required
title Title of the list Yes

Partners List Item (mc-partners-list-item)

Item in the Partners List section.

<mc-partners-list-item
	image_url="[image_url]"
	image_alt="[image_alt]"
	url="[url]" />
<mc-partners-list-item
	image_url="https://forbes-mails.creanet.sk/img/appleLogo.png"
	image_alt="Apple"
	url="https://www.apple.com/" />

Parameters

Name Description Required
image_url Logo of the partner Yes
image_alt Alt text for the image Yes
url URL to the partner's website No

Podcast (mc-podcast)

Podcast block with image and links to Spotify, Apple podcasts and Google podcasts.

<mc-podcast
	image_url="[image_url]"
	image_link="[image_link]"
	tag="[tag]"
	tag_link="[tag_link]"
	title="[title]"
	spotify_url="[spotify_url]"
	spotify_title="[spotify_title]"
	apple_url="[apple_url]"
	apple_title="[apple_title]" />
<mc-podcast
	image_url="https://forbes-mails.creanet.sk/img/autoheight.jpeg"
	image_link="https://forbes-mails.creanet.sk/img/autoheight.jpeg"
	tag="Novinky"
	tag_link="https://forbes-mails.creanet.sk/tag/novinky"
	title="Podcast title"
	spotify_url="https://forbes-mails.creanet.sk/"
	spotify_title="Přehrát na Spotify"
	apple_url="https://forbes-mails.creanet.sk/"
	apple_title="Přehrát na Apple podcasts" />

Parameters

Name Description Required
image_url Podcast image Yes
image_link Image Link No
tag Tag of the podcast No
tag_link Link to the podcast tag No
title Title of the podcast Yes
spotify_url URL to the podcast on Spotify Yes
spotify_title Title of the podcast on Spotify Yes
apple_url URL to the podcast on Apple podcasts Yes
apple_title Title of the podcast on Apple podcasts Yes

Product (mc-product)

<mc-product
	title="[title]"
	image_url="[image_url]"
	image_link="[image_link]"
	info_line="[info_line]"
	price="[price]"
	description="[description]"
	button_url="[button_url]"
	button_title="[button_title]" />
<mc-product
	title="Životem na zelenou"
	image_url="https://forbes-mails.creanet.sk/img/book.png"
	image_link="https://forbes-mails.creanet.sk/img/autoheight.jpeg"
	info_line="Matthew McConaughey"
	price="399 Kč"
	description="Nekonvenční memoáry držitele Oscara jsou plné šťavnatých historek, originálních postřehů a neotřelých návodů, jak v životě dosáhnout větší spokojenosti."
	button_url="https://forbes-mails.creanet.sk/"
	button_title="Buy now" />

Parameters

Name Description Required
title Product Title Yes
image_url Product Image Yes
image_link Image Link No
info_line Author Name Yes
price Price of the product Yes
description Book Description No
button_url Button URL - e.g link to the product page Yes
button_title Button Title Yes

Product row (2 columns) (mc-product-row-2)

<mc-product-row-2
	prod_a_title="[prod_a_title]"
	prod_a_image_url="[prod_a_image_url]"
	prod_a_image_link="[prod_a_image_link]"
	prod_a_info_line="[prod_a_info_line]"
	prod_a_price="[prod_a_price]"
	prod_a_button_url="[prod_a_button_url]"
	prod_a_button_title="[prod_a_button_title]"
	prod_b_title="[prod_b_title]"
	prod_b_image_url="[prod_b_image_url]"
	prod_b_image_link="[prod_b_image_link]"
	prod_b_info_line="[prod_b_info_line]"
	prod_b_price="[prod_b_price]"
	prod_b_button_url="[prod_b_button_url]"
	prod_b_button_title="[prod_b_button_title]" />
<mc-product-row-2
	prod_a_title="Životem na zelenou"
	prod_a_image_url="https://forbes-mails.creanet.sk/img/blendTest.jpg"
	prod_a_image_link="https://forbes-mails.creanet.sk/img/autoheight.jpeg"
	prod_a_info_line="Matthew McConaughey"
	prod_a_price="399 Kč"
	prod_a_button_url="https://forbes-mails.creanet.sk/"
	prod_a_button_title="Buy now"
	prod_b_title="Životem na zelenou"
	prod_b_image_url="https://forbes-mails.creanet.sk/img/book.png"
	prod_b_image_link="https://forbes-mails.creanet.sk/img/autoheight.jpeg"
	prod_b_info_line="Matthew McConaughey"
	prod_b_price="399 Kč"
	prod_b_button_url="https://forbes-mails.creanet.sk/"
	prod_b_button_title="Buy now" />

Parameters

Name Description Required
prod_a_title Product (A) Title Yes
prod_a_image_url Product (A) Image Yes
prod_a_image_link Product (A) Image Link No
prod_a_info_line Product (A) Info Line - e.g. Author Name Yes
prod_a_price Product (A) Price Yes
prod_a_button_url Product (A) Button URL - e.g link to the product page Yes
prod_a_button_title Product (A) Button Title Yes
prod_b_title Product (B) Title Yes
prod_b_image_url Product (B) Image Yes
prod_b_image_link Product (B) Image Link No
prod_b_info_line Product (B) Info Line - e.g. Author Name Yes
prod_b_price Product (B) Price Yes
prod_b_button_url Product (B) Button URL - e.g link to the product page Yes
prod_b_button_title Product (B) Button Title Yes

Product Row (3 columns) (mc-product-row-3)

<mc-product-row-3
	prod_a_title="[prod_a_title]"
	prod_a_image_url="[prod_a_image_url]"
	prod_a_image_link="[prod_a_image_link]"
	prod_a_info_line="[prod_a_info_line]"
	prod_a_price="[prod_a_price]"
	prod_a_button_url="[prod_a_button_url]"
	prod_a_button_title="[prod_a_button_title]"
	prod_b_title="[prod_b_title]"
	prod_b_image_url="[prod_b_image_url]"
	prod_b_image_link="[prod_b_image_link]"
	prod_b_info_line="[prod_b_info_line]"
	prod_b_price="[prod_b_price]"
	prod_b_button_url="[prod_b_button_url]"
	prod_b_button_title="[prod_b_button_title]"
	prod_c_title="[prod_c_title]"
	prod_c_image_url="[prod_c_image_url]"
	prod_c_image_link="[prod_c_image_link]"
	prod_c_info_line="[prod_c_info_line]"
	prod_c_price="[prod_c_price]"
	prod_c_button_url="[prod_c_button_url]"
	prod_c_button_title="[prod_c_button_title]" />
<mc-product-row-3
	prod_a_title="Životem na zelenou"
	prod_a_image_url="https://forbes-mails.creanet.sk/img/book.png"
	prod_a_image_link="https://forbes-mails.creanet.sk/img/autoheight.jpeg"
	prod_a_info_line="Matthew McConaughey"
	prod_a_price="399 Kč"
	prod_a_button_url="https://forbes-mails.creanet.sk/"
	prod_a_button_title="Buy now"
	prod_b_title="Životem na zelenou"
	prod_b_image_url="https://forbes-mails.creanet.sk/img/book.png"
	prod_b_image_link="https://forbes-mails.creanet.sk/img/autoheight.jpeg"
	prod_b_info_line="Matthew McConaughey"
	prod_b_price="399 Kč"
	prod_b_button_url="https://forbes-mails.creanet.sk/"
	prod_b_button_title="Buy now"
	prod_c_title="Životem na zelenou"
	prod_c_image_url="https://forbes-mails.creanet.sk/img/blendTest.jpg"
	prod_c_image_link="https://forbes-mails.creanet.sk/img/autoheight.jpeg"
	prod_c_info_line="Matthew McConaughey"
	prod_c_price="399 Kč"
	prod_c_button_url="https://forbes-mails.creanet.sk/"
	prod_c_button_title="Buy now" />

Parameters

Name Description Required
prod_a_title Product (A) Title Yes
prod_a_image_url Product (A) Image Yes
prod_a_image_link Product (A) Image Link No
prod_a_info_line Product (A) Info Line - e.g. Author Name Yes
prod_a_price Product (A) Price Yes
prod_a_button_url Product (A) Button URL - e.g link to the product page Yes
prod_a_button_title Product (A) Button Title Yes
prod_b_title Product (B) Title Yes
prod_b_image_url Product (B) Image Yes
prod_b_image_link Product (B) Image Link No
prod_b_info_line Product (B) Info Line - e.g. Author Name Yes
prod_b_price Product (B) Price Yes
prod_b_button_url Product (B) Button URL - e.g link to the product page Yes
prod_b_button_title Product (B) Button Title Yes
prod_c_title Product (C) Title Yes
prod_c_image_url Product (C) Image Yes
prod_c_image_link Product (C) Image Link No
prod_c_info_line Product (C) Info Line - e.g. Author Name Yes
prod_c_price Product (C) Price Yes
prod_c_button_url Product (C) Button URL - e.g link to the product page Yes
prod_c_button_title Product (C) Button Title Yes

Quote (mc-quote)

Quote block with optional author name, image and description.

<mc-quote
	author_name="[author_name]"
	author_description="[author_description]"
	author_image_url="[author_image_url]">
		[Content]
</mc-quote>
<mc-quote
	author_name="John Doe"
	author_description="CEO of Company"
	author_image_url="https://forbes-mails.creanet.sk/img/avatar.png">
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do <a href="#">adipiscing</a> tempor incididunt ut labore et dolore magna aliqua.
</mc-quote>

Parameters

Name Description Required
author_name Name of the author of the quote No
author_description Description of the author No
author_image_url URL to the image of the author No

Section (mc-section)

Section block with title, it should contain Section Links. Should be inside a full-width block.

<mc-section
	title="[title]">
	<mc-section-links>
		<mc-section-links-item
			url="[url]"
			title="[title]" />
	</mc-section-links>
</mc-section>
<mc-section
	title="The section title">
		
        <mc-section-links>
            <mc-section-links-item url="http://example.com" title="Example link" />
            <mc-section-links-item url="http://example.com" title="Example link" />
            <mc-section-links-item url="http://example.com" title="Example link" />
        </mc-section-links>
    
</mc-section>

Parameters

Name Description Required
title Title of the section Yes

Spacer (mc-spacer)

Spacer block, "empty" block to create space between other blocks.

<mc-spacer
	size="[size]" />
<mc-spacer
	size="40" />

Parameters

Name Description Required
size Size of the spacer in pixels No

Video (mc-video)

Video block, allows to create a section with a title, video preview image with a play button and a link to the video.

<mc-video
	title="[title]"
	video_url="[video_url]"
	preview_image_url="[preview_image_url]" />
<mc-video
	title="The video title"
	video_url="https://forbes-mails.creanet.sk/"
	preview_image_url="https://forbes-mails.creanet.sk/img/fox.jpeg" />

Parameters

Name Description Required
title Title of the video Yes
video_url URL of the video Yes
preview_image_url URL of the preview image Yes