> ## Documentation Index > Fetch the complete documentation index at: https://docs.germainux.com/llms.txt > Use this file to discover all available pages before exploring further. # Deploy Monitoring for Webflow > Deploy GermainUX monitoring for a Webflow website. Components [`Engine`](https://docs.germainux.com/main/germain-ux-engine) [`JS Profiler`](https://docs.germainux.com/main/germain-ux-js-profiler) [`Mobile App`](https://docs.germainux.com/main/germain-ux-mobile-app) [`RPA Bot Recorder`](https://docs.germainux.com/main/germain-ux-rpa-bot-recorder) [`RUM JS`](https://docs.germainux.com/main/germain-ux-rum-js) Availability 2017.2 > [card] [Monitoring Components](#monitoring-components) > > Pick coverage components > [card] [Prerequisites](#prerequisites) > > Confirm Webflow requirements > [card] [11. Deploy REST API Monitoring — Optional](#11-deploy-rest-api-monitoring-%E2%80%94-optional) > > Add API monitoring > [card] [12. Validate the Deployment](#12-validate-the-deployment) > > Verify before broad monitoring **Deploy Monitoring for Webflow** Deploy GermainUX monitoring for a Webflow website. The Webflow Wizard creates the required UX Monitoring Profile and provides the installation instructions needed to inject GermainUX monitoring into the Webflow site. ## Monitoring Components Depending on the required coverage, Webflow monitoring can use: | Monitoring Area | GermainUX Component | | - | - | | Real User Monitoring | RUM JS | | Session Replay | RUM JS | | Browser performance | RUM JS | | JavaScript errors | RUM JS | | Network monitoring | RUM JS | | Advanced JavaScript troubleshooting | JS Profiler | | Synthetic workflow monitoring | RPA Bot Recorder | | REST API monitoring | Engine | | HTTP availability monitoring | Engine | Deploy only the components required for your monitoring objectives. ## Prerequisites Before deployment, confirm: | Requirement | Details | | - | - | | Access to Germain Workspace | You have access to Germain Workspace. | | Webflow website URL | You know the Webflow website URL. | | Modify Webflow configuration | You can modify the Webflow site configuration required to deploy the generated monitoring code. | | Network connectivity | Browsers accessing the Webflow site can communicate with GermainUX. | | Privacy and security policies | Required privacy and security policies have been defined. | | Target environments/domains | You know which environments or domains should be monitored. | ## 1 Open the Webflow Wizard Go to: **Germain Workspace > Left Menu > Wizards > Webflow** Start the Webflow Wizard. ![Deploy Monitoring for Webflow: 1 Open the Webflow Wizard](https://mintcdn.com/germain-ux/hPK2RwO7wyn44bNw/images/main/deploy-monitoring-for-webflow/image-20260901-210959.png?fit=max\&auto=format\&n=hPK2RwO7wyn44bNw\&q=85\&s=f231a7742e951779ba9c8450c4cbd6ac) ## 2 Configure the Application Enter the requested application information, including: | Field | Example / Notes | | - | - | | Application Name | Application Name | | Website URL | Website URL | Use a descriptive application name. For example: `Corporate Website - Webflow - Production` ![Deploy Monitoring for Webflow: 2 Configure the Application](https://mintcdn.com/germain-ux/hPK2RwO7wyn44bNw/images/main/deploy-monitoring-for-webflow/we2.png?fit=max\&auto=format\&n=hPK2RwO7wyn44bNw\&q=85\&s=97eafca4b2c98549911aae90b2e0c5bc) ## 3 Complete the Wizard Continue through the Webflow Wizard. GermainUX creates the applicable UX Monitoring Profile and displays the deployment instructions in the Wizard summary. ## 4 Inject GermainUX into Webflow Follow the installation steps generated by the Webflow Wizard. Use the exact monitoring configuration generated for the selected UX Monitoring Profile. Do not manually reconstruct the monitoring configuration when the Wizard already provides the deployment instructions. ## 5 Retrieve Installation Instructions Later The installation instructions can be reopened after completing the Wizard. Go to: **Germain Workspace > Left Menu > Analytics > UX Monitoring Profiles** Select the UX Monitoring Profile created for Webflow. In the Configuration Editor, select: **Installation** The deployment instructions for that profile are displayed. ![Deploy Monitoring for Webflow: 5 Retrieve Installation Instructions Later](https://mintcdn.com/germain-ux/hPK2RwO7wyn44bNw/images/main/deploy-monitoring-for-webflow/we4.png?fit=max\&auto=format\&n=hPK2RwO7wyn44bNw\&q=85\&s=11247686a53e23f43fc1a1b0cc77ba3e) ## 6. Publish the Webflow Site After adding the required GermainUX monitoring configuration: **1. Publish the Webflow site** **2. Open the published website in a supported browser** **3. Navigate through several pages** **4. Perform representative user actions** Monitoring should be validated against the published website rather than relying only on the Webflow Designer or Preview environment. ![Deploy Monitoring for Webflow: 6. Publish the Webflow Site](https://mintcdn.com/germain-ux/hPK2RwO7wyn44bNw/images/main/deploy-monitoring-for-webflow/we3.png?fit=max\&auto=format\&n=hPK2RwO7wyn44bNw\&q=85\&s=7661febfc649df57cffae741e254b2a3) ## 7. Validate Real User Monitoring In GermainUX, confirm that the expected Webflow data is being received. Depending on the configuration, verify: * User sessions * Page views * Navigation * User interactions * Page performance * Network requests * JavaScript errors ## 8. Validate Session Replay When Session Replay is enabled: **1. Open the published Webflow website** **2. Navigate through representative pages** **3. Perform representative interactions** **4. End the test session** **5. Locate the session in GermainUX** **6. Open Session Replay** **7. Verify the expected activity** Before production rollout, verify that sensitive information is appropriately protected. ## 9. Deploy JS Profiler — Optional Deploy GermainUX JS Profiler when deeper JavaScript troubleshooting is required. Use it when additional visibility is needed into: * JavaScript execution * Browser processing * Network activity * Integration activity * Slow application behavior ## 10. Deploy Synthetic Monitoring — Optional Use GermainUX RPA Bot Recorder to create synthetic scenarios for important Webflow workflows. Examples: Homepage Critical Page Verify Content or: Homepage Form Submit Test Data Verify Confirmation Use dedicated test data and ensure that synthetic scenarios do not create unwanted production activity. ## 11. Deploy REST API Monitoring — Optional When approved Webflow REST API access is available, configure GermainUX Engine to execute the required API monitoring. Before deployment, identify: * API endpoint * Authentication method * Credentials or token * Required HTTP method * Request parameters * Expected response * Monitoring frequency * Failure conditions Use read-only API operations whenever they satisfy the monitoring requirement. ## 12. Validate the Deployment Before enabling monitoring broadly, confirm: * RUM JS loads successfully. * Correct Webflow application assigned. * Correct domain/environment assigned. * User sessions reach GermainUX. * Navigation is captured. * User interactions are captured. > [accordion] Show all 13 > > * Page performance is captured. > * Network monitoring works as configured. > * JavaScript errors are detected. > * Session Replay works when enabled. > * Sensitive data is protected. > * Synthetic monitoring works when configured. > * API monitoring works when configured. Once deployment has been validated, continue with **Configure Monitoring for Webflow**. > [!NOTE] > > GermainUX can help determine which monitoring, analytics and automation capabilities are appropriate for your Webflow environment. ## Get More Information GermainUX can help determine which monitoring, analytics and automation capabilities are appropriate for your Webflow environment. [Contact GermainUX Support](https://docs.germainux.com/main/support.md). ## Get Help > [card] [Contact GermainUX Support](https://docs.germainux.com/main/support.md) > > The GermainUX team helps you get up and running faster, empower your team, turn data into actionable insights, and optimize performance to deliver measurable business outcomes. > [card] Can't find what you need? > > Search all GermainUX docs with **Ctrl + K**, or use the feedback buttons at the bottom of this page to tell us what is missing. The content of this document is proprietary to GERMAIN SOFTWARE. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.