# Code-block

ReplyCX provides **‘Code-block’** action block, a powerful tool allowing custom functions to be quickly integrated into projects for optimized performance.

Some ways on how it can be used are:

* Fetching data from databases and rendering them dynamically as buttons, or carousels.
* Integrations with third-party systems.

### Setting up the Code-block:

1. Add the action block on the canvas by clicking on ‘+’.

   <figure><img src="https://1047404187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeyvV4WfyYBGZdBoAuetg%2Fuploads%2Fa6qtJpZsnWIdXgBAUvyY%2Fimage.png?alt=media&#x26;token=f315c21c-f746-4527-ae4a-62a70a1a87fa" alt=""><figcaption></figcaption></figure>
2. Search for **'Code-block'** and select it.

   <figure><img src="https://1047404187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeyvV4WfyYBGZdBoAuetg%2Fuploads%2FP6e0FMq4LekA6HORysbf%2Fimage.png?alt=media&#x26;token=3f60003a-c4ee-4e2d-b2dd-3741a256cc15" alt=""><figcaption></figcaption></figure>
3. Configure on the right panel.

   <figure><img src="https://1047404187-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeyvV4WfyYBGZdBoAuetg%2Fuploads%2FsKfMcikOu28z3as0IDYI%2Fimage.png?alt=media&#x26;token=ed958ae6-b962-4681-8984-29493517963c" alt=""><figcaption></figcaption></figure>

### Define function:

You can either use existing functions or create a new function using code (JSON format) in the provided space.

You can also magnify the code space by clicking on the **'enlarge'** icon at the top right corner.