diff --git a/Block/System/Config/Form/Field/Status.php b/Block/System/Config/Form/Field/Status.php
new file mode 100644
index 0000000..e510fb1
--- /dev/null
+++ b/Block/System/Config/Form/Field/Status.php
@@ -0,0 +1,71 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Bold\CheckoutFlowPaypal\Block\System\Config\Form\Field;
+
+use Bold\Checkout\Block\System\Config\Form\Field;
+use Bold\CheckoutFlowPaypal\Model\Config as PayPalConfig;
+use Magento\Backend\Block\Template\Context;
+use Magento\Config\Model\Config;
+use Magento\Framework\Data\Form\Element\AbstractElement;
+use Magento\Store\Model\StoreManagerInterface;
+
+/**
+ * Bold PayPal Flow status field.
+ */
+class Status extends Field
+{
+    protected $unsetScope = true;
+
+    /**
+     * @var Config
+     */
+    private $config;
+
+    /**
+     * @var PayPalConfig
+     */
+    private $payPalConfig;
+
+    /**
+     * @var StoreManagerInterface
+     */
+    private $storeManager;
+
+    /**
+     * @param Context $context
+     * @param Config $config
+     * @param PayPalConfig $payPalConfig
+     * @param StoreManagerInterface $storeManager
+     * @param array $data
+     */
+    public function __construct(
+        Context               $context,
+        Config                $config,
+        PayPalConfig          $payPalConfig,
+        StoreManagerInterface $storeManager,
+        array                 $data = []
+    ) {
+        parent::__construct($context, $data);
+        $this->config = $config;
+        $this->payPalConfig = $payPalConfig;
+        $this->storeManager = $storeManager;
+    }
+
+    /**
+     * @inheritDoc
+     */
+    protected function _renderValue(AbstractElement $element)
+    {
+        $websiteId = (int)$this->config->getWebsite() ?: (int)$this->storeManager->getWebsite(true)->getId();
+        $status = $this->payPalConfig->getIsPaypalFlowEnabled($websiteId);
+        $statusText = $status ?  __('PayPal Checkout Flow is enabled') :  __('PayPal Checkout Flow is disabled');
+        $class = $status ? 'enabled' : 'disabled';
+        $element->setText(
+            sprintf('<strong class=\'%s\'>%s</strong>', $class, $statusText)
+        );
+
+        return parent::_renderValue($element);
+    }
+}
diff --git a/Block/System/Config/Form/Field/Toggle.php b/Block/System/Config/Form/Field/Toggle.php
index b3535db..4294385 100644
--- a/Block/System/Config/Form/Field/Toggle.php
+++ b/Block/System/Config/Form/Field/Toggle.php
@@ -84,7 +84,7 @@ public function getButtonHtml()
      */
     private function getLabel(): string
     {
-        return $this->isEnabled() ? 'Disable' : 'Enable';
+        return $this->isEnabled() ? 'Disable PayPal Checkout Flow' : 'Enable PayPal Checkout Flow';
     }
 
     /**
diff --git a/Model/Config.php b/Model/Config.php
index 6ca4aa1..d204e7e 100644
--- a/Model/Config.php
+++ b/Model/Config.php
@@ -18,6 +18,8 @@ class Config
 {
     private const PATH_TYPE = 'checkout/bold_checkout_base/type';
     private const PATH_IS_PAYPAL_FLOW_ENABLED = 'checkout/bold_checkout_paypal/is_enabled';
+    private const PATH_IS_INSTANT_ON_PRODUCT_PAGE_ENABLED = 'checkout/bold_checkout_paypal/is_instant_product';
+    private const PATH_IS_INSTANT_ENABLED_FOR = 'checkout/bold_checkout_paypal/instant_for';
     private const PATH_PAYPAL_FLOW_ID = 'checkout/bold_checkout_paypal/flow_id';
 
     /**
@@ -47,10 +49,10 @@ class Config
      * @param TypeListInterface $cacheTypeList
      */
     public function __construct(
-        ScopeConfigInterface $scopeConfig,
+        ScopeConfigInterface      $scopeConfig,
         ConfigManagementInterface $configManagement,
-        WriterInterface $configWriter,
-        TypeListInterface $cacheTypeList
+        WriterInterface           $configWriter,
+        TypeListInterface         $cacheTypeList
     ) {
         $this->scopeConfig = $scopeConfig;
         $this->configManagement = $configManagement;
@@ -65,7 +67,8 @@ public function __construct(
      * @return bool
      * @throws LocalizedException
      */
-    public function getIsPaypalFlowEnabled(int $websiteId): bool {
+    public function getIsPaypalFlowEnabled(int $websiteId): bool
+    {
         return $this->configManagement->isSetFlag(
             self::PATH_IS_PAYPAL_FLOW_ENABLED,
             $websiteId
@@ -123,4 +126,41 @@ public function setCheckoutTypeParallel(int $websiteId): void
         $this->cacheTypeList->cleanType('config');
         $this->scopeConfig->clean();
     }
+
+    /**
+     * Get if the Instant Checkout button is enabled on Product page.
+     *
+     * @param int $websiteId
+     * @return bool
+     * @throws LocalizedException
+     */
+    public function isProductPageInstantCheckoutEnabled(int $websiteId): bool
+    {
+        return $this->configManagement->isSetFlag(
+            self::PATH_IS_INSTANT_ON_PRODUCT_PAGE_ENABLED,
+            $websiteId
+        );
+    }
+
+    /**
+     * Get if the Instant Checkout button is enabled for Product type.
+     *
+     * @param int $websiteId
+     * @param string $productType
+     * @return bool
+     * @throws LocalizedException
+     */
+    public function isProductPageInstantCheckoutEnabledForType(int $websiteId, string $productType): bool
+    {
+        return in_array(
+            $productType,
+            explode(
+                ',',
+                $this->configManagement->getValue(
+                    self::PATH_IS_INSTANT_ENABLED_FOR,
+                    $websiteId
+                )
+            )
+        );
+    }
 }
diff --git a/Model/Config/Backend/InvalidateBlockBackend.php b/Model/Config/Backend/InvalidateBlockBackend.php
new file mode 100644
index 0000000..c90b0bc
--- /dev/null
+++ b/Model/Config/Backend/InvalidateBlockBackend.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Bold\CheckoutFlowPaypal\Model\Config\Backend;
+
+use Magento\Config\Model\ResourceModel\Config\Data;
+use Magento\Config\Model\ResourceModel\Config\Data\Collection\Proxy;
+use Magento\Framework\App\Cache\Type\Block;
+use Magento\Framework\App\Cache\TypeListInterface;
+use Magento\Framework\App\Config\ScopeConfigInterface;
+use Magento\Framework\App\Config\Value;
+use Magento\Framework\Model\Context;
+use Magento\Framework\Registry;
+use Magento\PageCache\Model\Cache\Type;
+
+/**
+ * Backend model for cache invalidation after PayPal configuration change.
+ */
+class InvalidateBlockBackend extends Value
+{
+    public function __construct(
+        Context $context,
+        Registry $registry,
+        ScopeConfigInterface $config,
+        TypeListInterface $cacheTypeList,
+        Data $resource,
+        Proxy $resourceCollection,
+        array $data = []
+    ) {
+        parent::__construct($context, $registry, $config, $cacheTypeList, $resource, $resourceCollection, $data);
+    }
+
+    /**
+     * @inheritDoc
+     */
+    public function afterSave()
+    {
+        if ($this->isValueChanged()) {
+            $this->cacheTypeList->invalidate(Block::TYPE_IDENTIFIER);
+            $this->cacheTypeList->invalidate(Type::TYPE_IDENTIFIER);
+        }
+
+        return parent::afterSave();
+    }
+}
diff --git a/Model/Config/Source/ProductTypeSource.php b/Model/Config/Source/ProductTypeSource.php
new file mode 100644
index 0000000..5741130
--- /dev/null
+++ b/Model/Config/Source/ProductTypeSource.php
@@ -0,0 +1,54 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Bold\CheckoutFlowPaypal\Model\Config\Source;
+
+use Magento\Bundle\Model\Product\Type as BundleType;
+use Magento\Catalog\Model\Product\Type;
+use Magento\ConfigurableProduct\Model\Product\Type\Configurable as ConfigurableType;
+use Magento\Downloadable\Model\Product\Type as DownloadableType;
+use Magento\GiftCard\Model\Catalog\Product\Type\Giftcard as GiftcardType;
+use Magento\GroupedProduct\Model\Product\Type\Grouped as GroupedType;
+
+/**
+ * Field source for product type multiselect.
+ */
+class ProductTypeSource implements \Magento\Framework\Option\ArrayInterface
+{
+    /**
+     * @var array
+     */
+    private $additionalProductTypes;
+
+    /**
+     * @param array $additionalProductTypes
+     */
+    public function __construct(array $additionalProductTypes = [])
+    {
+        $this->additionalProductTypes = $additionalProductTypes;
+    }
+
+    /**
+     * @inheritDoc
+     */
+    public function toOptionArray()
+    {
+        $result = [
+            ['value' => Type::TYPE_SIMPLE, 'label' => __('Simple Products')],
+            ['value' => Type::TYPE_VIRTUAL, 'label' => __('Virtual Products')],
+            ['value' => DownloadableType::TYPE_DOWNLOADABLE, 'label' => __('Downloadable Products')],
+            ['value' => GroupedType::TYPE_CODE, 'label' => __('Grouped Products')],
+            ['value' => ConfigurableType::TYPE_CODE, 'label' => __('Configurable Products')],
+            ['value' => BundleType::TYPE_CODE, 'label' => __('Bundle Products')],
+        ];
+        if (class_exists(GiftcardType::class)) {
+            $result[] = ['value' => GiftcardType::TYPE_GIFTCARD, 'label' => __('Gift Cards')];
+        }
+        foreach ($this->additionalProductTypes as $typeValue => $typeLabel) {
+            $result[] = ['value' => $typeValue, 'label' => __($typeLabel)];
+        }
+
+        return $result;
+    }
+}
diff --git a/ViewModel/Instant.php b/ViewModel/Instant.php
new file mode 100644
index 0000000..2474a23
--- /dev/null
+++ b/ViewModel/Instant.php
@@ -0,0 +1,129 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Bold\CheckoutFlowPaypal\ViewModel;
+
+use Bold\Checkout\Block\Onepage\Button;
+use Bold\CheckoutFlowPaypal\Model\Config;
+use Magento\Catalog\Block\Product\View;
+use Magento\Framework\App\RequestInterface;
+use Magento\Framework\Exception\LocalizedException;
+use Magento\Framework\UrlInterface;
+use Magento\Framework\View\Asset\Repository;
+use Magento\Framework\View\Element\Block\ArgumentInterface;
+use Magento\Store\Model\StoreManagerInterface;
+
+/**
+ * View Model for Instant Checkout button.
+ */
+class Instant implements ArgumentInterface
+{
+    const PRODUCT_FORM_SELECTOR = '#product_addtocart_form';
+
+    /**
+     * @var Config
+     */
+    private $config;
+
+    /**
+     * @var StoreManagerInterface
+     */
+    private $storeManager;
+
+    /**
+     * @var RequestInterface
+     */
+    private $request;
+
+    /**
+     * @var UrlInterface
+     */
+    private $url;
+
+    /**
+     * @var Repository
+     */
+    private $assetRepository;
+
+    /**
+     * @var View
+     */
+    private $view;
+
+    /**
+     * @param Config $config
+     * @param StoreManagerInterface $storeManager
+     * @param RequestInterface $request
+     * @param UrlInterface $url
+     * @param Repository $assetRepository
+     * @param View $view
+     */
+    public function __construct(
+        Config                $config,
+        StoreManagerInterface $storeManager,
+        RequestInterface      $request,
+        UrlInterface          $url,
+        Repository            $assetRepository,
+        View                  $view
+    ) {
+        $this->config = $config;
+        $this->storeManager = $storeManager;
+        $this->request = $request;
+        $this->url = $url;
+        $this->assetRepository = $assetRepository;
+        $this->view = $view;
+    }
+
+    /**
+     * Render Instant Checkout button on Product page.
+     *
+     * @return bool
+     * @throws LocalizedException
+     */
+    public function enabledOnProductPage(): bool
+    {
+        $websiteId = (int)$this->storeManager->getWebsite()->getId();
+        $productType = $this->view->getProduct()->getTypeId();
+
+        return $this->config->getIsPaypalFlowEnabled($websiteId)
+            && $this->config->isProductPageInstantCheckoutEnabled($websiteId)
+            && $this->config->isProductPageInstantCheckoutEnabledForType($websiteId, $productType);
+    }
+
+    /**
+     * Get parallel checkout url.
+     *
+     * @return string
+     */
+    public function getCheckoutUrl(): string
+    {
+        return $this->url->getUrl(
+            'checkout',
+            [
+                '_secure' => $this->request->isSecure(),
+                Button::KEY_PARALLEL => true,
+            ]
+        );
+    }
+
+    /**
+     * Get Product form selector.
+     *
+     * @return string
+     */
+    public function getProductFormSelector(): string
+    {
+        return self::PRODUCT_FORM_SELECTOR;
+    }
+
+    /**
+     * Get ULR for loader image.
+     *
+     * @return string
+     */
+    public function getLoaderIcon(): string
+    {
+        return $this->assetRepository->getUrl('images/loader-2.gif');
+    }
+}
diff --git a/etc/adminhtml/system.xml b/etc/adminhtml/system.xml
index 7c69648..5295342 100644
--- a/etc/adminhtml/system.xml
+++ b/etc/adminhtml/system.xml
@@ -5,11 +5,14 @@
         <section id="checkout">
             <group id="bold_checkout_paypal" translate="label" sortOrder="115" showInDefault="1" showInWebsite="1">
                 <label>Bold Checkout PayPal Integration</label>
-                <field id="is_enabled" translate="label" type="select" sortOrder="10" showInDefault="1"
+                <field id="is_enabled" translate="label" type="hidden" sortOrder="10" showInDefault="1"
                        showInWebsite="1">
-                    <label>Is PayPal Checkout Flow Enabled?</label>
-                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                     <frontend_model>Bold\CheckoutFlowPaypal\Block\System\Config\Form\Field\Disabled</frontend_model>
+                </field>
+                <field id="status" translate="label" type="note" sortOrder="10" showInDefault="1"
+                       showInWebsite="1">
+                    <label>Enable PayPal Checkout Flow</label>
+                    <frontend_model>Bold\CheckoutFlowPaypal\Block\System\Config\Form\Field\Status</frontend_model>
                     <comment>
                         <![CDATA[The PayPal Checkout Flow replaces all other Bold-hosted checkout flows.
                         Read more about Bold-hosted flows for Adobe Commerce stores in the <a href="https://developer.boldcommerce.com/guides/platform-integration/adobe-commerce/installation">documentation</a>.
@@ -17,8 +20,27 @@
                 </field>
                 <field id="toggle" translate="label" type="button" sortOrder="20" showInDefault="1" showInWebsite="1">
                     <frontend_model>Bold\CheckoutFlowPaypal\Block\System\Config\Form\Field\Toggle</frontend_model>
+                </field>
+                <field id="is_instant_product" translate="label" type="select" sortOrder="30" showInDefault="1"
+                       showInWebsite="1">
+                    <label>Enable on Product Page</label>
+                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
+                    <backend_model>Bold\CheckoutFlowPaypal\Model\Config\Backend\InvalidateBlockBackend</backend_model>
                     <comment>
-                        <![CDATA[Enable or disable the PayPal Checkout Flow.]]></comment>
+                        <![CDATA[Enable the Instant Checkout button on the product page.]]></comment>
+                    <depends>
+                        <field id="is_enabled">1</field>
+                    </depends>
+                </field>
+                <field id="instant_for" translate="label" type="multiselect" sortOrder="40" showInDefault="1"
+                       showInWebsite="1">
+                    <label>Enable for Product Types</label>
+                    <source_model>Bold\CheckoutFlowPaypal\Model\Config\Source\ProductTypeSource</source_model>
+                    <backend_model>Bold\CheckoutFlowPaypal\Model\Config\Backend\InvalidateBlockBackend</backend_model>
+                    <depends>
+                        <field id="is_enabled">1</field>
+                        <field id="is_instant_product">1</field>
+                    </depends>
                 </field>
             </group>
         </section>
diff --git a/etc/config.xml b/etc/config.xml
index 6b43a0a..ca7f3ce 100644
--- a/etc/config.xml
+++ b/etc/config.xml
@@ -4,6 +4,8 @@
         <checkout>
             <bold_checkout_paypal>
                 <flow_id>paypal_branded</flow_id>
+                <is_instant_product>1</is_instant_product>
+                <instant_for>simple,virtual,downloadable,grouped,configurable,bundle,giftcard</instant_for>
             </bold_checkout_paypal>
         </checkout>
     </default>
diff --git a/view/adminhtml/layout/adminhtml_system_config_edit.xml b/view/adminhtml/layout/adminhtml_system_config_edit.xml
new file mode 100644
index 0000000..11b8d3b
--- /dev/null
+++ b/view/adminhtml/layout/adminhtml_system_config_edit.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="admin-2columns-left"
+      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+    <head>
+        <css src="Bold_CheckoutFlowPaypal::css/system-styles.css"/>
+    </head>
+</page>
diff --git a/view/adminhtml/web/css/system-styles.less b/view/adminhtml/web/css/system-styles.less
new file mode 100644
index 0000000..0730d7b
--- /dev/null
+++ b/view/adminhtml/web/css/system-styles.less
@@ -0,0 +1,25 @@
+#checkout_bold_checkout_paypal_status {
+    padding-top: 0;
+
+    .enabled {
+        color: green;
+        display: flex;
+        font-size: 1em;
+
+        &:before {
+            content: url('../images/enabled.svg');
+            margin-right: 0.5em;
+        }
+    }
+
+    .disabled {
+        display: flex;
+        color: red;
+        font-size: 1em;
+
+        &:before {
+            content: url('../images/disabled.svg');
+            margin-right: 0.5em;
+        }
+    }
+}
diff --git a/view/adminhtml/web/images/disabled.svg b/view/adminhtml/web/images/disabled.svg
new file mode 100644
index 0000000..ac2520c
--- /dev/null
+++ b/view/adminhtml/web/images/disabled.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3808_111463)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.9987 19.1663C15.0613 19.1663 19.1654 15.0623 19.1654 9.99967C19.1654 4.93706 15.0613 0.833008 9.9987 0.833008C4.93609 0.833008 0.832031 4.93706 0.832031 9.99967C0.832031 15.0623 4.93609 19.1663 9.9987 19.1663ZM14.1622 7.01148C14.4876 6.68604 14.4876 6.15841 14.1622 5.83297C13.8367 5.50753 13.3091 5.50753 12.9837 5.83297L9.9955 8.82112L7.00735 5.83297C6.68191 5.50753 6.15428 5.50753 5.82884 5.83297C5.5034 6.15841 5.5034 6.68604 5.82884 7.01148L8.81699 9.99963L5.82884 12.9878C5.5034 13.3132 5.5034 13.8409 5.82884 14.1663C6.15428 14.4917 6.68191 14.4917 7.00735 14.1663L9.9955 11.1781L12.9837 14.1663C13.3091 14.4917 13.8367 14.4917 14.1622 14.1663C14.4876 13.8409 14.4876 13.3132 14.1622 12.9878L11.174 9.99963L14.1622 7.01148Z" fill="#DA1719"/>
+</g>
+<defs>
+<clipPath id="clip0_3808_111463">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/view/adminhtml/web/images/enabled.svg b/view/adminhtml/web/images/enabled.svg
new file mode 100644
index 0000000..86934ea
--- /dev/null
+++ b/view/adminhtml/web/images/enabled.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3808_111462)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.9987 19.1663C15.0613 19.1663 19.1654 15.0623 19.1654 9.99967C19.1654 4.93706 15.0613 0.833008 9.9987 0.833008C4.93609 0.833008 0.832031 4.93706 0.832031 9.99967C0.832031 15.0623 4.93609 19.1663 9.9987 19.1663ZM14.9955 8.34489L9.08476 14.2556C8.75932 14.5811 8.23169 14.5811 7.90625 14.2556L4.99551 11.3449C4.67007 11.0195 4.67007 10.4918 4.99551 10.1664C5.32094 9.84095 5.84858 9.84095 6.17402 10.1664L8.4955 12.4879L13.817 7.16638C14.1424 6.84095 14.6701 6.84095 14.9955 7.16638C15.3209 7.49182 15.3209 8.01946 14.9955 8.34489Z" fill="#1CB851"/>
+</g>
+<defs>
+<clipPath id="clip0_3808_111462">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/view/frontend/layout/catalog_product_view.xml b/view/frontend/layout/catalog_product_view.xml
new file mode 100644
index 0000000..1b144ef
--- /dev/null
+++ b/view/frontend/layout/catalog_product_view.xml
@@ -0,0 +1,28 @@
+<?xml version="1.0"?>
+<!--
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
+<page layout="1column" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+    <body>
+        <referenceBlock name="product.info.addtocart">
+            <block name="bold.checkout.paypal.instant.product"
+                   template="Bold_CheckoutFlowPaypal::instant/product_button.phtml">
+                <arguments>
+                    <argument name="viewModel" xsi:type="object">Bold\CheckoutFlowPaypal\ViewModel\Instant</argument>
+                </arguments>
+            </block>
+        </referenceBlock>
+        <referenceBlock name="product.info.addtocart.additional">
+            <block name="bold.checkout.paypal.instant.product.additional"
+                   template="Bold_CheckoutFlowPaypal::instant/product_button.phtml">
+                <arguments>
+                    <argument name="viewModel" xsi:type="object">Bold\CheckoutFlowPaypal\ViewModel\Instant</argument>
+                </arguments>
+            </block>
+        </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
new file mode 100644
index 0000000..fd92b6f
--- /dev/null
+++ b/view/frontend/layout/catalog_product_view_type_bundle.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0"?>
+<!--
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
+<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+    <body>
+        <referenceBlock name="product.info.addtocart.bundle">
+                <block name="bold.checkout.paypal.instant.product.bundle" template="Bold_CheckoutFlowPaypal::instant/product_button.phtml">
+                    <arguments>
+                        <argument name="viewModel" xsi:type="object">Bold\CheckoutFlowPaypal\ViewModel\Instant
+                        </argument>
+                    </arguments>
+                </block>
+        </referenceBlock>
+    </body>
+</page>
diff --git a/view/frontend/templates/instant/product_button.phtml b/view/frontend/templates/instant/product_button.phtml
new file mode 100644
index 0000000..ee5d8de
--- /dev/null
+++ b/view/frontend/templates/instant/product_button.phtml
@@ -0,0 +1,27 @@
+<?php
+/**
+ * @var Bold\CheckoutFlowPaypal\ViewModel\Instant $viewModel
+ */
+$viewModel = $block->getData('viewModel');
+?>
+
+<?php if ($viewModel->enabledOnProductPage()): ?>
+    <button type="button"
+            data-role="proceed-to-checkout"
+            title="<?= $block->escapeHtml(__('Checkout with PayPal')) ?>"
+            data-mage-init='{
+        "Bold_CheckoutFlowPaypal/js/proceed-to-checkout": {
+                "checkoutUrl": "<?= /* @escapeNotVerified */ $viewModel->getCheckoutUrl() ?>",
+                "loaderIcon": "<?= /* @escapeNotVerified */ $viewModel->getLoaderIcon() ?>",
+                "productFormSelector": "<?= /* @escapeNotVerified */ $viewModel->getProductFormSelector() ?>"
+            }
+        }'
+            class="action primary checkout paypal instant-purchase">
+        <span><?= $block->escapeHtml(__('Buy now with')) ?>&nbsp;
+            <img
+                    src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMTAwIDMyIiB4bWxucz0iaHR0cDomI3gyRjsmI3gyRjt3d3cudzMub3JnJiN4MkY7MjAwMCYjeDJGO3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4gbWVldCI+PHBhdGggZmlsbD0iIzAwMzA4NyIgZD0iTSAxMiA0LjkxNyBMIDQuMiA0LjkxNyBDIDMuNyA0LjkxNyAzLjIgNS4zMTcgMy4xIDUuODE3IEwgMCAyNS44MTcgQyAtMC4xIDI2LjIxNyAwLjIgMjYuNTE3IDAuNiAyNi41MTcgTCA0LjMgMjYuNTE3IEMgNC44IDI2LjUxNyA1LjMgMjYuMTE3IDUuNCAyNS42MTcgTCA2LjIgMjAuMjE3IEMgNi4zIDE5LjcxNyA2LjcgMTkuMzE3IDcuMyAxOS4zMTcgTCA5LjggMTkuMzE3IEMgMTQuOSAxOS4zMTcgMTcuOSAxNi44MTcgMTguNyAxMS45MTcgQyAxOSA5LjgxNyAxOC43IDguMTE3IDE3LjcgNi45MTcgQyAxNi42IDUuNjE3IDE0LjYgNC45MTcgMTIgNC45MTcgWiBNIDEyLjkgMTIuMjE3IEMgMTIuNSAxNS4wMTcgMTAuMyAxNS4wMTcgOC4zIDE1LjAxNyBMIDcuMSAxNS4wMTcgTCA3LjkgOS44MTcgQyA3LjkgOS41MTcgOC4yIDkuMzE3IDguNSA5LjMxNyBMIDkgOS4zMTcgQyAxMC40IDkuMzE3IDExLjcgOS4zMTcgMTIuNCAxMC4xMTcgQyAxMi45IDEwLjUxNyAxMy4xIDExLjIxNyAxMi45IDEyLjIxNyBaIj48L3BhdGg+PHBhdGggZmlsbD0iIzAwMzA4NyIgZD0iTSAzNS4yIDEyLjExNyBMIDMxLjUgMTIuMTE3IEMgMzEuMiAxMi4xMTcgMzAuOSAxMi4zMTcgMzAuOSAxMi42MTcgTCAzMC43IDEzLjYxNyBMIDMwLjQgMTMuMjE3IEMgMjkuNiAxMi4wMTcgMjcuOCAxMS42MTcgMjYgMTEuNjE3IEMgMjEuOSAxMS42MTcgMTguNCAxNC43MTcgMTcuNyAxOS4xMTcgQyAxNy4zIDIxLjMxNyAxNy44IDIzLjQxNyAxOS4xIDI0LjgxNyBDIDIwLjIgMjYuMTE3IDIxLjkgMjYuNzE3IDIzLjggMjYuNzE3IEMgMjcuMSAyNi43MTcgMjkgMjQuNjE3IDI5IDI0LjYxNyBMIDI4LjggMjUuNjE3IEMgMjguNyAyNi4wMTcgMjkgMjYuNDE3IDI5LjQgMjYuNDE3IEwgMzIuOCAyNi40MTcgQyAzMy4zIDI2LjQxNyAzMy44IDI2LjAxNyAzMy45IDI1LjUxNyBMIDM1LjkgMTIuNzE3IEMgMzYgMTIuNTE3IDM1LjYgMTIuMTE3IDM1LjIgMTIuMTE3IFogTSAzMC4xIDE5LjMxNyBDIDI5LjcgMjEuNDE3IDI4LjEgMjIuOTE3IDI1LjkgMjIuOTE3IEMgMjQuOCAyMi45MTcgMjQgMjIuNjE3IDIzLjQgMjEuOTE3IEMgMjIuOCAyMS4yMTcgMjIuNiAyMC4zMTcgMjIuOCAxOS4zMTcgQyAyMy4xIDE3LjIxNyAyNC45IDE1LjcxNyAyNyAxNS43MTcgQyAyOC4xIDE1LjcxNyAyOC45IDE2LjExNyAyOS41IDE2LjcxNyBDIDMwIDE3LjQxNyAzMC4yIDE4LjMxNyAzMC4xIDE5LjMxNyBaIj48L3BhdGg+PHBhdGggZmlsbD0iIzAwMzA4NyIgZD0iTSA1NS4xIDEyLjExNyBMIDUxLjQgMTIuMTE3IEMgNTEgMTIuMTE3IDUwLjcgMTIuMzE3IDUwLjUgMTIuNjE3IEwgNDUuMyAyMC4yMTcgTCA0My4xIDEyLjkxNyBDIDQzIDEyLjQxNyA0Mi41IDEyLjExNyA0Mi4xIDEyLjExNyBMIDM4LjQgMTIuMTE3IEMgMzggMTIuMTE3IDM3LjYgMTIuNTE3IDM3LjggMTMuMDE3IEwgNDEuOSAyNS4xMTcgTCAzOCAzMC41MTcgQyAzNy43IDMwLjkxNyAzOCAzMS41MTcgMzguNSAzMS41MTcgTCA0Mi4yIDMxLjUxNyBDIDQyLjYgMzEuNTE3IDQyLjkgMzEuMzE3IDQzLjEgMzEuMDE3IEwgNTUuNiAxMy4wMTcgQyA1NS45IDEyLjcxNyA1NS42IDEyLjExNyA1NS4xIDEyLjExNyBaIj48L3BhdGg+PHBhdGggZmlsbD0iIzAwOWNkZSIgZD0iTSA2Ny41IDQuOTE3IEwgNTkuNyA0LjkxNyBDIDU5LjIgNC45MTcgNTguNyA1LjMxNyA1OC42IDUuODE3IEwgNTUuNSAyNS43MTcgQyA1NS40IDI2LjExNyA1NS43IDI2LjQxNyA1Ni4xIDI2LjQxNyBMIDYwLjEgMjYuNDE3IEMgNjAuNSAyNi40MTcgNjAuOCAyNi4xMTcgNjAuOCAyNS44MTcgTCA2MS43IDIwLjExNyBDIDYxLjggMTkuNjE3IDYyLjIgMTkuMjE3IDYyLjggMTkuMjE3IEwgNjUuMyAxOS4yMTcgQyA3MC40IDE5LjIxNyA3My40IDE2LjcxNyA3NC4yIDExLjgxNyBDIDc0LjUgOS43MTcgNzQuMiA4LjAxNyA3My4yIDYuODE3IEMgNzIgNS42MTcgNzAuMSA0LjkxNyA2Ny41IDQuOTE3IFogTSA2OC40IDEyLjIxNyBDIDY4IDE1LjAxNyA2NS44IDE1LjAxNyA2My44IDE1LjAxNyBMIDYyLjYgMTUuMDE3IEwgNjMuNCA5LjgxNyBDIDYzLjQgOS41MTcgNjMuNyA5LjMxNyA2NCA5LjMxNyBMIDY0LjUgOS4zMTcgQyA2NS45IDkuMzE3IDY3LjIgOS4zMTcgNjcuOSAxMC4xMTcgQyA2OC40IDEwLjUxNyA2OC41IDExLjIxNyA2OC40IDEyLjIxNyBaIj48L3BhdGg+PHBhdGggZmlsbD0iIzAwOWNkZSIgZD0iTSA5MC43IDEyLjExNyBMIDg3IDEyLjExNyBDIDg2LjcgMTIuMTE3IDg2LjQgMTIuMzE3IDg2LjQgMTIuNjE3IEwgODYuMiAxMy42MTcgTCA4NS45IDEzLjIxNyBDIDg1LjEgMTIuMDE3IDgzLjMgMTEuNjE3IDgxLjUgMTEuNjE3IEMgNzcuNCAxMS42MTcgNzMuOSAxNC43MTcgNzMuMiAxOS4xMTcgQyA3Mi44IDIxLjMxNyA3My4zIDIzLjQxNyA3NC42IDI0LjgxNyBDIDc1LjcgMjYuMTE3IDc3LjQgMjYuNzE3IDc5LjMgMjYuNzE3IEMgODIuNiAyNi43MTcgODQuNSAyNC42MTcgODQuNSAyNC42MTcgTCA4NC4zIDI1LjYxNyBDIDg0LjIgMjYuMDE3IDg0LjUgMjYuNDE3IDg0LjkgMjYuNDE3IEwgODguMyAyNi40MTcgQyA4OC44IDI2LjQxNyA4OS4zIDI2LjAxNyA4OS40IDI1LjUxNyBMIDkxLjQgMTIuNzE3IEMgOTEuNCAxMi41MTcgOTEuMSAxMi4xMTcgOTAuNyAxMi4xMTcgWiBNIDg1LjUgMTkuMzE3IEMgODUuMSAyMS40MTcgODMuNSAyMi45MTcgODEuMyAyMi45MTcgQyA4MC4yIDIyLjkxNyA3OS40IDIyLjYxNyA3OC44IDIxLjkxNyBDIDc4LjIgMjEuMjE3IDc4IDIwLjMxNyA3OC4yIDE5LjMxNyBDIDc4LjUgMTcuMjE3IDgwLjMgMTUuNzE3IDgyLjQgMTUuNzE3IEMgODMuNSAxNS43MTcgODQuMyAxNi4xMTcgODQuOSAxNi43MTcgQyA4NS41IDE3LjQxNyA4NS43IDE4LjMxNyA4NS41IDE5LjMxNyBaIj48L3BhdGg+PHBhdGggZmlsbD0iIzAwOWNkZSIgZD0iTSA5NS4xIDUuNDE3IEwgOTEuOSAyNS43MTcgQyA5MS44IDI2LjExNyA5Mi4xIDI2LjQxNyA5Mi41IDI2LjQxNyBMIDk1LjcgMjYuNDE3IEMgOTYuMiAyNi40MTcgOTYuNyAyNi4wMTcgOTYuOCAyNS41MTcgTCAxMDAgNS42MTcgQyAxMDAuMSA1LjIxNyA5OS44IDQuOTE3IDk5LjQgNC45MTcgTCA5NS44IDQuOTE3IEMgOTUuNCA0LjkxNyA5NS4yIDUuMTE3IDk1LjEgNS40MTcgWiI+PC9wYXRoPjwvc3ZnPg"
+                    alt="<?= $block->escapeHtml(__('Buy now with PayPal')) ?>"
+                    title="<?= $block->escapeHtml(__('Buy now with PayPal')) ?>"/>
+        </span>
+    </button>
+<?php endif ?>
diff --git a/view/frontend/web/js/proceed-to-checkout.js b/view/frontend/web/js/proceed-to-checkout.js
new file mode 100644
index 0000000..2c7ae0f
--- /dev/null
+++ b/view/frontend/web/js/proceed-to-checkout.js
@@ -0,0 +1,40 @@
+define([
+    'jquery',
+    'Magento_Customer/js/model/authentication-popup',
+    'Magento_Customer/js/customer-data'
+], function (
+    $,
+    authenticationPopup,
+    customerData
+) {
+    'use strict';
+
+    return function (config, element) {
+        $(element).click(function (event) {
+            var cart = customerData.get('cart'),
+                customer = customerData.get('customer');
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            if (!customer().firstname && cart().isGuestCheckoutAllowed === false) {
+                authenticationPopup.showModal();
+                return false;
+            }
+            $(element).attr('disabled', true);
+            const form = $(config.productFormSelector);
+            const loader = $('body').loader(
+                {
+                    icon: config.loaderIcon
+                }
+            );
+            form.submit(() => {
+                location.href = config.checkoutUrl
+            });
+            if (form.validation('isValid')) {
+                loader.loader('show');
+                form.submit();
+            } else {
+                $(element).attr('disabled', false);
+            }
+        });
+    };
+});