Express Checkout Not Rendering In Cart And Checkout Page

How To
1

Hi everyone,

When using WooCommerce custom Cart and Checkout templates with Bricks, the express checkout button doesn’t render.

It displays normally with the default template like in the images below.

cartpage
cartpage474Ă—592 23.8 KB

checkoutpage
checkoutpage713Ă—381 23.8 KB

In the custom template Cart page, it renders the div, but no content:

> <div class="wc-proceed-to-checkout">
> 		
> <a href="https://website.com/checkout/" class="checkout-button button alt wc-forward">
> 	Checkout</a>
> 			<div class="wcpay-express-checkout-wrapper">
> 					<div id="wcpay-express-checkout-element"></div>
> 					</div>
> 				</div>

For the Checkout page, the same thing:

<div class="wcpay-express-checkout-wrapper">
					<div id="wcpay-express-checkout-element"></div>
		<wc-order-attribution-inputs id="wcpay-express-checkout__order-attribution-inputs"><input type="hidden" name="wc_order_attribution_source_type" value="typein"><input type="hidden" name="wc_order_attribution_referrer" value=""><input type="hidden" name="wc_order_attribution_utm_campaign" value="(none)"><input type="hidden" name="wc_order_attribution_utm_source" value="(direct)"><input type="hidden" name="wc_order_attribution_utm_medium" value="(none)"><input type="hidden" name="wc_order_attribution_utm_content" value="(none)"><input type="hidden" name="wc_order_attribution_utm_id" value="(none)"><input type="hidden" name="wc_order_attribution_utm_term" value="(none)"><input type="hidden" name="wc_order_attribution_utm_source_platform" value="(none)"><input type="hidden" name="wc_order_attribution_utm_creative_format" value="(none)"><input type="hidden" name="wc_order_attribution_utm_marketing_tactic" value="(none)"><input type="hidden" name="wc_order_attribution_session_entry" value=""><input type="hidden" name="wc_order_attribution_session_start_time" value=""><input type="hidden" name="wc_order_attribution_session_pages" value="39"><input type="hidden" name="wc_order_attribution_session_count" value="247"><input type="hidden" name="wc_order_attribution_user_agent" value="Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:141.0) Gecko/20100101 Firefox/141.0"></wc-order-attribution-inputs>			<p id="wcpay-express-checkout-button-separator" style="margin-top:1.5em;text-align:center;display:none;">— OR —</p>
						</div>

I have the proper shortcodes for both:

  • Cart Page - [woocommerce_cart]
  • Checkout Page - [woocommerce_checkout]

Is there any way to display the express checkout option or will it only work in the default templates?