diff --git a/react/features/conference/components/Conference.web.js b/react/features/conference/components/Conference.web.js
index e83c87c17..1feece33d 100644
--- a/react/features/conference/components/Conference.web.js
+++ b/react/features/conference/components/Conference.web.js
@@ -5,6 +5,7 @@ import { connect as reactReduxConnect } from 'react-redux';
import { connect, disconnect } from '../../base/connection';
import { Watermarks } from '../../base/react';
+import { FeedbackButton } from '../../feedback';
/**
* For legacy reasons, inline style for display none.
@@ -83,9 +84,9 @@ class Conference extends Component {
className = 'toolbar'
id = 'extendedToolbar'>
-
+
+
+
diff --git a/react/features/feedback/components/FeedbackButton.web.js b/react/features/feedback/components/FeedbackButton.web.js
new file mode 100644
index 000000000..0970b797e
--- /dev/null
+++ b/react/features/feedback/components/FeedbackButton.web.js
@@ -0,0 +1,28 @@
+/* global config */
+import React, { Component } from 'react';
+
+/**
+ * A Web Component which renders feedback button.
+ */
+export class FeedbackButton extends Component {
+
+ /**
+ * Implements React's {@link Component#render()}.
+ *
+ * @inheritdoc
+ * @returns {ReactElement}
+ */
+ render() {
+
+ // if there is no callstats configured skip rendering
+ if (!config.callStatsID) {
+ return null;
+ }
+
+ return (
+
+ );
+ }
+}
diff --git a/react/features/feedback/components/index.js b/react/features/feedback/components/index.js
new file mode 100644
index 000000000..a6c21d87f
--- /dev/null
+++ b/react/features/feedback/components/index.js
@@ -0,0 +1 @@
+export * from './FeedbackButton';
diff --git a/react/features/feedback/index.js b/react/features/feedback/index.js
new file mode 100644
index 000000000..07635cbbc
--- /dev/null
+++ b/react/features/feedback/index.js
@@ -0,0 +1 @@
+export * from './components';