Page blocks

The Button block allows you to add a button with optional animation and fix the block at the bottom during scrolling. In this case, the button becomes sticky on the site once the previous block from the current page's block list is scrolled past. The block has the following settings:

• Mobile Button Label

• Title – displayed to the left of the button. You can select the heading tag type – H2, H3, H4.

  ---

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

  ---

• Desktop Button Label

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

• Button Type:

  • Feedback – clicking the button will open a feedback form.

  • Link – clicking the button will redirect to the specified URL. An option is available to open the link in a new browser tab.

• Fix content in the header on scroll (collapsed) – this setting pins the button to the bottom of the window. The button becomes sticky once its original position on the page is scrolled into view.

• Button Style – defines the button appearance on the site: Primary or Secondary. The style is configured in the unique site appearance settings.

• Button Animation Type – choose the animation effect. A Preview is also available to see how the button and animation will appear:

  • No animation

  • Pulse

  • Focus icon

  • Diagonal swipe

The Contact Person block allows you to add or create an employee whose contact information will be displayed on the page for direct client communication, for example, with a manager. The block includes the following settings:

• 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, or 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.

---

• Use in table of contents – to display the block in the table of contents or page navigation, enable this option.

---

Please note! If the "Use in table of contents" option is enabled, the Title and Anchor fields are required.

---

• Navigation title – this field sets the block name in the navigation list on the page. If navigation is not used, filling this field is optional.
• Anchor – enter a unique value (ID) for this block to be used in the table of contents or navigation. Only Latin characters are allowed, without spaces. The value must be unique and not repeated in other blocks.
• Contact person parameter:
  • Create new – create a new contact person by adding:

    • Image – must be 98x98 px

    • Name (required) – the name to be displayed

    • Position (required) – the person's job title

    • Phone number (required) – up to 5 phone numbers can be added

    • Email address

    • Languages spoken – up to 4 languages can be specified

  • Select from list – you can choose an existing contact person from the list. These contact entries are created in the My Company section, under Contact Person. When selected from the list, available data will be displayed. You can choose which fields to show by checking the corresponding boxes.
• Button label – the label that will be shown on the button, which can trigger the following actions:

  • Link – add a link that the user will be redirected to. You can also enable the link to open in a new tab.

  • Feedback form – opens a feedback form.

• There’s also an option to add an additional link displayed below the button (blue colored). To add it, fill out:

  • Link label – the text that will be displayed on the site.

  • Redirect URL – the link the user will be redirected to upon clicking. You can enable "Open link in a new tab" by selecting the corresponding option.

The Goods block allows you to add products to the page — either all available products, products from specific categories, or promotional products. The block includes the following settings:

• Title – adds a heading for the block, which will be displayed on the site (top left corner of the block). You can choose the heading tag type – H2, H3, or 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.

---

• Use in table of contents – to display the block in the table of contents or page navigation, enable this option.

---

Please note! When the "Use in table of contents" option is enabled, the Title and Anchor fields are required.

---

• Navigation title – this field sets the block name in the navigation list on the page. If navigation is not used, filling this field is optional.
• Anchor – enter a unique value (ID) for this block to be used in the table of contents or navigation. Only Latin characters are allowed, without spaces. The value must be unique and not repeated in other blocks.
• Content – when clicking the Add button, an HTML block opens where you can write content.
• Goods settings type:

  • Show all categories – adds a product block with tabs representing the product categories available on the site.

  • Add products by link – allows you to add products from a single category (e.g., Windows, Entrance Doors, etc.). You can also add products filtered by specific criteria – to do this, go to the product list page, apply the desired filters, copy the resulting link, and paste it into the Link field.

  • Show all categories (promotional products only) – adds a block with all promotional products from all categories.

The Calculator block allows you to create blocks of additional assortment products with the option to submit a purchase request for them. On the website, the block consists of two steps:

1. Selecting the desired product.

2. Entering dimensions to preview the price and submit a purchase request.

---

Please note! The Calculator block only allows users to preview the price and submit a request. The actual order is created only by a company manager — users cannot place orders directly through the site.

---

The block has the following settings:

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

---

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

---

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

---

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

---

• Navigation title – defines the name of the block in the page’s navigation list. This is optional if navigation is not used.
• Anchor – enter a unique value (ID) for the block to be used in the Table of Contents or navigation. This field accepts Latin letters only, no spaces. The value must be unique and not used in any other blocks.
• Add button – adds an HTML block to fill with content.
• Step 1 title – sets the title that will be displayed for step 1.
• Description – description displayed below the title in step 1.
• Button text – the label of the button displayed on each product.
• Content display – allows you to choose the layout type for product display on desktop. The options are:

• • 1 row, 3 per row – displays one row of 3 product cards; navigation via “Next” and “Previous” buttons.

  • 1 row, 4 per row – displays one row of 4 product cards; navigation via “Next” and “Previous” buttons.

  • 2 rows, 3 per row – displays two rows of 3 product cards (6 total); navigation via “Next” and “Previous” buttons.

  • 2 rows, 4 per row – displays two rows of 4 product cards (8 total); navigation via “Next” and “Previous” buttons.

  • 3 rows, 3 per row – displays three rows of 3 product cards (9 total); navigation via “Next” and “Previous” buttons.

  • 3 rows, 4 per row – displays three rows of 4 product cards (12 total); navigation via “Next” and “Previous” buttons.

• Step 2 title – sets the title that will be displayed for step 2.
• Description – description displayed below the title in step 2.
• Link to instruction "How to take measurements correctly" – you can add a link to a page with measurement instructions if needed or available.
• Button text – label of the button used to submit the request.
• Accessories - to select the required products, click the "Edit" button. A modal window will open where you can configure:

• • Supplier – choose a supplier from the list (if you are a dealer). If you are a manufacturer, you will only see "My Accessories".

  • Select category – clicking the field opens a list of additional products grouped by categories and subcategories. Categories are displayed in bold. You can only select subcategories.

  • After selecting a subcategory, a list of available products appears. Click the desired item to select it.

  • To select all products in a subcategory, use the "Select all" toggle.

  • After clicking the "Select" button, a list of selected products will appear, showing:

    • Supplier name

    • Number of selected items

    • List of selected products

The Catalog block is a unique block that is created automatically when a catalog page is created. It cannot be deleted or added multiple times.

This block is used to display child pages and to navigate to them.

It has the following settings:

• Title – adds a heading for the block that will be displayed on the website (in the upper-left part of the block). You can select 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 website unique appearance settings.

  ---

• Use in table of contents – to include the block in the page contents or navigation, this option must be enabled.

  ---

  Please note! When enabling the "Use in contents" option, the "Title" and "Anchor" fields are mandatory.

  ---

• Navigation title – this field defines the block name in the page navigation list. If navigation is not used, this field is optional.
• Anchor – this field is used to enter a unique value (ID) for the block when used in contents or navigation. The field accepts Latin characters only, without spaces. The value must be unique and must not duplicate other blocks.
• Content – used to add text to the block. To add text, click the Add button next to the Content label. After that, the HTML editor will open.
• Button name – adds a button that navigates to a link when clicked. To display the button, you must specify a label; otherwise, the button will not appear.
  

  ---

  Please note! If the button is not present, navigation to the selected page does not disappear; the button serves as a visual hint for the user.

  ---

• Page display type – this option allows you to choose how child pages are displayed. There are three types:
  
  • Description below the image:
    • image
    • next line: company name, creation date, and number of views (if configured)
    • next line: page title in bold
    • next line: short page description
    • next line: tags (if configured)
  • Description over the image:
    • image
    • over the image (at the bottom): page title
    • on hover – the image is overlaid by a block containing:
      • page title
      • next line: company name and page creation date (if configured)
      • next line: short page description
      • at the bottom of the block: button and number of views (if configured)
  • Description to the right of the image:
    • on the left:
      • image
    • on the right:
      • company name, page creation date, number of views (if configured)
      • next line: page title in bold
      • next line: short page description
      • next line: tags (if configured)
• Number of cards per page – this option allows you to select the number of rows (3 cards per row) that will be displayed on the page. If there are more cards than the selected display limit, pagination will be created to navigate to the next pages. Available selection range is from 3 to 24.
• Choose the fields to display – this option allows you to choose which data will be displayed. It includes the following options:
  
  • Tags – displays tags (if added in the page settings)
  • Company – displays your company name
  • Tag search – enables a field for searching by tags
  • Views – displays the view counter for each page
  • Publication date – displays the page creation date

    ---

    Please note! At least one option must be selected.

    ---

The Catalog (popular pages) block is available only on pages of the catalog type.

This block displays only child pages for which the Post in the “Popular” section option is enabled. Popular pages are sorted by the page creation date.

The block has the following parameters:

• Title – adds a heading for the block that will be displayed on the website (in the upper-left part of the block). You can select 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 website unique appearance settings.

  ---

• Use in table of contents – to include the block in the page contents or navigation, this option must be enabled.

  ---

  Please note! When enabling the "Use in contents" option, the "Title" and "Anchor" fields are mandatory.

  ---

• Navigation title – this field defines the block name in the page navigation list. If navigation is not used, this field is optional.
• Anchor – this field is used to enter a unique value (ID) for the block when used in contents or navigation. The field accepts Latin characters only, without spaces. The value must be unique and must not duplicate other blocks.
• Content – used to add text to the block. To add text, click the Add button next to the Content label. After that, the HTML editor will open.
• Button name – adds a button that navigates to a link when clicked. To display the button, you must specify a label; otherwise, the button will not appear.
  

  ---

  Please note! If the button is not present, navigation to the selected page does not disappear; the button serves as a visual hint for the user.

  ---

• Block title on the right – adds a heading that is displayed before the list of popular pages. This field is mandatory.
• Choose the fields to display – this option allows you to choose which data will be displayed. It includes the following options:
  
  • Tags – displays tags (if added in the page settings)
  • Company – displays your company name
  • Search by tags – enables a field for searching by tags
  • Views – displays the view counter for each page
  • Publication date – displays the page creation date

    ---

    Please note! At least one option must be selected.

    ---

The Catalog (preview) block allows you to place links to child catalog pages as well as subcategories on the page. You can select any catalog, but only within the current language version. 

This block contains a large number of display settings for desktop and mobile versions.

This block has the following settings:

• Title - adds a heading for the block that 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 make the block appear in the table of contents or page navigation, this option must be enabled.

  ---

  Please note! When enabling the "Use in table of contents" option, the "Title" and "Anchor" fields are mandatory

  ---

• Navigation title - this field defines the block name in the page navigation list. If navigation is not used, filling in this field is optional.
• Anchor - enter 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 repeated in other blocks.
• Text - used to add text to the block. To add text, click the Add button next to the Text label. After that, the HTML editor will open.
• A "catalogue" type page for filling the block - this option allows you to select, from the list, a catalog-type page that will be displayed on the current page.
  

  ---

  Please note! The block will be displayed only if the selected catalog has child pages.

  ---

• View from the desktop - allows you to configure how catalog pages are displayed in the desktop version. It has the following view settings:
  • Pages display type (Desktop): 
    • 1 in a row (description to the right of the image) - image on the left, page information on the right, displayed as a list with one item per row
    • 2 in a row (description over the image) - square images, 2 per row; the page title is shown at the bottom of the image; on hover, a block with the title, page description, and a button appears
    • 3 in a row (description over the image) - rectangular images, 3 per row; the page title is shown at the bottom of the image; on hover, a block with the title, page description, and a button appears
    • 3 in a row (description over the image + slider) - rectangular images, 3 per row in a slider format with slider navigation buttons; on hover, a block with the title, page description, and a button appears
    • 3 in a row (title above the image, description below) - rectangular images, 3 per row; page title above the image, page information below the image; on hover, a button appears (over the image)
    • 3 in a row (title and description below the image) - rectangular images, 3 per row; page title and information below the image; on hover, a button appears (over the image)
    • 3 in a row (title over the image) - square images, 3 per row; page title and button at the bottom of the image, without page information.
    • 3 in a row (title over the image + description below) - square images, 3 per row; page title and button at the bottom of the image, page information below the image.
    • 6 in a row - square images, 6 per row; title below the image; on hover, a button appears (over the image), without page information.
    • 6 in a row (minimalistic) - rectangular images, 6 per row; title below the image; on hover, a button appears (over the image), without page information.
  • Number of rows - allows you to select, from the list, the number of rows with child pages. The row range is from 1 to 4.
  • Pages display type of dependent catalog (Desktop) - this option defines how the child catalog will be displayed. A child catalog is a subcatalog of a catalog that belongs to the current catalog; in simpler terms, a subcatalog is a lower-level catalog that belongs to a catalog which, in turn, belongs to the current catalog. Changing the display for a child catalog is available for the following current catalog view settings:
    • 2 in a row (description over the image) - has the following views:
      • 3 cards in 2 rows with page titles
      • 3 cards in 2 rows without page titles
    • 3 in a row (title above the image, description below) - has the following views:
      • 2 cards each in 2 rows with titles
      • 2 cards each in 2 rows without titles
      • 2 cards each in 3 rows with titles (minimalistic)
      • 2 cards each in 3 rows without titles (minimalistic)
    • 3 in a row (title and description below the image) - has the following views:
      • 2 cards each in 2 rows with titles (minimalistic)
      • 2 cards each in 2 rows without titles (minimalistic)
    • 3 in a row (title over the image) - has the following views:
      • 2 cards each in 2 rows with titles (minimalistic)
      • 2 cards each in 2 rows without titles (minimalistic)
    • 3 in a row (title over the image, description below) - has the following views:
      
      • 2 cards each in 3 rows with titles
      • 2 cards each in 3 rows without titles
    • For all other current catalog views, the child catalog will be displayed as a "general page".
      

      ---

      Please note! For the child catalog display to work, the child catalog must have child pages

      ---

  • Show titles of dependent pages - this option controls the display of names of child pages and catalogs.
    

    ---

    Please note! This option does not work on child pages of subcatalogs.

    ---

  • The name of the general button - when a title is added, a button with this title will be displayed to navigate to the child catalog page. If the title is not provided, the button will not be displayed, and navigation to the catalog page will not be possible.
  • Position of the general button with a link to the catalog - this option controls the placement of the button that links to the catalog page within the block. If there is no general button name, this option will be inactive. It has three positions:
    • In the upper right corner
    • In the lower left corner
    • Bottom center
  • The name of the button on the child page card - the title that will be displayed on the button for each child page.
    

    ---

    Please note! This title is mandatory

    ---

• View from the phone- allows you to configure how catalog pages are displayed in the mobile version. It has the following view settings:
  • Display of the current catalog: 
    • 1 in a row (title above the image, description below) - square image, 1 per row; page title above the image, page information and button below the image
    • 1 in a row (title and description below the image) - rectangular image, 1 per row; title, page information, and button below the image
    • 1 in a row (title and description over the image) - square image, 1 per row; page title, description, and button over the image at the bottom
    • 1 in a row (title over the image, w/o description) - square image, 1 per row; page title and button over the image at the bottom, without description
    • 1 in a row (title over the image, description below) - square image, 1 per row; page title and button over the image at the bottom, page information below the image
    • 2 in a row - square images, 2 per row; page title below the image
    • 2 in a row (minimalistic) - rectangular images, 2 per row; page title below the image
    • 3 in a row - square images, 3 per row; page title below the image
    • Slider - square images, 1 per row in a slider format where a small part of the next image is visible on the right; page title and button over the image at the bottom.
  • Number of rows (Mobile) - allows you to select, from the list, the number of rows with child pages. The row range is from 1 to 6.
  • Pages display type of dependent catalog (Mobile) - this option defines how the child catalog will be displayed. A child catalog is a subcatalog of a catalog that belongs to the current catalog; in simpler terms, a subcatalog is a lower-level catalog that belongs to a catalog which, in turn, belongs to the current catalog. Changing the display for a child catalog is available for the following current catalog view settings:
    • 1 in a row (title above the image, description below) - has the following views:
      • 2 cards each in 2 rows with titles
      • 2 cards each in 2 rows without titles
      • 2 cards each in 3 rows with titles (minimalistic)
      • 2 cards each in 3 rows without titles (minimalistic)
    • 1 in a row (title and description below the image) - has the following views:
      • 3 cards each in 2 rows with titles
      • 3 cards each in 2 rows without titles
    • 1 in a row (title over the image, w/o description) - has the following views:
      • 2 cards each in 2 rows with titles (minimalistic)
      • 2 cards each in 2 rows without titles (minimalistic)
    • 1 in a row (title over the image, description below) - has the following views:
      • 2 cards each in 3 rows with titles
      • 2 cards each in 3 rows without titles
    • For all other current catalog views, the child catalog will be displayed as a "general page".
      

      ---

      Please note! For the child catalog display to work, the child catalog must have child pages

      ---

  • Show titles of dependent pages - this option controls the display of names of child pages and catalogs.
    

    ---

    Please note! This option does not work on child pages of subcatalogs.

    ---

  • The name of the general button - when a title is added, a button with this title will be displayed to navigate to the child catalog page. If the title is not provided, the button will not be displayed, and navigation to the catalog page will not be possible.
  • Position of the general button with a link to the catalog - this option controls the placement of the button that links to the catalog page within the block. If there is no general button name, this option will be inactive. It has three positions:
    • TIn the upper right corner
    • In the lower left corner
    • Bottom center
  • The name of the button on the child page card - the title that will be displayed on the button for each child page.
    

    ---

    Please note! This title is mandatory

    ---

  • Additional fields for displaying subordinate pages on the card - this option allows you to select the data that will be displayed. It includes the following data:
    • Tags - displays tags (if added in the page settings)
    • Company - displays the name of your company
    • Views - displays the view counter for each page
    • Publication date - displays the page creation date