HTML Markup – is a rich text editor that allows users to create formatted content through a convenient interface.

Main Features:

• Text formatting: bold, italic, underline, strikethrough.

• Paragraph styles: headings (H1–H6), paragraphs, quotes.

• Lists: numbered and bulleted.

• Alignment: left, center, right, justified.

• Links: insert and edit hyperlinks.

• Images: add images via upload or by URL.

• Tables: create and edit tables.

• Colors: change text and background colors.

• HTML code insertion: view and edit code ("HTML Source" mode).

• Undo/Redo: change history.

• Fullscreen mode: convenient for working with large texts.

• Find and Replace: quick text search.

The HTML Markup block contains the following parameters:

• Title – adds a heading to the block that will be displayed on the site (in the top-left part of the block). You can choose the tag type for the heading – H2, H3, H4.

• Colored Background – adds a colored background across the full width of the page for this block.

  ---

  Please note! The background color is configured in the unique site appearance settings.

  ---

• Include in Contents – enable this parameter to include the block in the page’s contents or navigation.

  ---

  Please note! When the "Include in Contents" parameter is enabled, the "Title" and "Anchor" fields are required.

  ---

• Navigation Title – this field defines the name of the block in the page’s navigation list. If navigation is not used, this field is optional.

• Anchor – enter a unique value (ID) for the block if using it in contents or navigation. This field only accepts Latin letters, without spaces. The value must be unique and not repeated in other blocks.

• Collapsed View – if the block contains a lot of content (text, images, etc.), you can hide it using this parameter. The parameter activates when there are more than 12 lines of content — everything beyond this is hidden. A Show more button appears to reveal all the content.

• Create New / Select from List – used to define content:

  • Create New – allows entering data using the HTML editor.

  • Select from List – allows selecting data from the following blocks: "Information about terms of fulfillment, delivery, and order receipt" and "Company description".

---

Please note! When using "Select from List", the text cannot be edited — it is automatically copied from the selected block.

---

To configure the H1 tag on the page using HTML markup:

1. Write and highlight the desired text

2. Go to the Format menu

3. Then to the Blocks section

4. Select Heading 1

---

Please note! The H1 tag should appear only once per page to ensure proper search engine indexing.

---

 

Image Slider – is a carousel block of images (banners) with the ability to make each image clickable.

Block parameters include:

• Title – adds a heading to the block, which will be displayed on the website (in the top-left part of the block). You can choose the heading tag type – H2, H3, H4.

• Colored Background – adds a background color across the full width of the page for this block.

  ---

  Please note! The color for the colored background is configured in the unique site appearance settings.

  ---

• Include in Contents – enable this parameter to include the block in the page’s contents or navigation.

  ---

  Please note! When the "Include in Contents" parameter is enabled, the "Title" and "Anchor" fields are mandatory.

  ---

• Navigation Title – defines the name of the block in the navigation list on the page. If navigation is not used, filling this field is optional.

• Anchor – enter a unique value (ID) for the block when using it in the contents or navigation. The field accepts Latin letters only, with no spaces. The value must be unique and not repeated in other blocks.

• Banner Height – this parameter controls the height of the banner for both desktop and mobile versions (configured separately for each).

---

Please note! The width of banners is fixed: 1200px for desktop, 345px for mobile.

---

Add Banner button – clicking it creates a banner card where you can:

• Upload an image for desktop/mobile

• Add Title/alt text (name and alternative name – needed for SEO)

• Choose Banner Type – a banner can be one of three types:

  • Link – clicking will redirect to the specified link

  • Feedback Form – clicking opens a feedback form

  • Image – a regular banner without interactivity

---

Please note! To change the order of the banners, click on the blue strip to the left of a banner and drag it.

---

 

Gallery Block – allows you to create content with an image/video gallery for articles, informational pages, etc. It includes the following settings:

• Title – adds a heading to the block, displayed on the site (in the top-left corner). You can choose the heading tag type – H2, H3, H4.

• Gallery Type – allows you to select the layout of photos/videos and content. The following gallery types are available:

  • Blocks – text (if present) is placed above the images; photos/videos are displayed as blocks: the first block is large, the next two are small. If there are more than 3 blocks, a View All button appears on the third block, opening the full gallery on click.

  • Blocks + Text Left – text is displayed on the left, blocks on the right; the first block is large, the next three are small. If there are more than 4 blocks, a View All button appears on the fourth block.

  • Blocks + Text Right – text on the right, blocks on the left; same layout and behavior as above.

  • Horizontal Scroll (horizontal images) – text (if present) spans the full width above the image block; images appear as a horizontal slider, 3 per row.

  • Horizontal Scroll (vertical images) – same as above, but 4 vertical images per row.

  • Grid (horizontal images) – text (if present) spans full width above a 4-column horizontal image grid.

  • Compact Grid (vertical images) – text spans full width above a 6-column vertical image grid.

  • Grid (vertical images) – text spans full width above a 4-column vertical image grid.

  • Minimal Horizontal, Text Left – if text is present, it appears on the left occupying the larger portion of the block; images appear as a horizontal slider in the top-right corner. Without text, the slider stretches full width with 3 images per row.

  • Minimal Horizontal, Text Right – same layout as above but with text on the right and slider on the left.

  • Minimal Vertical, Text Left – same as above but with a vertical slider.

  • Minimal Vertical, Text Right – same as above but with text on the right and vertical slider on the left.

• Colored Background – adds a background color across the full width of the page for this block.

  ---

  Please note! The background color is configured in the unique site appearance settings.

  ---

• Include in Contents – enable this to include the block in the page’s contents or navigation.

  ---

  Please note! When enabled, the "Title" and "Anchor" fields are required.

  ---

• Navigation Title – defines the name of the block in the page’s navigation list. Optional if navigation is not used.

• Anchor – enter a unique value (ID) for the block when using contents or navigation. Only Latin characters without spaces are accepted. Must be unique across all blocks.

• Title Placement – determines how the title is displayed:

  • Title Above Images – the block title appears above the text and images.

  • Title Next to Images – the title appears above the text, next to the image area (when using left or right-aligned text block layouts).

• Content – to add text to the block, click the Add button next to the Content label. An HTML editor opens with an additional parameter:

  • Text Should Wrap Around the Image Block – use this setting if you want the text to occupy the full width and wrap around the image area (in left/right-aligned layouts).

• Add/Edit Photos/Videos Block – to add images or videos, you can upload from your computer or select an album created in My Company → Gallery.

Add Photo – to add a photo, click the Add Photo button. A block will appear where you can:

• Upload a photo from your computer

• Add the Title (tittle tag) for the photo

• Add the Alt tag (alternative name) for the photo

• Add a Description for the photo

---

Please note! The Title appears below the photo on the page and above the photo in the gallery view. The Description appears under the photo in the gallery view.

---

Add Video – to add a video, click the Add Video button. A block will appear where you can:

• Enter the video URL

• Add a Description for the video, which will appear below it in gallery view.

Select from Company Albums – to select from existing albums, click Select from Company Albums and choose the desired one from the list.

---

Please note! When selecting a company album, the entire album is displayed without the ability to edit individual items. However, this allows automation — any new media added to the album will automatically appear in all gallery blocks where the album is used.

---

 

Icons Block – allows you to create unnumbered lists, link to other website pages, display partner/brand blocks, etc., using small images (icons, logos). It includes the following settings:

• Title – adds a heading to the block, displayed on the website (top-left corner). You can choose the heading tag type – H2, H3, H4.

• Colored Background – adds a full-width colored background for this block.

  ---

  Please note! The background color is configured in the unique site appearance settings.

  ---

• Include in Contents – enable this to include the block in the page's contents or navigation.

  ---

  Please note! When the "Include in Contents" parameter is enabled, both "Title" and "Anchor" fields are required.

  ---

• Navigation Title – defines the name of the block in the navigation menu. Optional if navigation is not used.

• Anchor – a unique value (ID) entered for the block when used in contents or navigation. Only Latin characters without spaces are accepted. The value must be unique and not duplicated in other blocks.

• Content – used to add text to the block. Click the Add button next to the "Content" label to open the HTML editor.

• Button Name – allows adding a button to each icon. When clicked, the user is redirected via a link. For the button to appear, you must provide a Button Name and a Link.

Icon Display Types – control how icons are shown on the page. The following types are available:

• Horizontal (mobile: 1 per row, desktop: 2 per row) – (icon size: 267x76px):
  Icons and their content are displayed 2 per row (1 per row on mobile). Text, name, and button appear to the right of the icon, aligned left.

• Horizontal (mobile: 1 per row, desktop: 3 per row) – (icon size: 96x96px):
  Icons and content are displayed 3 per row (1 per row on mobile). Text, name, and button to the right of the icon, aligned left.

• Minimalistic (mobile: 1 per row, desktop: 2 per row) – (icon size: 40x40px):
  Icons and content are displayed 2 per row (1 per row on mobile). Text, name, and button to the right of the icon, aligned left.

• Minimalistic (mobile: 1 per row, desktop: 3 per row) – (icon size: 40x40px):
  Icons and content are displayed 3 per row (1 per row on mobile). Text, name, and button to the right of the icon, aligned left.

• Vertical (mobile: 1 per row, desktop: 3 per row) – (icon size: 218x136px):
  Icons and content are displayed 3 per row (1 per row on mobile). Name, text, and button appear below the icon, centered.

• Vertical (mobile: 1 per row, desktop: 4 per row) – (icon size: 218x136px):
  Icons and content are displayed 4 per row (1 per row on mobile). Name, text, and button below the icon, centered.

• Vertical (mobile: 2 per row, desktop: 3 per row) – (icon size: 218x136px):
  Icons and content are displayed 3 per row (1 per row on mobile). Name, text, and button below the icon, centered.

• Vertical (mobile: 2 per row, desktop: 4 per row) – (icon size: 218x136px):
  Icons and content are displayed 4 per row (1 per row on mobile). Name, text, and button below the icon, centered.

Add Icon button – clicking this opens a block where you can:

• Upload Icon – the icon size to upload depends on the selected display type

• Title and Alt Attributes – required for SEO

• Icon Title – displayed in bold

• Text – can be any supporting text

• Redirect Link – allows setting a URL the user will be redirected to upon clicking the icon

• Open Link in New Tab – enables the link to open in a new browser tab when clicked

The Related Pages block is intended for placing links to other pages with a short description. You can also use related pages to create blog-type pages that contain links to other articles. This block has the following parameters:

• Title – adds a heading to the block, which will be displayed on the site (in the top-left part of the block). You can select the heading tag type – H2, H3, H4.

• Colored Background – adds a colored background across the full page width for this block.

  ---

  Please note! The background color is configured in the unique site appearance settings.

  ---

• Include in Table of Contents – to have the block appear in the table of contents or on-page navigation, this parameter must be enabled.

  ---

  Please note! If the "Include in Table of Contents" parameter is enabled, the "Title" and "Anchor" fields become mandatory.

  ---

• Navigation Title – this field defines the name of the block in the page navigation list. If navigation is not used, this field is optional.

• Anchor – this field requires a unique value (ID) for the block when used in the table of contents or navigation. The field accepts only Latin characters without spaces. The value must be unique and not duplicated in other blocks.

• Add Button – adds an HTML block for adding content.

• Button Name – when hovering over the page block, a button will appear. If no button name is provided, the button will not appear.

• Page Display Type – defines how the title and short description of the page are placed. On the site page, it appears as rectangular blocks with an image, title, description, and button. It displays 3 blocks per row, in 2 rows; if there are more than 6 pages, the rest are hidden under a Show more button (for desktop view), and 1 block per row, in 3 rows; if there are more than 3 pages, the rest are hidden under the Show more button (for mobile view). It has the following options:

  • Description below the image – the page title, short description, and button (if available) will be placed below the image. When hovering over the block, the page title will be underlined.

  • Description over the image – the page title is displayed at the bottom of the image. When hovering over the block, a panel with the title, short description, and button (if available) will unfold over the image.

---

Please note! If the selected page does not have a short description (set in the General Page Settings), only the title will be displayed.

---

Please note! If the selected page does not have an image (set in the General Page Settings), a default image will be displayed (a gray crossed-out camera icon).

---

• Page List – a block for selecting the necessary pages to add. The list includes all created site builder pages. Search by page title or URL is available. You can also select all pages at once by toggling the Select All Pages switch.

---

Please note! The maximum number of pages that one "Related Pages" block can contain is 18.

---

 

The Q&A / User Reviews block allows users to leave comments (reviews and questions) on the page. Only one such block can be added per page. To manage interactions with comments, there is a Q&A / User Reviews tab in the page settings where all user-submitted reviews/questions are displayed.

Please note! For a review to appear on the page, it must be published. To do this, go to the Q&A / User Reviews tab, click the three dots next to the review, and select Publish from the menu.

Block Settings:

• Title – Adds a heading to the block that will be displayed on the site (in the top-left corner of the block). You can select the heading tag type: H2, H3, or H4.

• Colored background – Adds a colored background that spans the full width of the page for this block.

  ---

  Please note! The background color is configured in the unique site style settings.

  ---

• Include in table of contents – To make the block appear in the page’s table of contents or navigation, enable this setting.

  ---

  Please note! When this option is enabled, the Title and Anchor fields become required.

  ---

• Navigation title – This field sets the block name as it appears in the page navigation list. If navigation is not used, filling in this field is optional.

• Anchor – This field defines a unique identifier (ID) for the block when used in the table of contents or navigation. Only Latin characters are allowed, with no spaces. The value must be unique and not repeated in other blocks.

• Button label – To leave a review or question, the user must click a button to open a modal input form. You can specify any label for this button.

There is a Company Reviews page in the system, available at the link https://yourwebsite.com/sitelanguage/reviews (for example: https://manual.vitrager.com/en/reviews). To display reviews on the site pages, there is a block called Company Reviews. It has the following settings:

---

Please note! The Company Reviews block only displays reviews. If there are also questions, they can be viewed only by going to the Company Reviews page.

---

• Title – adds a heading for the block, which will be displayed on the site (in the top left corner of the block). You can choose the heading tag type – H2, H3, H4.
• Colored background – adds a colored background across the full width of the page for this block.

---

Please note! The color for the colored background is configured in the unique site appearance settings.

---

• Use in Table of Contents – to include the block in the page contents or navigation, this parameter must be enabled.

---

Please note! When the "Use in Table of Contents" parameter is enabled, the "Title" and "Anchor" fields are mandatory.

---

• Navigation title – this field defines the block's title in the navigation list on the page. If navigation is not used, this field is optional.
• Anchor – this field is for entering a unique value (ID) for the block when used in the contents or navigation. The field accepts only Latin characters, no spaces. The value must be unique and not repeated in other blocks.
• Add button – adds an HTML block for adding content.
• Show buttons – enables display of buttons like “Show All” (which leads to the reviews page) and “Leave a Review” (which opens a modal window for submitting a review or question). If this parameter is disabled, the reviews will be displayed as a slider with no interaction available.
• Button title 1 – sets the label for the button that leads to the reviews/questions page.
• Button title 2 – sets the label for the button that opens the modal window for submitting a review or question.