# Integration

In this section you find everything to know, how to integrate our configurator into an existing website.

You will learn what events in Rubens are and when they are fired, so you can:

* Listen to the request product button
* How to react on parts list changes
* Listen to analytic events
* Overriding buttons
* ... everything you want to do with our events

Moreover, you will be able to use our java script api function and can add custom elements on the top of our UI:

* Implement you own custom buttons
* Trigger 3D scene functions
* Change parameter code wise
* ... everything you can do with our variaty of api functions

### Code Sandbox

If you want to have just a quick look or want to copy paste an example, you can have a look in this sample [Code Sandbox.](https://codesandbox.io/p/sandbox/trigger-request-product-forked-8nn8s3)

### Helpful links

Rubens UI Events: [exposed\_callbacks.exposedcallbacks](https://docs.roomle.com/rubens/rubens-products/rubens-products-reference/classes/exposed_callbacks.exposedcallbacks "mention")\
Rubens SDK Events: [configurator\_core\_src\_services\_configurator\_ui\_callback.default](https://docs.roomle.com/rubens/rubens-sdk/rubens-sdk-reference/classes/configurator_core_src_services_configurator_ui_callback.default "mention")

Rubens UI API functions: [exposed\_api.exposedapi](https://docs.roomle.com/rubens/rubens-products/rubens-products-reference/classes/exposed_api.exposedapi "mention")\
Rubens SDK API functions: [configurator\_core\_src\_roomle\_configurator.default](https://docs.roomle.com/rubens/rubens-sdk/rubens-sdk-reference/classes/configurator_core_src_roomle_configurator.default "mention")