From 20fb325c4cdf3e1d51b1c427c88540e88aebbe4d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Milorad=20FIlipovi=C4=87?= <milorad@n8n.io>
Date: Mon, 24 Mar 2025 11:55:10 +0100
Subject: [PATCH] fix(editor): Update registered community CTA (no-changelog)
 (#14117)

Co-authored-by: Charlie Kolb <charlie@n8n.io>
---
 .../CommunityPlusEnrollmentModal.vue          | 19 +++++++++++--------
 packages/frontend/editor-ui/src/constants.ts  |  2 ++
 .../src/plugins/i18n/locales/en.json          |  1 +
 3 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/packages/frontend/editor-ui/src/components/CommunityPlusEnrollmentModal.vue b/packages/frontend/editor-ui/src/components/CommunityPlusEnrollmentModal.vue
index fddfe8e3fd..a2f25fc18e 100644
--- a/packages/frontend/editor-ui/src/components/CommunityPlusEnrollmentModal.vue
+++ b/packages/frontend/editor-ui/src/components/CommunityPlusEnrollmentModal.vue
@@ -3,7 +3,7 @@ import { ref } from 'vue';
 import { createEventBus } from '@n8n/utils/event-bus';
 import type { Validatable, IValidator } from '@n8n/design-system';
 import { N8nFormInput } from '@n8n/design-system';
-import { VALID_EMAIL_REGEX } from '@/constants';
+import { VALID_EMAIL_REGEX, COMMUNITY_PLUS_DOCS_URL } from '@/constants';
 import Modal from '@/components/Modal.vue';
 import { useI18n } from '@/composables/useI18n';
 import { useToast } from '@/composables/useToast';
@@ -86,9 +86,6 @@ const confirm = async () => {
 	>
 		<template #content>
 			<div>
-				<p :class="$style.top">
-					<N8nBadge>{{ i18n.baseText('communityPlusModal.badge') }}</N8nBadge>
-				</p>
 				<N8nText tag="h1" align="center" size="xlarge" class="mb-m">{{
 					data?.customHeading ?? i18n.baseText('communityPlusModal.title')
 				}}</N8nText>
@@ -141,6 +138,14 @@ const confirm = async () => {
 			</div>
 		</template>
 		<template #footer>
+			<div :class="$style.notice">
+				<N8nText size="xsmall" tag="span">
+					{{ i18n.baseText('communityPlusModal.notice') }}
+					<a :href="COMMUNITY_PLUS_DOCS_URL" target="_blank">
+						{{ i18n.baseText('generic.moreInfo') }}
+					</a>
+				</N8nText>
+			</div>
 			<div :class="$style.buttons">
 				<N8nButton :class="$style.skip" type="secondary" text @click="closeModal">{{
 					i18n.baseText('communityPlusModal.button.skip')
@@ -154,10 +159,8 @@ const confirm = async () => {
 </template>
 
 <style lang="scss" module>
-.top {
-	display: flex;
-	justify-content: center;
-	margin: 0 0 var(--spacing-s);
+.notice {
+	margin-bottom: var(--spacing-l);
 }
 
 .features {
diff --git a/packages/frontend/editor-ui/src/constants.ts b/packages/frontend/editor-ui/src/constants.ts
index f5d8790428..0369186f32 100644
--- a/packages/frontend/editor-ui/src/constants.ts
+++ b/packages/frontend/editor-ui/src/constants.ts
@@ -470,6 +470,8 @@ export const LOCAL_STORAGE_NDV_INPUT_PANEL_DISPLAY_MODE = 'N8N_NDV_INPUT_PANEL_D
 export const LOCAL_STORAGE_NDV_OUTPUT_PANEL_DISPLAY_MODE = 'N8N_NDV_OUTPUT_PANEL_DISPLAY_MODE';
 export const LOCAL_STORAGE_LOGS_2025_SPRING = 'N8N_LOGS_2025_SPRING';
 export const BASE_NODE_SURVEY_URL = 'https://n8n-community.typeform.com/to/BvmzxqYv#nodename=';
+export const COMMUNITY_PLUS_DOCS_URL =
+	'https://docs.n8n.io/hosting/community-edition-features/#registered-community-edition';
 
 export const HIRING_BANNER = `
                                                                     //////
diff --git a/packages/frontend/editor-ui/src/plugins/i18n/locales/en.json b/packages/frontend/editor-ui/src/plugins/i18n/locales/en.json
index 04b5e900e0..bf512ebf80 100644
--- a/packages/frontend/editor-ui/src/plugins/i18n/locales/en.json
+++ b/packages/frontend/editor-ui/src/plugins/i18n/locales/en.json
@@ -2909,6 +2909,7 @@
 	"communityPlusModal.input.email.label": "Enter email to receive your license key",
 	"communityPlusModal.button.skip": "Skip",
 	"communityPlusModal.button.confirm": "Send me a free license key",
+	"communityPlusModal.notice": "Included features may change, but once unlocked, you'll keep them forever.",
 	"executeWorkflowTrigger.createNewSubworkflow": "Create a Sub-Workflow in {projectName}",
 	"executeWorkflowTrigger.createNewSubworkflow.noProject": "Create a New Sub-Workflow",
 	"testDefinition.edit.descriptionPlaceholder": "Enter test description",