# Blocks

<details>

<summary>Media</summary>

<img src="/files/CBMuVmT5eFB3kr2WydgM" alt="" data-size="line">[Group Start Block](https://app.storylane.io/share/lsqtokukf1sw)

<img src="/files/CBMuVmT5eFB3kr2WydgM" alt="" data-size="line">[Add/Remove Block from Group Start](https://app.storylane.io/share/rwsall0wh26h)

<img src="/files/CBMuVmT5eFB3kr2WydgM" alt="" data-size="line">[Plain Text Block](https://app.storylane.io/share/t3bf9t6okowm)

<img src="/files/CBMuVmT5eFB3kr2WydgM" alt="" data-size="line">[Insert Video on Plain Text Block](https://app.storylane.io/share/xrtf9h7jd2jq)

<img src="/files/CBMuVmT5eFB3kr2WydgM" alt="" data-size="line">[Image Block](https://app.storylane.io/share/tmkji1ela0ga)

<img src="/files/wIpgbAA2XWLYizGqVwFo" alt="" data-size="line">[How to: Resize Images with Windows](https://learn.salesorder.com/path-player?courseid=trade-acceleration-portal-20\&unit=trade-acceleration-portal-20_66691fa7018c4Unit)

<img src="/files/wIpgbAA2XWLYizGqVwFo" alt="" data-size="line">[How to: Resize Images with Mac](https://learn.salesorder.com/path-player?courseid=trade-acceleration-portal-20\&unit=trade-acceleration-portal-20_666a73c77ffd4Unit)

<img src="/files/CBMuVmT5eFB3kr2WydgM" alt="" data-size="line">[Hyperlink Block](https://app.storylane.io/share/via6npoymte6)

<img src="/files/CBMuVmT5eFB3kr2WydgM" alt="" data-size="line">[Title Block](https://app.storylane.io/share/k76ggxj8a7bh)

<img src="/files/CBMuVmT5eFB3kr2WydgM" alt="" data-size="line">[Menu Matrix Block](https://app.storylane.io/share/z59brcwevsef)

<img src="/files/CBMuVmT5eFB3kr2WydgM" alt="" data-size="line">[Update Products on Menu Matrix](https://app.storylane.io/share/2esbkje954sj)

<img src="/files/CBMuVmT5eFB3kr2WydgM" alt="" data-size="line">[Update Categories on Menu Matrix](https://app.storylane.io/share/nxjov8cbkpmw)

<img src="/files/CBMuVmT5eFB3kr2WydgM" alt="" data-size="line">[Update TAP Pages on Menu Matrix](https://app.storylane.io/share/mbywuwalfwlo)

<img src="/files/CBMuVmT5eFB3kr2WydgM" alt="" data-size="line">[Update External Pages on Menu Matrix](https://app.storylane.io/share/92oe4a2nknab)

<img src="/files/CBMuVmT5eFB3kr2WydgM" alt="" data-size="line">[Search Box Block](https://app.storylane.io/share/uuyrhzc2c2cj)

<img src="/files/CBMuVmT5eFB3kr2WydgM" alt="" data-size="line">[Login Popup Block](https://app.storylane.io/share/i0a4ooang9fy)

<img src="/files/CBMuVmT5eFB3kr2WydgM" alt="" data-size="line">[Customization of the TAP](https://app.storylane.io/share/fh2fdgi1ntbh)

</details>

## **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](/trade-acceleration-portal-2.0/tap-ux/blocks/group-start.md)
* 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://helpwith.salesorder.com/trade-acceleration-portal-2.0/tap-ux/blocks.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.