> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://staging.chrisp.chat/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).

# Dynamic Designs

The dynamic designs module displays specific designs as an own module within the product configurator.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/9/a/d/19ad2a0d05b78700/9afeac51-4dcb-496b-a4fe-e64f0b_1722gez.png)

Create a design module

* First of all you need to create a design module, just click on ****Fancy Product Designer/Designs/Dynamic Designs Modules and Add Module.****
* Enter a dynamic designs module title.
* Choose design categories that you want to use within this designs module.
* Optional: You can set a navigation icon for the module, which will be displayed in the main bar navigation. ****Only SVG can be used as as navigation icon****.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/7/1/7/c717cf8dc8256800/1f8d686b-2f8f-45a9-8115-b77930_1rgapsz.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/4/8/3/8/48387e8bfa5b7800/f648d8a9-d3a3-4e74-a440-3ae0b4_gl6ai6.png)

Inserting module(s) to the UI Layout

* Go to ****Fancy Product Designer/UI Composer/Modules**** (In the UI layout you are using) and drag the module into "Your selected modules" and save

![](https://storage.crisp.chat/users/helpdesk/website/-/5/5/5/5/555540838f662400/f9d818a3-aa57-45d9-a534-22f8bb_puwq30.png)