diff --git a/bedrock/firefox/templates/firefox/welcome/page19.html b/bedrock/firefox/templates/firefox/welcome/page19.html
index ac23cb1cf9..acbebf9ab2 100644
--- a/bedrock/firefox/templates/firefox/welcome/page19.html
+++ b/bedrock/firefox/templates/firefox/welcome/page19.html
@@ -228,8 +228,13 @@
{{ main_title }}
{{ main_tagline }}
-
{{ cta_text }}
+
+ {{ download_firefox_thanks(alt_copy=cta_text, button_class='mzp-t-xl', dom_id='update-firefox') }}
+
+
{{ cta_text }}
+
{{ update_time }}
+
{% endblock %}
@@ -292,3 +297,8 @@
{% endblock %}
+
+{% block js %}
+ {{ js_bundle('firefox_welcome_page19') }}
+{% endblock %}
+
diff --git a/media/css/firefox/welcome19.scss b/media/css/firefox/welcome19.scss
index 2facbfcf35..6af6d024a1 100644
--- a/media/css/firefox/welcome19.scss
+++ b/media/css/firefox/welcome19.scss
@@ -50,6 +50,16 @@ $image-path: '/media/protocol/img';
text-wrap: balance;
}
+// visible by default and used as a fallback, will be hidden via JS for ESR browsers
+#update-firefox {
+ display: block;
+}
+
+// not displayed by default, will be visible via JS for ESR browsers
+#update-firefox-esr {
+ display: none;
+}
+
.mzp-l-columns {
padding-top: 0;
diff --git a/media/js/firefox/welcome/welcome19.js b/media/js/firefox/welcome/welcome19.js
new file mode 100644
index 0000000000..897d56decf
--- /dev/null
+++ b/media/js/firefox/welcome/welcome19.js
@@ -0,0 +1,15 @@
+/* eslint-disable no-console */
+
+(function () {
+ 'use strict';
+
+ const firefoxReleaseCTA = document.getElementById('update-firefox');
+ const firefoxEsrCTA = document.getElementById('update-firefox-esr');
+
+ Mozilla.UITour.getConfiguration('appinfo', function (details) {
+ if (details.defaultUpdateChannel === 'esr') {
+ firefoxEsrCTA.style.display = 'block';
+ firefoxReleaseCTA.style.display = 'none';
+ }
+ });
+})();
diff --git a/media/static-bundles.json b/media/static-bundles.json
index 5c180f5b37..ab5cfa2992 100644
--- a/media/static-bundles.json
+++ b/media/static-bundles.json
@@ -1297,6 +1297,12 @@
"js/firefox/welcome/welcome16.js"
],
"name": "firefox_welcome_page16"
+ },
+ {
+ "files": [
+ "js/firefox/welcome/welcome19.js"
+ ],
+ "name": "firefox_welcome_page19"
},
{
"files": [