diff --git a/help/configuration-reference/sales/assets/payment-methods-braintree-local-payment-config.png b/help/configuration-reference/sales/assets/payment-methods-braintree-local-payment-config.png index 46a16266..ac4a732e 100644 Binary files a/help/configuration-reference/sales/assets/payment-methods-braintree-local-payment-config.png and b/help/configuration-reference/sales/assets/payment-methods-braintree-local-payment-config.png differ diff --git a/help/configuration-reference/sales/assets/payment-methods-braintree-paylater-messaging-cart.png b/help/configuration-reference/sales/assets/payment-methods-braintree-paylater-messaging-cart.png new file mode 100644 index 00000000..25a23cb8 Binary files /dev/null and b/help/configuration-reference/sales/assets/payment-methods-braintree-paylater-messaging-cart.png differ diff --git a/help/configuration-reference/sales/assets/payment-methods-braintree-paylater-messaging-checkout.png b/help/configuration-reference/sales/assets/payment-methods-braintree-paylater-messaging-checkout.png new file mode 100644 index 00000000..f69af034 Binary files /dev/null and b/help/configuration-reference/sales/assets/payment-methods-braintree-paylater-messaging-checkout.png differ diff --git a/help/configuration-reference/sales/assets/payment-methods-braintree-paylater-messaging-product.png b/help/configuration-reference/sales/assets/payment-methods-braintree-paylater-messaging-product.png new file mode 100644 index 00000000..eda7551b Binary files /dev/null and b/help/configuration-reference/sales/assets/payment-methods-braintree-paylater-messaging-product.png differ diff --git a/help/configuration-reference/sales/assets/payment-methods-braintree-paypal-config-1.png b/help/configuration-reference/sales/assets/payment-methods-braintree-paypal-config-1.png new file mode 100644 index 00000000..7a9b9fc4 Binary files /dev/null and b/help/configuration-reference/sales/assets/payment-methods-braintree-paypal-config-1.png differ diff --git a/help/configuration-reference/sales/assets/payment-methods-braintree-paypal-config-2.png b/help/configuration-reference/sales/assets/payment-methods-braintree-paypal-config-2.png new file mode 100644 index 00000000..d148eb21 Binary files /dev/null and b/help/configuration-reference/sales/assets/payment-methods-braintree-paypal-config-2.png differ diff --git a/help/configuration-reference/sales/assets/payment-methods-braintree-paypal-config.png b/help/configuration-reference/sales/assets/payment-methods-braintree-paypal-config.png deleted file mode 100644 index bca7fae5..00000000 Binary files a/help/configuration-reference/sales/assets/payment-methods-braintree-paypal-config.png and /dev/null differ diff --git a/help/configuration-reference/sales/assets/payment-methods-braintree-paypal-styling.png b/help/configuration-reference/sales/assets/payment-methods-braintree-paypal-styling.png index a85e2c59..6a440d94 100644 Binary files a/help/configuration-reference/sales/assets/payment-methods-braintree-paypal-styling.png and b/help/configuration-reference/sales/assets/payment-methods-braintree-paypal-styling.png differ diff --git a/help/configuration-reference/sales/braintree.md b/help/configuration-reference/sales/braintree.md index 96cd6438..520aad7a 100644 --- a/help/configuration-reference/sales/braintree.md +++ b/help/configuration-reference/sales/braintree.md @@ -34,7 +34,7 @@ feature: Configuration, Payments |[!UICONTROL Private Key]|Store View|This is your user-specific, private identifier that restricts access to encrypted data. Each user associated with your Braintree gateway has their own private key. This field appears when the _[!UICONTROL Environment]_ field is set to `Production`.| |[!UICONTROL Enable Card Payments]|Website|Determines if the Braintree credit card payment method is available to your customers as a payment method. Options: `Yes` / `No`| |[!UICONTROL Enable Vault for Card Payments]|Website|When enabled, provides secure storage for customer payment information, so customers don't have to re-enter their credit card information for each purchase. Options: `Yes` / `No`| -|[!UICONTROL Enable Vault CVV Reverification]|Website|When enabled, validation is done for the CVV rules setup in your Braintree Account. Options: `Yes` / `No`| +|[!UICONTROL Enable Vault CVV Re-verification]|Website|When enabled, validation is done for the CVV rules setup in your Braintree Account. Options: `Yes` / `No`| {style="table-layout:auto"} @@ -116,7 +116,7 @@ feature: Configuration, Payments |[!UICONTROL Title]|Website|Label that appears on the checkout payment method section. Default value: `Local Payments`| |[!UICONTROL Fallback Button Text]|Website|Enter the text to use for the button that appears on the fallback Braintree page that takes customers back to the website. Default value: `Complete Checkout`| |[!UICONTROL Redirect on Fail]|Website|Specifies the URL where customers should be redirected when local payment method transactions are cancelled, fail, or encounter errors. It should be the checkout payment page (for example, `https://www.domain.com/checkout#payment`).| -|[!UICONTROL Allowed Payment Method]|Website|Select the local Payment method to be enabled. Options: `Bancontact` / `EPS` / `giropay` / `iDeal` / `Klarna Pay Now` / `SOFORT` / `MyBank` / `P24` / `SEPA/ELV Direct Debit` (not yet supported) | +|[!UICONTROL Allowed Payment Method]|Website|Select the local Payment method to be enabled. Options: `Bancontact` / `EPS` / `iDeal` / `MyBank` / `P24` / `SEPA/ELV Direct Debit`| |[!UICONTROL Sort Order]|Website|Determines the order that Local Payment Method is listed with other payment methods during checkout.| {style="table-layout:auto"} @@ -156,7 +156,8 @@ feature: Configuration, Payments ## [!UICONTROL PayPal through Braintree] -![PayPal through Braintree](./assets/payment-methods-braintree-paypal-config.png){width="550" zoomable="yes"} +![PayPal through Braintree Config 1](./assets/payment-methods-braintree-paypal-config-1.png){width="550" zoomable="yes"} +![PayPal through Braintree Config 2](./assets/payment-methods-braintree-paypal-config-2.png){width="550" zoomable="yes"} |Field|[Scope](../../getting-started/websites-stores-views.md#scope-settings)|Description| |--- |--- |--- | @@ -172,8 +173,11 @@ feature: Configuration, Payments |[!UICONTROL Payment from Applicable Countries]|Website|Determines if you accept payments processed by PayPal through Braintree from all countries, or only specific countries. Options: `All Allowed Countries` / `Specific Countries`| |[!UICONTROL Payment from Specific Countries]|Website|If applicable, identifies the specific countries from which you accept payments processed by Braintree.| |[!UICONTROL Require Customer's Billing Address]| Website|Determines if the customer's billing address is required to submit an order. Options: `Yes` / `No`| +|[!UICONTROL Skip Order Review Step]|Website|Determines if customers are to be redirected to the review page before completing payment. Options: `Yes` / `No`| |[!UICONTROL Debug]|Website|Determines if communications between the PayPal through Braintree system and your store are recorded in a log file. Options: `Yes` / `No`| |[!UICONTROL Display on Shopping Cart]|Website|Determines if the PayPal button appears in the [mini cart](../../stores-purchase/cart-configuration.md#mini-cart) and on the [shopping cart](../../stores-purchase/cart.md) page. Options: `Yes` / `No`| +|[!UICONTROL Send Package Tracking]|Website|Package tracking information will be sent to PayPal for PayPal transactions/orders only. You must enable the [!UICONTROL Send Cart Line Items for PayPal] configuration field in order for the [!UICONTROL Package Tracking] feature to work correctly. Options: `Yes` / `No`| +|[!UICONTROL Use PayPal's "Notify Payer" functionality]|Website|Once this is set to Yes, Buyer or Payer will be notified by PayPal for package tracking updates. Options: `Yes` / `No`| {style="table-layout:auto"} @@ -217,18 +221,6 @@ The options and settings in this section vary according to the button type selec > >The **[!DNL Size(Deprecated)]** configuration field is deprecated and not being used to style the PayPal buttons. -**[!UICONTROL PayLater Messaging]** - -|Field|[Scope](../../getting-started/websites-stores-views.md#scope-settings)|Description| -|--- |--- |--- | -|[!UICONTROL Show PayLater Messaging]|Website|Enables PayLater messaging at the selected location. Options: `Yes` / `No`. When enabled, it displays PayLater messaging for available offers ([restrictions apply](https://developer.paypal.com/docs/checkout/pay-later/us/)).| -|[!UICONTROL Message Layout]|Website|Determines the PayLater message layout. Options: `Text` / `Flex`| -|[!UICONTROL Logo]|Website|Determines the logo type used for the PayPal button. Options: `Inline` / `Primary` / `Alternative` / `None`| -|[!UICONTROL Logo Position]|Website|Determines the logo position for the PayPal button. Options: `Left` / `Right` / `Top`| -|[!UICONTROL Text Color]|Website|Determines the text color of the PayPal button. Options: `Black` / `White` / `Monochrome` / `Grayscale`| - -{style="table-layout:auto"} - When these options are set, you can see the preview of the PayPal buttons and PayLater messages. There are controls that you can use to apply the settings or reset the values: |Field|[Scope](../../getting-started/websites-stores-views.md#scope-settings)|Description| @@ -239,6 +231,48 @@ When these options are set, you can see the preview of the PayPal buttons and Pa {style="table-layout:auto"} +## [!UICONTROL Pay Later Messaging] + +**[!UICONTROL Product Page]** + +![Pay Later Messaging - Product Page](./assets/payment-methods-braintree-paylater-messaging-product.png) + +|Field|[Scope](../../getting-started/websites-stores-views.md#scope-settings)| Description | +|--- |--- |------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| +|[!UICONTROL Show PayLater Messaging]|Website| Enables PayLater messaging at the selected location. Options: `Yes` / `No`. Displays Pay Later messaging for available offers. Restrictions apply. [Click here to learn more.](https://developer.paypal.com/studio/checkout/pay-later/us)| +|[!UICONTROL Message Layout]|Website| Determines the PayLater message layout. Options: `Text` / `Flex` | +|[!UICONTROL Logo]|Website| Determines the logo type used for the Pay Later message. Options: `Inline` / `Primary` / `Alternative` / `None` | +|[!UICONTROL Logo Position]|Website| Determines the logo position for the Pay Later message. Options: `Left` / `Right` / `Top` | +|[!UICONTROL Text Color]|Website| Determines the text color of the Pay Later message. Options: `Black` / `White` / `Monochrome` / `Grayscale` | + +{style="table-layout:auto"} + +**[!UICONTROL Cart]** + +![Pay Later Messaging - Cart](./assets/payment-methods-braintree-paylater-messaging-cart.png) + +|Field|[Scope](../../getting-started/websites-stores-views.md#scope-settings)| Description | +|--- |--- |------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| +|[!UICONTROL Show PayLater Messaging]|Website| Enables PayLater messaging at the selected location. Options: `Yes` / `No`. Displays Pay Later messaging for available offers. Restrictions apply. [Click here to learn more.](https://developer.paypal.com/studio/checkout/pay-later/us)| +|[!UICONTROL Message Layout]|Website| Determines the PayLater message layout. Options: `Text` / `Flex` | +|[!UICONTROL Logo]|Website| Determines the logo type used for the Pay Later message.. Options: `Inline` / `Primary` / `Alternative` / `None` | +|[!UICONTROL Logo Position]|Website| Determines the logo position for the Pay Later message. Options: `Left` / `Right` / `Top` | +|[!UICONTROL Text Color]|Website| Determines the text color of the Pay Later message. Options: `Black` / `White` / `Monochrome` / `Grayscale` | + +{style="table-layout:auto"} + +**[!UICONTROL Checkout]** + +![Pay Later Messaging - Checkout](./assets/payment-methods-braintree-paylater-messaging-checkout.png) + +| Field |[Scope](../../getting-started/websites-stores-views.md#scope-settings)| Description | +|--------------------------------------|--- |-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| +| [!UICONTROL Show PayLater Messaging] |Website| Enables PayLater messaging at the selected location. Options: `Yes` / `No`. Displays Pay Later messaging for available offers. Restrictions apply. [Click here to learn more.](https://developer.paypal.com/studio/checkout/pay-later/us) | +| [!UICONTROL Text Align] |Website| Determines the PayLater message layout. Options: `Left` / `Center` / `Right` | +| [!UICONTROL Text Color] |Website| Determines the text color of the Pay Later message. Options: `Black` / `White` | + +{style="table-layout:auto"} + ## 3d Secure Verification Settings ![3D Secure Verification Settings](./assets/payment-methods-braintree-3d-secure-verify-config.png) diff --git a/help/stores-purchase/assets/braintree-payments.png b/help/stores-purchase/assets/braintree-payments.png index 7c027248..674fe2a7 100644 Binary files a/help/stores-purchase/assets/braintree-payments.png and b/help/stores-purchase/assets/braintree-payments.png differ diff --git a/help/stores-purchase/assets/braintree-paypal.png b/help/stores-purchase/assets/braintree-paypal.png deleted file mode 100644 index bca7fae5..00000000 Binary files a/help/stores-purchase/assets/braintree-paypal.png and /dev/null differ diff --git a/help/stores-purchase/braintree.md b/help/stores-purchase/braintree.md index 067666ff..4faa99dc 100644 --- a/help/stores-purchase/braintree.md +++ b/help/stores-purchase/braintree.md @@ -27,7 +27,7 @@ Go to [Braintree Payments][1] and sign up for an account. - In the _[!UICONTROL Merchant Location]_ section, verify that **[!UICONTROL Merchant Country]** is set to the location of your business. -1. Under _[!UICONTROL Recommended Solutions]_, in the _[!UICONTROL Braintree Payments] (by [GENE Commerce](https://www.gene.co.uk/gene-braintree-payments/) v4.6.1 - [Release Notes](https://support.gene.co.uk/support/solutions/articles/35000228529)_ section, click **[!UICONTROL Configure]**. +1. Under _[!UICONTROL Recommended Solutions]_, in the _[!UICONTROL Braintree Payments] (by [GENE Commerce](https://www.gene.co.uk/gene-braintree-payments/) v4.7.0 - [Release Notes](https://support.gene.co.uk/support/solutions/articles/35000278668)_ section, click **[!UICONTROL Configure]**. ![Configure Braintree](./assets/braintree-payments.png){width="600" zoomable="yes"} @@ -37,7 +37,7 @@ Go to [Braintree Payments][1] and sign up for an account. When testing the configuration in a sandbox, use only [credit card numbers][2] that are recommended by Braintree. When you are ready to go to production with Braintree, set **[!UICONTROL Environment]** to `Production`. - ![Basic Credentials Settings](./assets/braintree-settings1.png){width="600" zoomable="yes"} + ![Basic Credentials Settings](../configuration-reference/sales/assets/payment-methods-braintree-basic-config.png){width="600" zoomable="yes"} 1. Set **[!UICONTROL Payment Action]** to one of the following: @@ -59,9 +59,9 @@ Go to [Braintree Payments][1] and sign up for an account. 1. Set **[!UICONTROL Enable Card Payments]** to `Yes`. - ![Basic Settings](./assets/braintree-settings2.png){width="600" zoomable="yes"} +1. If you want the ability to store customer information securely, so customers don't have to re-enter it each time they make a purchase, set **[!UICONTROL Enable Vault for Card Payments]** to `Yes`. - If you want the ability to store customer information securely, so customers don't have to re-enter it each time they make a purchase, set **[!UICONTROL Enable Vault for Card Payments]** to `Yes`. +1. If you want a customer to verify the CVV number for their vaulted card on every purchase, set **[!UICONTROL Enable Vault CVV Re-verification]** to `Yes`. ## Step 3: Complete the advanced settings @@ -225,7 +225,7 @@ Go to [Braintree Payments][1] and sign up for an account. ## Step 11: Complete the PayPal through Braintree settings - ![PayPal through Braintree Settings](./assets/braintree-paypal.png){width="550" zoomable="yes"} + ![PayPal through Braintree Settings 1](../configuration-reference/sales/assets/payment-methods-braintree-paypal-config-1.png){width="550" zoomable="yes"} 1. To include PayPal as a payment option with Braintree, set **[!UICONTROL Enable PayPal through Braintree]** to `Yes`. @@ -269,16 +269,28 @@ Go to [Braintree Payments][1] and sign up for an account. - `All Allowed Countries` - Customers from all [countries](../getting-started/store-details.md#country-options) specified in your store configuration can use this payment method. - `Specific Countries` - After choosing this option, the _[!UICONTROL Payment from Specific Countries]_ list appears. Hold down the Ctrl key (PC) or the Command key (Mac) and select each country in the list where customers can make purchases from your store. + ![PayPal through Braintree Settings 2](../configuration-reference/sales/assets/payment-methods-braintree-paypal-config-2.png){width="550" zoomable="yes"} + 1. To require customers to provide a billing address, set **[!UICONTROL Require Customer's Billing Address]** to `Yes`. >[!NOTE] > >This feature must be enabled for your account by PayPal Technical Support. +1. To skip the order review page for PayPal Express, set **[!UICONTROL Skip Order Review Step]** to `Yes`. + + For customers paying with PayPal Express: If you want customers to be redirected to a review page before completing payment, set this to `No`. If you'd prefer customers to skip the review page, set it to `Yes`. + 1. To save a log file of interactions between your store and PayPal through Braintree, set **[!UICONTROL Debug]** to `Yes`. 1. To display the PayPal button on both the mini cart and shopping cart page, set **[!UICONTROL Display on Shopping Cart]** to `Yes`. +1. To send package tracking information to PayPal, set **[!UICONTROL Send Package Tracking]** to `Yes`. + + Package tracking information will be sent to PayPal for PayPal transactions/orders only. You must enable the [!UICONTROL Send Cart Line Items for PayPal] configuration field in order for the [!UICONTROL Package Tracking] feature to work correctly. + +1. To notify a Buyer or Payer by PayPal for the package tracking updates, set **[!UICONTROL Use PayPal's "Notify Payer" functionality]** to `Yes`. + ## Step 12: Set the styling settings 1. For **[!UICONTROL Location]**, choose where PayPal buttons and messages are rendered: `Mini-Cart and Cart Page`, `Checkout Page`, or `Product Page` @@ -309,13 +321,25 @@ The options and settings in this section vary according to the button type selec > >The **[!DNL Size(Deprecated)]** configuration field is deprecated and not being used to style the PayPal buttons. -**[!UICONTROL PayLater Messaging]** +When these options are set, you can see the preview of the PayPal buttons. There are controls that you can use to apply the settings or reset the values: -1. To show [!DNL PayLater] messaging on the storefront at the selected location, set **[!UICONTROL Show PayLater Messaging]** to `Yes`. +- To store the selected styling settings for buttons and PayLater messaging and apply them to the current location and current button type, click **[!UICONTROL Apply]**. - This messaging includes the display of [!DNL PayLater] messaging for available offers ([restrictions apply](https://developer.paypal.com/docs/checkout/pay-later/us/)). +- To store the selected styling settings for buttons and PayLater messaging values and apply them to all button types and locations, click **[!UICONTROL Apply to All Buttons]**. -1. For **[!UICONTROL Message Layout]**, select the [!DNL PayLater] message layout: `Text` or `Flex` +- To return styling settings to the recommended default values for buttons and PayLater messaging and apply them to all button types and locations, click **[!UICONTROL Reset to Recommended Defaults]**. + +## Step 13: Pay Later Messaging + +**[!UICONTROL Product Page]** + +![Pay Later Message - Product Page settings](../configuration-reference/sales/assets/payment-methods-braintree-paylater-messaging-product.png){width="600" zoomable="yes"} + +1. To show [!DNL Pay Later] messaging on the storefront at product page, set **[!UICONTROL Show PayLater Messaging]** to `Yes`. + + Displays Pay Later messaging for available offers. Restrictions apply. See [PayPal's documentation](https://developer.paypal.com/studio/checkout/pay-later/us). + +1. For **[!UICONTROL Message Layout]**, select the [!DNL Pay Later] message layout: `Text` or `Flex` 1. For **[!UICONTROL Logo]**, select the PayPal logo type: `Inline`, `Primary`, `Alternative`, or `None` @@ -323,15 +347,35 @@ The options and settings in this section vary according to the button type selec 1. For **[!UICONTROL Text Color]**, select the [!DNL PayLater] message text color: `Black`, `White`, `Monochrome`, or `Grayscale` -When these options are set, you can see the preview of the PayPal buttons and PayLater messages. There are controls that you can use to apply the settings or reset the values: +**[!UICONTROL Cart]** -- To store the selected styling settings for buttons and PayLater messaging and apply them to the current location and current button type, click **[!UICONTROL Apply]**. +![Pay Later Message - Cart Page settings](../configuration-reference/sales/assets/payment-methods-braintree-paylater-messaging-cart.png){width="600" zoomable="yes"} -- to store the selected styling settings for buttons and PayLater messaging values and apply them to all button types and locations, click **[!UICONTROL Apply to All Buttons]**. +1. To show [!DNL Pay Later] messaging on the storefront at mini-cart or cart Page, set **[!UICONTROL Show PayLater Messaging]** to `Yes`. -- To return styling settings to the recommended default values for buttons and PayLater messaging and apply them to all button types and locations, click **[!UICONTROL Reset to Recommended Defaults]**. + Displays Pay Later messaging for available offers. Restrictions apply. See [PayPal's documentation](https://developer.paypal.com/studio/checkout/pay-later/us). + +1. For **[!UICONTROL Message Layout]**, select the [!DNL Pay Later] message layout: `Text` or `Flex` + +1. For **[!UICONTROL Logo]**, select the PayPal logo type: `Inline`, `Primary`, `Alternative`, or `None` + +1. For **[!UICONTROL Logo Position]**, select the PayPal logo position: `Left`, `Right`, or `Top` + +1. For **[!UICONTROL Text Color]**, select the [!DNL PayLater] message text color: `Black`, `White`, `Monochrome`, or `Grayscale` + +**[!UICONTROL Checkout]** + +![Pay Later Message - Checkout Page settings](../configuration-reference/sales/assets/payment-methods-braintree-paylater-messaging-checkout.png){width="600" zoomable="yes"} + +1. To show [!DNL Pay Later] messaging on the storefront at checkout, set **[!UICONTROL Show PayLater Messaging]** to `Yes`. + + Displays Pay Later messaging for available offers. Restrictions apply. See [PayPal's documentation](https://developer.paypal.com/studio/checkout/pay-later/us). + +1. For **[!UICONTROL Text Align]**, select the text align for [!DNL Pay Later] message: `Text` or `Center` or `Right` + +1. For **[!UICONTROL Text Color]**, select the [!DNL Pay Later] message text color: `Black`, `White` -## Step 13: Complete the 3D verification settings +## Step 14: Complete the 3D verification settings 1. If you want to add a verification step for customers using credit cards that are enrolled in a verification program (such as _Verified by VISA_), set **[!UICONTROL 3D Secure Verification]** to `Yes`. @@ -348,7 +392,7 @@ When these options are set, you can see the preview of the PayPal buttons and Pa ![3D verification settings](../configuration-reference/sales/assets/payment-methods-braintree-3d-secure-verify-config.png){width="600" zoomable="yes"} -## Step 14: Set up the Braintree dynamic descriptors +## Step 15: Set up the Braintree dynamic descriptors The following descriptors are used to identify purchases on customer credit card statements. You can reduce the number of charge-backs by clearly identifying the company that is associated with each purchase. If dynamic descriptors are not enabled for your account, contact Braintree support.