Adding Elements

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.

Tip: see the article Adding a custom block 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:



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:

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

  1. text;
  2. heading;
  3. product;
  4. button/ two buttons,
  5. image;
  6. video;
  7. gallery;
  8. before/ after gallery;
  9. image + card;
  10. image hover;
  11. icon;
  12. image mask;
  13. devices mockup;
  14. numbers;
  15. logo;
  16. accordion;
  17. countdown;
  18. text rotator;
  19. small icons list;
  20. additional info;
  21. contacts/ horizontal contacts;
  22. embed code;
  23. quote;
  24. map;
  25. apps buttons;
  26. pricing list;
  27. testimonials;
  28. icons list;
  29. icons list + description;
  30. divider;
  31. menu;
  32. contact/ lead generation form;
  33. social icons;
  34. follow us.

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


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

Tip: to proceed with managing your elements in the block, make sure to check the article Managing elements.


    • Related Articles

    • Managing Elements

      Once you've added new elements to your blocks, you can further access their settings to duplicate, delete, or edit them. Each item has its own settings, but there are basic actions that can be applied universally. Also, if you're planning to add ...

    • Adding links to elements (click action)

      To provide your visitors with the best experience on the site, you should make the elements clickable — for example, buttons, navigation menu, social icons, phone numbers, etc. — so that they direct your visitors to relevant sections. For that, you ...

    • Adding CSS Classes to Elements on Your Site

      You can add up to 5 class attribute values to almost every element on your site. You can use CSS classes to change elements you need by adding CSS code. Tip: you can add the CSS code to your website using this guide. Adding code is only available for ...

    • Adding A logo

      Logotype is a text or graphic representation of a company name, trademark, abbreviation, etc. Adding a logo to the header or footer helps you create an authentic design for your website and become more recognizable among others. In this article, you ...

    • Adding Google Maps

      Adding Google Maps to your site will benefit both you and your customers, providing your visitors with a detailed visual guide on how to find your company. Adding Google Maps 1. Firstly, add a block which contains a map from the Contact tab in our ...