# Blocks

Media

[Group Start Block](https://app.storylane.io/share/lsqtokukf1sw)

[Add/Remove Block from Group Start](https://app.storylane.io/share/rwsall0wh26h)

[Plain Text Block](https://app.storylane.io/share/t3bf9t6okowm)

[Insert Video on Plain Text Block](https://app.storylane.io/share/xrtf9h7jd2jq)

[Image Block](https://app.storylane.io/share/tmkji1ela0ga)

[How to: Resize Images with Windows](https://learn.salesorder.com/path-player?courseid=trade-acceleration-portal-20\&unit=trade-acceleration-portal-20_66691fa7018c4Unit)

[How to: Resize Images with Mac](https://learn.salesorder.com/path-player?courseid=trade-acceleration-portal-20\&unit=trade-acceleration-portal-20_666a73c77ffd4Unit)

[Hyperlink Block](https://app.storylane.io/share/via6npoymte6)

[Title Block](https://app.storylane.io/share/k76ggxj8a7bh)

[Menu Matrix Block](https://app.storylane.io/share/z59brcwevsef)

[Update Products on Menu Matrix](https://app.storylane.io/share/2esbkje954sj)

[Update Categories on Menu Matrix](https://app.storylane.io/share/nxjov8cbkpmw)

[Update TAP Pages on Menu Matrix](https://app.storylane.io/share/mbywuwalfwlo)

[Update External Pages on Menu Matrix](https://app.storylane.io/share/92oe4a2nknab)

[Search Box Block](https://app.storylane.io/share/uuyrhzc2c2cj)

[Login Popup Block](https://app.storylane.io/share/i0a4ooang9fy)

[Customization of the TAP](https://app.storylane.io/share/fh2fdgi1ntbh)

## **What is a Block?** In web design, a Blocks is a unit of content or functionality that can be added, arranged and customized within the webpage. Imagine a ‘Blocks’ as a building Blocks, it's like a small LEGO piece, they can be added together to create something bigger and more beautiful! Every website is composed of various Blocks, which can be assembled to create a page or website. Blocks are designed to be easily added, removed and rearranged. Each Blocks serves a specific purpose such as displaying text or images, being a navigational menu or allowing users to login. ### **Customization** Many Blocks come with customization options that allow users to adjust colors, fonts, sizes and behavior. Some Blocks can be reused across multiple pages and sections helping to maintain consistency in design and layout. ### **Blocks on the TAP** On the TAP, these Blocks come pre-built and pre-coded. While some Blocks may be used only once, others will become staples in your design. Here are a few essential Blocks to familiarize yourself with: * [Group Start](https://helpwith.salesorder.com/trade-acceleration-portal-2.0/tap-ux/blocks/group-start) * Plain Text * Image * Hyperlink For those with coding experience, there's also the option to utilize the Custom HTML Blocks for more advanced customization, however, as you will learn, there are extensive customization options available with pre-built Blocks.