Skip to content

Render paypal express button in jslayout

The goal is to render Paypal express button under the customer’s email address field in checkout page.

Since the checkout page is render by jslayout, how can I insert the paypal express button block into an existing component. I have the following

<item name="shipping-step" xsi:type="array">
                                            <item name="children" xsi:type="array">
                                                <item name="shippingAddress" xsi:type="array">
                                                    <item name="children" xsi:type="array">
                                                        <item name="customer-email" xsi:type="array">
                                                            <item name="children" xsi:type="array">
                                                                <item name="paypal-express-button" xsi:type="array">
                                                                    <item name="component" xsi:type="string">Tcs_OnePageCheckout/js/view/paypal-express-button</item>
                                                                </item>
                                                            </item>
                                                        </item>


                                                    </item>
                                                </item>
                                            </item>
                                        </item>

Any idea on how to render paypal express button to the custom component that I created?