diff --git a/app/client/src/ce/constants/messages.ts b/app/client/src/ce/constants/messages.ts
index a7ee8c2d92b..a34b15fa96c 100644
--- a/app/client/src/ce/constants/messages.ts
+++ b/app/client/src/ce/constants/messages.ts
@@ -2575,23 +2575,23 @@ export const REQUEST_NEW_INTEGRATIONS = {
REQUEST_NEW_BUTTON: () => "Request a new integration",
REQUEST_BUTTON: () => "Request integration",
CANCEL_BUTTON: () => "Cancel",
- REQUEST_MODAL_HEADING: () => "Request a new integration",
+ REQUEST_MODAL_HEADING: () => "Request new integration",
REQUEST_MODAL_INTEGRATION: {
- LABEL: () => "Integration",
+ LABEL: () => "Integration name",
PLACEHOLDER: () => "E.g. Zendesk, JIRA, Slack, others",
NAME: "integration",
ERROR: () => "Please enter integration name",
},
REQUEST_MODAL_USECASE: {
- LABEL: () => "Tell us more about your case",
+ LABEL: () => "How would this integration help you?",
PLACEHOLDER: () =>
- "E.g. I want to create an app to manage my customers’ account.",
+ "For example, organizing client data or automating reports.",
NAME: "useCase",
},
REQUEST_MODAL_EMAIL: {
LABEL: () => "Email",
DESCRIPTION: () =>
- "Appsmith will use this email exclusively to follow up on your integration request.",
+ "We’ll use this email solely to follow up on your request.",
NAME: "email",
ERROR: () => "Please enter email",
},
@@ -2599,10 +2599,10 @@ export const REQUEST_NEW_INTEGRATIONS = {
};
export const PREMIUM_DATASOURCES = {
- RELEVANT_EMAIL_DESCRIPTION: () =>
- "Unblock advanced integrations. Let our team guide you in selecting the plan that fits your needs. Schedule a call now to see how Appsmith can transform your workflows!",
- NON_RELEVANT_EMAIL_DESCRIPTION: () =>
- "Unblock advanced integrations. Let our team guide you in selecting the plan that fits your needs. Give us your email and the Appsmith team will reach out to you soon.",
+ RELEVANT_EMAIL_DESCRIPTION: (integrationName: string) =>
+ `Ready to connect with ${integrationName}? This feature is part of our premium plans. Schedule a call with our team to explore the right plan for your needs. We’re excited to help you get started!`,
+ NON_RELEVANT_EMAIL_DESCRIPTION: (integrationName: string) =>
+ `Ready to connect with ${integrationName}? This feature is part of our premium plans. We'll help you find a plan that fits your needs. Simply share your email, and we'll be in touch soon.`,
LEARN_MORE: () => "Learn more about Premium",
SCHEDULE_CALL: () => "Schedule a call",
SUBMIT: () => "Submit",
@@ -2611,7 +2611,7 @@ export const PREMIUM_DATASOURCES = {
FORM_EMAIL: {
LABEL: () => "Email",
DESCRIPTION: () =>
- "Appsmith will use this email to follow up on your integration interest.",
+ "We’ll use this email solely to follow up on your request.",
NAME: "email",
ERROR: () => "Please enter email",
},
diff --git a/app/client/src/pages/Editor/IntegrationEditor/PremiumDatasources/ContactForm.tsx b/app/client/src/pages/Editor/IntegrationEditor/PremiumDatasources/ContactForm.tsx
index 4989bb15410..881bd7b7d86 100644
--- a/app/client/src/pages/Editor/IntegrationEditor/PremiumDatasources/ContactForm.tsx
+++ b/app/client/src/pages/Editor/IntegrationEditor/PremiumDatasources/ContactForm.tsx
@@ -84,6 +84,7 @@ const PremiumDatasourceContactForm = (
{getContactFormModalDescription(
props.email || "",
+ props.integrationName,
!isFreePlanInstance,
)}
diff --git a/app/client/src/pages/Editor/IntegrationEditor/PremiumDatasources/Helpers.ts b/app/client/src/pages/Editor/IntegrationEditor/PremiumDatasources/Helpers.ts
index d4938be71b8..4250ff8e998 100644
--- a/app/client/src/pages/Editor/IntegrationEditor/PremiumDatasources/Helpers.ts
+++ b/app/client/src/pages/Editor/IntegrationEditor/PremiumDatasources/Helpers.ts
@@ -79,6 +79,7 @@ export const getContactFormModalTitle = (
export const getContactFormModalDescription = (
email: string,
+ integrationName: string,
isBusinessOrEnterprise?: boolean,
) => {
const validRelevantEmail = isRelevantEmail(email);
@@ -86,8 +87,14 @@ export const getContactFormModalDescription = (
return isBusinessOrEnterprise
? createMessage(PREMIUM_DATASOURCES.COMING_SOON_DESCRIPTION)
: validRelevantEmail
- ? createMessage(PREMIUM_DATASOURCES.RELEVANT_EMAIL_DESCRIPTION)
- : createMessage(PREMIUM_DATASOURCES.NON_RELEVANT_EMAIL_DESCRIPTION);
+ ? createMessage(
+ PREMIUM_DATASOURCES.RELEVANT_EMAIL_DESCRIPTION,
+ integrationName,
+ )
+ : createMessage(
+ PREMIUM_DATASOURCES.NON_RELEVANT_EMAIL_DESCRIPTION,
+ integrationName,
+ );
};
export const shouldLearnMoreButtonBeVisible = (
diff --git a/app/client/src/pages/Editor/IntegrationEditor/RequestNewIntegration/form.tsx b/app/client/src/pages/Editor/IntegrationEditor/RequestNewIntegration/form.tsx
index 13e144775cd..8d1dfc0b919 100644
--- a/app/client/src/pages/Editor/IntegrationEditor/RequestNewIntegration/form.tsx
+++ b/app/client/src/pages/Editor/IntegrationEditor/RequestNewIntegration/form.tsx
@@ -1,4 +1,4 @@
-import { Button, Flex, toast } from "@appsmith/ads";
+import { Button, ModalFooter, toast } from "@appsmith/ads";
import { Close } from "@radix-ui/react-dialog";
import { createMessage, REQUEST_NEW_INTEGRATIONS } from "ee/constants/messages";
import type { AppState } from "ee/reducers";
@@ -21,7 +21,7 @@ import AnalyticsUtil from "ee/utils/AnalyticsUtil";
const FormWrapper = styled.form`
display: flex;
flex-direction: column;
- gap: var(--ads-spaces-7);
+ gap: var(--ads-spaces-5);
`;
const RequestIntegrationForm = (props: RequestIntegrationFormProps) => {
@@ -75,7 +75,7 @@ const RequestIntegrationForm = (props: RequestIntegrationFormProps) => {
size="md"
type="email"
/>
-
+
+
);
};