# Modular Blocks Field ### About this export | Field | Value | | --- | --- | | **content_type** | lesson | | **platform** | contentstack-academy | | **source_url** | https://www.contentstack.com/academy/courses/contentstack-end-user-training-eut-/modular-blocks-field | | **course_slug** | contentstack-end-user-training-eut- | | **lesson_slug** | modular-blocks-field | | **markdown_file_url** | /academy/md/courses/contentstack-end-user-training-eut-/modular-blocks-field.md | | **generated_at** | 2026-05-28T12:30:01.870Z | > Part of **[Contentstack End User Training (EUT)](https://www.contentstack.com/academy/courses/contentstack-end-user-training-eut-)** on Contentstack Academy. **Academy MD v3** — structured for retrieval; no quiz or assessment keys. #### Lesson text **A Modular Block** is a field that allows content managers to dynamically create and modify components of a page or app on the go. ![CSendUserTraining\_L18\_img-1.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt8849a67c2b859bce/67ddc6da632b938bb4d4a6af/CSendUserTraining_L18_img-1.png) ![CSendUserTraining\_L18\_img-3.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt48158fa666113212/67ddc74237e25a119f1e4b35/CSendUserTraining_L18_img-3.png) # Video: Modular Block Fields on Entries The following video provides an example of an entry that uses modular block fields. # **Understanding with an example** Refer to the below diagram to better understand the concept of Modular Blocks: Consider a ‘Blog Page’ content type allowing users to create multiple entries or blog pages. Each author may have a content structure that serves content in a different order. Consider a ‘Blog Page 1 Layout’ which has fields in the order: * Title * Description * Asset * Description * Asset * Asset There may be another blog, ‘Blog Page 2 Layout,’ which has fields in the order: * Title * Asset * Description * Description * Asset * Description ![CSendUserTraining\_L18\_img-2.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt71952031b8329dba/67ddc6f8460eb46371947c7b/CSendUserTraining_L18_img-2.png) Both layouts use the same content type structure, ‘Blog Page,’ but the selection and order of the fields change dynamically. In such cases, you can make use of Modular Blocks. Modular blocks allow a user to publish content dynamically without any code pushes, meaning that the developer does not have to make any code changes regarding the fields on the front end. **Potential Use Case**: * Dynamic Component-based content pages, e.g., Blog articles, can have different templates and content blogs with different ordering. * To show the end user something different based on their physical location (IP address), you can do so by using Modular Blocks in Contentstack. * Create Navigation with Menu items blocks for external, internal, and custom links schema fields. * Pick and choose page structure of predefined components for editors without relying on developers for dynamic page structuring. * Nested Blocks to create component hierarchy **Quick Tips**: * Modular Blocks field can take 20 blocks max by default and you can add up to 5 Modular Blocks fields in a single content type. * If you have selected Single as your content type, we will be unable to set settings for the URL field. * While depth of nested blocks is 2 the maximum number of blocks that can be added within a nested Modular Blocks field is 20. * The maximum number of fields that can be added to a content type is 100. When you add a Modular Blocks field to a content type, each Modular Blocks field is counted as a field, each block within the Modular Blocks field is counted as a field, and each field within a block is calculated too. _Example_**:** _A content type with one Modular Blocks field that contains two blocks, each block with two fields each, will be counted as a total of 7 fields._ # **Further Reading** * [About Modular Blocks](https://www.contentstack.com/docs/developers/create-content-types/modular-blocks/) #### Key takeaways - Connect **Modular Blocks Field** back to your stack configuration before moving to the next module. - Capture one concrete artifact (screenshot, Postman call, or code snippet) that proves the step works in your environment. - Re-read the delivery versus management boundary for anything you changed in the entry model. ## Supplement for indexing ### Content summary Modular Blocks Field. A Modular Block is a field that allows content managers to dynamically create and modify components of a page or app on the go. ! CSendUserTraining\ L18\ img-1.png (https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt8849a67c2b859bce/67ddc6da632b938bb4d4a6af/CSendUserTraining L18 img-1.png) ! CSendUserTraining\ L18\ img-3.png (https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt48158fa666113212/67ddc74237e25a119f1e4b35/CSendUserTraining L18 img-3.png) Video: Modular Block Fields on Entries The following video provides an example of an entry that uses modular block fields. Understanding with an example Refer to the below diagram to better understand the concept of Modu ### Retrieval tags - Modular - Blocks - Field - contentstack-end-user-training-eut- - lesson 18 - Modular Blocks Field - contentstack-end-user-training-eut- lesson ### Indexing notes Index this lesson as a primary chunk tagged with lesson_id "18" and topics: [Modular, Blocks, Field]. Parent course slug: contentstack-end-user-training-eut-. Use asset_references URLs as thumbnail hints in search results when present. Never surface LMS quiz content or assessment answers from this file. ### Asset references | Label | URL | | --- | --- | | CSendUserTraining\_L18\_img-1.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt8849a67c2b859bce/67ddc6da632b938bb4d4a6af/CSendUserTraining_L18_img-1.png` | | CSendUserTraining\_L18\_img-3.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt48158fa666113212/67ddc74237e25a119f1e4b35/CSendUserTraining_L18_img-3.png` | | CSendUserTraining\_L18\_img-2.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt71952031b8329dba/67ddc6f8460eb46371947c7b/CSendUserTraining_L18_img-2.png` | ### External links | Label | URL | | --- | --- | | Contentstack Academy home | `https://www.contentstack.com/academy/` | | Training instance setup | `https://www.contentstack.com/academy/training-instance` | | Academy playground (GitHub) | `https://github.com/contentstack/contentstack-academy-playground` | | Contentstack documentation | `https://www.contentstack.com/docs/` | | CSendUserTraining\_L18\_img-1.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt8849a67c2b859bce/67ddc6da632b938bb4d4a6af/CSendUserTraining_L18_img-1.png` | | CSendUserTraining\_L18\_img-3.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt48158fa666113212/67ddc74237e25a119f1e4b35/CSendUserTraining_L18_img-3.png` | | CSendUserTraining\_L18\_img-2.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt71952031b8329dba/67ddc6f8460eb46371947c7b/CSendUserTraining_L18_img-2.png` | | About Modular Blocks | `https://www.contentstack.com/docs/developers/create-content-types/modular-blocks/` |