mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-08-30 05:00:51 +08:00
Merge pull request #2786 from woocommerce/PCP-3908-screen-1-localize-first-onboarding-page
Add the welcome screens based on the flows (3908)
This commit is contained in:
Emili Castells
GitHub
commit
d7197d2025
10 changed files with 604 additions and 222 deletions
|
|
@ -1,6 +1,6 @@
|
||||||
*** Changelog ***
|
*** Changelog ***
|
||||||
|
|
||||||
= 2.9.4 - xxxx-xx-xx =
|
= 2.9.4 - 2024-11-11 =
|
||||||
* Fix - Apple Pay button preview missing in Standard payment and Advanced Processing tabs #2755
|
* Fix - Apple Pay button preview missing in Standard payment and Advanced Processing tabs #2755
|
||||||
* Fix - Set "Sold individually" only for subscription connected to PayPal #2710
|
* Fix - Set "Sold individually" only for subscription connected to PayPal #2710
|
||||||
* Fix - Ensure Google Pay button does not appear for subscriptions #2718
|
* Fix - Ensure Google Pay button does not appear for subscriptions #2718
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,72 @@
|
||||||
|
.ppcp-r-welcome-docs {
|
||||||
|
margin: 0 0 48px 0;
|
||||||
|
|
||||||
|
&__title {
|
||||||
|
text-align: center;
|
||||||
|
@include font(20, 28, 700);
|
||||||
|
margin: 0 0 32px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__description {
|
||||||
|
text-align: center;
|
||||||
|
@include font(14, 22, 400);
|
||||||
|
font-style: italic;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $color-gray-700;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__wrapper {
|
||||||
|
padding: 8px;
|
||||||
|
margin: 0 0 48px 0;
|
||||||
|
|
||||||
|
&--one-col .ppcp-r-badge-box {
|
||||||
|
margin: 0 0 24px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:not(&--one-col) {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
@media screen and (max-width: 480px) {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
row-gap: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&__col {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 4px;
|
||||||
|
flex: 1;
|
||||||
|
|
||||||
|
> p {
|
||||||
|
margin: 0;
|
||||||
|
@include font(13, 16, 400);
|
||||||
|
color: $color-gray-700;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:not(:last-child) {
|
||||||
|
padding-right: 48px;
|
||||||
|
border-right: 1px solid $color-gray-200;
|
||||||
|
margin-right: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 480px) {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
border-right: 0 !important;
|
||||||
|
padding-right: 0 !important;
|
||||||
|
|
||||||
|
&:not(:last-child) {
|
||||||
|
padding-bottom: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.ppcp-r-page-welcome-mode-separator {
|
||||||
|
margin: 8px 0 24px 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
body:has(.ppcp-r-container--onboarding) {
|
body:has(.ppcp-r-container--onboarding) {
|
||||||
background-color: #fff !important;
|
background-color: #fff !important;
|
||||||
|
|
||||||
.notice, .nav-tab-wrapper.woo-nav-tab-wrapper, .woocommerce-layout, .wrap.woocommerce h2:first-of-type {
|
.notice, .nav-tab-wrapper.woo-nav-tab-wrapper, .woocommerce-layout, .wrap.woocommerce form > h2 {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -89,69 +89,3 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ppcp-r-welcome-docs {
|
|
||||||
margin: 0 0 48px 0;
|
|
||||||
|
|
||||||
&__title {
|
|
||||||
text-align: center;
|
|
||||||
@include font(20, 28, 700);
|
|
||||||
margin: 0 0 32px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&__description {
|
|
||||||
text-align: center;
|
|
||||||
@include font(14, 22, 400);
|
|
||||||
font-style: italic;
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: $color-gray-700;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&__wrapper {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 8px;
|
|
||||||
margin: 0 0 48px 0;
|
|
||||||
|
|
||||||
@media screen and (max-width: 480px) {
|
|
||||||
flex-wrap: wrap;
|
|
||||||
row-gap: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&__col {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 4px;
|
|
||||||
flex: 1;
|
|
||||||
|
|
||||||
> p {
|
|
||||||
margin: 0;
|
|
||||||
@include font(13, 16, 400);
|
|
||||||
color: $color-gray-700;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:not(:last-child) {
|
|
||||||
padding-right: 48px;
|
|
||||||
border-right: 1px solid $color-gray-200;
|
|
||||||
margin-right: 48px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 480px) {
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
border-right: 0 !important;
|
|
||||||
padding-right: 0 !important;
|
|
||||||
|
|
||||||
&:not(:last-child) {
|
|
||||||
padding-bottom: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.ppcp-r-page-welcome-mode-separator {
|
|
||||||
margin: 8px 0 16px 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -19,6 +19,7 @@
|
||||||
@import './components/reusable-components/accordion-section';
|
@import './components/reusable-components/accordion-section';
|
||||||
@import './components/reusable-components/badge-box';
|
@import './components/reusable-components/badge-box';
|
||||||
@import './components/reusable-components/spinner-overlay';
|
@import './components/reusable-components/spinner-overlay';
|
||||||
|
@import './components/reusable-components/welcome-docs';
|
||||||
@import './components/screens/onboarding';
|
@import './components/screens/onboarding';
|
||||||
@import './components/screens/dashboard/tab-dashboard';
|
@import './components/screens/dashboard/tab-dashboard';
|
||||||
@import './components/screens/dashboard/tab-payment-methods';
|
@import './components/screens/dashboard/tab-payment-methods';
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,327 @@
|
||||||
|
import BadgeBox, { BADGE_BOX_TITLE_BIG } from "../BadgeBox";
|
||||||
|
import { __, sprintf } from '@wordpress/i18n';
|
||||||
|
import Separator from '../Separator';
|
||||||
|
|
||||||
|
const AcdcFlow = ( { isFastlane, isPayLater, storeCountry } ) => {
|
||||||
|
if (isFastlane && isPayLater && storeCountry === 'us') {
|
||||||
|
return (
|
||||||
|
<div className="ppcp-r-welcome-docs__wrapper">
|
||||||
|
<div className="ppcp-r-welcome-docs__col">
|
||||||
|
<BadgeBox
|
||||||
|
title={__('PayPal Checkout', 'woocommerce-paypal-payments')}
|
||||||
|
titleType={BADGE_BOX_TITLE_BIG}
|
||||||
|
textBadge={__('from 3.49% + $0.49 USD<sup>1</sup>', 'woocommerce-paypal-payments')}
|
||||||
|
description={__(
|
||||||
|
'Our all-in-one checkout solution lets you offer PayPal, Venmo, Pay Later options, and more to help maximise conversion',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Included in PayPal Checkout', 'woocommerce-paypal-payments')}
|
||||||
|
titleType={BADGE_BOX_TITLE_BIG}/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Pay with PayPal', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-paypal.svg']}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Our brand recognition helps give customers the confidence to buy. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Pay Later', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-payment-method-paypal-small.svg']}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Offer installment payment options and get paid upfront - at no extra cost to you. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Venmo', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-venmo.svg']}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Automatically offer Venmo checkout to millions of active users. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Crypto', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-payment-method-crypto.svg']}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Let customers checkout with Crypto while you get paid in cash. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="ppcp-r-welcome-docs__col">
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Optional payment methods', 'woocommerce-paypal-payments')}
|
||||||
|
titleType={BADGE_BOX_TITLE_BIG}
|
||||||
|
description={__('with additional application', 'woocommerce-paypal-payments')}
|
||||||
|
/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Custom Card Fields', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-visa.svg', 'icon-button-mastercard.svg', 'icon-button-amex.svg', 'icon-button-discover.svg']}
|
||||||
|
textBadge={__('from 2.59% + $0.49 USD<sup>1</sup>', 'woocommerce-paypal-payments')}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Style the credit card fields to match your own style. Includes advanced processing with risk management, 3D Secure, fraud protection options, and chargeback protection. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Digital Wallets', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-apple-pay.svg', 'icon-button-google-pay.svg']}
|
||||||
|
textBadge={__('from 2.59% + $0.49 USD<sup>1</sup>', 'woocommerce-paypal-payments')}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Accept Apple Pay on eligible devices and Google Pay through mobile and web. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Alternative Payment Methods', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-sepa.svg', 'icon-button-ideal.svg', 'icon-button-blik.svg', 'icon-button-bancontact.svg']}
|
||||||
|
textBadge={__('from 3.49% + $0.49 USD<sup>1</sup>', 'woocommerce-paypal-payments')}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Seamless payments for customers across the globe using their preferred payment methods. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-payment-method-fastlane-small.svg']}
|
||||||
|
textBadge={__('from 2.59% + $0.49 USD<sup>1</sup>', 'woocommerce-paypal-payments')}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Speed up guest checkout with Fatslane. Link a customer\'s email address to their payment details. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isPayLater && storeCountry === 'uk') {
|
||||||
|
return (
|
||||||
|
<div className="ppcp-r-welcome-docs__wrapper">
|
||||||
|
<div className="ppcp-r-welcome-docs__col">
|
||||||
|
<BadgeBox
|
||||||
|
title={__('PayPal Checkout', 'woocommerce-paypal-payments')}
|
||||||
|
titleType={BADGE_BOX_TITLE_BIG}
|
||||||
|
textBadge={__('from 2.90% + £0.30 GBP<sup>1</sup>', 'woocommerce-paypal-payments')}
|
||||||
|
description={__(
|
||||||
|
'Our all-in-one checkout solution lets you offer PayPal, Venmo, Pay Later options, and more to help maximise conversion',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Included in PayPal Checkout', 'woocommerce-paypal-payments')}
|
||||||
|
titleType={BADGE_BOX_TITLE_BIG}/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Pay with PayPal', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-paypal.svg']}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Our brand recognition helps give customers the confidence to buy. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Pay in 3', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-payment-method-paypal-small.svg']}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Offer installment payment options and get paid upfront - at no extra cost to you. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="ppcp-r-welcome-docs__col">
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Optional payment methods', 'woocommerce-paypal-payments')}
|
||||||
|
titleType={BADGE_BOX_TITLE_BIG}
|
||||||
|
description={__('with additional application', 'woocommerce-paypal-payments')}
|
||||||
|
/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Custom Card Fields', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-visa.svg', 'icon-button-mastercard.svg', 'icon-button-amex.svg', 'icon-button-discover.svg']}
|
||||||
|
textBadge={__('from 1.20% + £0.30 GBP<sup>1</sup>', 'woocommerce-paypal-payments')}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Style the credit card fields to match your own style. Includes advanced processing with risk management, 3D Secure, fraud protection options, and chargeback protection. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Digital Wallets', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-apple-pay.svg', 'icon-button-google-pay.svg']}
|
||||||
|
textBadge={__('from 1.20% + £0.30 GBP<sup>1</sup>', 'woocommerce-paypal-payments')}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Accept Apple Pay on eligible devices and Google Pay through mobile and web. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Alternative Payment Methods', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-sepa.svg', 'icon-button-ideal.svg', 'icon-button-blik.svg', 'icon-button-bancontact.svg']}
|
||||||
|
textBadge={__('from 1.20% + £0.30 GBP<sup>1</sup>', 'woocommerce-paypal-payments')}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Seamless payments for customers across the globe using their preferred payment methods. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="ppcp-r-welcome-docs__wrapper">
|
||||||
|
<div className="ppcp-r-welcome-docs__col">
|
||||||
|
<BadgeBox
|
||||||
|
title={__('PayPal Checkout', 'woocommerce-paypal-payments')}
|
||||||
|
titleType={BADGE_BOX_TITLE_BIG}
|
||||||
|
textBadge={__('from 3.40% + €0.35 EUR<sup>1</sup>', 'woocommerce-paypal-payments')}
|
||||||
|
description={__(
|
||||||
|
'Our all-in-one checkout solution lets you offer PayPal, Venmo, Pay Later options, and more to help maximise conversion',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Included in PayPal Checkout', 'woocommerce-paypal-payments')}
|
||||||
|
titleType={BADGE_BOX_TITLE_BIG}/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Pay with PayPal', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-paypal.svg']}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Our brand recognition helps give customers the confidence to buy. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Pay Later', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-payment-method-paypal-small.svg']}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Offer installment payment options and get paid upfront - at no extra cost to you. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="ppcp-r-welcome-docs__col">
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Optional payment methods', 'woocommerce-paypal-payments')}
|
||||||
|
titleType={BADGE_BOX_TITLE_BIG}
|
||||||
|
description={__('with additional application', 'woocommerce-paypal-payments')}
|
||||||
|
/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Custom Card Fields', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-visa.svg', 'icon-button-mastercard.svg', 'icon-button-amex.svg', 'icon-button-discover.svg']}
|
||||||
|
textBadge={__('from 3.40% + €0.35 EUR<sup>1</sup>', 'woocommerce-paypal-payments')}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Style the credit card fields to match your own style. Includes advanced processing with risk management, 3D Secure, fraud protection options, and chargeback protection. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Digital Wallets', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-apple-pay.svg', 'icon-button-google-pay.svg']}
|
||||||
|
textBadge={__('from 3.40% + €0.35 EUR<sup>1</sup>', 'woocommerce-paypal-payments')}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Accept Apple Pay on eligible devices and Google Pay through mobile and web. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Alternative Payment Methods', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-sepa.svg', 'icon-button-ideal.svg', 'icon-button-blik.svg', 'icon-button-bancontact.svg']}
|
||||||
|
textBadge={__('from 3.40% + €0.35 EUR<sup>1</sup>', 'woocommerce-paypal-payments')}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Seamless payments for customers across the globe using their preferred payment methods. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default AcdcFlow;
|
||||||
|
|
@ -0,0 +1,160 @@
|
||||||
|
import BadgeBox, { BADGE_BOX_TITLE_BIG } from "../BadgeBox";
|
||||||
|
import { __, sprintf } from '@wordpress/i18n';
|
||||||
|
import Separator from '../Separator';
|
||||||
|
|
||||||
|
const BcdcFlow = ( { isPayLater, storeCountry } ) => {
|
||||||
|
if (isPayLater && storeCountry === 'us') {
|
||||||
|
return (
|
||||||
|
<div className="ppcp-r-welcome-docs__wrapper">
|
||||||
|
<div className="ppcp-r-welcome-docs__col">
|
||||||
|
<BadgeBox
|
||||||
|
title={__('PayPal Checkout', 'woocommerce-paypal-payments')}
|
||||||
|
titleType={BADGE_BOX_TITLE_BIG}
|
||||||
|
textBadge={__('from 3.49% + $0.49 USD<sup>1</sup>', 'woocommerce-paypal-payments')}
|
||||||
|
description={__(
|
||||||
|
'Our all-in-one checkout solution lets you offer PayPal, Venmo, Pay Later options, and more to help maximise conversion',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Included in PayPal Checkout', 'woocommerce-paypal-payments')}
|
||||||
|
titleType={BADGE_BOX_TITLE_BIG}/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Pay with PayPal', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-paypal.svg']}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Our brand recognition helps give customers the confidence to buy. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Pay Later', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-payment-method-paypal-small.svg']}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Offer installment payment options and get paid upfront - at no extra cost to you. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Venmo', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-venmo.svg']}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Automatically offer Venmo checkout to millions of active users. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Crypto', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-payment-method-crypto.svg']}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Let customers checkout with Crypto while you get paid in cash. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="ppcp-r-welcome-docs__col">
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Optional payment methods', 'woocommerce-paypal-payments')}
|
||||||
|
titleType={BADGE_BOX_TITLE_BIG}
|
||||||
|
description={__('with additional application', 'woocommerce-paypal-payments')}
|
||||||
|
/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Credit and Debit Cards', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-visa.svg', 'icon-button-mastercard.svg', 'icon-button-amex.svg', 'icon-button-discover.svg']}
|
||||||
|
textBadge={__('from 2.59% + $0.49 USD<sup>1</sup>', 'woocommerce-paypal-payments')}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Process major credit and debit cards through PayPal’s card fields. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="ppcp-r-welcome-docs__wrapper ppcp-r-welcome-docs__wrapper--one-col">
|
||||||
|
<BadgeBox
|
||||||
|
title={__('PayPal Checkout', 'woocommerce-paypal-payments')}
|
||||||
|
titleType={BADGE_BOX_TITLE_BIG}
|
||||||
|
textBadge={__('from 3.40% + €0.35 EUR<sup>1</sup>', 'woocommerce-paypal-payments')}
|
||||||
|
description={__(
|
||||||
|
'Our all-in-one checkout solution lets you offer PayPal, Venmo, Pay Later options, and more to help maximise conversion',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Included in PayPal Checkout', 'woocommerce-paypal-payments')}
|
||||||
|
titleType={BADGE_BOX_TITLE_BIG}/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Pay with PayPal', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-paypal.svg']}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Our brand recognition helps give customers the confidence to buy. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Pay Later', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-payment-method-paypal-small.svg']}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Offer installment payment options and get paid upfront - at no extra cost to you. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Optional payment methods', 'woocommerce-paypal-payments')}
|
||||||
|
titleType={BADGE_BOX_TITLE_BIG}
|
||||||
|
description={__('with additional application', 'woocommerce-paypal-payments')}
|
||||||
|
/>
|
||||||
|
<BadgeBox
|
||||||
|
title={__('Credit and Debit Cards', 'woocommerce-paypal-payments')}
|
||||||
|
imageBadge={['icon-button-visa.svg', 'icon-button-mastercard.svg', 'icon-button-amex.svg', 'icon-button-discover.svg']}
|
||||||
|
textBadge={__('from 3.40% + €0.35 EUR<sup>1</sup>', 'woocommerce-paypal-payments')}
|
||||||
|
description={sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'Process major credit and debit cards through PayPal’s card fields. <a target="_blank" href="%s">Learn more</a>',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default BcdcFlow;
|
||||||
|
|
@ -0,0 +1,32 @@
|
||||||
|
import { __, sprintf } from '@wordpress/i18n';
|
||||||
|
import AcdcFlow from "./AcdcFlow";
|
||||||
|
import BcdcFlow from "./BcdcFlow";
|
||||||
|
import {Button} from "@wordpress/components";
|
||||||
|
|
||||||
|
const WelcomeDocs = ( { useAcdc, isFastlane, isPayLater, storeCountry, storeCurrency } ) => {
|
||||||
|
const pricesBasedDescription = sprintf(
|
||||||
|
// translators: %s: Link to PayPal REST application guide
|
||||||
|
__(
|
||||||
|
'<sup>1</sup>Prices based on domestic transactions as of October 25th, 2024. <a target="_blank" href="%s">Click here</a> for full pricing details.',
|
||||||
|
'woocommerce-paypal-payments'
|
||||||
|
),
|
||||||
|
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
||||||
|
);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="ppcp-r-welcome-docs">
|
||||||
|
<h2 className="ppcp-r-welcome-docs__title">{__(`Want to know more about PayPal Payments?`, 'woocommerce-paypal-payments')}</h2>
|
||||||
|
{useAcdc ? (
|
||||||
|
<AcdcFlow isFastlane={ isFastlane } isPayLater={ isPayLater } storeCountry={ storeCountry } />
|
||||||
|
) : (
|
||||||
|
<BcdcFlow isPayLater={ isPayLater } storeCountry={ storeCountry } />
|
||||||
|
)}
|
||||||
|
<p
|
||||||
|
className="ppcp-r-welcome-docs__description"
|
||||||
|
dangerouslySetInnerHTML={{__html: pricesBasedDescription,}}
|
||||||
|
></p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default WelcomeDocs;
|
||||||
|
|
@ -4,9 +4,8 @@ import { Button } from '@wordpress/components';
|
||||||
import OnboardingHeader from '../../ReusableComponents/OnboardingHeader';
|
import OnboardingHeader from '../../ReusableComponents/OnboardingHeader';
|
||||||
import PaymentMethodIcons from '../../ReusableComponents/PaymentMethodIcons';
|
import PaymentMethodIcons from '../../ReusableComponents/PaymentMethodIcons';
|
||||||
import Separator from '../../ReusableComponents/Separator';
|
import Separator from '../../ReusableComponents/Separator';
|
||||||
import BadgeBox, {
|
import WelcomeDocs from '../../ReusableComponents/WelcomeDocs/WelcomeDocs';
|
||||||
BADGE_BOX_TITLE_BIG,
|
|
||||||
} from '../../ReusableComponents/BadgeBox';
|
|
||||||
import AdvancedOptionsForm from './Components/AdvancedOptionsForm';
|
import AdvancedOptionsForm from './Components/AdvancedOptionsForm';
|
||||||
import AccordionSection from '../../ReusableComponents/AccordionSection';
|
import AccordionSection from '../../ReusableComponents/AccordionSection';
|
||||||
|
|
||||||
|
|
@ -44,7 +43,13 @@ const StepWelcome = ( { setStep, currentStep, setCompleted } ) => {
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
<Separator className="ppcp-r-page-welcome-mode-separator" />
|
<Separator className="ppcp-r-page-welcome-mode-separator" />
|
||||||
<WelcomeDocs />
|
<WelcomeDocs
|
||||||
|
useAcdc = { true }
|
||||||
|
isFastlane = { true }
|
||||||
|
isPayLater = { true }
|
||||||
|
storeCountry = { 'us' }
|
||||||
|
storeCurrency = { 'usd' }
|
||||||
|
/>
|
||||||
<Separator text={ __( 'or', 'woocommerce-paypal-payments' ) } />
|
<Separator text={ __( 'or', 'woocommerce-paypal-payments' ) } />
|
||||||
<AccordionSection
|
<AccordionSection
|
||||||
title={ __(
|
title={ __(
|
||||||
|
|
@ -90,154 +95,5 @@ const WelcomeFeatures = () => {
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
const WelcomeDocs = () => {
|
|
||||||
const pricesBasedDescription = sprintf(
|
|
||||||
// translators: %s: Link to PayPal REST application guide
|
|
||||||
__(
|
|
||||||
'<sup>1</sup>Prices based on domestic transactions as of October 25th, 2024. <a target="_blank" href="%s">Click here</a> for full pricing details.',
|
|
||||||
'woocommerce-paypal-payments'
|
|
||||||
),
|
|
||||||
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
|
||||||
);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="ppcp-r-welcome-docs">
|
|
||||||
<h2 className="ppcp-r-welcome-docs__title">{ __( `Want to know more about PayPal Payments?`, 'woocommerce-paypal-payments' ) }</h2>
|
|
||||||
<div className="ppcp-r-welcome-docs__wrapper">
|
|
||||||
<div className="ppcp-r-welcome-docs__col">
|
|
||||||
<BadgeBox
|
|
||||||
title={ __( 'PayPal Checkout', 'woocommerce-paypal-payments' ) }
|
|
||||||
titleType={ BADGE_BOX_TITLE_BIG }
|
|
||||||
textBadge={ __( 'from 3.49% + $0.49 USD<sup>1</sup>', 'woocommerce-paypal-payments' ) }
|
|
||||||
description={ __(
|
|
||||||
'Our all-in-one checkout solution lets you offer PayPal, Venmo, Pay Later options, and more to help maximise conversion',
|
|
||||||
'woocommerce-paypal-payments'
|
|
||||||
) }
|
|
||||||
/>
|
|
||||||
<BadgeBox
|
|
||||||
title={ __( 'Included in PayPal Checkout', 'woocommerce-paypal-payments' ) }
|
|
||||||
titleType={ BADGE_BOX_TITLE_BIG }/>
|
|
||||||
<BadgeBox
|
|
||||||
title={ __( 'Pay with PayPal', 'woocommerce-paypal-payments' ) }
|
|
||||||
imageBadge={ [ 'icon-button-paypal.svg' ] }
|
|
||||||
description={ sprintf(
|
|
||||||
// translators: %s: Link to PayPal REST application guide
|
|
||||||
__(
|
|
||||||
'Our brand recognition helps give customers the confidence to buy. <a target="_blank" href="%s">Learn more</a>',
|
|
||||||
'woocommerce-paypal-payments'
|
|
||||||
),
|
|
||||||
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
|
||||||
) }
|
|
||||||
/>
|
|
||||||
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
|
||||||
<BadgeBox
|
|
||||||
title={ __( 'Pay Later', 'woocommerce-paypal-payments' ) }
|
|
||||||
imageBadge={ [ 'icon-payment-method-paypal-small.svg' ] }
|
|
||||||
description={ sprintf(
|
|
||||||
// translators: %s: Link to PayPal REST application guide
|
|
||||||
__(
|
|
||||||
'Offer installment payment options and get paid upfront - at no extra cost to you. <a target="_blank" href="%s">Learn more</a>',
|
|
||||||
'woocommerce-paypal-payments'
|
|
||||||
),
|
|
||||||
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
|
||||||
) }
|
|
||||||
/>
|
|
||||||
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
|
||||||
<BadgeBox
|
|
||||||
title={ __( 'Venmo', 'woocommerce-paypal-payments' ) }
|
|
||||||
imageBadge={ [ 'icon-button-venmo.svg' ] }
|
|
||||||
description={ sprintf(
|
|
||||||
// translators: %s: Link to PayPal REST application guide
|
|
||||||
__(
|
|
||||||
'Automatically offer Venmo checkout to millions of active users. <a target="_blank" href="%s">Learn more</a>',
|
|
||||||
'woocommerce-paypal-payments'
|
|
||||||
),
|
|
||||||
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
|
||||||
) }
|
|
||||||
/>
|
|
||||||
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
|
||||||
<BadgeBox
|
|
||||||
title={ __( 'Crypto', 'woocommerce-paypal-payments' ) }
|
|
||||||
imageBadge={ [ 'icon-payment-method-crypto.svg' ] }
|
|
||||||
description={ sprintf(
|
|
||||||
// translators: %s: Link to PayPal REST application guide
|
|
||||||
__(
|
|
||||||
'Let customers checkout with Crypto while you get paid in cash. <a target="_blank" href="%s">Learn more</a>',
|
|
||||||
'woocommerce-paypal-payments'
|
|
||||||
),
|
|
||||||
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
|
||||||
) }
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div className="ppcp-r-welcome-docs__col">
|
|
||||||
<BadgeBox
|
|
||||||
title={ __( 'Optional payment methods', 'woocommerce-paypal-payments' ) }
|
|
||||||
titleType={ BADGE_BOX_TITLE_BIG }
|
|
||||||
description={ __( 'with additional application', 'woocommerce-paypal-payments' ) }
|
|
||||||
/>
|
|
||||||
<BadgeBox
|
|
||||||
title={ __( 'Custom Card Fields', 'woocommerce-paypal-payments' ) }
|
|
||||||
imageBadge={ [ 'icon-button-visa.svg', 'icon-button-mastercard.svg', 'icon-button-amex.svg', 'icon-button-discover.svg' ] }
|
|
||||||
textBadge={ __( 'from 2.59% + $0.49 USD<sup>1</sup>', 'woocommerce-paypal-payments' ) }
|
|
||||||
description={ sprintf(
|
|
||||||
// translators: %s: Link to PayPal REST application guide
|
|
||||||
__(
|
|
||||||
'Style the credit card fields to match your own style. Includes advanced processing with risk management, 3D Secure, fraud protection options, and chargeback protection. <a target="_blank" href="%s">Learn more</a>',
|
|
||||||
'woocommerce-paypal-payments'
|
|
||||||
),
|
|
||||||
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
|
||||||
) }
|
|
||||||
/>
|
|
||||||
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
|
||||||
<BadgeBox
|
|
||||||
title={ __( 'Digital Wallets', 'woocommerce-paypal-payments' ) }
|
|
||||||
imageBadge={ [ 'icon-button-apple-pay.svg', 'icon-button-google-pay.svg' ] }
|
|
||||||
textBadge={ __( 'from 2.59% + $0.49 USD<sup>1</sup>', 'woocommerce-paypal-payments' ) }
|
|
||||||
description={ sprintf(
|
|
||||||
// translators: %s: Link to PayPal REST application guide
|
|
||||||
__(
|
|
||||||
'Accept Apple Pay on eligible devices and Google Pay through mobile and web. <a target="_blank" href="%s">Learn more</a>',
|
|
||||||
'woocommerce-paypal-payments'
|
|
||||||
),
|
|
||||||
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
|
||||||
) }
|
|
||||||
/>
|
|
||||||
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
|
||||||
<BadgeBox
|
|
||||||
title={ __( 'Alternative Payment Methods', 'woocommerce-paypal-payments' ) }
|
|
||||||
imageBadge={ [ 'icon-button-sepa.svg', 'icon-button-ideal.svg', 'icon-button-blik.svg', 'icon-button-bancontact.svg' ] }
|
|
||||||
textBadge={ __( 'from 3.49% + $0.49 USD<sup>1</sup>', 'woocommerce-paypal-payments' ) }
|
|
||||||
description={ sprintf(
|
|
||||||
// translators: %s: Link to PayPal REST application guide
|
|
||||||
__(
|
|
||||||
'Seamless payments for customers across the globe using their preferred payment methods. <a target="_blank" href="%s">Learn more</a>',
|
|
||||||
'woocommerce-paypal-payments'
|
|
||||||
),
|
|
||||||
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
|
||||||
) }
|
|
||||||
/>
|
|
||||||
<Separator className="ppcp-r-page-welcome-mode-separator"/>
|
|
||||||
<BadgeBox
|
|
||||||
title={ __( '', 'woocommerce-paypal-payments' ) }
|
|
||||||
imageBadge={ [ 'icon-payment-method-fastlane-small.svg' ] }
|
|
||||||
textBadge={ __( 'from 2.59% + $0.49 USD<sup>1</sup>', 'woocommerce-paypal-payments' ) }
|
|
||||||
description={ sprintf(
|
|
||||||
// translators: %s: Link to PayPal REST application guide
|
|
||||||
__(
|
|
||||||
'Speed up guest checkout with Fatslane. Link a customer\'s email address to their payment details. <a target="_blank" href="%s">Learn more</a>',
|
|
||||||
'woocommerce-paypal-payments'
|
|
||||||
),
|
|
||||||
'https://woocommerce.com/document/woocommerce-paypal-payments/#manual-credential-input '
|
|
||||||
) }
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p
|
|
||||||
className="ppcp-r-welcome-docs__description"
|
|
||||||
dangerouslySetInnerHTML={ { __html: pricesBasedDescription, } }
|
|
||||||
></p>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default StepWelcome;
|
export default StepWelcome;
|
||||||
|
|
|
||||||
|
|
@ -179,7 +179,7 @@ If you encounter issues with the PayPal buttons not appearing after an update, p
|
||||||
|
|
||||||
== Changelog ==
|
== Changelog ==
|
||||||
|
|
||||||
= 2.9.4 - xxxx-xx-xx =
|
= 2.9.4 - 2024-11-11 =
|
||||||
* Fix - Apple Pay button preview missing in Standard payment and Advanced Processing tabs #2755
|
* Fix - Apple Pay button preview missing in Standard payment and Advanced Processing tabs #2755
|
||||||
* Fix - Set "Sold individually" only for subscription connected to PayPal #2710
|
* Fix - Set "Sold individually" only for subscription connected to PayPal #2710
|
||||||
* Fix - Ensure Google Pay button does not appear for subscriptions #2718
|
* Fix - Ensure Google Pay button does not appear for subscriptions #2718
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue
