diff --git a/conversejs/custom/entry.js b/conversejs/custom/entry.js
new file mode 100644
index 00000000..7025ad76
--- /dev/null
+++ b/conversejs/custom/entry.js
@@ -0,0 +1,3 @@
+import '../src/entry.js'
+import './sass/livechat.scss'
+export * from '../src/entry.js'
diff --git a/conversejs/custom/sass/livechat.scss b/conversejs/custom/sass/livechat.scss
new file mode 100644
index 00000000..276b6e63
--- /dev/null
+++ b/conversejs/custom/sass/livechat.scss
@@ -0,0 +1,4 @@
+body.livechat-iframe #conversejs .chat-head {
+ // Hidding the chat-head when the plugin is displayed in an iframe.
+ display: none;
+}
diff --git a/conversejs/custom/webpack.livechat.js b/conversejs/custom/webpack.livechat.js
index 288185c7..14a3c481 100644
--- a/conversejs/custom/webpack.livechat.js
+++ b/conversejs/custom/webpack.livechat.js
@@ -1,8 +1,9 @@
const prod = require('./webpack.prod.js')
const { merge } = require('webpack-merge')
-// const path = require('path')
+const path = require('path')
module.exports = merge(prod, {
+ entry: path.resolve(__dirname, 'custom/entry.js'),
resolve: {
extensions: ['.js'],
alias: {
diff --git a/conversejs/index.html b/conversejs/index.html
index 5f1084b5..09b1683b 100644
--- a/conversejs/index.html
+++ b/conversejs/index.html
@@ -8,11 +8,6 @@
-