Getting Started

Usage

Landing engine can be used in 2 ways:

As an independent page.
Just write blocks you need and the page will automatically be processed with landing engine.
As a part of any page.
Landing blocks can be inserted into any page to the beginning and/or ending of the page.
Add blocks as usual to any place into "Text" field and wrap all them into special placeholders:
for the beginning:
```
{landing-header}
{block
    ...
}
{block
    ...
}
...
{/landing-header}
```
for the ending:
```
{landing-footer}
{block
    ...
}
{block
    ...
}
...
{/landing-footer}
```

Syntax

There are 2 types of blocks available:

Single block
Such block begins with {block and ends with }. It can have set of parameters with values. Each parameter of each block is described below on the page.

{block
    param1="value1"
    param2="value2"
    ...
}

Quotes syntax
Every parameter must be set in the format param="value", that is a parameter name followed by =, followed by a value wrapped into double quotes ".
Sometimes there is a need to use quote symbols " inside the value. In this case, it must be escaped by putting back slash symbol before it like this: \". Example:

{block
    param1="My text with \" symbol."
    param2="<div class=\"myclass\">bla bla</div>"
}

Clue: HTML can be written using single quote symbols ' as well. Then no escaping is needed. Example:

{block
    param1="<div class='myclass'>bla bla</div>"
}

Important: When using {url page="..."} structure in the value, quote escaping should not be used! Example:

{block
    param1="Here is <a href='{url page="page-reference-id"}'>my URL</a>."
}

Block with inner content
Such block begins with {beginblock ...} and ends with {endblock}. It can have inside other blocks that it supports or can have a raw text, depending on type of block. You can see real examples below on the page.

{beginblock param1="value1" param2="value2" ...}
    {block
        param1="value3"
        param2="value4"
        ...
    }
    {block
        param1="value5"
        param2="value6"
        ...
    }
    ...
{endblock}

A/B Testing

Basic A/B Testing

The A/B testing can be enabled on a home page of the website. When the visitor opens website for the 1st time then he is assigned with one of available versions on that page randomly. After a version assignment his version is saved for him for 7 days and during that period only blocks of appropriate version are shown for him.
To show block on a certain version set abType parameter with appropriate version value of format "Test_id:Letter" (e.g. "a1b2c3:A", where "a1b2c3" is test ID and "A" is test value). If the block does not have "abType" property it will be shown for everybody. The same version can also be assigned for multiple blocks. Example:
```
{block layout="..."
    abType="test1:A"
    ...
}
{block layout="..."
    abType="test1:B"
    ...
}
{block layout="..."
    abType="test1:A"
    ...
}
{block layout="..."
    abType="test1:C"
    ...
}
{block layout="..."
    ...
}
```
Before loading such page, firstly all versions are collected. In this example there are 3 versions available: "A", "B" and "C" all of test "test1".
The visitor is randomly assigned to one of these versions when visits website home page.
If he is assigned to version "A" then blocks 1, 3 and 5 will be shown for him.
If he is assigned to version "B" then blocks 2 and 5 will be shown for him.
If he is assigned to version "C" then blocks 4 and 5 will be shown for him.
Use abType="-" (minus symbol) to the block which should be used for all the rest who were not assigned to any A/B testing letter.

A/B with Specific Limits

Blocks also can be limited by the following options:
- by country — parameter abTypeCountry
  example: abTypeCountry=["US", "IT"]
- by currency — parameter abTypeCurrency
  example: abTypeCurrency=["USD", "EUR"]
- by language — parameter abTypeLanguage
  example: abTypeLanguage=["EN", "BR"]
Limited blocks will be shown only for those clients who match all specified limits in this block, then all not-limited blocks with "abType" property will be ignored for them.
On the other hand, for those clients who do not match limits of any limited block - only not-limited blocks will be shown, and all limited blocks will be ignored for them. Example:
```
{block layout="..."
    abType="test1:A"
    abTypeLanguage=["EN", "RU"]
    ...
}
{block layout="..."
    abType="test1:B"
    abTypeCurrency=["BRL", "EUR"]
    ...
}
{block layout="..."
    abType="test1:C"
    ...
}
{block layout="..."
    ...
}
```
Before loading such page visitor's country, currency and language will be checked.
If the visitor opens website in English or Russian language, then he can only be assigned of version "A" and no other versions are considered for him.
If the visitor opens website in any language but with currency "BRL" or "EUR" then he can only be assigned of version "B".
If the visitor opens website neither in English, nor Russian language + neither with currency "BRL, nor "EUR" then he can only be assigned of version "C".
Blocks can also be limited by device by using abTypeDevice property.
Example:
- abTypeDevice="mobile"
- abTypeDevice="tablet"
- abTypeDevice="desktop"
- abTypeDevice=["desktop","mobile"]
- abTypeDevice=["tablet","desktop"]
- abTypeDevice=["mobile","tablet"]

A/B Preview

To check how the home page of a specific A/B version looks like, open it with an appropriate link:
```
https://site.pro/?ab=test1:A
```
where put any A/B version letter in place of "A".
To open page on another language, open Site.pro home page as usual and choose desired language. Then manually append part "?ab=A" to URL in address bar.

Multiple A/B Tests

To set up multiple tests at once (can be on mulitple pages as well), just use different test IDs. Example:
```
{block layout="..."
    abType="-"
    ...
}
{block layout="..."
    abType="test1:A"
    abTypeCountry="LT"
    ...
}
{block layout="..."
    abType="test1:B"
    abTypeCountry="LT"
    ...
}
{block layout="..."
    abType="test2:C"
    abTypeDevice="mobile"
    abTypeLanguage="TR"
    ...
}
{block layout="..."
    abType="test2:D"
    abTypeDevice="mobile"
    abTypeLanguage="TR"
    ...
}
{block layout="..."
    ...
}
```
Here are 2 tests "test1" and "test2".
Test "test1" has blocks "A" and "B" set up only for LT country.
Test "test2" has blocks "C" and "D" (letters may not necessarily be different) set up for mobile devices and for TR language.
The block with abType="-" (common block) will be shown for all the rest who were not assigned to any of the block from any of the tests.

Custom Langs Pages

(before known as "English only")
If the page has checkbox "Custom langs" enabled, then it will not be supported in all available languages as normal page, but only in those languages which the page will have URLs to.
The "Custom langs" marked page has URL when it has "Custom URL" or "Name" set that language.
To specify custom URL for such page in other languages than English, expand custom URL dropdown next to it and specify values in needed languages each from the new line. Example:
Custom URL is: My-Page and value in dropdown is:
lt: Mano-Puslapis ru: Моя-Страница
Specify the name, title and description in the similar way.

To specify text in other languages, use the same text field with special placeholders. Example:

My text
in English.


---LT---
Mano tekstas
lietuvių kalba.
---/LT---


---RU---
Мой текст
на русском.
---/RU---

Affiliates

Blocks can be shown/hidden for specific referral links.
For example, if you want to show a specific block for those who access Site.pro page with a referral link of some affiliate then use parameter affiliateSessionUserId, like this:

{block layout="..."
    affiliateSessionUserId="123"
    ...
}
{block layout="..."
    affiliateSessionUserId="other"
    ...
}

There the 1st block will be shown only for customers who open referral link of affiliate with ID 123.
Add parameter affiliateSessionUserId="other" to other block(s) if you want to hide it from customers who open referral link of affiliate with ID 123.

Show/Hide Blocks

Blocks can be shown/hidden by the following options:

by country — parameters:
showOnlyForCountry / showForAllCountriesExcept
example: showOnlyForCountry=["US", "IT"]
by currency — parameters:
showOnlyForCurrency / showForAllCurrenciesExcept
example: showOnlyForCurrency=["USD", "EUR"]
by language — parameters:
showOnlyForLanguage / showForAllLanguagesExcept
example: showOnlyForLanguage=["EN", "BR"]
by locale — parameters:
showOnlyForLocale / showForAllLocalesExcept
example: showOnlyForLocale=["lt-lt", "ru-ru", "es-*"]
(where 1st part is language code and 2nd part is country code)
by coupon — parameter
showOnlyForCoupon or showForAllCouponsExcept / showOnlyForNoCoupon
example: showOnlyForCoupon=["give10", "give50"] or showOnlyForNoCoupon="true"
by logged/not logged users — parameter
showOnlyForLogged or showOnlyForNotLogged
example: showOnlyForLogged="true" or showOnlyForNotLogged="true"

Important: Do not confuse these parameters with A/B parameters "abTypeCountry", "abTypeCurrency" and "abTypeLanguage". Parameters "showOnlyFor..." have nothing common with A/B testing whereas parameters "abType..." are used only for A/B testing purpose.

Example 1:

{block layout="..."
    showOnlyForCountry=["US", "IT"]
    ...
}
{block layout="..."
    showOnlyForLanguage=["EN", "RU"]
    ...
}
{block layout="..."
    ...
}

If the visitor opens website from United States or Italy then the block 1 will be shown for him. Coming from other countries the block will not be shown.
If the visitor opens website in English or Russian language then the block 2 will be shown for him. Opening website in other languages the block will not be shown.

Example 2:

{block layout="..."
    showOnlyForLanguage=["EN"]
    ...
}
{block layout="..."
    showForAllLanguagesExcept=["EN"]
    ...
}
{block layout="..."
    ...
}

If the visitor opens website in English, then he will see the 1st block. On all other languages the visitor will see the 2nd block.

Example 3:

{block layout="..."
    showOnlyForLocale=["ru-ru"]
    ...
}
{block layout="..."
    showOnlyForLocale=["lt-lt"]
    ...
}
{block layout="..."
    showForAllLocalesExcept=["ru-ru", "lt-lt", "*-es", "*-br"]
    ...
}
{block layout="..."
    showOnlyForLocale=["*-es", "*-br"]
    ...
}

1st block will be shown only in Russian language for Russia.
2nd block will be shown only in Lithuanian language for Lithuania.
3rd block will be shown for all except Russia in Russian language, Lithuania in Lithuanian language, Spain and Brazil (any language).
4th block will be shown for all in Spain and Brazil (all languages).

* These 4 blocks cover all 100% cases.

Block Headings

Many blocks support parameter "title". When using it in block it will generate heading in that block with one of tags <h1>, <h2>, <h3>, <h4>, <h5> or <h6>.
By default the tag <h2> is used for all blocks supporting "title" parameter except 1st block on page — it uses tag <h1>.

Almost each block supporting parameter "title" also support parameters "titletag" and "titleclass". By default some blocks use their own values of these parameters. If you specify values for these parameters in the text, then default values will be overwritten with your values.

For example, block slider supports "title" parameter, and by default it uses <h2> for "titletag" and <h4> for "titleclass". But if you specify your own values for these parameters, then they will be used instead of default values.

Tags are important for SEO of landing pages. It is recommended to keep only one <h1> tag on the whole page. If you need more <h1>-styled titles on the page, then you should better use combination of titletag="h2" and titleclass="h1".

Translations

In order to use translation variables, add them within "{{...}}" brackets, like this: {{Translation variable}}
If translation variable contains dynamic variables inside ("%s" symbols), they must be replaced using "|" symbol, like this: {{Translation %s variable %s|first replacement|second replacement}}. As a result, the translated text will be: Translation first replacement variable second replacement
Replacement can also be another variable: {{Translation %s variable|{{another variable}}}}
There can be cases when you need to use translation which is not translated to all languages at that time. Then you can add another similar translation as a fallback to the first one after symbol "??", like this: {{First variable ?? Second variable}}. If the first translation is not translated to the particular language, the second translation will be used. Note that even if the second translation is not translated, then it will still be used in the text.
There can be more than one fallback translations: {{First variable ?? Second variable ?? Third translation ?? ...}}
Fallback translation variables can also have dynamic variables inside ("%s" symbols), like this: {{First %s variable ?? Second %s variable|replacement}}

SPML Formatting

Formatting Reference

SPML Formatting

SPML uses a bbCode-like syntax for text formatting. Tags can be categorized into Block Tags (that create block-level elements) and Inline Tags (that format text within content).

Block Tags

Tag	Description	Attributes
`[h1]text[/h1]` `[h2]text[/h2]` `[h3]text[/h3]` `[h4]text[/h4]`	Headings. H1 is the largest, H4 is the smallest.	`align="left\|center\|right"` `class="h1\|h2\|h3\|h4\|h5\|h6"` `underlineFirstLetter="1"` `anchor="text"`
`[p]text[/p]`	Paragraph. If tag is omitted, text is automatically wrapped into paragraph. Example 1: SPML: `My paragraph goes here.` will be converted to HTML: `<p>My paragraph goes here.</p>` Example 2: SPML: `My paragraph goes here. The second line of paragraph.` will be converted to HTML: `<p>My paragraph goes here. <br>The second line of paragraph.</p>` Example 3: SPML: `My paragraph goes here. The second line of paragraph with extra newline above.` will be converted to HTML: `<p>My paragraph goes here.</p> <p>The second line of paragraph with extra newline above.</p>`	`align="left\|center\|right"` `class="text"`
`[hlt]text[/hlt]`	Highlighted paragraph. Renders with a special "highlighted" class.	`align="left\|center\|right"`
`[list]` item1 item2 `[li]`item with`[br]` multiple lines`[/li]` `[/list]`	Lists. Default type is "bullets". Items are defined with dash prefix. Each single-line list item is specified from the new line. If an item has multiple lines, it must be wrapped into `[li]...[/li]` tags. Property "start" uses only with type "numbers"	`type="bullets\|numbers\|letters\|none\|icons\|pyramid\|lower-roman"` `title="text"` `start="5"` `showFirstLetters="1"` `minWidth="200"` `maxWidth="600"` `offset="N"`
`[li]`text`[/li]`	List item with custom styling. Can be nested inside lists. Use `[li]...[/li]` if an item has multiple lines. List item can have nested lists: `[li]` `[list]` sub-item1 sub-item2 `[/list]` `[/li]`	`color="color"` `bgColor="color"` `anchor="text"`
`[table]` cell1\|cell2 cell3\|cell4 `[/table]`	Table. Cells are separated by pipe (\|), rows by newlines. A row starting with `\|\|` is a header row (`<th>`). Cells are `<td>` by default; wrap in `[td]…[/td]` or `[th]…[/th]` to add attributes: `[td colspan="2"]…[/td]`, `[td rowspan="2"]…[/td]`, `[th style="text-align: center;"]…[/th]`. An empty cell can be written as `\| \|` (or explicitly as `[td][/td]`). Rows shorter than the table width are automatically re-padded with empty cells, so a trailing `\| \|` keeps its column instead of merging into the previous one.	`title="text"` `width="N"` `cols="40%;,30%;,30%;"` `# one width per column, drives the <colgroup>#` `border="true\|false"` `firstColAlign="left\|center\|right"` `class="…"` `wrap-class="…"` `style="…"`

Inline Tags

Tag	Description	Attributes
`[b]text[/b]`	Bold text. Renders as `<strong>`.	-
`[i]text[/i]`	Italic text. Renders as `<em>`.	-
`[u]text[/u]`	Underlined text. Renders with CSS text-decoration.	-
`[s]text[/s]`	Strikethrough text. Renders as `<s>`.	-
`[n]text[/n]`	Normal weight text. Removes bold styling.	-
`[sm]text[/sm]`	Smaller text. Renders with "smaller" class.	-
`[sup]text[/sup]`	Superscript text. Renders as `<sup>`.	-
`[sub]text[/sub]`	Subscript text. Renders as `<sub>`.	-
`[color="red"]text[/color]`	Colored text. Color can be name, hex (#f411b4) or rgb().	`color="color"`
`[code]text[/code]`	Tag for code example	-
`[link="URL"]text[/link]`	Link. URL can be absolute, relative, or internal page reference.	`url="URL"` `link="URL"` `title="text"` `type="youtubetime\|video\|js"` `popup="popup-id"` `anchor="text"` `rel="nofollow\|dofollow"` `lang="en"`
`[button link="URL"]label[/button]`	Button. Renders using the same button system as block buttons.	`link="URL"` `color="default\|primary\|success\|info\|warning\|danger\|rose\|violet\|link\|color"` `icon="icon-ID"` `icongroup="tabler\|bootstrap\|..."`
`[icon="icon-ID"]`	Icon. Default icon group is 'tabler'. To find icon IDs: Go to https://tabler.io/icons Type the name of an icon into the enter field Click on the icon that fits visually Copy the name of the icon Add the into the SPML template. Tag has no closing tag For table check/cross icons prefer the content templates `{check}` and `{mark}` — see Content Templates below.	`icon="icon-ID"` `group="tabler\|bootstrap\|flags\|panels\|competitors\|patent\|plugins"` `color="color"` `size="Npx"`
`[image src="URL"]` `[img src="URL"]`	Image. Img is a synonym for image. Tag has no closing tag	`src="URL"` `alt="text"` `url="link URL"` `align="left\|center\|right"` `shadow="true"`

Special Features

Alignment Flags

Add flags at the beginning of text to set default alignment:

//c Some centered text
//l Left aligned
//r Right aligned
//w No text wrap

Vertical Offsets

Add vertical padding to text blocks:

---10---Top offset of 10px
Bottom offset of 10px---10---
Both top and bottom
---10---Top 10px, bottom 20px---20---

Special Markers

// BLOG-HEADER-BLOCK     - Lists of tags for blog articles
// BLOG-NAVIGATION-BLOCK - Previous/Next buttons for blog

Combining Tags

Tags can be nested for combined formatting:

[b][i][u]Combined formatting[/u][/i][/b]
[color="red"][b]Red bold text[/b][/color]

Content Templates

Macros {name} are expanded before SPML parsing. Three predefined templates cover the table check/cross/question icons:

{check} → <i class="block-icon ico-brand-text ti ti-check table-icon-green"></i>   (green check)
{mark}  → <i class="block-icon ico-brand-text ti ti-x table-icon-muted"></i>    (muted cross)
{question} → <i class="block-icon ico-brand-text ti ti-question-mark disabled"></i>  (muted question mark)

Use them instead of [icon …] in comparison tables — the color comes from CSS classes (.table-icon-green, .table-icon-muted, and the global .ti.disabled rule), not from inline styles:

| Basic data | {check} | {check} |
| Item recognition | {mark} | {check} |

Templates are stored in Config → Texts → Templates (pc1_content_templates) and carry two variants:

content — raw HTML, used when the page text contains HTML tags;
content_bb — a BBCode token (e.g. [icon icon="check" group="tabler" class="table-icon-green"]), used on pure-BBCode pages so the text stays SPML-parsable.

Unknown macros and longer words ({checking}, {markdown}) are left untouched.

Examples

Basic text formatting

{beginblock layout="text"}
[h1]Welcome to Our Site[/h1]
[p align="center"]
    This is a [b]bold[/b] and [i]italic[/i] paragraph.
    You can also use [link="https://google.com"]links[/link].
[/p]
[h2]Features[/h2]
[list type="bullets" title="Our Features:"]
- Feature one
- Feature two
- Feature three
[/list]
{endblock}

Complex list with icons

[list type="icons" iconCode="00c" iconColor="green" title="Checklist:"]
- First item
- Second item
- Third item
[/list]

Table with formatting

[table title="Pricing Plans" border="true" cols="40%;,30%;,30%;"]
|| | [th][/th] | [th]Basic[/th] | [th]Pro[/th] |
| Price | $9.99 | $19.99 |
| Custom domain | {check} | {check} |
| White label | {mark} | {check} |
[/table]

Highlighted sections

[hlt align="center"]
This is a highlighted paragraph that stands out from regular content.
It can be used for important notices or callouts.
[/hlt]

Click here to see usage examples.

Templates

block_accounting_have_any_questions

{beginblock layout="row" 
    valign="top"
    maxwidth="1200px"
    mobilereversedirection="true" 
    blockcolor="{blockcolor}"
    title="{{Have any Questions?}}"
}
	
	{beginblock layout="column" backgroundsize="cover" }
	    {block layout="image"
    	    showForAllLanguagesExcept=["RU", "LT"]
            image="assets/img/site/accounting/banner_faq_en_.svg"
            alt="All the answers in the &quot;Knowledge Base&quot;"
        	imagewidth="535px"
        	imagealign="center"
        	shadow="true"
		}
	
	    {block layout="image"
    	    showOnlyForLanguage=["RU"]
            image="assets/img/site/accounting/banner_faq_ru_.svg"
            alt="All the answers in the &quot;Knowledge Base&quot;"
        	imagewidth="535px"
        	imagealign="center"
        	shadow="true"
		}
		
	    {block layout="image"
    	    showOnlyForLanguage=["LT"]
            image="assets/img/site/accounting/banner_faq_lt.svg"
            alt="All the answers in the &quot;Knowledge Base&quot;"
        	imagewidth="535px"
        	imagealign="center"
        	shadow="true"
		}
	
	{endblock}
	
	{beginblock layout="column"}
        {beginblock layout="text" width="auto" textcolor="#595959"}
        
            {{All answers to questions, educational videos, instructions and examples in one place — in the Knowledge Base}}.
                
            [button buttonsize="lg" textcolor="#fff" link="{url page="{url_page}"}"]{text_page}[/button]
            
        {endblock}
	
	{endblock}
	
{endblock}

block_accounting_have_any_questions_r

{beginblock layout="row" valign="top" maxwidth="1200px" mobilereversedirection="true" blockcolor="{blockcolor}"
    title="{{Have any Questions?}}"}
	
	{beginblock layout="column"}
        {beginblock layout="text" width="auto" textcolor="#595959"}
        
            {{All answers to questions, educational videos, instructions and examples in one place — in the Knowledge Base}}.
                
            [button buttonsize="lg" textcolor="#fff" link="{url page="{url_page}"}"]{text_page}[/button]
            
        {endblock}
	
	{endblock}
	
	{beginblock layout="column" backgroundsize="cover"}
	    {block layout="image"
	    showForAllLanguagesExcept=["RU", "LT"]
        image="assets/img/site/accounting/banner_faq_en_.svg"
        alt="All the answers in the &quot;Knowledge Base&quot;"
    	imagewidth="535px"
    	imagealign="center"
    	shadow="true"
		}
	
		    {block layout="image"
	    showOnlyForLanguage=["RU"]
        image="assets/img/site/accounting/banner_faq_ru_.svg"
        alt="All the answers in the &quot;Knowledge Base&quot;"
    	imagewidth="535px"
    	imagealign="center"
    	shadow="true"
		}
		
			    {block layout="image"
	    showOnlyForLanguage=["LT"]
        image="assets/img/site/accounting/banner_faq_lt.svg"
        alt="All the answers in the &quot;Knowledge Base&quot;"
    	imagewidth="535px"
    	imagealign="center"
    	shadow="true"
		}
	{endblock}
	
{endblock}

block_accounting_integration_easystart

{block layout="main"
	title="{{“Easy Start”}} – {roundB1Currency="250€"}"
	titletag="h2"
	subtitle="({{%s returns to your accounting software balance|{roundB1Currency="150€"}|}})"
	textcolor="white"
    numtextlist=[ ordered list with numbers.
        "{{The customer installs the plugin (or cash register)}};"
        "{{Training is provided on how to connect the software with an online store or a cash register}};"
        "{{Initial settings are performed in the Site.pro accounting program}}."
     ]	
    buttontext="{{Book training}}"
    buttonlink="{url page="faq/54464" lang="lt"}"
    
	blockHeight="400px"
	blockcolor="#2196F3"
    colorImageBg="#2196F3"
    colorImageFg="#61B9FF"
    colorImageFg2="#61B9FF"
    colorImageFg1="#61B9FF"
    colorImageFg4="#61B9FF"
	linecolor="#dfdfdf"
}

block_accounting_integration_price

{beginblock layout="row"
    maxwidth="1200"
    valign="middle" 
    blockcolor="#F1F1F1"
	title="{{How much will integration with Site.pro cost?}}"
}
	{beginblock layout="column" size="3" sizeMedium="12"}
        {beginblock layout="text" width="auto"} 
            [p class="h3"]{{%s/month|{roundB1Currency="76€"}|}}[/p]
        {endblock}
	{endblock}
	{beginblock layout="column" size="9" sizeMedium="12"}
        {beginblock layout="text" width="auto"}
        
{{Integration for a %snew Site.pro client%s costs extra|[b]|[/b]}}:
  
[list]
                {{%s/month|{roundB1Currency="7€"}|}} — {{company accounting %sdatabase%s|[link="accounting-prices/#spp-company-accounting-database" target="_blank"]|[/link]}}
                {{%s/month|{roundB1Currency="19€"}|}} — {{user plan %s"Minimal"%s or higher|[link="accounting-prices#users" target="_blank"]|[/link]}}
                {{%s/month|{roundB1Currency="50€"}|}} — {{%sintegration%s with unlimited number of warehouses|[link="accounting-prices/#integrations" target="_blank"]|[/link]}}
            [/list]

            {{If you already have an integration package, this %sservice connection is free%s|[b]|[/b]}}.
        {endblock}
    {endblock}
    
	{beginblock layout="column" size="12" sizeMedium="12"}
	    {beginblock 
	        layout="text" 
	        width="100%"
        }
            [p align="center"]
                [button buttonsize="lg" align="center" type="signup"]{{Start using}}[/button] 
            [/p]
	    {endblock}
	{endblock}
{endblock}

block_accounting_other_integrations

{block layout="plugins"
    blockcolor="#F1F1F1"
    category="accounting"
	title="{{Other integrations}}"
	type="additional"
	noGroupTitle="true"
}

block_accounting_plugins_for_e_shops

{block layout="plugins"
    category="accounting"
	title="{{Plugins for e-shops}}"
	type="eshop"
	noGroupTitle="true"
}

block_builder_compatible_with

{beginblock layout="row" valign="top" maxwidth="1200px" mobilereversedirection="true" blockcolor="#FFFFFF"
    title="{{Compatible with}}"}
	{beginblock layout="column" backgroundsize="cover"}
	    {block layout="image"
        image="assets/img/site/products/ecommerce/banner_panels-new.svg?ts=20250905155722"
        alt="{{Wide Range of Panels Options}}"
    	imagewidth="535px"
    	imagealign="center"
    	shadow="true"
		}
	{endblock}
	
	{beginblock layout="column"}
        {beginblock layout="text" width="auto" textcolor="#595959"} 
        [b]{{Hosting Panels & API}}:[/b] 
        [list]
        cPanel, Plesk, DirectAdmin, ispmanager, Webuzo, InterWorx, CentOS Web Panel, Hosting Controller, Vesta, ZPanel, Hestia, LiveConfig, API
        [/list]
        
        [b]{{Billing Panels & API}}:[/b] 
        [list]
        WHMCS, Blesta, API
        [/list]
        [button buttonsize="lg" link="{url page="landing/panels"}"]{{Show more}} (20+)[/button]
        
        
        {endblock}
	{endblock}
	
{endblock}

block_builder_ecommerce

{beginblock layout="row" valign="top" maxwidth="1200px" mobilereversedirection="true" 
    title="{{E-commerce Builder for Business}}"}
	{beginblock layout="column" backgroundsize="cover"}
	    {block layout="image"
        image="assets/img/site/products/ecommerce/banner_e-commerce-2.svg?ts=20250527162620"
    	imagewidth="535px"
    	imagealign="center"
    	alt="{{E-commerce Builder for Business}}"
    	shadow="true"
		}
	{endblock}
	
	{beginblock layout="column"}
        {beginblock layout="text" width="auto" textcolor="#595959"}
        {{Sell different types of goods or services in one shop}}.
         {{E-commerce Features}}:
       [list]
                                {{Dynamic Unlimited Attributes}}
                                {{1-Click Purchasing}}
                                {{Wide Range of Payment Options}}
                                {{Stock Management}}
                                {{Product Variants Setup}}
                                {{Customisable Tax System}}
      [/list]
                
            [button buttonsize="lg" link="landing/ecommerce"]{{Show more}}[/button]
            
        {endblock}
	{endblock}
	
{endblock}

block_builder_many_plugins

{beginblock layout="row" valign="top" maxwidth="1200px" blockcolor="{backcolor}"
    title="{{Many Plugins}}"}
	
	{beginblock layout="column"}
        {beginblock layout="text" width="auto" textcolor="#595959"}
            {{Many functions and plugins depending on geographical preferenses}}.
            {{Frequently Used}}:
                [list]
                {{Wide Range of Payment Options}}: 40+
                {{Languages}}: 50+
                {{Social}}: 10+
                {{Maps}}: 7
                [/list]
                {{Launch a website in different languages}}

            [button link="plugin-list"]{{Show more}}[/button]
            
        {endblock}
	{endblock}
		{beginblock layout="column" backgroundsize="cover"}
	    {block layout="image"
	    alt="{{Wide Range of Payment Options}}"
        image="assets/img/site/products/ecommerce/banner_plugin-new.svg?ts=20250527151932"
    	imagewidth="535px"
    	imagealign="center"
    	shadow="true"
		}
	{endblock}
	
{endblock}

block_builder_product_features

{beginblock layout="feature_list" title="{{Product Features}}" offsettop="40" offsetbottom="48"}
		{block layout="feature"
        name="{{E-commerce}}"
	    text="{{Sell your goods or services anywhere on the website}}"
        icon="shopping-cart"
        icongroup="tabler"
	    link="{url page="landing/ecommerce"}"
   }  
    {block layout="feature"
        name="{{AI Website Builder}}"
	    text="{{Create your website easily and for free with AI}}"
        icon="sparkles-2"
        icongroup="tabler"
        link="{url page="ai-website-builder"}"
    }
    {block layout="feature"
        name="{{Website Import}}"
	    text="{{Website import from different builders}}"
        icon="download"
	    icongroup="tabler"
	    link="{url page="landing/import"}"
   }
    {block layout="feature"
        name="{{Collaboration}}"
	    text="{{Create a website with teammates in real-time in one space}}"
        icon="users-group"
        icongroup="tabler"
        link="{url page="collaboration"}"
   }
    {block layout="feature"
        name="{{%d templates|200}}"
	    text="{{Newest Templates and Updates}}"
        icon="photo"
        icongroup="tabler"
	    link="{url page="landing/alltemplates"}"
    }
    {block layout="feature"
        name="{{Many Plugins}}"
	    text="{{Many functions and plugins depending on geographical preferenses}}"
        icon="puzzle"
        icongroup="tabler"
	    link="{url page="plugin-list"}"
   }
    {block layout="feature" blockcolor="5833a4"
		name="{{SEO}}"
		text="{{Make your website more visible for search engines by using our SEO}}"
		icon="list-search"
		icongroup="tabler"
        link="{url page="blogpage/how-to-make-an-seo-friendly-website-everything-you-need-to-know"}"
    }
    {block layout="feature"
        name="{{%s languages|50}}"
	    text="{{Localised product (local language, plugins, payment gateways, …)}}"
        icon="language"
        icongroup="tabler"
	    link="{url page="landing/languages"}"
    }
    {block layout="feature"
        name="{{Easy To Use}}"
	    text="{{Easy to use site builder}}"
        icon="heart"
	    icongroup="tabler"
	    link="{url page="landing/Features" anchor="{{Easy to use site builder}}"}"
    }

{endblock}

block_builder_videos

{beginblock layout="video_list" offsetbottom="0"}
	{block layout="video"
	className="card-shadow bold"
		youtube="https://www.youtube.com/embed/jzbqVK8s6jI?si=AEH9X_yWrWJFhJtO?rel=0&amp;showinfo=0&amp;vq=hd720"
		youtubetitle="Create & Manage Websites With AI"
		youku="http://player.youku.com/embed/XMzUxNjA0OTUwMA=="
		videowidth="840"
		text="{{Create & Manage Websites With AI}}"
	}
	{block layout="video"
	className="card-shadow bold"
		youtube="https://www.youtube.com/embed/_zC6iWDSIEQ?si=kxpamoRajEJJlmZf?rel=0&amp;showinfo=0&amp;vq=hd720"
		youtubetitle="AI Website Builder for cPanel, DirectAdmin, Plesk, etc."
		youku="http://player.youku.com/embed/XMjY2MDIwMzEyOA=="
		videowidth="840"
		text="{{AI Website Builder for cPanel, DirectAdmin, Plesk, etc.}}"

	}
{endblock}

block_info

[block class="padding-xs-v"][block class="callout callout-info padding-xs no-margin"]{text}[/block][/block]

block_warning

[block class="padding-xs-v"][block class="callout callout-warning padding-xs no-margin"]{text}[/block][/block]

check

[icon icon="check" group="tabler" class="table-icon-green"]

faq_advanced

[list]
[b]Adding {element}[/b]:
[list]
Drag and drop "Advanced" from [link="{url page="faq/3820"}" target="_blank" ]main toolbar[/link];
Choose {element} composition;
Write your {text} in right toolbar.[/list]
[/list]

---RU---
[list]
[b]Добавление {element}[/b]:
[list]
Перетащите «Расширенные функции» с главной панели инструментов;
Выберите шаблон {element};
Впишите {text} на правой панели инструментов.[/list]
[/list]
---/RU---

---LT---
[list]
[b]{element} pridėjimas[/b]:
[list]
Nuvilkite „Papildomos f-jos" iš pagrindinės įrankių juostos;
Pasirinkite {element} šabloną;
Parašykite savo {text} dešinėje įrankių juostoje.[/list]
[/list]
---/LT---

---ES---
[list]
[b]Agregar {element}[/b]:
[list]
Arrastrar y soltar "Avanzado" de la [link="{url page="faq/3820"}" target="_blank" ]barra de herramientas principal[/link];
Elige la composición {element} ;
Escribe tu {text} en la barra de herramientas derecha.[/list]
[/list]
---/ES---

---PT---
[list]
[b]Adicionar {element}[/b]:
[list]
Arraste e solte "Avançado" da [link="{url page="faq/3820"}" target="_blank" ]barra de ferramentas principal[/link];
Escolha a composição {element};
Insira o {text} na barra de ferramentas à direita.[/list]
[/list]
---/PT---

---DE---
[list]
[b]Hinzufügen von {element}[/b]:
[list]
Ziehen Sie "Erweitert" per Drag & Drop aus der [link="{url page="faq/3820"}" target="_blank" ]Hauptsymbolleiste[/link];
Wählen Sie die {element}-Komposition aus;
Geben Sie Ihren {text} in der rechten Symbolleiste ein.[/list]
[/list]
---/DE---

faq_gallery

[list type=1]
[b]To add the gallery[/b]:
[list type=1]
Drag & drop "Gallery" from main toolbar;
Choose {type} gallery composition;
Select gallery and click pictures editing button fa-pencil in right toolbar;
Click "Add Pictures" to upload pictures.
Click "Size" in right toolbar;
Set gallery size or select "Allow to adjust size automatically".[/list]
[/list]

---RU---
[list type=1]
[b]Чтобы добавить галерею[/b]:
[list type=1]
Перетащите «Галерея» с главной панели инструментов;
Выберите шаблон галереи {type};
Выберите галерею и нажмите кнопку редактирования изображений fa-pencil на правой панели инструментов;
Нажмите «Добавить фотографии», чтобы загрузить изображения;
Нажмите «Размер» на правой панели инструментов;
Установите размер галереи или выберите «Разрешить автонастройку размера».[/list]
[/list]
---/RU---

---LT---
[list type=1]
[b]Galerijos pridėjimas[/b]:
[list type=1]
Nuvilkite „Galeriją" iš pagrindinės įrankių juostos;
Pasirinkite galerijos šabloną „{type}";
Pasirinkite galeriją ir dešinėje įrankių juostoje spustelėkite paveikslėlių redagavimo mygtuką fa-pencil;
Norėdami įkelti nuotraukas, spustelėkite „Pridėti paveiksliukų";
Dešinėje įrankių juostoje spustelėkite „Dydis";
Nustatykite galerijos dydį arba pasirinkite „Leisti automatiškai reguliuoti dydį".[/list]
[/list]
---/LT---

---ES---
[list type=1]
[b]Agregar galería[/b]:
[list type=1]
Arrastrar y soltar "Galería" desde la barra de herramientas principal;
Elija {tipo} de composición de la galería;
Seleccione la galería y haga clic en el botón de edición de imágenes fa-pencil en la barra de herramientas derecha;
Haga clic en "Agregar imágenes" para cargar imágenes;
Haga clic en "Tamaño" en la barra de herramientas de la derecha;
Establezca el tamaño de la galería o seleccione "Permitir ajustar el tamaño automáticamente".[/list]
[/list]
---/ES---

---PT---
[list type=1]
[b]Adicionar galeria[/b]:
[list type=1]
Arraste e solte a "Galeria" da barra de ferramentas principal;
Escolha o {tipo} de composição da galeria;
Selecione a galeria e clique no botão "Editar imagens" fa-pencil na barra de ferramentas à direita;
Clique em "Adicionar imagens" para carregar imagens;
Clique em "Tamanho" na barra de ferramentas à direita;
Ajuste o tamanho da galeria ou selecione "Permitir redimensionamento automático".[/list]
[/list]
---/PT---

---DE---
[list type=1]
[b]Galerie hinzufügen[/b]:
[list type=1]
Ziehen Sie "Galerie" per Drag & Drop aus der Hauptsymbolleiste;
Wählen Sie die {type}-Galerie-Komposition aus;
Wählen Sie die Galerie aus und klicken Sie auf die Schaltfläche für die Bildbearbeitung fa-pencil in der rechten Symbolleiste;
Klicken Sie auf "Bilder hinzufügen", um Bilder hochzuladen;
Klicken Sie in der rechten Symbolleiste auf "Größe";
Legen Sie die Galeriegröße fest oder wählen Sie "Größe automatisch anpassen".[/list]
[/list]
---/DE---

faq_header

[list type=1]
[b]Adding {element}[/b]:
[list type=1]
Drag and drop {element} from [link="{url page="faq/3820"}" target="_blank" ]main toolbar[/link];
Choose {element} composition;[/list]
[/list]

---RU---
[list type=1]
[b]Добавьте {element}[/b]:
[list type=1]
Перенесите {element} с [link="{url page="faq/3820"}" target="_blank" ]главной панели инструментов[/link];
Выберете композицию {element};[/list]
[/list]
---/RU---

---LT---
[list type=1]
[b]{element_lt} pridėjimas[/b]:
[list type=1]
Nuvilkite {element} iš [link="{url page="faq/3820"}" target="_blank" ]pagrindinės įrankių juostos[/link];
Pasirinkite {element} kompoziciją;[/list]
[/list]
---/LT---

---DE---
[list type=1]
[b]Hinzufügen von {element}[/b]:
[list type=1]
Ziehen Sie {element} per Drag & Drop aus der [link="{url page="faq/3820"}" target="_blank" ]Hauptsymbolleiste[/link];
Wählen Sie die {element}-Komposition aus;[/list]
[/list]
---/DE---

faq_image_inline

[image src="{link}" shadow="true" align="center" alt="{alt_informatio}"]

faq_image_large

[image src="{link}" shadow="true" imagewidth="100%" align="center" alt="{alt_informatio}"]

faq_image_small

[image src="{link}" shadow="true" imagewidth="535" align="center" alt="{alt_informatio}"]

faq_link

[link="{url page="faq/{id}"}" target="_blank"]{link_text}[/link]

faq_map

[list]
[b]Adding {map} maps[/b]:
[list]
Drag & drop "Maps" from [link="{url page="faq/3820"}" target="_blank" ]main toolbar[/link];
Choose {map} maps composition;
Write {text} in right toolbar.[/list]

[b]Customising maps[/b]:
[list]
[b]Zoom level[/b]:
[p]Set zoom level in right toolbar.[/p]

[b]Size[/b]:
[p]Set map size or "Allow to adjust size automatically" in right toolbar.[/p]
[/list]
[/list]

---RU---
[list]
[b]Добавление {map} карты[/b]:
[list]
Перенесите «Карты» с главной панели инструментов;
Выберете шаблон {map} карты;
Напишите {text} в правой панели инструментов.[/list]

[b]Настройка карты[/b]:
[list]
[b]Уровень масштабирования[/b]:
[p]Установите уровень масштабирования на правой панели инструментов.[/p]

[b]Размер[/b]:
[p]Отрегулируйте размер макета или «Разрешить автонастройку размера» на правой панели инструментов.[/p]
[/list]
[/list]
---/RU---

---LT---
[list]
[b]{map} žemėlapių pridėjimas[/b]:
[list]
Nuvilkite „Žemėlapiai" iš pagrindinės įrankių juostos;
Pasirinkite {map} žemėlapių šabloną;
Parašykite {text} dešinėje įrankių juostoje.[/list]

[b]Žemėlapių tinkinimas[/b]:
[list]
[b]Priartinimo lygis[/b]:
[p]Dešinėje įrankių juostoje nustatykite priartinimo lygį.[/p]

[b]Dydis[/b]:
[p]Koreguokite išdėstymo dydį arba pasirinkite „Leisti automatiškai reguliuoti dydį" dešinėje įrankių juostoje.[/p]
[/list]
[/list]
---/LT---

---ES---
[list]
[b]Agregar {mapa} mapas[/b]:
[list]
Arrastra y suelta el elemento "Mapas" desde la [link="{url page="faq/3820"}" target="_blank" ]barra de herramientas principal[/link];
Elige una composición de {map} Google Maps;
Escribe {text} en la barra de herramientas derecha.[/list]

[b]Personalizar mapas[/b]:
[list]
[b]Nivel de zoom[/b]:
[p]Configura el nivel de zoom en la barra de herramientas derecha.[/p]

[b]Tamaño[/b]:
[p]Ajusta el tamaño del mapa o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.[/p]
[/list]
[/list]
---/ES---

---PT---
[list]
[b]Adicionando {map} mapas[/b]:
[list]
Arraste e solte o elemento "Mapas" da [link="{url page="faq/3820"}" target="_blank" ]barra de ferramentas principal;[/link];
Escolha a composição de {map} Google Maps;
Escreva {text}na barra de ferramentas direita.[/list]

[b]Personalizando mapas[/b]:
[list]
[b]Nível de zoom[/b]:
[p]Defina o nível de zoom na barra de ferramentas direita.[/p]

[b]Tamanho[/b]:
[p]Defina o tamanho do mapa ou "Permitir ajustar o tamanho automaticamente" na barra de ferramentas direita.[/p]
[/list]
[/list]
---/PT---

---DE---
[list]
[b]Hinzufügen von {map}-Karten[/b]:
[list]
Ziehen Sie "Karten" per Drag & Drop aus der [link="{url page="faq/3820"}" target="_blank" ]Hauptsymbolleiste[/link];
Wählen Sie die {map}-Karten-Komposition aus;
Geben Sie {text} in der rechten Symbolleiste ein.[/list]

[b]Anpassen von Karten[/b]:
[list]
[b]Zoomstufe[/b]:
[p]Legen Sie die Zoomstufe in der rechten Symbolleiste fest.[/p]

[b]Größe[/b]:
[p]Legen Sie die Kartengröße fest oder aktivieren Sie "Größe automatisch anpassen" in der rechten Symbolleiste.[/p]
[/list]
[/list]
---/DE---

faq_media

[list]
[b]Adding {element}[/b]:
[list]
Drag & drop "Media" from [link="{url page="faq/3820"}" target="_blank" ]main toolbar[/link];
Choose {element} composition;
Write {text} in right toolbar.[/list]

[b]Customising video[/b]:
[list]
[b]Size[/b]:
[p]Adjust video size or "Allow to adjust size automatically" in right toolbar.[/p]
[/list]
[/list]

---RU---
[list]
[b]Добавление {element}[/b]:
[list]
Перетащите «Медиа» с [link="{url page="faq/3820"}" target="_blank" ]главной панели инструментов[/link];
Выберите {element} шаблон;
Напишите {text} в правой панели инструментов.[/list]

[b]Настройка видео[/b]:
[list]
[b]Размер[/b]:
[p]Установите размер видео или выберите «Разрешить автонастройку размера».[/p]
[/list]
[/list]
---/RU---

---LT---
[list]
[b]{element} pridėjimas[/b]:
[list]
Nuvilkite „Mediją" iš [link="{url page="faq/3820"}" target="_blank" ] pagrindinės įrankių juostos[/link];
Pasirinkite {element} šabloną;
Parašykite {text} dešinėje įrankių juostoje.[/list]

[b]Video tinkinimas[/b]:
[list]
[b]Dydis[/b]:
[p]Nustatykite video įrašo dydį arba pasirinkite „Leisti automatiškai reguliuoti dydį".[/p]
[/list]
[/list]
---/LT---

---ES---
[list]
[b]Agregar {element} [/b]:
[list]
Arrastra y suelta "Multimedia" desde [link="{url page="faq/3820"}" target="_blank" ]la barra de herramientas principal;[/link]
Elige la composición de YouTube;
Escribe la "URL o ID" del video en la barra de herramientas derecha.[/list]

[b]Personalizar video[/b]:
[list]
[b]Tamaño[/b]:
[p]Ajusta el tamaño del video o selecciona "Permitir ajuste automático del tamaño" en la barra de herramientas derecha.[/p]
[/list]
[/list]
---/ES---

---PT---
[list]
[b]Adicionar {element} [/b]:
[list]
Arraste e solte "Multimídia" de [link="{url page="faq/3820"}" target="_blank" ]barra de ferramentas principal;[/link]
Escolha a composição do {element};
Digite o "URL ou ID" do vídeo na barra de ferramentas à direita.[/list]

[b]Personalizar o vídeo[/b]:
[list]
[b]Tamanho[/b]:
[p]Ajuste o tamanho do vídeo ou selecione "Permitir redimensionamento automático" na barra de ferramentas à direita.[/p]
[/list]
[/list]
---/PT---

---DE---
[list]
[b]Hinzufügen von {element}[/b]:
[list]
Ziehen Sie "Medien" per Drag & Drop aus der [link="{url page="faq/3820"}" target="_blank" ]Hauptsymbolleiste[/link];
Wählen Sie die {element}-Komposition aus;
Geben Sie {text} in der rechten Symbolleiste ein.[/list]

[b]Video anpassen[/b]:
[list]
[b]Größe[/b]:
[p]Passen Sie die Videogröße an oder aktivieren Sie "Größe automatisch anpassen" in der rechten Symbolleiste.[/p]
[/list]
[/list]
---/DE---

faq_payment_gateway_single_order

[list type=1]
[b]Adding {payment_gateway} as a single-order button[/b]:
[list type=1]
Drag & drop "Commerce" from [link="{url page="faq/3820"}" target="_blank" ]main toolbar[/link];
Choose {payment_gateway} composition;
Write {api} in right toolbar.[/list]

[b]Customising a single-order button[/b]:
[list]
[b]Item description[/b]:
Write {item_description} in right toolbar.

[b]Price[/b]:
Write product price and currency in right toolbar.

[b]Size[/b]:
Set element size or "Allow to adjust size automatically" in right toolbar.

{item_extra}
[/list]
[/list]

---RU---
[list type=1]
[b]Добавление {payment_gateway} как кнопки разового заказа[/b]:
[list type=1]
Перетащите «Коммерция» с главной панели инструментов;
Выберите шаблон {payment_gateway};
Напишите {api} на правой панели инструментов.[/list]

[b]Настройка кнопки разового заказа[/b]:
[list]
[b]Описание товара[/b]:
Напишите {item_description} на правой панели инструментов.

[b]Цена[/b]:
Напишите цену продукта и валюту на правой панели инструментов.

[b]Размер[/b]:
Установите размер линии или выберите «Разрешить автонастройку размера» на правой панели инструментов.

{item_extra}
[/list]
[/list]
---/RU---

---LT---
[list type=1]
[b]{payment_gateway} – vieno užsakymo mygtuko pridėjimas[/b]:
[list type=1]
Nuvilkite „Komercija" iš pagrindinės įrankių juostos;
Pasirinkite {payment_gateway} šabloną;
Parašykite {api} dešinėje įrankių juostoje.[/list]

[b]Vieno užsakymo mygtuko tinkinimas[/b]:
[list]
[b]Prekės aprašymas[/b]:
Parašykite {item_description} dešinėje įrankių juostoje.

[b]Kaina[/b]:
Parašykite prekės kainą ir valiutą dešinėje įrankių juostoje.

[b]Dydis[/b]:
Dešinėje įrankių juostoje nustatykite linijos dydį arba pasirinkite „Leisti automatiškai reguliuoti dydį".

{item_extra}
[/list]
[/list]
---/LT---

---ES---
[list type=1]
[b]Agregar {payment_gateway} como botón de pedido único[/b]:
[list type=1]
Arrastra y suelta "Comercio" desde la [link="{url page="faq/3820"}" target="_blank" ]barra de herramientas principal[/link];
Elige la composición de {payment_gateway} ;
Escribe el {api} en la barra de herramientas derecha.[/list]

[b]Personalizar un botón de pedido único[/b]:
[list]
[b]Descripción del artículo[/b]:
Escribe el {item_description}en la barra de herramientas derecha.

[b]Precio[/b]:
Escribe el precio del producto y la moneda en la barra de herramientas derecha.

[b]Tamaño[/b]:
Configura el tamaño del elemento o selecciona "Permitir ajustar el tamaño automáticamente" en la barra de herramientas derecha.

{item_extra}
[/list]
[/list]
---/ES---

---PT---
[list type=1]
[b]Adicionar {payment_gateway} como botão de pedido único[/b]:
[list type=1]
Arraste e solte "Comércio" da [link="{url page="faq/3820"}" target="_blank" ]barra de ferramentas principal[/link];
Escolha a composição {payment_gateway};
Insira o {api} na barra de ferramentas à direita.[/list]

[b]Personalizar um botão de pedido único[/b]:
[list]
[b]Descrição do item[/b]:
Escreva o {item_description} na barra de ferramentas à direita.

[b]Preço[/b]:
Insira o preço do produto e a moeda na barra de ferramentas à direita.

[b]Tamanho[/b]:
Defina o tamanho do elemento ou selecione "Permitir ajustar tamanho automaticamente" na barra de ferramentas à direita.

{item_extra}
[/list]
[/list]
---/PT---

---DE---
[list type=1]
[b]Hinzufügen von {payment_gateway} als Einzelbestellungs-Schaltfläche[/b]:
[list type=1]
Ziehen Sie "Commerce" per Drag & Drop aus der [link="{url page="faq/3820"}" target="_blank" ]Hauptsymbolleiste[/link];
Wählen Sie die {payment_gateway}-Komposition aus;
Geben Sie {api} in der rechten Symbolleiste ein.[/list]

[b]Anpassen einer Einzelbestellungs-Schaltfläche[/b]:
[list]
[b]Artikelbeschreibung[/b]:
Geben Sie {item_description} in der rechten Symbolleiste ein.

[b]Preis[/b]:
Geben Sie den Produktpreis und die Währung in der rechten Symbolleiste ein.

[b]Größe[/b]:
Legen Sie die Elementgröße fest oder aktivieren Sie "Größe automatisch anpassen" in der rechten Symbolleiste.

{item_extra}
[/list]
[/list]
---/DE---

faq_payment_gateway_store_module

[b]Adding {payment_gateway} with store module[/b]:
[list type=1]
Drag & drop "Commerce" from [link="{url page="faq/3820"}" target="_blank" ]main toolbar[/link];
Choose shopping cart composition;
Select "Payment Gateways" in right toolbar;
Select {payment_gateway} and click "Enabled" on top of window to add to payment gateways;
Write {payment_gateway} {api} to connect payment gateway to your {payment_gateway} account.
{item_extra}
[/list]

---RU---
[b]Добавление {payment_gateway} с модулем магазина[/b]:
[list type=1]
Перетащите «Коммерция» с главной панели инструментов;
Выберите шаблон «Корзина»;
Выберите «Платежные шлюзы» на правой панели инструментов;
Выберите {payment_gateway} и нажмите «Включено» на правой панели инструментов, чтобы добавить в платежные шлюзы;
Напишите {payment_gateway} {api} для подключения платежного шлюза к вашему аккаунту {payment_gateway}.
{item_extra}
[/list]
---/RU---

---LT---
[b]{payment_gateway} pridėjimas su parduotuvės moduliu[/b]:
[list type=1]
Nuvilkite „Komercija" iš pagrindinės įrankių juostos;
Pasirinkite „Pirkinių krepšelio" šabloną;
Dešinėje įrankių juostoje pasirinkite „Mokėjimo būdai";
Dešinėje įrankių juostoje pasirinkite {payment_gateway} ir dešinėje įrankių juostoje spustelėkite „Įjungtas", kad pridėtumėte prie mokėjimo būdų;
Parašykite {payment_gateway} {api} norėdami prijungti mokėjimo būdą prie savo {payment_gateway} paskyros.
{item_extra}
[/list]
---/LT---

---ES---
[b]Agregar {payment_gateway} con el módulo de tienda[/b]:
[list type=1]
Arrastra y suelta "Comercio" desde la [link="{url page="faq/3820"}" target="_blank" ]barra de herramientas principal[/link];
Elige la composición del carrito de compras;
Selecciona "Métodos de pago" en la barra de herramientas derecha;
Selecciona {payment_gateway} y haz clic en "Activar" en la parte superior de la ventana para agregarlo a los métodos de pago;
Escribe tu  información de {payment_gateway} {api} para conectar la pasarela de pago a tu cuenta de {payment_gateway}.
[/list]
---/ES---

---PT---
[b]Adicionar {payment_gateway} com o módulo de loja[/b]:
[list type=1]
Arraste e solte "Comércio" da [link="{url page="faq/3820"}" target="_blank" ]barra de ferramentas principal[/link];
Escolha a composição do carrinho de compras;
Selecione "Método de Pagamento" na barra de ferramentas à direita;
Selecione {payment_gateway} e clique em "Ativado" no topo da janela para adicioná-lo aos Métodos de pagamento;
Insira as informações do {payment_gateway} {api} para conectar o método de pagamento {payment_gateway} à sua conta.
[/list]
---/PT---

---DE---
[b]Hinzufügen von {payment_gateway} mit Store-Modul[/b]:
[list type=1]
Ziehen Sie "Commerce" per Drag & Drop aus der [link="{url page="faq/3820"}" target="_blank" ]Hauptsymbolleiste[/link];
Wählen Sie die Warenkorb-Komposition aus;
Wählen Sie "Zahlungsgateways" in der rechten Symbolleiste aus;
Wählen Sie {payment_gateway} aus und klicken Sie oben im Fenster auf "Aktiviert", um es zu den Zahlungsgateways hinzuzufügen;
Geben Sie {api} von {payment_gateway} ein, um das Zahlungsgateway mit Ihrem {payment_gateway}-Konto zu verbinden.
[/list]
---/DE---

faq_youtube_video

{block layout="slider"
	textcolor="black"
	align="right"
	columncolor="#FFFF"
	youtube="{url}"
	youtubetitle="{title}"
	videowidth="840"
	aspectRatio="6/6"
	aspectRatioSmall="6/6"
}

link

[link='{page_ref_id}' target='_blank']{link_text}[/link]

mark

[icon icon="x" group="tabler" class="table-icon-muted"]

question

[icon icon="question-mark" group="tabler" class="disabled"]

questions_test

{beginblock layout="row" valign="top" maxwidth="1200px" mobilereversedirection="true" blockcolor="{blockcolor}"
    title="Have any Questions?"}
	
	{beginblock layout="column"}
        {beginblock layout="text" width="auto" textcolor="#595959"}
        
            All answers to questions, educational videos, instructions and examples in one place — in the Knowledge Base.
                
            [button buttonsize="lg" textcolor="#fff" link="{url page="{url_page}"}"]{text_page}[/button]
            
        {endblock}
	
	{endblock}
	
	{beginblock layout="column" backgroundsize="cover"}
	    {block layout="image"
        image="assets/img/site/accounting/banner_faq_en_.svg?ts=20250327124924"
        alt="All the answers in the &quot;Knowledge Base&quot;"
    	imagewidth="535px"
    	imagealign="center"
    	shadow="true"
		}
	
	{endblock}
	
{endblock}

software_application_json_geo

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "SoftwareApplication",
  "name": "Site.pro [pageTitleJson]",
  "inLanguage": "[pageLangCode]",
  "applicationCategory": "WebApplication",
  "operatingSystem": "Web",
  "description": "Site.pro [pageTitleJson]: [pageDescriptionJson]",
  "offers": {
    "@type": "Offer",
    "price": "{price}",
    "priceCurrency": "{priceCurrency}",
    "priceSpecification": {
      "@type": "UnitPriceSpecification",
      "price": "{price}",
      "priceCurrency": "{priceCurrency}",
      "billingDuration": "P1M"
    },
    "availability": "https://schema.org/InStock",
    "url": "https://site.pro/Prices/"
  },
  "author": {
    "@type": "Organization",
    "name": "Site.pro",
    "url": "https://site.pro/"
  },
  "url": "https://site.pro/",
  "sameAs": [
    "https://linkedin.com/company/site-pro",
    "https://www.crunchbase.com/organization/site-pro"
  ]
}
</script>

Blocks

accordion

Preview

{beginblock layout="accordion"
    title="[text]"
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}
    List of blocks of type "accordion_item". Click "preview" to see example.
    {block layout="accordion_item"
        title="[text]"
        pretitle="[text]"
        content="#mail_id:[mail ID]"
    }
    {beginblock layout="accordion_item" title="[text]" pretitle="[text]"}
        there can be any text/HTML/landing blocks. Click "preview" to see example.
    {endblock}
{endblock}

checkbox

Preview

{beginblock layout="checkbox"
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}
    there can be any text/HTML/landing blocks. Click "preview" to see example.
{endblock}
{beginblock layout="checkbox"}
    ...
{endblock}

citate

Preview

{block layout="citate"
    citate="[text]"
    citatesmall="[text]" citate of smaller font (is max 900px in width).
    authorname="[text]" author name (full name).
    authorimage="[image URL]" author photo URL.
    authorurl="[URL]" author URL.
    authorposition="[text]" author position.
    authorsource="[URL]" author source URL.
    sourceicon="[icon-ID]" can specify custom icon for source (if not specified, then can be automatically detected).
    sourcename="[text]" source title. If not specified, will use author name.
    companyimage="[image URL]" company image in the bottom right corner.
    companyname="[text]" alt value for company image.
    companyurl="[URL]" URL for company image.
    size="[number]" can be 1, 2 or 3 (defaults to 3).
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}

citate_list

Preview

{beginblock layout="citate_list"}
    title="[text]"
    titlecolor="[color]"
    titlealign="left|center|right" can be one of specified
    titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    subtitle="[text]"
    subtitlecolor="[color]"
    subtitlealign="left|center|right" can be one of specified
    subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
    {block layout="citate"
        ...
        size="1"
    }
    {block layout="citate"
        ...
        size="2"
    }
{endblock}

column

Preview

{beginblock layout="column"
    size="[number]" size can be from 1 to 12
    title="[text]"
    titlecolor="[color]"
    titlealign="left|center|right" can be one of specified
    titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    subtitle="[text]"
    subtitlecolor="[color]"
    subtitlealign="left|center|right" can be one of specified
    subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}
    there can be any text/HTML/other landing blocks. Click "preview" to see example.
{endblock}
{beginblock layout="column" size="[number]"}
    ...
{endblock}

contact_form

Preview

{block layout="contact_form"
    email="[email]" form will be sent to this email.
    fromName="[fromName]" form will be sent with this from name.
    subject="[subject]" form will be sent with this subject (default: 'Form submitted at page ""').
    buttontext="[text]"
    title="[text]"
    titlecolor="[color]"
    titlealign="left|center|right" can be one of specified
    titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    subtitle="[text]"
    subtitlecolor="[color]"
    subtitlealign="left|center|right" can be one of specified
    subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    text="[text]"
    textcolor="[color]" sets color to title.
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}

custom

Preview

{beginblock layout="custom"
    title="[text]"
    titlecolor="[color]"
    titlealign="left|center|right" can be one of specified
    titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    subtitle="[text]"
    subtitlecolor="[color]"
    subtitlealign="left|center|right" can be one of specified
    subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}
    there can be any text/HTML/landing blocks. Click "preview" to see example.
{endblock}

domains_main

Preview

<p>Block for search domains</p>

{block layout="domains_main"
    colorImageBg="#489335"					## <strong>colorImageBg</strong> — string, optional, Background color for parallax background
    colorImageFg="#62cd48"					## <strong>colorImageFg</strong> — string, optional, Circles color for parallax background
    title=""						## <strong>title</strong> — string, Title of the block
    subtitle=""						## <strong>title</strong> — string, Subtitle of the block
    text="<a href=\"{url page="domain-zones"}\">{{Full list of available domain zones}}</a> ([totalTldCount])"		## <strong>title</strong> — string, Text on bottom part of block
    textUnderInput="{{Most popular domain zones}}"		## <strong>title</strong> — string, Text under domain input
    placeholder="{{Type a domain name}}"			## <strong>title</strong> — string, Placeholder for domain input
    titlecolor="white"
    textcolor="#ffffff"
    blockcolor="#489335"
    linecolor="white"
    focus="true"						## <strong>title</strong> — boolean, Need to focus domain input after page load
    DomSearchBox="get-tld-from-url|domains"
    minHeight="midi"
    tlds=[".shop", ".xyz", ".site.pro", ".art", ".blog"]
    addLocalTlds="true"
}

download_video

Preview

{block layout="download_video"
    link="[URL]"
    link_cn="[URL for Chinese language]" optional, but recommended.
    image="[image URL]"
    text="[text]"
    additionaltext="[text]" optional, adds text after download text line.
    time="[text]"
    files=[
        "[file URL 1]"
        "[file URL 2]"
        ...
    ]
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}

download_video_list

Preview

{beginblock layout="download_video_list"
    title="[text]"
    titlecolor="[color]"
    titlealign="left|center|right" can be one of specified
    titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    subtitle="[text]"
    subtitlecolor="[color]"
    subtitlealign="left|center|right" can be one of specified
    subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    cols="[number]" 2 by default.
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}
    {block layout="download_video"
        ...
    }
    {block layout="download_video"
        ...
    }
{endblock}

faq

Preview

{block layout="faq"
    ids=["FAQ ID 1", "FAQ ID 2", ...]
    title="[text]"
    titlecolor="[color]"
    titlealign="left|center|right" can be one of specified
    titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    subtitle="[text]"
    subtitlecolor="[color]"
    subtitlealign="left|center|right" can be one of specified
    subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}

feature_list

Preview

{beginblock layout="feature_list"
    title="[text]"
    titlecolor="[color]"
    titlealign="left|center|right" can be one of specified
    titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    subtitle="[text]"
    subtitlecolor="[color]"
    subtitlealign="left|center|right" can be one of specified
    subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    showByDefault="[number]" if set, then by default will show only specified number of features + button "Show more" below.
    showMoreButtonLabel="[text]" defaults to "Show More".
    textcolor="[color]" color for link and title for all 'feature' blocks
    [ascolumn="true"]  show feature blocks as column in mobile devices
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}
    List of blocks of type "feature". Click "preview" to see example.
    {block layout="feature"
        name="[text]"
        text="[text]"
        link="[URL]"
        tooltip="[text]" if set, render tooltip as text
        tooltipicon="[css icon class]" e.g. 'fa-question-circle'
        tooltiplink="[URL]" if set, render tooltip as link
        icon="[icon-ID]" the icon ID from one of icons group
        icongroup="tabler|bootstrap|flags|panels|competitors|patent" can be one of specified
        iconcolor="[color]"
        iconsize="[number]px"
        iconhtml="[text]" if set, then "icon" and "icongroup" will be ignored. Example: <i>123</i>
    }
    {block layout="feature"
        ...
    }
{endblock}

geomap

Preview

{block layout="geomap"
    title="[text]"
    titlecolor="[color]"
    titlealign="left|center|right" can be one of specified
    titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    subtitle="[text]"
    subtitlecolor="[color]"
    subtitlealign="left|center|right" can be one of specified
    subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    maptopcrop="[number]" number of pixels to crop the map from top. Optional
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}

html_animation

Preview

{block layout="html_animation"
    src="[relative path to a static .html asset]"
    bgimage="[image URL]" optional background image behind the animation
    bgwidth="[number]" optional, defaults to animationwidth
    bgheight="[number]" optional, defaults to animationheight
    animationwidth="[number]" optional, defaults to 1020
    animationheight="[number]" optional, defaults to 660
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}

iframe

Preview

Show another url in iframe

{block layout="templates"
    src="[url]" string, url for iframe
}

image

Preview

{block layout="image"
    image="[image URL]"
    url="[URL]"
    imagealign="left|center|right"
    imagewidth="[number]px" e.g. '500px'
    imageheight="[number]px" e.g. '500px'
    shadow="true" if set, the shadow will be added to image.
    alt="[text]" image alt (if not set, then 'title' or 'text' will be used).
    title="[text]"
    titlecolor="[color]"
    titlealign="left|center|right" can be one of specified
    titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    subtitle="[text]"
    subtitlecolor="[color]"
    subtitlealign="left|center|right" can be one of specified
    subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    text="[text]"
    buttontext="[text]"
    buttonlink="[URL]" if set, then "buttontype" will be ignored.
    buttontype="signup|signup-all|builder|video|import|ai_generate" can be one of specified.signup - will open registration form. Not visible for logged in users.
signup-all - similar to 'signup', but visible for logged in users too.
builder - generates a link to demo builder version.
video - opens a video in dialog with 'buttonlink' URL.
import - adds input for quick start of importing in builder.
ai_generate - adds input for quick start of generation website with AI in builder.
reg - adds input for quick registration.
    buttoninputplaceholder="[text]" input placeholder for the button (used only for buttontype="import").
    buttonicon="[icon-ID]" icon ID from font awesome icons.
    buttonicongroup="tabler|bootstrap|flags|panels|competitors|patent" can be one of specified.
    buttoncolor="default|default-inverted|primary|success|info|warning|danger|rose|violet|link|[color]" defaults to "success". Color classes: "default" is white, "default-inverted" is black, "primary" and "info" are blue, "success" is green, "warning" is orange, "danger" is red, "rose" is rose, "violet" is violet, and "link" is colorless button looking like a link.
    buttonbordercolor="[color]" defaults to appropriate bootstrap color depending on button color.
    buttontextcolor="[color]" defaults to white.
    buttonsize="xs|sm|normal|lg" defaults to 'normal' ('xs' - the smallest, 'lg' - the largest).
    buttonlabel="[text]" small text below the button.
    buttonlabelcolor="[color]" color of label.
    buttonid="[string]" this value will be used in Mixpanel as identifier of that button.
    buttoncomment="[text]" the same as label but bigger.
    buttongroupalign="left|center|right"
    can have multiple buttons
    buttontext2="[text]"
    buttonlink2="..."
    ... can have from 1 to 5 buttons.
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}

mailbox_prices

Preview

{block layout="mailbox_prices"
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}

main

Preview

{block layout="main"
    title="[text]"
    titlecolor="[color]"
    titlealign="left|center|right" can be one of specified
    titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    subtitle="[text]"
    subtitlecolor="[color]"
    subtitlealign="left|center|right" can be one of specified
    subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    contentwidth="[number]px|[number]%" width of title and subtitle.
    blockHeight="[number]px|[number]%|auto|max|midi|mini" if not set, then block will be stretched to whole page. max - 600px, midi - 400px, mini - 300px.
    blockHeightMobileFull="true" if set, then block will be of full screen height on mobile ignoring parameter "blockHeight".
    buttontext="[text]"
    buttonlink="[URL]" if set, then "buttontype" will be ignored.
    buttontype="signup|signup-all|builder|video|import|ai_generate" can be one of specified.signup - will open registration form. Not visible for logged in users.
signup-all - similar to 'signup', but visible for logged in users too.
builder - generates a link to demo builder version.
video - opens a video in dialog with 'buttonlink' URL.
import - adds input for quick start of importing in builder.
ai_generate - adds input for quick start of generation website with AI in builder.
reg - adds input for quick registration.
    buttoninputplaceholder="[text]" input placeholder for the button (used only for buttontype="import").
    buttonicon="[icon-ID]" icon ID from font awesome icons.
    buttonicongroup="tabler|bootstrap|flags|panels|competitors|patent" can be one of specified.
    buttoncolor="default|default-inverted|primary|success|info|warning|danger|rose|violet|link|[color]" defaults to "success". Color classes: "default" is white, "default-inverted" is black, "primary" and "info" are blue, "success" is green, "warning" is orange, "danger" is red, "rose" is rose, "violet" is violet, and "link" is colorless button looking like a link.
    buttonbordercolor="[color]" defaults to appropriate bootstrap color depending on button color.
    buttontextcolor="[color]" defaults to white.
    buttonsize="xs|sm|normal|lg" defaults to 'normal' ('xs' - the smallest, 'lg' - the largest).
    buttonlabel="[text]" small text below the button.
    buttonlabelcolor="[color]" color of label.
    buttonid="[string]" this value will be used in Mixpanel as identifier of that button.
    buttoncomment="[text]" the same as label but bigger.
    buttongroupalign="left|center|right"
    can have multiple buttons
    buttontext2="[text]"
    buttonlink2="..."
    ... can have from 1 to 5 buttons.
    buttonXSize="[number]" if set, then button will be increased specified number times.
    blocklink="[URL]" if set, then will make the whole block clickable.
    image="[image URL]" main background image.
    video="[video URL]"
    image2="[image URL]" additional image for the right side. If set, main content will move to the left side.
    imagewidth2="[number]" e.g. '500px'
    imageleft2="true" if set, main content and image2 will swap from right to left.
    alt2="[text]" alt for image2.
    icon="[icon-ID]" the icon ID from one of icons group
    icongroup="tabler|bootstrap|flags|panels|competitors|patent" can be one of specified
    iconcolor="[color]"
    iconsize="[number]px"
    iconhtml="[text]" if set, then "icon" and "icongroup" will be ignored. Example: <i>123</i>
    bgPositionY="[number]px|[number]%" image offset from top of block.
    backgroundImages=[
        "image1.png|w=[N]|h=[N]|x=[N]|y=[N]|r=[N]|t=[N]" 'w' - width, 'h' - height (optional), 'x','y' - position,
        "image2.png|w=[N]|h=[N]|x=[N]|y=[N]|r=[N]|t=[N]" 'r' - rotation in degrees, 't' - percentage of transparency (0-100)
    ]
    textlinks=[
        "[image URL]|[link URL]|[link text]" will generate image with link and text (text will be used as 'alt' for image)
        "[image URL]||[link text]" will generate image with text (text will be used as 'alt' for image)
        "|[link URL]|[link text]" will generate link with text
        ...
    ]
    textlinksalign="left|center|right" can be one of specified.
    textlist=[ unordered list with "checks".
        "[text]"
        "[text]"
        ...
    ]
    colorImageBg="#000000"	 colorImageBg — string, optional, Background color for parallax background
    colorImageFg="#7A4CD6"	 colorImageFg — string, optional, One color for all circles for parallax background
    colorImageFg1="#7A4CD6"	 colorImageFg1 — string, optional, First circle color for parallax background
    colorImageFg2="#FA5B65"	 colorImageFg2 — string, optional, Secondary circle color for parallax background
    colorImageFg3="#62CD47"	 colorImageFg3 — string, optional, 3 circle color for parallax background
    colorImageFg4="#F68C14"	 colorImageFg4 — string, optional, 4 circle color for parallax background
    colorImageFg5="#D24B69"	 colorImageFg5 — string, optional, 5 circle color for parallax background
    colorImageFg6="#4D4D4D"	 colorImageFg6 — string, optional, 6 circle color for parallax background
    colorImageFg7="#61B9FF"	 colorImageFg7 — string, optional, 7 circle color for parallax background
    
    blockHeightWithFlex="500px"  blockHeightWithFlex — size in pixels, optional, Set height of block while block have inner content(beginblock ... endblock) 
    
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}

partner_cards_list

Preview

{beginblock layout="partner_cards_list"
    title="[text]"
    titlecolor="[color]"
    titlealign="left|center|right" can be one of specified
    titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    subtitle="[text]"
    subtitlecolor="[color]"
    subtitlealign="left|center|right" can be one of specified
    subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    showByDefault="[number]" if set, then by default will show only specified number of cards + button "Show more" below.
    showMoreButtonLabel="[text]" defaults to "Show More".
    itemsPerRow="[number]" can be either 1, 2, 3, 4, 6. Default is 2.
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}
    List of blocks of type "partner_card". Click "preview" to see example.
    {block layout="partner_card"
        image="[image URL]"
        imagewidth="[number]px" e.g. '200px'
        imagecircle="true" ## show images as circle
        name="[text]" set to image element as a title.
        namecolor="#cecece"
        title="[text]"
        titlecolor="#cecece"
        alt="[text]" image alt (if not set, then 'title' or 'name' will be used for alt).
        text="[text]"
        [textcolor="#000"]
        link="[URL]" set to image.
    }
    {block layout="partner_card"
        ...
    }
{endblock}

person_comment

Preview

{block layout="person_comment"
    height="[number]px" max height of block.
    columntext="[text]" if set, then will display right column with specified text.
    columncolor="[color]" color of right column. Displayed if "columntext" is set.
    photo="[image URL]"
    text="[text]" main block text.
    icon="[icon-ID]" the icon ID from one of icons group
    icongroup="tabler|bootstrap|flags|panels|competitors|patent" can be one of specified
    iconcolor="[color]"
    iconsize="[number]px"
    iconhtml="[text]" if set, then "icon" and "icongroup" will be ignored. Example: <i>123</i>
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}

plan_list

Preview

{beginblock layout="custom"} must be inside "custom" block.
    {beginblock layout="plan_list"
        height="[number]px" not recommended to use, because may cause problems with responsiveness.
        offsettop="[number]px" offset of block content from top.
        offsetbottom="[number]px" offset of block content from bottom.
        offsettopsmall="[number]px" offset of block content from top on smaller screens.
        offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
        blockcolor="[color]" color of block.
        linecolor="[color]" color of line below the block.
        textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
        background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
        backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
        titleposition="left|center|right" can be one of specified.
        texttop="[text]" inserts text at the top of any block
        textbottom="[text]" inserts text at the bottom of any block
        texttopalign="left|center|right" defaults to "center"
        textbottomalign="left|center|right" defaults to "center"
        anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
        showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
        showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
        showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
        showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
        showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
        showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
        showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
        showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
        showOnlyForNoCoupon="true"
        showOnlyForLogged="true"
        showOnlyForNotLogged="true"
    }
        List of blocks of type "plan". Click "preview" to see example.
        {block layout="plan"
            title="[text]"
            items=[
                "[text1]"
                "[text2]"
                ...
            ]
            price="[text]"
        }
        {block layout="plan"
            ...
        }
    {endblock}
{endblock}

plugins

Preview

{block layout="plugins"
    title="[text]"
    titlecolor="[color]"
    titlealign="left|center|right" can be one of specified
    titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    subtitle="[text]"
    subtitlecolor="[color]"
    subtitlealign="left|center|right" can be one of specified
    subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    category="builder|accounting"
    type="gateway|video|maps|any" if set, then will take widgets only of specified type.
    noGroupTitle="true|false" if true, then will not show titles of widget groups.
    showByDefault=[ if set, then by default will show only specified widgets + button "Show more" below.
        "[widget ID]"
        "[widget ID]"
        "[widget ID]"
        ...
    ]
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}

row

Preview

{beginblock layout="row"
    maxwidth="[number]px"
    valign="top|middle|bottom" vertical alignment of columns.
    verticalFrom="wide|desktop|tablet|phone" if specified, columns will go vertically starting from the specified mode.
    mobilereversedirection="true|false" If specified, the inner blocks direction will be reversed.
    title="[text]"
    titlecolor="[color]"
    titlealign="left|center|right" can be one of specified
    titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    subtitle="[text]"
    subtitlecolor="[color]"
    subtitlealign="left|center|right" can be one of specified
    subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}
    {beginblock layout="column"
        size="[number]" default size (can be from 1 to 12).
        sizeMedium="[number]" tablet size (can be from 1 to 12).
        sizeSmall="[number]" mobile size (can be from 1 to 12).
    }
        content for column goes here.
    {endblock}
    {beginblock layout="column"
        size="[number]" default size (can be from 1 to 12).
        sizeMedium="[number]" tablet size (can be from 1 to 12).
        sizeSmall="[number]" mobile size (can be from 1 to 12).
    }
        content for column goes here.
    {endblock}
{endblock}

site_background

Preview

Rewrite site background

{block layout="templates"
    src="[url]" string, url for iframe
}
{block layout="site_background" 
    color="[color]"
}

slider

Preview

{block layout="slider"
    title="[text]"
    titlecolor="[color]"
    titlealign="left|center|right" can be one of specified
    titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    subtitle="[text]"
    subtitlecolor="[color]"
    subtitlealign="left|center|right" can be one of specified
    subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    text="[text]"
    textalign="left|center|right" Aligns all text in the block. Defaults to "left".
    buttontext="[text]"
    buttonlink="[URL]" if set, then "buttontype" will be ignored.
    buttontype="signup|signup-all|builder|video|import|ai_generate" can be one of specified.signup - will open registration form. Not visible for logged in users.
signup-all - similar to 'signup', but visible for logged in users too.
builder - generates a link to demo builder version.
video - opens a video in dialog with 'buttonlink' URL.
import - adds input for quick start of importing in builder.
ai_generate - adds input for quick start of generation website with AI in builder.
reg - adds input for quick registration.
    buttoninputplaceholder="[text]" input placeholder for the button (used only for buttontype="import").
    buttonicon="[icon-ID]" icon ID from font awesome icons.
    buttonicongroup="tabler|bootstrap|flags|panels|competitors|patent" can be one of specified.
    buttoncolor="default|default-inverted|primary|success|info|warning|danger|rose|violet|link|[color]" defaults to "success". Color classes: "default" is white, "default-inverted" is black, "primary" and "info" are blue, "success" is green, "warning" is orange, "danger" is red, "rose" is rose, "violet" is violet, and "link" is colorless button looking like a link.
    buttonbordercolor="[color]" defaults to appropriate bootstrap color depending on button color.
    buttontextcolor="[color]" defaults to white.
    buttonsize="xs|sm|normal|lg" defaults to 'normal' ('xs' - the smallest, 'lg' - the largest).
    buttonlabel="[text]" small text below the button.
    buttonlabelcolor="[color]" color of label.
    buttonid="[string]" this value will be used in Mixpanel as identifier of that button.
    buttoncomment="[text]" the same as label but bigger.
    buttongroupalign="left|center|right"
    can have multiple buttons
    buttontext2="[text]"
    buttonlink2="..."
    ... can have up to 2 buttons.
    numtextlist=[ ordered list with numbers.
        "[text]"
        "[text]"
        ...
    ]
    bullettextlist=[ unordered list with bullets.
        "[text]"
        "[text]"
        ...
    ]
    textlist=[ unordered list with "checks".
        "[text]"
        "[text]"
        ...
    ]
    textlinks=[
        "[image URL]|[link URL]|[link text]" will generate image with link and text (text will be used as 'alt' for image)
        "[image URL]||[link text]" will generate image with text (text will be used as 'alt' for image)
        "|[link URL]|[link text]" will generate link with text
        ...
    ]
    textlinksalign="left|center|right" can be one of specified.
    textcolor="[color]"
    columncolor="[color]"
    images=[
        "[image 1 URL]"
        "[image 2 URL]"
        ...
    ]
    slidetimer="[number]" optional, if set and there's more than two images, slider automatically rotates between images at this speed in seconds.
    imagemargintop="[number]" optional, adds margin for image div.
    customimagewidth="[number]" optional, sets custom image width.
    youtube="[youtube URL]"
    youtubetitle="[youtubetitle text]" optional, but recommended, visible title in facade.
    youtubethumb="[youtubethumb url]" optional, link to preview image. Only work with embedded YouTube links (the URL must contain 'embed').
    youku="[youku URL]" optional, but recommended.
    videowidth="[number]" value in pixels.
    videoheight="[number]" value in pixels.
    aspectRatio="3/9" must be 12 in total.
    aspectRatioSmall="4/8" must be 12 in total.
    usecontactform="true" optional, adds contact form to bottom of the left side content.
    usemap="true" optional, adds map of headquarters to the right side of the content.
    mapHeight=[number] optional, but recommended when using usemap. Sets map height.
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}

templates

Preview

List of templates from the builder

You can use the variable [tldTemplatesTags] for the tags property, in which case the tags from the TLD table will be applied according to the TLD in the address bar.

{block layout="templates"
    title="{{E-commerce Templates}}" string, Title of the block
    category="E-commerce" string, Category name for filtering templates
    tags="Men, Book" array, List of tag names for filtering templates
    names="Books & More" array, List of template names for filtering templates
    limit="6" integer, Maximum number of templates to show
    autoHide="1" integer, The block will automatically hide if no matching templates are found, when the parameter is present
}
or
{block layout="templates"
    title="{{E-commerce Templates}}"
    category="E-commerce"
    tags=["Men", "Book"]
    names=["Books & More"]
    limit="6"
    autoHide="1"
}

text

Preview

{beginblock layout="text"
    width="[number]"
    title="[text]"
    titlecolor="[color]"
    titlealign="left|center|right" can be one of specified
    titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    subtitle="[text]"
    subtitlecolor="[color]"
    subtitlealign="left|center|right" can be one of specified
    subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}
    the [text] should go here.
{endblock}

text_button

Preview

{block layout="text_button"
    textcolor="[color]"
    height="[number]px|auto" by default 190px. "auto" means minimum possible height.
    text="[text]"
    textalign="left|center|right" can be one of specified.
    subtext="[text]"
    numtextlist=[ ordered list with numbers.
        "[text]"
        "[text]"
        ...
    ]
    bullettextlist=[ unordered list with bullets.
        "[text]"
        "[text]"
        ...
    ]
    textlist=[ unordered list with "checks".
        "[text]"
        "[text]"
        ...
    ]
    buttontext="[text]"
    buttonlink="[URL]" if set, then "buttontype" will be ignored.
    buttontype="signup|signup-all|builder|video|import|ai_generate" can be one of specified.signup - will open registration form. Not visible for logged in users.
signup-all - similar to 'signup', but visible for logged in users too.
builder - generates a link to demo builder version.
video - opens a video in dialog with 'buttonlink' URL.
import - adds input for quick start of importing in builder.
ai_generate - adds input for quick start of generation website with AI in builder.
reg - adds input for quick registration.
    buttoninputplaceholder="[text]" input placeholder for the button (used only for buttontype="import").
    buttonicon="[icon-ID]" icon ID from font awesome icons.
    buttonicongroup="tabler|bootstrap|flags|panels|competitors|patent" can be one of specified.
    buttoncolor="default|default-inverted|primary|success|info|warning|danger|rose|violet|link|[color]" defaults to "success". Color classes: "default" is white, "default-inverted" is black, "primary" and "info" are blue, "success" is green, "warning" is orange, "danger" is red, "rose" is rose, "violet" is violet, and "link" is colorless button looking like a link.
    buttonbordercolor="[color]" defaults to appropriate bootstrap color depending on button color.
    buttontextcolor="[color]" defaults to white.
    buttonsize="xs|sm|normal|lg" defaults to 'normal' ('xs' - the smallest, 'lg' - the largest).
    buttonlabel="[text]" small text below the button.
    buttonlabelcolor="[color]" color of label.
    buttonid="[string]" this value will be used in Mixpanel as identifier of that button.
    buttoncomment="[text]" the same as label but bigger.
    buttongroupalign="left|center|right"
    can have multiple buttons
    buttontext2="[text]"
    buttonlink2="..."
    ... can have from 1 to 5 buttons.
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}

top_domain_names

Preview

{block layout="top_domain_names"
    tlds=[".tlds1", ".tlds2", ...]
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}

video

Preview

{block layout="video"
    youtube="[youtube URL]"
    youtubetitle="[youtubetitle text]" optional, but recommended, visible title in facade.
    youku="[youku URL]" optional, but recommended.
    videowidth="[number]" value in pixels.
    videoheight="[number]" value in pixels.
    title="[text]"
    titlecolor="[color]"
    titlealign="left|center|right" can be one of specified
    titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    subtitle="[text]"
    subtitlecolor="[color]"
    subtitlealign="left|center|right" can be one of specified
    subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    pretext="[text]" adds a text below title
    text="[text]" adds a text below video
    textcolor="[color]"
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}

video_list

Preview

{beginblock layout="video_list"
    title="[text]"
    titlecolor="[color]"
    titlealign="left|center|right" can be one of specified
    titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    subtitle="[text]"
    subtitlecolor="[color]"
    subtitlealign="left|center|right" can be one of specified
    subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
    subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
    cols="[number]" "cols" - number of columns with video.
    showByDefault="[number]" if set, then by default will show only specified number of videos + button "Show more" below.
    showMoreButtonLabel="[text]" defaults to "Show More".
    pretext="[text]" adds a text below title
    text="[text]" adds a text below all videos
    height="[number]px" not recommended to use, because may cause problems with responsiveness.
    offsettop="[number]px" offset of block content from top.
    offsetbottom="[number]px" offset of block content from bottom.
    offsettopsmall="[number]px" offset of block content from top on smaller screens.
    offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
    blockcolor="[color]" color of block.
    linecolor="[color]" color of line below the block.
    textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
    background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
    backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
    titleposition="left|center|right" can be one of specified.
    texttop="[text]" inserts text at the top of any block
    textbottom="[text]" inserts text at the bottom of any block
    texttopalign="left|center|right" defaults to "center"
    textbottomalign="left|center|right" defaults to "center"
    anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).
    showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
    showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
    showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
    showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
    showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
    showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
    showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
    showOnlyForNoCoupon="true"
    showOnlyForLogged="true"
    showOnlyForNotLogged="true"
}
    List of blocks of type "video". Click "preview" to see example.
    {block layout="video"
        youtube="https://www.youtube.com/embed/9O2HEcmusQw?rel=0&showinfo=0&vq=hd720"
        youku="http://player.youku.com/embed/XMzUxNjA0OTUwMA=="
        videowidth="840"
    }
    {block layout="video"
        ...
    }
{endblock}

Properties

List properties

numtextlist=[ ordered list with numbers.
    "[text]"
    "[text]"
    ...
]
bullettextlist=[ unordered list with bullets.
    "[text]"
    "[text]"
    ...
]
textlist=[ unordered list with "checks".
    "[text]"
    "[text]"
    ...
]

textlinks properties

textlinks=[
    "[image URL]|[link URL]|[link text]" will generate image with link and text (text will be used as 'alt' for image)
    "[image URL]||[link text]" will generate image with text (text will be used as 'alt' for image)
    "|[link URL]|[link text]" will generate link with text
    ...
]
textlinksalign="left|center|right" can be one of specified.

Button properties

buttontext="[text]"
buttonlink="[URL]" if set, then "buttontype" will be ignored.
buttontype="signup|signup-all|builder|video|import|ai_generate" can be one of specified.signup - will open registration form. Not visible for logged in users.
signup-all - similar to 'signup', but visible for logged in users too.
builder - generates a link to demo builder version.
video - opens a video in dialog with 'buttonlink' URL.
import - adds input for quick start of importing in builder.
ai_generate - adds input for quick start of generation website with AI in builder.
reg - adds input for quick registration.
buttoninputplaceholder="[text]" input placeholder for the button (used only for buttontype="import").
buttonicon="[icon-ID]" icon ID from font awesome icons.
buttonicongroup="tabler|bootstrap|flags|panels|competitors|patent" can be one of specified.
buttoncolor="default|default-inverted|primary|success|info|warning|danger|rose|violet|link|[color]" defaults to "success". Color classes: "default" is white, "default-inverted" is black, "primary" and "info" are blue, "success" is green, "warning" is orange, "danger" is red, "rose" is rose, "violet" is violet, and "link" is colorless button looking like a link.
buttonbordercolor="[color]" defaults to appropriate bootstrap color depending on button color.
buttontextcolor="[color]" defaults to white.
buttonsize="xs|sm|normal|lg" defaults to 'normal' ('xs' - the smallest, 'lg' - the largest).
buttonlabel="[text]" small text below the button.
buttonlabelcolor="[color]" color of label.
buttonid="[string]" this value will be used in Mixpanel as identifier of that button.
buttoncomment="[text]" the same as label but bigger.
buttongroupalign="left|center|right"
can have multiple buttons
buttontext2="[text]"
buttonlink2="..."
...

Icon properties

icon="[icon-ID]" the icon ID from one of icons group
icongroup="tabler|bootstrap|flags|panels|competitors|patent" can be one of specified
iconcolor="[color]"
iconsize="[number]px"
iconhtml="[text]" if set, then "icon" and "icongroup" will be ignored. Example: <i>123</i>

Title properties

title="[text]"
titlecolor="[color]"
titlealign="left|center|right" can be one of specified
titletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
titleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag
subtitle="[text]"
subtitlecolor="[color]"
subtitlealign="left|center|right" can be one of specified
subtitletag="h1|h2|h3|h4|h5|h6|p" can be one of specified
subtitleclass="h1|h2|h3|h4|h5|h6" use one tag but simulate look as another tag

Other properties

height="[number]px" not recommended to use, because may cause problems with responsiveness.
offsettop="[number]px" offset of block content from top.
offsetbottom="[number]px" offset of block content from bottom.
offsettopsmall="[number]px" offset of block content from top on smaller screens.
offsetbottomsmall="[number]px" offset of block content from bottom on smaller screens.
blockcolor="[color]" color of block.
linecolor="[color]" color of line below the block.
textcolor="[color]" color of text of properties "title", "subtitle", "textlist" and "numtextlist".
background="[CSS code]" raw CSS code of background. If set and contains color definition, then "blockcolor" will be ignored.
backgroundsize="contain|cover|auto" works only if "background" is set and contains image definition.
titleposition="left|center|right" can be one of specified.
texttop="[text]" inserts text at the top of any block
textbottom="[text]" inserts text at the bottom of any block
texttopalign="left|center|right" defaults to "center"
textbottomalign="left|center|right" defaults to "center"
anchor="[text]" will be used as an anchor to the block (will rewrite "title" if used in the block).

Common properties

showOnlyForCountry="LT" Can also be a list like ["LT","LV"]
showForAllCountriesExcept="LT" Can also be a list like ["LT","LV"]
showOnlyForCurrency="EUR" Can also be a list like ["EUR","USD"]
showForAllCurrenciesExcept="EUR" Can also be a list like ["EUR","USD"]
showOnlyForLanguage="LT" Can also be a list like ["LT","LV"]
showForAllLanguagesExcept="LT" Can also be a list like ["LT","LV"]
showOnlyForCoupon="give10" Can also be a list like ["give10","give50"]
showForAllCouponsExcept="give10" Can also be a list like ["give10","give50"]
showOnlyForNoCoupon="true"
showOnlyForLogged="true"
showOnlyForNotLogged="true"

Competitor attribute (meta-block pages only)

{beginblock layout="[any]"
    competitor="[route]" only recognized on beginblock, not on self-closing block. Only works on the shared competitor meta-block pages (e.g. landing/b2c-meta-block, landing/b2b-meta-block) rendered by CompetitorsController.
}
    content only rendered when the currently viewed competitor's route matches [route] (case-insensitive)
{endblock}
[route] must match the "route" column in table pc1_competitors_edges, e.g. competitor="Weebly". Non-matching blocks are removed before parsing; the attribute itself is stripped from matching blocks so it never reaches output.

Types

Text Type

Can be either a simple text:
param="bla bla bla"

Also you can use translations inside text like this:
param="{{Website Builder}}"

It can be combined with multiple translations:
param="Hello, I am {{Website Builder}} and {{bla bla bla}}"

Translations can have parameters "%s", e.g.: You can have only %s website(s) in trial mode, then they must be replaced with real values like this:
param="{{You can have only %s website(s) in trial mode|3}}"

If there are more than 1 parameter inside translation then they all must be replaced:
param="{{Use hosting plans from %s dialog %s field|Edit Plans|Relate these hosting plans}}"
then the final phrase will be: Use hosting plans from Edit Plans dialog Relate these hosting plans field

Price conversion. The property supports the following price conversion to client's selected currency or a strict currency:
{price="5"} or {price="5" currency="ZAR"} or {price="5" nodecorate="yes"}
Usage: param="{{Wow! Now your plan costs only %s|{price="1"}|}}"
There are the following variables available that can be used instead of the numeric price:

{price="starter_month"}
{price="starter_year"}
{price="starter_year_month"}
{price="business_month"}
{price="business_year"}
{price="mailbox_lite_month"}
{price="mailbox_lite_year"}
{price="mailbox_pro_month"}
{price="mailbox_pro_year"}

For text formatting tags (headings, paragraphs, lists, etc.), see SPML Formatting.

icon-ID

Must have a value of icon ID.
If block supports extra parameter "icongroup" and you specify it in the block then you need to look for an icon exactly of that group.
For example, is you use icongroup="tabler" then you need to look for an icon ID on tabler website.
Available groups:

tabler — https://tabler.io/icons
bootstrap — https://getbootstrap.com/docs/3.4/components/
panels — can be one of these:
atomia billmanager cpanel custompanel directadmin hostingcontroller interworx ispmanager plesk vesta hestia webmin whmcs zpanelcp dotshop blesta mpesa cekis citadele
competitors — can be one of these:
basekit cm4all duda gomobi im_creator kopage mozello rvsitebuilder sitepad slimsite trendytools ucoz ucraft websplanet weebly yola googlesites joomla squarespace tilda webnode wix wordpress builderall flazio impressly jimdo moonfruit orson oxxy simplesite site123 sitey ukit voog webydo wopop zencommerce c-umi strikingly webs sitestar parallels clientsday zonat sitepro webcom samanbank clicktopay
flags — any country flag
lt ru and others...
patent — can be one of these:
wipo shop
plugins — can be one of these:
dot-ru dot-lt dot-ch dot-ae dot-ge bankgeorgia sbp youku adobe eshoprent opencart prestashop shopify sitepro verskis woocommerce amazon ebay etsy pigu varle api creditonline dabar esperonus flanco infotrans microsoft-power-platform peppol avanotify arslibra paysera-pos raso nsoft shopify-pos rkeeper mpesa2 b1-analitika designer share settings advanced gallery social commerce media backup save change-template choose-template qrpay dock-left dock-right artpay globe cekis citadele lrytas delfi 15min forbes allegro

color

Color can have one of these values:

color name (e.g. color="red"). You can look for the name here: https://htmlcolorcodes.com/color-names/
color code (e.g. color="#f411b4")
RGB color code (e.g. color="rgb(12,123,45)")

URL

URL can be used as a plain text, e.g.:
param="https://www.google.com/"

or as Site.pro internal page, which must be constructed using {url} construction:
param="{url page="sitepro-page"}"
where sitepro-page must be replaced with a page reference ID.
Note that quote symbols (") inside {url} construction must NOT be replaced with (\") like in HTML code.

To make the URL work only for logged in users, add a special variable "requireLoggedIn" in the end of the URL:
param="{url page="sitepro-page"}|requireLoggedIn"

Here is the example of URL to FAQ page:
param="{url page="faq/123"}"
where "123" is FAQ page ID.

panel-ID

Can be one of the following: "atomia", "billmanager", "cpanel", "custompanel", "directadmin", "hostingcontroller", "interworx", "ispmanager", "plesk", "vesta", "hestia", "webmin", "whmcs", "zpanelcp", "dotshop".

Table of Contents:

Table of Contents:

Getting Started

Usage

Syntax

A/B Testing

Basic A/B Testing

A/B with Specific Limits

A/B Preview

Multiple A/B Tests

Custom Langs Pages

Affiliates

Show/Hide Blocks

Block Headings

Translations

SPML Formatting

Formatting Reference

SPML Formatting

Block Tags

Inline Tags

Special Features

Alignment Flags

Vertical Offsets

Special Markers

Combining Tags

Content Templates

Examples

Basic text formatting

Complex list with icons

Table with formatting

Highlighted sections

Templates

block_accounting_have_any_questions

block_accounting_have_any_questions_r

block_accounting_integration_easystart

block_accounting_integration_price

block_accounting_other_integrations

block_accounting_plugins_for_e_shops

block_builder_compatible_with

block_builder_ecommerce

block_builder_many_plugins

block_builder_product_features

block_builder_videos

block_info

block_warning

check

faq_advanced

faq_gallery

faq_header

faq_image_inline

faq_image_large

faq_image_small

faq_link

faq_map

faq_media

faq_payment_gateway_single_order

faq_payment_gateway_store_module

faq_youtube_video

link

mark

question

questions_test

software_application_json_geo

Blocks

accordion

checkbox

citate

citate_list

column

contact_form

custom

domains_main

download_video

download_video_list

faq

feature_list

geomap

html_animation

iframe

image