diff --git a/.discourse-compatibility b/.discourse-compatibility
index 7938618..635619d 100644
--- a/.discourse-compatibility
+++ b/.discourse-compatibility
@@ -1 +1,2 @@
+< 3.2.0.beta2: c32394d6348e46e33e8734d49d81e49f346993d5
 2.6.0.beta3: 4d3bf39661730786e457f255b5b5d37eebf398e8
diff --git a/javascripts/discourse/connectors/above-main-container/banner-themes.hbs b/javascripts/discourse/connectors/above-main-container/banner-themes.hbs
deleted file mode 100644
index 925734e..0000000
--- a/javascripts/discourse/connectors/above-main-container/banner-themes.hbs
+++ /dev/null
@@ -1,3 +0,0 @@
-{{#if (eq (theme-setting "plugin_outlet") "above-main-container")}}
-  <VersatileBanner />
-{{/if}}
\ No newline at end of file
diff --git a/javascripts/discourse/connectors/below-site-header/banner-themes.hbs b/javascripts/discourse/connectors/below-site-header/banner-themes.hbs
deleted file mode 100644
index c5c6708..0000000
--- a/javascripts/discourse/connectors/below-site-header/banner-themes.hbs
+++ /dev/null
@@ -1,3 +0,0 @@
-{{#if (eq (theme-setting "plugin_outlet") "below-site-header")}}
-  <VersatileBanner />
-{{/if}}
\ No newline at end of file
diff --git a/javascripts/discourse/initializers/discourse-versatile-banner.js b/javascripts/discourse/initializers/discourse-versatile-banner.js
new file mode 100644
index 0000000..fb22b5f
--- /dev/null
+++ b/javascripts/discourse/initializers/discourse-versatile-banner.js
@@ -0,0 +1,6 @@
+import { apiInitializer } from "discourse/lib/api";
+import VersatileBanner from "../components/versatile-banner";
+
+export default apiInitializer("1.15.0", (api) => {
+  api.renderInOutlet(settings.plugin_outlet, VersatileBanner);
+});
diff --git a/settings.yml b/settings.yml
index f005852..ff40adf 100644
--- a/settings.yml
+++ b/settings.yml
@@ -52,6 +52,7 @@ plugin_outlet:
   choices:
     - "below-site-header"
     - "above-main-container"
+  refresh: true
 banner_background_image:
   type: string
   default: "https://i.imgur.com/k7SnZth.jpg"
@@ -92,10 +93,10 @@ main_heading_content:
     <div class="colored-line"></div>
     <div class="description">
       <p>
-        Nulla ullamcorper augue vel sodales pellentesque. Sed 
-        vitae sapien sit amet mauris consequat malesuada. 
-        Vestibulum vitae iaculis nisl, vel aliquet velit. 
-        Fusce venenatis laoreet diam, non dictum nisl 
+        Nulla ullamcorper augue vel sodales pellentesque. Sed
+        vitae sapien sit amet mauris consequat malesuada.
+        Vestibulum vitae iaculis nisl, vel aliquet velit.
+        Fusce venenatis laoreet diam, non dictum nisl
         vestibulum non.
       </p>
     </div>
@@ -106,8 +107,8 @@ first_column_content:
   default: |
     <h3>A simple box</h3>
     <p>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
-      Sed id congue eros, sit amet suscipit libero. Nunc vitae 
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+      Sed id congue eros, sit amet suscipit libero. Nunc vitae
       placerat est.
     </p>
     <div class="banner-list">
@@ -124,11 +125,11 @@ second_column_content:
   default: |
     <h3>Another simple box</h3>
     <p>
-      Integer velit ante, 
-      <a href="https://discourse.org">DISCOURSE</a> 
-      amet tristique in, gravida at ligula. Sed gravida mauris id 
-      neque vestibulum semper. Suspendisse potenti. Nam 
-      nec maximus ligula. Ut eget semper est. Sed ornare 
+      Integer velit ante,
+      <a href="https://discourse.org">DISCOURSE</a>
+      amet tristique in, gravida at ligula. Sed gravida mauris id
+      neque vestibulum semper. Suspendisse potenti. Nam
+      nec maximus ligula. Ut eget semper est. Sed ornare
       sit amet justo eu rutrum. Integer sit amet facilisis ipsum.
     </p>
     <div class="buttons" id="my-button">
@@ -140,12 +141,12 @@ third_column_content:
   default: |
     <h3>Yet another simple box</h3>
     <p>
-      Pellentesque ut lacinia nunc, eu molestie nulla. 
-      Pellentesque viverra nisi urna, at hendrerit nisl 
-      sodales in. Morbi auctor sodales nisi, eget aliquam 
-      justo maximus in. Suspendisse a felis a massa 
-      elementum pellentesque quis eget dolor. Orci varius 
-      natoque penatibus et magnis dis parturient montes, 
+      Pellentesque ut lacinia nunc, eu molestie nulla.
+      Pellentesque viverra nisi urna, at hendrerit nisl
+      sodales in. Morbi auctor sodales nisi, eget aliquam
+      justo maximus in. Suspendisse a felis a massa
+      elementum pellentesque quis eget dolor. Orci varius
+      natoque penatibus et magnis dis parturient montes,
       nascetur ridiculus mus.
     </p>
 fourth_column_content: