Skip to content

Commit

Permalink
Implement country based descriptions
Browse files Browse the repository at this point in the history
  • Loading branch information
@Narek13
Narek13 committed Jan 23, 2025
1 parent b3f64f3 commit 750a851
Show file tree
Hide file tree
Showing 3 changed files with 129 additions and 7 deletions.
13 changes: 11 additions & 2 deletions ...ettings/resources/js/Components/ReusableComponents/SettingsBlocks/FeatureSettingsBlock.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,12 +19,21 @@ const FeatureSettingsBlock = ( { title, description, ...props } ) => {
);
};

const renderDescription = () => {
return (
<span
className="ppcp-r-feature-item__description ppcp-r-settings-block__feature__description"
dangerouslySetInnerHTML={ { __html: description } }
/>
);
};

const renderButton = ( button ) => {
const buttonElement = (
<Button
className={ button.class ? button.class : '' }
key={ button.text }
isBusy={ props.actionProps?.isBusy }
isBusy={ props.actionProps?.isBusy }
variant={ button.type }
onClick={ button.onClick }
>
Expand All @@ -51,7 +60,7 @@ const FeatureSettingsBlock = ( { title, description, ...props } ) => {
) }
</Title>
<Description className="ppcp-r-settings-block__feature__description">
{ description }
{ renderDescription() }
{ printNotes() }
</Description>
</Header>
Expand Down
17 changes: 12 additions & 5 deletions ...-settings/resources/js/Components/Screens/Overview/TabSettingsElements/Blocks/Features.js
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,11 @@
import { __ } from '@wordpress/i18n';
import { TAB_IDS, selectTab } from '../../../../../utils/tabSelector';
import { CommonHooks } from '../../../../../data';
import { payLaterMessagingComponentData } from '../../../../../data/settings/pay-later-messaging-component-data';

const Features = {
getFeatures: ( setActiveModal ) => {
const { storeCountry } = CommonHooks.useWooSettings();
const features = [
{
id: 'save_paypal_and_venmo',
Expand Down Expand Up @@ -254,17 +257,21 @@ const Features = {
},
];

if ( !! window.ppcpSettings?.isPayLaterConfiguratorAvailable ) {
const countryData =
payLaterMessagingComponentData[ storeCountry ] || {};

if (
!! window.ppcpSettings?.isPayLaterConfiguratorAvailable &&
countryData
) {
features.push( {
id: 'pay_later_messaging',
title: __(
'Pay Later Messaging',
'woocommerce-paypal-payments'
),
description: __(
'Let customers know they can buy now and pay later with PayPal. Adding this messaging can boost conversion rates and increase cart sizes by 39%¹, with no extra cost to you—plus, you get paid up front.',
'woocommerce-paypal-payments'
),
description: countryData?.description,
notes: countryData?.notes,
buttons: [
{
type: 'secondary',
Expand Down
106 changes: 106 additions & 0 deletions modules/ppcp-settings/resources/js/data/settings/pay-later-messaging-component-data.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,106 @@
import { __, sprintf } from '@wordpress/i18n';

export const payLaterMessagingComponentData = {
US: {
description: sprintf(
__(
'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. PayPal’s Pay Later helps boost merchants\' conversion rates and increases cart sizes by 39%%.¹ You get paid in full up front. <a target="_blank" href="%s">More about Pay Later</a>',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/us/business/accept-payments/checkout/installments'
),
notes: [
__( '¹PayPal Q2 Earnings-2021.', 'woocommerce-paypal-payments' ),
],
},
GB: {
description: sprintf(
__(
'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 3 gets a 216%% higher Average Order Value than a standard PayPal transaction.¹ There’s <strong>no extra cost</strong> and you get paid up front. <a target="_blank" href="%s">More about Pay in 3</a>',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/uk/business/accept-payments/checkout/installments'
),
notes: [
__(
'Based on PayPal internal data from Q1 2022, results include Pay in 3 (UK).',
'woocommerce-paypal-payments'
),
],
},
FR: {
description: sprintf(
__(
'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 4x gets a 65%% higher Average Order Value than a standard PayPal transaction.¹ <strong>There\'s no extra cost on top of your PayPal Checkout rate</strong>, and you get paid up front. <a target="_blank" href="%s">More about Pay in 4x</a>',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/fr/business/accept-payments/checkout/installments'
),
notes: [
__(
'Internal Data Analysis of 1124 SMB across integrated partners and non-integrated partners, November 2022. SMB internally defined as up to 100,000€ in annual estimated ecommerce online payment volume.',
'woocommerce-paypal-payments'
),
],
},
AU: {
description: sprintf(
__(
'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 4 gets more than a 100%% higher Average Order Value than a standard PayPal transaction.¹ There’s <strong>no extra cost</strong> and you get paid up front. <a target="_blank" href="%s">More about Pay in 4</a>',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/au/business/accept-payments/checkout/installments'
),
notes: [
__(
'Based on PayPal internal data from Q1 2022, results include Pay in 4 (AU). Consumer eligibility applies.',
'woocommerce-paypal-payments'
),
],
},
IT: {
description: sprintf(
__(
'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 3 installments gets about a 275%% higher Average Order Value than a standard PayPal transaction.¹ <strong>There\'s no extra cost on top of your PayPal Checkout rate</strong>, and you get paid up front. <a target="_blank" href="%s">More about Pay in 3 installments</a>',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/it/business/accept-payments/checkout/installments'
),
notes: [
__(
'Based on PayPal internal data from Q1 2022, results include Pay in 3 installments (IT).',
'woocommerce-paypal-payments'
),
],
},
ES: {
description: sprintf(
__(
'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. Pay in 3 installments gets about a 275%% higher Average Order Value than a standard PayPal transaction.¹ <strong>There\'s no extra cost on top of your PayPal Checkout rate</strong>, and you get paid up front. <a target="_blank" href="%s">More about Pay in 3 installments</a>',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/es/business/accept-payments/checkout/installments'
),
notes: [
__(
'Based on PayPal internal data from Q1 2022, results include Pay in 3 installments (ES).',
'woocommerce-paypal-payments'
),
],
},
DE: {
description: sprintf(
__(
'Your customers can already buy now and pay later with PayPal — add messaging to your site to let them know. When you offer your customers Pay Later options, 57%% will be more likely to buy from you again.¹ <strong>There\'s no extra cost</strong> and you get paid up front. <a target="_blank" href="%s">More about Pay Later</a>',
'woocommerce-paypal-payments'
),
'https://www.paypal.com/de/business/accept-payments/checkout/installments'
),
notes: [
__(
'Average order value in 2020 with PayPal installments compared to total PayPal sales.',
'woocommerce-paypal-payments'
),
],
},
};

0 comments on commit 750a851

Please sign in to comment.