Different types of normal content blocks.
A specific block that allows you to add + icons on top of a Epi-picture (not available in Qbank) which opens up small blocks in a pop-up with picture, text and link.
In this example;
Here is a large block with only a subheading in H3, and the image on the left side.
No CTA buttons, but a text link directly in the text editor.
Padding is enabled, so see the difference between white space above and below this block.
The optimal number of characters to get the text as the same height as the image is 1000 characters when using the H3 subheading.
Without a subheading, it's about 1300 characters.
And the definition of characters, copied from Wikipedia is: letters, numerical digits, common punctuation marks (such as "." or "-"), and whitespace.
In this example, we are using 33 % splitter layout to shrink the block height.
Just plain text and a small image.
The optimal amount of characters with subheading is 600, and without subheading it is around 1000 characters.
In this example:
Could be used as an introduction if you have three Small blocks, but want to create a whole row of four small blocks.
In this example we have set up the most common settings:
In this example:
In this example:
The optimal number of characters is hard to say. The most important thing is to have equal number of the small blocks next to eachother, so they align.
So these four are not a great example for that purpose. This is just for showing the different options.
This a wrapper block that 1) clean up your content area by keeping all small blocks in one place 2) gives you the chance to choose if a set of small blocks should have a boarder or not on this page without sabotaging the layout of other pages.
In this example:
Could be used as an introduction if you have three Small blocks, but want to create a whole row of four small blocks.
In this example we have set up the most common settings:
In this example:
In this example:
The optimal number of characters is hard to say. The most important thing is to have equal number of the small blocks next to eachother, so they align.
So these four are not a great example for that purpose. This is just for showing the different options.
The divider block allows you to create centered content. A heading with the options between H1-H3, and also there is a main body text area where you can write an introduction text.
It can also be used to create a centered heading for other block types.
FAQ blocks can be added in the FAQ section block.
It has a text property shown as the question, and a text area for the answer.
The answer area is a text editor, so you are able to add and format text, bullet lists, links and images from Q-bank.
In this example:
On the right side of the FAQ blocks, you are able to add text or Q-bank images inside the text editor. This block still has the old image handling, the property called "Right column image" and "Image", don't use those. It will soon be developed to insert images från Q-bank.
Heading (H1-H3)
This can also be used in main area and not only promotion area. The proportions is a bit different and you'll see more of the video. Heading and text is optional.
This is a mosaic block, which is a block where you can add different block types inside, but mainly it should be used together with mosaic column blocks. In this block we have three mosaic column blocks inside. You can use either 4 blocks that are 1 column wide, or 2 blocks that are 2 columns wide to create a row. You can have more rows as well.
Mosaik column block 2 - without link
In this block you can use a H1 heading, a big image, and some text and a link in a text box that is on the left side. Not that much opacity.
In this example;
Here is a large block with only a subheading in H3, and the image on the left side.
No CTA buttons, but a text link directly in the text editor.
Padding is enabled, so see the difference between white space above and below this block.
The optimal number of characters to get the text as the same height as the image is 1000 characters when using the H3 subheading.
Without a subheading, it's about 1300 characters.
And the definition of characters, copied from Wikipedia is: letters, numerical digits, common punctuation marks (such as "." or "-"), and whitespace.
Here is a large block with only a subheading in H3, and the image on the left side.
No CTA buttons, but a text link directly in the text editor.
Padding is enabled, so see the difference between white space above and below this block.
The optimal number of characters to get the text as the same height as the image is 1000 characters when using the H3 subheading.
Without a subheading, it's about 1300 characters.
And the definition of characters, copied from Wikipedia is: letters, numerical digits, common punctuation marks (such as "." or "-"), and whitespace.
In this example;
In the main body, you can write a short introduction or an explanation to what the visitors can expect from the map.
Can be used to show a pin on a map.
We use it mainly for showing our factories and sales offices around the world.
But if you are creative, you can probably find other uses for it as well.
You can create links in the text editor, or use the link property.
Overlay Text is a text area where you can write even more information. This is shown when no map pin is selected, because there you can write other information, and insert links. There are four different colors of pins, and you can name them in the bottom of the map block settings.
In this example:
Could be used as an introduction if you have three Small blocks, but want to create a whole row of four small blocks.
In this example we have set up the most common settings:
In this example:
The optimal number of characters is hard to say. The most important thing is to have equal number of the small blocks next to eachother, so they align.
So these four are not a great example for that purpose. This is just for showing the different options.
In this example;
In this example:
Could be used as an introduction if you have three Small blocks, but want to create a whole row of four small blocks.
In this example we have set up the most common settings:
In this example:
The optimal number of characters is hard to say. The most important thing is to have equal number of the small blocks next to eachother, so they align.
So these four are not a great example for that purpose. This is just for showing the different options.
In this example:
Could be used as an introduction if you have three Small blocks, but want to create a whole row of four small blocks.
Product blocks can be used to show products from all our categories. Just drag in products from the catalog. The block can be used on start page, content pages or in the jumplinks for product category pages. Preferrably to be used together with a divider block, to get a centered heading above. A link can be added as well, shown as a button or plain text.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
You could use this block to highlight two different benefits in text,
and with different background colors to make them pop.
Máte záujem o naše školenie alebo máte nejakú otázku? Vyplňte náš formulár alebo nás kontaktujte:
E-mail: miroslav.tazar@sk.toyota-industries.eu
Tel: +421 2 48252552
In this example we have set up the most common settings:
You can also of course use small blocks to promote trainings, other solutions, or in principle anything else on your site that you believe would be valuable to the visitor.
In this example we have set up the most common settings:
hubspot_50_50
You can embed your HubSpot forms with this block. You can choose to have it on the left or the right side, by inserting the embed code for the HubSpot form in the HubSpot code snippet property.
And you will also be able to add an image or text on the other side of the form.
In the main body, you can write a short introduction or an explanation to what the visitors can expect from the map.
Can be used to show a pin on a map.
We use it mainly for showing our factories and sales offices around the world.
But if you are creative, you can probably find other uses for it as well.
You can create links in the text editor, or use the link property.
Overlay Text is a text area where you can write even more information. This is shown when no map pin is selected, because there you can write other information, and insert links. There are four different colors of pins, and you can name them in the bottom of the map block settings.
Using this block you can add smaller scripts to your page. For example, here is a map script from the German market.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum..
Toyota Material Handling Italia