Icon row block - Heading 1
The icons section block can hold icon row blocks.
All Our Content Blocks
The purpose of this page is to show how our blocks can be used on a page. They are sorted below a number of different topics, which you can see in the jumplink menu below.
Heading
Animation blocks
Circle animation block - Heading text
The Circle animation block can be used to write short teasers, and when hovering, the circle will animate and get a little bit bigger and you'll see another text. If you click on the text, it stays expanded, otherwise it will animate back to a smaller circle and the heading again. You can add a background as well. Up to 5 circles in each block. No links available, only content.
Circle 1 - Heading
Text
Teaser
A little longer text with more information. But not too long.
Click on me!
Wow, great job! You deserve to buy a forklift from us!
Look, I'm a small circle!
Now I'm a big circle!
Smaller circle
Bigger circle
Number animation block - Heading (H1-H3)
0
Animate
0
numbers
0
is
0
cool
0
que no?
Content blocks
Different types of normal content blocks.
Hotspot block
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.
Large block full width (4 columns)
Possibility to use a heading (H1-H3)
Large block example 1
In this example;
- A H2 heading is used
- A H3 subheading is used
- The splitter layout is set to 50 % (the other option is 33 % which makes the image smaller)
- The image is placed on the right side
- One red CTA button is added with a link (White is the other option)
- Padding is not enabled, so there is no space between this block and the block below
Large block example 2
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.
Large block example 3
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.
Small block (1 or 2 columns)
You can use an overline
Small block example 1
In this example:
- No image
- A H3 subheading
- Some text and bullets
Could be used as an introduction if you have three Small blocks, but want to create a whole row of four small blocks.
Small block example 2
In this example we have set up the most common settings:
- Q-bank image is used, with media placement Top
- A H3 subheading is used
- Some text and bullets in the text area
- Link shown as text
Overline
Small block example 3
In this example:
- Q-bank image is used, with media placement Bottom
- A H2 heading is used (A bit too big maybe, subheading is enough)
- A H3 subheading is used (This is most used, and using both headings is not a good way to go)
- Some text and bullets in text area
- No link
You can use an overline
Small block example 4
In this example:
- A youtube video
- An H3 subheading
- Some text and bullets
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.
Wrapper block
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.
You can use an overline
Small block example 1
In this example:
- No image
- A H3 subheading
- Some text and bullets
Could be used as an introduction if you have three Small blocks, but want to create a whole row of four small blocks.
Small block example 2
In this example we have set up the most common settings:
- Q-bank image is used, with media placement Top
- A H3 subheading is used
- Some text and bullets in the text area
- Link shown as text
Overline
Small block example 3
In this example:
- Q-bank image is used, with media placement Bottom
- A H2 heading is used (A bit too big maybe, subheading is enough)
- A H3 subheading is used (This is most used, and using both headings is not a good way to go)
- Some text and bullets in text area
- No link
You can use an overline
Small block example 4
In this example:
- A youtube video
- An H3 subheading
- Some text and bullets
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.
Divider block
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 section block
Sub heading
Faq block - Question 1
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.
- One
- Two
Faq block 2 - Question 2
In this example:
- A H2 heading is used "FAQ section block"
- A H3 subheading is used "Sub heading"
- Four FAQ block is added (The same one), with a question and an answer
- Right column text is this part
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.
Promotion youtube video block
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.
Fullwidth Video block
Mosaic block
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.
- Padding, zoom and fade boxes are checked on the mosaik block, which are effecting the mosaik column blocks inside.
- Two mosaik column blocks that are one column wide, and one mosaik column block that is two columns wide.
- Images can be used, but this block isn't q-bank connected yet, but they will be soon.
- Can be used with or without links. But make sure to keep the link name short, otherwise the button will go outside the block and that does not look good.
Block 2
Mosaik column block 2 - without link
Tabbed content - Example 1
The tabbed content block has a centered heading (H1-H3), a main intro like this, and can show up to 5 tabs with different content. The blocks that can be used in this block is: promotion block (full width), large block, small block, map block, 100 % divided, 100 % width.
Tab 1 - Title
Variant 1: H1 heading
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.
Tab 2 - Title
Possibility to use a heading (H1-H3)
Large block example 1
In this example;
- A H2 heading is used
- A H3 subheading is used
- The splitter layout is set to 50 % (the other option is 33 % which makes the image smaller)
- The image is placed on the right side
- One red CTA button is added with a link (White is the other option)
- Padding is not enabled, so there is no space between this block and the block below
Large block example 2
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.
Tab 3- Title
Large block example 2
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.
Possibility to use a heading (H1-H3)
Large block example 1
In this example;
- A H2 heading is used
- A H3 subheading is used
- The splitter layout is set to 50 % (the other option is 33 % which makes the image smaller)
- The image is placed on the right side
- One red CTA button is added with a link (White is the other option)
- Padding is not enabled, so there is no space between this block and the block below
Tab 4 - Title
Map block T-Store - Heading (H1-H3)
In the Main Body property in Epi/Optimizely, you can write a short introduction or an explanation to what the visitors can expect from the map.
Red pin filter label
Blue pin filter label
Grey pin filter label
Black pin filter label
A pin in 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 header is a heading in the textbox on the right of the map
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.
Tab 5 - Title
You can use an overline
Small block example 1
In this example:
- No image
- A H3 subheading
- Some text and bullets
Could be used as an introduction if you have three Small blocks, but want to create a whole row of four small blocks.
Small block example 2
In this example we have set up the most common settings:
- Q-bank image is used, with media placement Top
- A H3 subheading is used
- Some text and bullets in the text area
- Link shown as text
You can use an overline
Small block example 4
In this example:
- A youtube video
- An H3 subheading
- Some text and bullets
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.
Tabbed content example 2
This is another way of using the tabbed content block. Using a H2 heading, a main intro text that can be used to write some information that is relevant. Showing a large block with some information and below that block, you can see a link with the text "Show more", and when you click on that, it expands and you will see some additional content that we added in the "show more content" area. You need to add something in the Title property in the first content tab, it will not show, but it can't be empty.
Possibility to use a heading (H1-H3)
Large block example 1
In this example;
- A H2 heading is used
- A H3 subheading is used
- The splitter layout is set to 50 % (the other option is 33 % which makes the image smaller)
- The image is placed on the right side
- One red CTA button is added with a link (White is the other option)
- Padding is not enabled, so there is no space between this block and the block below
You can use an overline
Small block example 1
In this example:
- No image
- A H3 subheading
- Some text and bullets
Could be used as an introduction if you have three Small blocks, but want to create a whole row of four small blocks.
Small block example 2
In this example we have set up the most common settings:
- Q-bank image is used, with media placement Top
- A H3 subheading is used
- Some text and bullets in the text area
- Link shown as text
You can use an overline
Small block example 4
In this example:
- A youtube video
- An H3 subheading
- Some text and bullets
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.
You can use an overline
Small block example 1
In this example:
- No image
- A H3 subheading
- Some text and bullets
Could be used as an introduction if you have three Small blocks, but want to create a whole row of four small blocks.
Carousel block - Slide blocks used inside
In the slide block you can use an image and text.
In the slide block you can use an image and text.
You can change position of the text; top right/left or bottom right/left.
Product block - Heading (H2)
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.
LHM230WIQ
Toyota Lifter со Индикатор за тежина
- Вградена вага за индикатор на тежина нуди точно мерење на товарот...
-
2300 kg -
200 mm -
Scale
LHM230QX
Toyota Quick Lifter со Рачна кочница
- Рачна кочница за закочување на палетарот во паркинг позиција
-
2300 kg
-
200 mm
LHM300
Toyota Heavy Lifter за Тешки товари
- Идеално за померање на екстремно долги товари
-
3000 kg
-
200 mm
LHM300X
Toyota Heavy Lifter за Тешки товари со Рачна кочница
- Идеално за померање на тешки товари и е опремено со рачна кочница
-
3000 kg
-
200 mm
Product Carousel Block - Heading text
Icons section block - Heading (H1-H3)
Link block - Heading (H1-H3)
Link block - Heading (H3)
Link block 2
Italian Blog
Toyota Material Handling Italia
Try 100% divided out
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.
Try 100% divided out
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.
Try 100% divided out
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.
Try 100% divided out
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.
Contact a sales person
Here you could add additional information about your sales team.
Or just making the contact form a bit more personal with a face next to it.
Small block example 2
In this example we have set up the most common settings:
- Q-bank image is used, with media placement Top
- A H3 subheading is used
- Some text and bullets in the text area
- Link shown as text
Operator training
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.
Small block example 2
In this example we have set up the most common settings:
- Q-bank image is used, with media placement Top
- A H3 subheading is used
- Some text and bullets in the text area
- Link shown as text
Hubspot form block - Heading (H2)
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.
Map block T-Store - Heading (H1-H3)
In the Main Body property in Epi/Optimizely, you can write a short introduction or an explanation to what the visitors can expect from the map.
Red pin filter label
Blue pin filter label
Grey pin filter label
Black pin filter label
A pin in 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 header is a heading in the textbox on the right of the map
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.
Script block
Using this block you can add smaller scripts to your page. For example, here is a map script from the German market.
This is the main body field
If you use the Main body property in Epi /Optimizely, the content will always be placed below the blocks. However, if you only use main body, then it will be visible on top, of course.