> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Adding elements

Most blocks in our editor are fully customizable. Therefore, you can enrich the look of your blocks by adding new elements to them — for example, icons, dividers, lists, etc. 

| ${color}[#1aa900](Tip:) See the [Adding a custom block](https://help.weblium.com/en-us/article/adding-a-custom-block-1zwn4b/) article to create your block from scratch.

# Adding elements

1. To add an element, hover over the block and click on the "plus" sign where you'd like to place it:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/angl-1_ekyfzn.png)

|| ${color}[#ffa800](Note:) In some of the blocks, you may not find a possibility to add new elements. In this case, we recommend you to choose another type of block in our gallery.

2. Choose the needed element from the pop-up menu:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/angl-2_17s33dh.png)

Here you can see a full list of elements you can add: 

* text;
* heading;
* [button/ two buttons](https://help.weblium.com/en-us/article/adding-a-button-ebnw6k/);
* [image](https://help.weblium.com/en-us/article/adding-images-xjjx18/);
* [video](https://help.weblium.com/en-us/article/adding-and-setting-up-a-video-61u3g4/);
* [gallery](https://help.weblium.com/en-us/article/adding-and-setting-a-gallery-4tkif6/);
* [before/ after gallery](https://help.weblium.com/en-us/article/adding-a-before-after-gallery-1qxi1qa/);
* image + card;
* [image hover](https://help.weblium.com/en-us/article/image-hover-1wi78j0/);
* [icon](https://help.weblium.com/en-us/article/icons-settings-1rztg6q/);
* image mask;
* devices mockup;
* numbers;
* [logo](https://help.weblium.com/en-us/article/adding-a-logo-1hexw3r/);
* [accordion](https://help.weblium.com/en-us/article/adding-an-accordion-81cyme/);
* [countdown](https://help.weblium.com/en-us/article/adding-a-countdown-7a5suh/);
* [text rotator](https://help.weblium.com/en-us/article/working-with-the-text-rotator-nq7y4l/);
* small icons list;
* additional info;
* contacts/ horizontal contacts;
* [embed code](https://help.weblium.com/en-us/article/adding-your-own-code-to-the-site-1f6tdsv/);
* quote;
* [map](https://help.weblium.com/en-us/article/adding-google-maps-1hghn2n/);
* [apps buttons](https://help.weblium.com/en-us/article/adding-apps-buttons-pms84c/);
* pricing list;
* testimonials;
* icons list;
* icons list + description;
* [divider](https://help.weblium.com/en-us/article/adding-a-divider-1m043ou/);
* [spacer](https://help.weblium.com/en-us/article/adding-a-spacer-tcxr9k/);
* [menu](https://help.weblium.com/en-us/article/menu-bar-settings-sl5pgq/);
* [social icons](https://help.weblium.com/en-us/article/global-social-links-19scwze/);
* follow us;
* [language menu](https://help.weblium.com/en-us/article/adding-a-language-menu-1ok03fk/);
* [contact/ lead generation form](https://help.weblium.com/en-us/article/adding-a-contact-lead-generation-form-itr7sn/);
* [product](https://help.weblium.com/en-us/article/adding-products-to-the-online-store-1s241ov/);
* [product catalog](https://help.weblium.com/en-us/article/the-product-catalog-element-and-filters-in-the-online-store-124ifn5/);
* [order summary](https://help.weblium.com/en-us/article/creating-a-thank-you-page-wc8zfu/#1-adding-the-order-summary-element);
* follow us.

In this list you can find out which elements you can add to [Flex block](/en-us/article/adding-a-flex-block-with-freely-arrangeable-elements-1a6dkwg/):
* text;
* heading;
* [video](https://help.weblium.com/en-us/article/adding-and-setting-up-a-video-61u3g4/);
* [image](https://help.weblium.com/en-us/article/adding-images-xjjx18/);
* [shape](/en-us/article/adding-a-shape-element-s9555y/);
* [button](https://help.weblium.com/en-us/article/adding-a-button-ebnw6k/);
* [contact/ lead generation form](https://help.weblium.com/en-us/article/adding-a-contact-lead-generation-form-itr7sn/);
* [divider](https://help.weblium.com/en-us/article/adding-a-divider-1m043ou/);
* [social icons](https://help.weblium.com/en-us/article/global-social-links-19scwze/);
* [embed code](https://help.weblium.com/en-us/article/adding-your-own-code-to-the-site-1f6tdsv/);
* [menu](https://help.weblium.com/en-us/article/menu-bar-settings-sl5pgq/);
* [product](https://help.weblium.com/en-us/article/adding-products-to-the-online-store-1s241ov/);

3. You can mark frequently used elements as **Favorites** for quick access by clicking on a "star" icon:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/angl-3_1nzrd3s.png)

After that, the element you've marked will be displayed at the top of the elements menu.

| ${color}[#1aa900](Tip:) To proceed with managing your elements in the block, make sure to check the [Managing elements](https://help.weblium.com/en-us/article/managing-elements-1o76my7/) article.