diff --git a/Model/Payment/Method/Bread.php b/Model/Payment/Method/Bread.php
index 0573128c..9ba0e64f 100644
--- a/Model/Payment/Method/Bread.php
+++ b/Model/Payment/Method/Bread.php
@@ -572,7 +572,10 @@ public function getTitle()
         $title = parent::getTitle();
         $showPerMonth = $this->helper->showPerMonthCalculation();
 
-        if ($this->_appState->getAreaCode() == \Magento\Framework\App\Area::AREA_WEBAPI_REST && $showPerMonth) {
+        $areaIsRestOrFrontend = $this->_appState->getAreaCode() == \Magento\Framework\App\Area::AREA_WEBAPI_REST
+            || $this->_appState->getAreaCode() == \Magento\Framework\App\Area::AREA_FRONTEND;
+
+        if ($areaIsRestOrFrontend && $showPerMonth) {
             $data = $this->quoteHelper->submitQuote(null);
             if (isset($data['asLowAs']) && isset($data['asLowAs']['amount'])) {
                 $title .= ' ' . sprintf(__('as low as %s/month*'), $data['asLowAs']['amount']);
diff --git a/Model/Ui/ConfigProvider.php b/Model/Ui/ConfigProvider.php
index 71cf6554..d9bb9ef8 100644
--- a/Model/Ui/ConfigProvider.php
+++ b/Model/Ui/ConfigProvider.php
@@ -23,12 +23,19 @@ class ConfigProvider implements ConfigProviderInterface
      */
     public $helperData;
 
+    /**
+     * @var \Bread\BreadCheckout\Model\Payment\Method\Bread
+     */
+    public $breadMethod;
+
     public function __construct(
         \Bread\BreadCheckout\Helper\Quote $helper,
-        \Bread\BreadCheckout\Helper\Data $helperData
+        \Bread\BreadCheckout\Helper\Data $helperData,
+        \Bread\BreadCheckout\Model\Payment\Method\Bread $breadMethod
     ) {
         $this->helper = $helper;
         $this->helperData = $helperData;
+        $this->breadMethod = $breadMethod;
     }
 
     /**
@@ -68,7 +75,8 @@ public function getConfig()
                         'buttonLocation' => $this->helperData->getCheckoutLocation(),
                         'methodTooltip' => $this->helper->getMethodTooltip(),
                         'productTypeMessage' => $this->helperData->getProductTypeMessage(),
-                        'cartValidation' => $this->helper->validateAllowedProductTypes()
+                        'cartValidation' => $this->helper->validateAllowedProductTypes(),
+                        'methodTitle' => $this->breadMethod->getTitle()
                     ]
                 ]
             ]
diff --git a/view/adminhtml/web/js/breadcheckout.js b/view/adminhtml/web/js/breadcheckout.js
index 6e65aa08..804a2dde 100644
--- a/view/adminhtml/web/js/breadcheckout.js
+++ b/view/adminhtml/web/js/breadcheckout.js
@@ -13,6 +13,7 @@ define(
 
                 var breadConfig = {
                     buttonId: 'bread-checkout-btn',
+                    allowSplitPayCheckout: false,
                     shippingOptions: [data.shippingOptions],
                     tax: data.tax,
                     customTotal: data.grandTotal,
diff --git a/view/frontend/layout/catalog_product_view.xml b/view/frontend/layout/catalog_product_view.xml
index 7674b0dc..168e0ad2 100644
--- a/view/frontend/layout/catalog_product_view.xml
+++ b/view/frontend/layout/catalog_product_view.xml
@@ -10,5 +10,8 @@
         <referenceBlock name="product.info.options.wrapper">
             <block template="Bread_BreadCheckout::breadcheckout/options.phtml" class="Bread\BreadCheckout\Block\Product\View" name="breadcheckout.checkout.options"/>
         </referenceBlock>
+        <referenceBlock name="product.info.main">
+            <block template="Bread_BreadCheckout::breadcheckout/price.phtml" class="Bread\BreadCheckout\Block\Product\View" name="breadcheckout.prod.price" after="product.info.price"/>
+        </referenceBlock>
     </body>
 </page>
diff --git a/view/frontend/layout/catalog_product_view_type_bundle.xml b/view/frontend/layout/catalog_product_view_type_bundle.xml
index b75367d2..950579a5 100644
--- a/view/frontend/layout/catalog_product_view_type_bundle.xml
+++ b/view/frontend/layout/catalog_product_view_type_bundle.xml
@@ -5,6 +5,9 @@
             <block template="Bread_BreadCheckout::breadcheckout/view.phtml"
                 class="Bread\BreadCheckout\Block\Product\Bundle" as="breadcheckout.prod.view" name="breadcheckout.prod.view"/>
         </referenceContainer>
+        <referenceBlock name="product.info.main">
+            <block template="Bread_BreadCheckout::breadcheckout/price.phtml" class="Bread\BreadCheckout\Block\Product\Bundle" name="breadcheckout.prod.price" before="customize.button"/>
+        </referenceBlock>
 
         <referenceBlock name="product.info.options.wrapper">
             <referenceBlock name="breadcheckout.checkout.options" remove="true"/>
diff --git a/view/frontend/layout/catalog_product_view_type_grouped.xml b/view/frontend/layout/catalog_product_view_type_grouped.xml
index f802c4a4..0a39a38b 100644
--- a/view/frontend/layout/catalog_product_view_type_grouped.xml
+++ b/view/frontend/layout/catalog_product_view_type_grouped.xml
@@ -3,6 +3,7 @@
     <body>
 
         <referenceBlock name="breadcheckout.prod.view" remove="true"/>
+        <referenceBlock name="breadcheckout.prod.price" remove="true"/>
         <referenceBlock name="breadcheckout.checkout.options" remove="true"/>
 
         <referenceContainer name="product.info.extrahint">
diff --git a/view/frontend/requirejs-config.js b/view/frontend/requirejs-config.js
index 9fedd33e..9b3e7385 100644
--- a/view/frontend/requirejs-config.js
+++ b/view/frontend/requirejs-config.js
@@ -8,7 +8,8 @@ var config = {
     map: {
         '*': {
             buttonConfig: 'Bread_BreadCheckout/js/button-config',
-            bundleHelper: 'Bread_BreadCheckout/js/bundle-helper'
+            bundleHelper: 'Bread_BreadCheckout/js/bundle-helper',
+            splitPay: 'Bread_BreadCheckout/js/product/splitpay'
         }
     }
 };
diff --git a/view/frontend/templates/breadcheckout/bundle.phtml b/view/frontend/templates/breadcheckout/bundle.phtml
index 85ffa687..93d81140 100644
--- a/view/frontend/templates/breadcheckout/bundle.phtml
+++ b/view/frontend/templates/breadcheckout/bundle.phtml
@@ -219,6 +219,7 @@ require([
                         document.defaultItems[0]["price"]   = this.cache.currentElement.selectedPrice * 100;
                         document.selectedSku                = this.cache.currentElement.selectedSku;
                         document.configureButton(document.defaultItems);
+                        document.splitPayConfigureButton(document.defaultItems);
                     }
                 }
             },
diff --git a/view/frontend/templates/breadcheckout/cartview.phtml b/view/frontend/templates/breadcheckout/cartview.phtml
index b6bf35a3..e3cb1867 100644
--- a/view/frontend/templates/breadcheckout/cartview.phtml
+++ b/view/frontend/templates/breadcheckout/cartview.phtml
@@ -9,10 +9,11 @@
     <div class="button-prevent" id="button-prevent">
         <span class="buy_error_tip override_tip" data-content="<?= /* @noEscape */ $block->productTypeErrorMessage() ?>">&nbsp;</span>
     </div>
+    <div class="splitpay-clickable-button"></div>
 </div>
 
 <script type="text/javascript">
-    require(['jquery', 'jquery/validate', 'mage/validation', '!domReady'], function($) {
+    require(['jquery', 'splitPay', 'jquery/validate', 'mage/validation', '!domReady'], function($, splitPay) {
 
         var validateProductTypes = Boolean(<?= /* @noEscape */ $block->validateAllowedProductTypes() ?>);
         if (validateProductTypes === false) {
@@ -35,6 +36,7 @@
 
             var breadConfig = {
                 buttonId: "bread-checkout-btn",
+                allowSplitPayCheckout: false,
                 asLowAs: <?= /* @noEscape */ $block->getAsLowAs(); ?>,
                 actAsLabel: false,
                 <?php if (!$block->isHealthcare()) : ?>
@@ -207,6 +209,7 @@
 
             if (typeof bread !== 'undefined') {
                 bread.checkout(breadConfig);
+                splitPay.setupSplitPay(breadConfig, '.splitpay-clickable-button', false);
             }
         };
 
diff --git a/view/frontend/templates/breadcheckout/configurable.phtml b/view/frontend/templates/breadcheckout/configurable.phtml
index 73d6c3b1..bf7fd496 100644
--- a/view/frontend/templates/breadcheckout/configurable.phtml
+++ b/view/frontend/templates/breadcheckout/configurable.phtml
@@ -40,6 +40,7 @@
                         document.selectedSku = document.baseProductSku + "///" +
                             document.Skus[document.selectedSimpleProductId];
                         document.resetPriceAndSku(true);
+                        document.splitPayResetPriceAndSku(true);
                     }
                 }
             };
diff --git a/view/frontend/templates/breadcheckout/grouped.phtml b/view/frontend/templates/breadcheckout/grouped.phtml
index 4a054a3b..f92924b4 100644
--- a/view/frontend/templates/breadcheckout/grouped.phtml
+++ b/view/frontend/templates/breadcheckout/grouped.phtml
@@ -10,14 +10,19 @@
     <div class="button-prevent" id="button-prevent">
         <span class="buy_error_tip override_tip" data-content="<?= /* @noEscape */ __('Please complete product configuration') ?>">&nbsp;</span>
     </div>
+    <div class="button-prevent" id="button-prevent-updating">
+        <span class="buy_error_tip override_tip" data-content="<?= /* @noEscape */ __('Please wait') ?>">&nbsp;</span>
+    </div>
+    <div class="splitpay-clickable-button"></div>
 </div>
 
 <script>
     require([
         'jquery',
+        'splitPay',
         'jquery/validate',
         'mage/validation'
-    ], function($) {
+    ], function($, splitPay) {
         document.configureButton = function (items) {
             var buttonOnProduct     = <?= /* @noEscape */ $block->getIsButtonOnProduct(); ?>;
             var buttonCss           = '<?= /* @noEscape */ $block->getButtonDesign(); ?>';
@@ -29,6 +34,7 @@
 
             var breadConfig = {
                 buttonId: "bread-checkout-btn",
+                allowSplitPayCheckout: false,
                 <?php if (!$block->isHealthcare()) : ?>
                 items: items,
                 <?php else : ?>
@@ -216,6 +222,8 @@
 
                 if (typeof bread !== 'undefined') {
                     bread.checkout(breadConfig);
+                    splitPay.setupSplitPay(breadConfig, '.splitpay-clickable-button', false);
+                    $('#button-prevent-updating').hide();
                 }
             }).fail(function(error) {
                 document.logBreadIssue('error', {},
@@ -230,7 +238,8 @@
              * Overlay element onto bread button to prevent
              * it from being clicked until options are selected
              */
-            $('.button-prevent').show();
+            $('#button-prevent').show();
+            $('#button-prevent-updating').hide();
 
             $('#product_addtocart_form').on('change', function() {
                 document.updateButton(this);
@@ -243,7 +252,8 @@
 
         document.updateButton = function(form) {
             if ($(form).valid()) {
-                $('.button-prevent').hide();
+                $('#button-prevent').hide();
+                $('#button-prevent-updating').show();
 
                 var groupedButtonUpdateUrl = '<?= /* @noEscape */ $block->getGroupedButtonUpdate()?>';
                 var serializedForm = $(form).serialize();
@@ -257,7 +267,7 @@
                     if (response.items) {
                         document.configureButton(response.items);
                     } else {
-                        $('.button-prevent').show();
+                        $('#button-prevent').show();
                     }
                 }).fail(function(error) {
                     var errorInfo = {
diff --git a/view/frontend/templates/breadcheckout/minicart.phtml b/view/frontend/templates/breadcheckout/minicart.phtml
index bea7e32e..6bcc8c21 100644
--- a/view/frontend/templates/breadcheckout/minicart.phtml
+++ b/view/frontend/templates/breadcheckout/minicart.phtml
@@ -35,6 +35,7 @@
 
             var breadConfig = {
                 buttonId: "bread-checkout-btn-minicart",
+                allowSplitPayCheckout: false,
                 asLowAs: <?= /* @noEscape */ $block->getAsLowAs(); ?>,
                 actAsLabel: false,
                 <?php if (!$block->isHealthcare()) : ?>
diff --git a/view/frontend/templates/breadcheckout/price.phtml b/view/frontend/templates/breadcheckout/price.phtml
new file mode 100644
index 00000000..fd90f3de
--- /dev/null
+++ b/view/frontend/templates/breadcheckout/price.phtml
@@ -0,0 +1,151 @@
+<?php /** @var $block Bread\BreadCheckout\Block\Product\View */ ?>
+<?= /* @noEscape */ $block->getBeforeHtml(); ?>
+
+<div class="splitpay-clickable-price" style="padding-bottom: 5px"></div>
+
+<?php /** TODO: rename these javascript functions when doing refactor of template files */ ?>
+<script type="text/javascript">
+    require(['jquery', 'splitPay'], function($, splitPay) {
+
+        document.splitPayConfigureButton = function (items) {
+            var buttonCss           = '<?= /* @noEscape */ $block->getButtonDesign(); ?>';
+            var financingInfo   = <?= /* @noEscape */ $block->getFinancingJson(); ?>;
+            var breadConfig = {
+                <?php if (!$block->isHealthcare()) : ?>
+                items: items,
+                <?php else : ?>
+                customTotal: items[0]['price'],
+                <?php endif; ?>
+                discounts: <?= /* @noEscape */ $block->getDiscountDataJson(); ?>,
+                allowCheckout: false,
+                done: function() {},
+
+                /**
+                 * Add to cart call back used when allow checkout from product page = false
+                 *
+                 * @param callback
+                 */
+                addToCart:  function(callback) {
+                    document.getElementById('product_addtocart_form').submit();
+                }
+            };
+
+            if (buttonCss !== null && buttonCss !== '' && buttonCss != false) {
+                breadConfig.customCSS = buttonCss;
+            }
+
+            if(financingInfo.enabled && financingInfo.mode.cart){
+                var cartSizeFinancingId = financingInfo.id;
+                var cartSizeThreshold = financingInfo.threshold;
+                var itemsPriceSum = items.reduce(function(sum, item) { return sum + item.price * item.quantity; }, 0) / 100;
+                breadConfig.financingProgramId = (itemsPriceSum >= cartSizeThreshold) ? cartSizeFinancingId : 'null';
+            } else if (financingInfo.enabled && financingInfo.mode.sku){
+                var productSku = "<?= /* @noEscape */ $block->getProduct()->getSku(); ?>";
+                if(financingInfo.sku_limit.includes(productSku) === true){
+                    breadConfig.financingProgramId = financingInfo.id;
+                }
+            }
+
+            if (!document.splitPayHasCheckedConfigData) {
+
+                var configDataUrl = '<?= /* @noEscape */ $block->getConfigDataUrl(); ?>';
+                $.ajax({
+                    url: configDataUrl,
+                    type: 'post',
+                    context: this
+                }).done(function(data) {
+                    document.splitPayHasCheckedConfigData = true;
+
+                    if (data.shippingContact !== false) {
+                        breadConfig.shippingContact = data.shippingContact;
+                    }
+
+                    if (data.billingContact !== false) {
+                        breadConfig.billingContact = data.billingContact;
+                    }
+
+                    if (typeof bread !== 'undefined') {
+                        splitPay.setupSplitPay(breadConfig, '.splitpay-clickable-price', true);
+                    }
+                }).fail(function(error) {
+                    document.logBreadIssue('error', {},
+                        'Error code returned when calling ' + configDataUrl + ', with status: ' + error.statusText);
+                });
+
+            } else {
+                if (typeof bread !== 'undefined') {
+                    splitPay.setupSplitPay(breadConfig, '.splitpay-clickable-price', true);
+                }
+            }
+
+        };
+
+        <?php if ($block->getProduct() != null) : ?>
+
+        /**
+         * Reconfigure Bread checkout button with updated
+         * price and sku values
+         */
+        document.splitPayResetPriceAndSku = function(configurable) {
+            if (!configurable) {
+                document.splitPayConfigureButton(document.splitPayDefaultItems);
+            }
+            else {
+                var price = document.splitPayCalculatePrice();
+
+                if(typeof document.customOptions !== "undefined"){
+                    sku = document.splitPaySelectedSku + document.customOptions;
+                } else {
+                    sku = document.splitPaySelectedSku;
+                }
+
+                if (sku != document.splitPayPreviousSku || price != document.splitPayPreviousPrice) {
+                    document.splitPayPreviousSku                    = sku;
+                    document.splitPayPreviousPrice                  = price;
+                    document.splitPayDefaultItems[0]["sku"]         = document.splitPayPreviousSku;
+                    document.splitPayDefaultItems[0]["price"]       = document.splitPayPreviousPrice;
+                    document.splitPayConfigureButton(document.splitPayDefaultItems);
+                }
+            }
+        };
+
+        /**
+         * Calculate updated price based on attribute selections
+         * and/or custom options
+         *
+         * @returns int
+         */
+        document.splitPayCalculatePrice = function() {
+            var price = 0;
+            var customPrice = 0;
+
+            if (document.priceWithOptions) {
+                customPrice = document.priceWithOptions;
+            }
+
+            var selectedProductPrices = (typeof spConfig !== "undefined") && spConfig.optionPrices[document.splitPaySelectedSimpleProductId];
+
+            if (selectedProductPrices) {
+                price = parseInt(Math.round(selectedProductPrices.finalPrice.amount * 100));
+            }
+
+            return Math.max(price, customPrice);
+        };
+        <?php endif; ?>
+        document.splitPayDefaultItems       = <?= /* @noEscape */ $block->getProductDataJson(); ?>;
+        document.splitPayPreviousPrice      = document.splitPayDefaultItems[0]["price"];
+        document.splitPayPreviousSku        = document.splitPayDefaultItems[0]["sku"];
+
+        $(document).ready(function () {
+            <?php if ($block->getProduct() != null) : ?>
+            document.splitPayProductId                      = '<?= /* @noEscape */ $block->getProduct()->getId(); ?>';
+            document.splitPayBaseProductSku                 = '<?= /* @noEscape */ $block->getProduct()->getSku(); ?>';
+            document.splitPaySelectedSku                    = '<?= /* @noEscape */ $block->getProduct()->getSku(); ?>';
+            document.splitPaySelectedSimpleProductId        = '<?= /* @noEscape */ $block->getProduct()->getId(); ?>';
+            document.splitPayResetPriceAndSku(false);
+            <?php else : ?>
+            document.splitPayConfigureButton(document.splitPayDefaultItems);
+            <?php endif; ?>
+        });
+    });
+</script>
diff --git a/view/frontend/templates/breadcheckout/view.phtml b/view/frontend/templates/breadcheckout/view.phtml
index e879d78c..532ca68c 100644
--- a/view/frontend/templates/breadcheckout/view.phtml
+++ b/view/frontend/templates/breadcheckout/view.phtml
@@ -10,6 +10,7 @@
     <div class="button-prevent" id="button-prevent">
         <span class="buy_error_tip override_tip" data-content="<?= /* @noEscape */ __('Please complete product configuration') ?>">&nbsp;</span>
     </div>
+    <div class="splitpay-clickable-button"></div>
 </div>
 
 <script type="text/x-magento-init">
@@ -24,13 +25,15 @@
 </script>
 
 <script type="text/javascript">
-    require(['jquery'], function($) {
+    require(['jquery', 'splitPay'], function($, splitPay) {
+
         document.configureButton = function (items) {
             var buttonOnProduct     = <?= /* @noEscape */ $block->getIsButtonOnProduct(); ?>;
             var buttonCss           = '<?= /* @noEscape */ $block->getButtonDesign(); ?>';
             var financingInfo   = <?= /* @noEscape */ $block->getFinancingJson(); ?>;
             var breadConfig = {
                 buttonId: "bread-checkout-btn",
+                allowSplitPayCheckout: false,
                 asLowAs: <?= /* @noEscape */ $block->getAsLowAs(); ?>,
                 <?php if (!$block->isHealthcare()) : ?>
                 items: items,
@@ -227,6 +230,7 @@
 
                     if (typeof bread !== 'undefined') {
                         bread.checkout(breadConfig);
+                        splitPay.setupSplitPay(breadConfig, '.splitpay-clickable-button', false);
                     }
                 }).fail(function(error) {
                     document.logBreadIssue('error', {},
@@ -236,6 +240,7 @@
             } else {
                 if (typeof bread !== 'undefined') {
                     bread.checkout(breadConfig);
+                    splitPay.setupSplitPay(breadConfig, '.splitpay-clickable-button', false);
                 }
             }
         };
diff --git a/view/frontend/web/js/product/button.js b/view/frontend/web/js/product/button.js
index bde3e9a6..db9784da 100644
--- a/view/frontend/web/js/product/button.js
+++ b/view/frontend/web/js/product/button.js
@@ -50,9 +50,9 @@ define(
                     var isValid = areInputElementsSet && areRadioAndCheckboxElementsSet;
 
                     if(isValid) {
-                        $('.button-prevent').hide();
+                        $('#button-prevent').hide();
                     }else{
-                        $('.button-prevent').show();
+                        $('#button-prevent').show();
                     }
 
                 }
diff --git a/view/frontend/web/js/product/options.js b/view/frontend/web/js/product/options.js
index faead93f..67f8ee82 100644
--- a/view/frontend/web/js/product/options.js
+++ b/view/frontend/web/js/product/options.js
@@ -139,6 +139,7 @@ define(
 
                     document.customOptions = document.getSkuForOptions(selectedOptions);
                     document.resetPriceAndSku(true);
+                    document.splitPayResetPriceAndSku(true);
                 }
             );
         };
diff --git a/view/frontend/web/js/product/splitpay.js b/view/frontend/web/js/product/splitpay.js
new file mode 100644
index 00000000..575beb3f
--- /dev/null
+++ b/view/frontend/web/js/product/splitpay.js
@@ -0,0 +1,67 @@
+define([], function () {
+
+    var splitPayPromo = function (opts, selector, includeInstallments) {
+        if (window.bread === undefined || window.bread.ldflags['multipay-enable'] === false) {
+            return;
+        }
+
+        var total = null;
+
+        if (opts.hasOwnProperty('customTotal')) {
+            total = opts.customTotal;
+        } else if (opts.hasOwnProperty('items')) {
+            total = opts.items.reduce(function(sum, i) {
+                return Math.round(i.price * i.quantity) + sum;
+            }, 0);
+        } else {
+            console.warn('[Bread-SplitPay] failed to calculate total');
+            return;
+        }
+
+        if (total > 100000) {
+            return;
+        }
+
+        bread.showSplitPayPromo({
+            selector: selector,
+            total: total,
+            includeInstallments: includeInstallments,
+            openModalOnClick: true,
+            opts: opts
+        });
+    };
+
+    return {
+        setupSplitPay: function (breadConfig, selector, includeInstallments) {
+            var boundSplitPayPromo = splitPayPromo.bind(null, breadConfig, selector, includeInstallments);
+            this.waitForFlagsToLoad(boundSplitPayPromo);
+        },
+        waitForFlagsToLoad: function (cb) {
+            var MAX_SECS_BEFORE_ABORT = 10;
+            var TIMEOUT_INTERVAL = 100;
+            var RETRIES = MAX_SECS_BEFORE_ABORT * 1000 / TIMEOUT_INTERVAL;
+            var ERROR_PREFIX = 'Bread Integration Error: Could not setup promotional label for SplitPay. Reason: ';
+            var INTEGRATION_ERROR = 'Could not create Bread SplitPay Promotional Label within 5 seconds. Please verify that the provided selector is valid';
+
+            var retryCount = 0;
+
+            var retry = window.setInterval(function() {
+                try {
+                    if (window.bread && window.bread.ldflags && window.bread.ldflags._isReady) {
+                        window.clearInterval(retry);
+                        cb();
+                    }
+                    if (retryCount < RETRIES) {
+                        retryCount += 1;
+                    } else {
+                        throw new Error(INTEGRATION_ERROR);
+                    }
+                } catch (err) {
+                    console.error(ERROR_PREFIX + err);
+                    window.clearInterval(retry);
+                    // May also want to do something in this error case so its never "broken"
+                }
+            }, TIMEOUT_INTERVAL);
+        }
+    }
+});
\ No newline at end of file
diff --git a/view/frontend/web/js/view/payment/method-renderer/breadcheckout.js b/view/frontend/web/js/view/payment/method-renderer/breadcheckout.js
index 0d84f29a..7f99f126 100644
--- a/view/frontend/web/js/view/payment/method-renderer/breadcheckout.js
+++ b/view/frontend/web/js/view/payment/method-renderer/breadcheckout.js
@@ -4,6 +4,7 @@ define(
         'ko',
         'jquery',
         'buttonConfig',
+        'splitPay',
         'Magento_Customer/js/model/customer',
         'Magento_Checkout/js/action/create-billing-address',
         'Magento_Checkout/js/action/select-billing-address',
@@ -21,6 +22,7 @@ define(
         ko,
         $,
         button,
+        splitPay,
         customer,
         createBillingAddress,
         selectBillingAddress,
@@ -80,6 +82,23 @@ define(
                     return window.checkoutConfig.payment[this.getCode()].breadConfig.methodTooltip;
                 },
 
+                getTitle: function () {
+                    splitPay.waitForFlagsToLoad(function() {
+                        var INSTALLMENTS_BLUE = '#5156ea';
+                        var SPLITPAY_GREEN = '#57c594';
+
+                        if (window.bread.ldflags['multipay-enable'] === true) {
+                            var label = jQuery('#breadcheckout').next('label').attr("for", "breadcheckout");
+                            label.text('');
+                            label.append('Pay Over Time with ' +
+                                '<span style="color: ' + INSTALLMENTS_BLUE + '; font-weight: 600;">Installments</span> or ' +
+                                '<span style="color: ' + SPLITPAY_GREEN + '; font-weight: 600;">SplitPay</span>');
+                        }
+                    });
+
+                    return window.checkoutConfig.payment[this.getCode()].breadConfig.methodTitle;
+                },
+
                 /**
                  * Embedded checkout enabled
                  */
diff --git a/view/frontend/web/template/payment/breadcheckout.html b/view/frontend/web/template/payment/breadcheckout.html
index 911d0206..88f76583 100644
--- a/view/frontend/web/template/payment/breadcheckout.html
+++ b/view/frontend/web/template/payment/breadcheckout.html
@@ -5,7 +5,7 @@
                class="radio"
                data-bind="attr: {'id': getCode()}, value: getCode(), checked: isChecked, click: selectPaymentMethod, visible: isRadioButtonVisible()"/>
         <label class="label" data-bind="attr: {'for': getCode()}">
-            <span data-bind="text: getTitle(), attr: {'title': getMethodTooltip()}"></span>
+            <span data-bind="html: getTitle(), attr: {'title': getMethodTooltip()}"></span>
         </label>
     </div>