Skip to content

Commit

Permalink
Merge branch 'pd/digital-editions-landing-page' of github.com:guardia…
Browse files Browse the repository at this point in the history
…n/support-frontend into pd/digital-editions-landing-page
  • Loading branch information
paul-daniel-dempsey committed Feb 6, 2025
2 parents f26d30b + f81d1cf commit 466febc
Show file tree
Hide file tree
Showing 4 changed files with 32 additions and 21 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -13,12 +13,14 @@ export function ActivateSubscriptionReminder(): JSX.Element {
return (
<>
<p>
Completing your account set up is required to read with non-personalised
advertising on other devices or browsers and manage your subscription.
While your subscription is ready to use on this device, you will need to
finish setting up your account to read the Guardian website with
non-personalised advertising on other devices or browsers. You will also
be able to manage your subscription.
</p>
<p css={paragraphCheckInbox}>
Check your inbox, find the email “Complete your Guardian account” and
follow the link to set your password.
Check your inbox, find the email with the subject line ‘Complete your
Guardian account’, and follow the link to set your password.
</p>
</>
);
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,11 +13,11 @@ export function WhatNext({
isSignedIn = false,
}: WhatNextProps): JSX.Element {
const bulletItems = [
'You will receive an email confirming the detail of your offer',
'You will receive an email confirming the details of your subscription',
`Your payment of £${amount}/month will be taken on ${startDate}`,
];
const bulletPointSignedIn = bulletItems.concat([
'You can now start reading the Guardian on this device in a reject all state',
'You can now start reading the Guardian website on all your devices without personalised advertising',
]);
return (
<BulletPointedList
Expand Down
37 changes: 23 additions & 14 deletions support-frontend/assets/components/thankYou/thankYouModuleData.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -97,6 +97,12 @@ const checklistCss = css`
}
`;

const strongBold = css`
strong {
font-weight: bold;
}
`;

const defaultSupportReminder = {
selectedChoiceIndex: 0,
hasBeenCompleted: false,
Expand Down Expand Up @@ -344,49 +350,52 @@ export const getThankYouModuleData = (
reminderToSignIn: {
header: 'Important reminder',
bodyCopy: (
<p>
To enjoy reading the Guardian with non-personalised advertising on all
your devices. please remember to sign in on each device or browser
session. This will ensure you to read with non-personalised
advertising no matter where you log in.
<p css={strongBold}>
To enjoy reading the Guardian website with non-personalised
advertising on all your devices,{' '}
<strong>
please remember to sign in on each device or browser session.
</strong>{' '}
This will enable you to read with non-personalised advertising no
matter where you log in.
</p>
),
ctas: null,
},
reminderToActivateSubscription: {
header:
'Almost there! Complete your Guardian account to activate your subscription',
'Complete your Guardian account for full access to your subscription',
bodyCopy: <ActivateSubscriptionReminder />,
ctas: null,
},
headlineReturn: {
header: 'Headline to bring user back to Guardian front page',
header: 'Time to start reading',
bodyCopy: (
<p>
Copy to prompt users to enjoy the Guardian with non personalised
advertising
Continue where you left off and return to our site, now with
non-personalised advertising.
</p>
),
ctas: (
<AddressCta
address={returnAddress ?? ''}
copy={'Continue to the Guardian'}
copy={'Head back to the Guardian'}
hasArrow={true}
/>
),
},
signInToActivate: {
header: 'Almost there! Sign in to activate your subscription',
header: 'To get started, sign in to activate your subscription',
bodyCopy: (
<p>
To be able to read the Guardian with non-personalised advertising you
must be signed in on all your devices.'
To be able to read the Guardian website with non-personalised
advertising, you must be signed in across all your devices.
</p>
),
ctas: (
<AddressCta
address={manageSubsUrl}
copy={'Sign in and activate your subscription'}
copy={'Sign in to activate your subscription'}
/>
),
},
Expand Down
2 changes: 1 addition & 1 deletion support-frontend/assets/helpers/productCatalog.ts
Original file line number Diff line number Diff line change
Expand Up @@ -172,7 +172,7 @@ export const productCatalogDescription: Record<
> = {
GuardianAdLite: {
label: 'Guardian Ad-Lite',
thankyouMessage: `Your valued support powers our journalism${' '}`,
thankyouMessage: `Your subscription powers our journalism.`,
ratePlans: {
Monthly: {
billingPeriod: 'Monthly',
Expand Down

0 comments on commit 466febc

Please sign in to comment.