{"id":37166,"date":"2023-03-03T14:31:18","date_gmt":"2023-03-03T14:31:18","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=troubleshooting&#038;p=37166"},"modified":"2026-01-19T13:04:54","modified_gmt":"2026-01-19T13:04:54","slug":"elementor-pro-checkout-widget-not-working-with-jetwoobuilder","status":"publish","type":"troubleshooting","link":"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/elementor-pro-checkout-widget-not-working-with-jetwoobuilder\/","title":{"rendered":"Elementor Pro Checkout Widget Not Working with JetWooBuilder"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Currently, you can build and use the Checkout page template in different ways:<\/p>\n\n\n\n<ul>\n<li>apply the <a href=\"https:\/\/crocoblock.com\/plugins\/jetwoobuilder\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetWooBuilder<\/em><\/a> plugin and the corresponding widgets;<\/li>\n\n\n\n<li>use the native <em>WooCommerce<\/em> templates;<\/li>\n\n\n\n<li>apply the <a href=\"https:\/\/crocoblock.com\/plugins\/jetthemecore\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetThemeCore<\/em><\/a> plugin and the corresponding widgets;<\/li>\n\n\n\n<li>activate the <em>Elementor PRO<\/em> licence and build the template using the PRO widgets.<\/li>\n<\/ul>\n\n\n\n<p>Widgets specific to different plugins cannot be used interchangeably because they are forms in themselves and cannot be added to another form (the main template).<\/p>\n\n\n\n<p>For example, since the Cart, Checkout, and Thank You page widgets of the <em>JetWooBuilder<\/em> plugin<strong> <\/strong>(i.e., <a href=\"https:\/\/crocoblock.com\/widgets\/checkout-coupon-form\/\" target=\"_blank\" rel=\"noreferrer noopener\">Checkout Coupon Form<\/a>, <a href=\"https:\/\/crocoblock.com\/widgets\/checkout-billing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Checkout Billing Form<\/a>, <a href=\"https:\/\/crocoblock.com\/widgets\/checkout-shipping-form\/\" target=\"_blank\" rel=\"noreferrer noopener\">Checkout Shipping Form<\/a>, <a href=\"https:\/\/crocoblock.com\/widgets\/checkout-login-form\/\" target=\"_blank\" rel=\"noreferrer noopener\">Checkout Login Form<\/a>, <a href=\"https:\/\/crocoblock.com\/widgets\/checkout-additional-form\/\" target=\"_blank\" rel=\"noreferrer noopener\">Checkout Additional Form<\/a>) are forms, you can&#8217;t nest a tag inside another.<\/p>\n\n\n\n<p>In turn, the <em>WooCommerce <\/em>pages (i.e., Cart page, Single Product page, Checkout page, Order Tracking Form, or My Account page) are built entirely with <a href=\"https:\/\/woocommerce.com\/document\/woocommerce-shortcodes\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>WooCommerce<\/em> shortcodes<\/a>; therefore, adding another shortcode within a shortcode is not possible and causes an error.<\/p>\n\n\n\n<p>The main ways to configure the Checkout page template are presented below.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-a-checkout-page-with-the-jetwoobuilder-plugin\"><strong>Create a Checkout Page with the JetWooBuilder Plugin<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>To build the different types of Checkout pages, the corresponding widgets should be activated. Then, the Checkout template should be created.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-checkout-billing-form-widget-of-the-jetwoobuilder-plugin.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-checkout-billing-form-widget-of-the-jetwoobuilder-plugin-1024x640.webp\" alt=\"the checkout billing form widget of the jetwoobuilder plugin\" class=\"wp-image-50672\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-checkout-billing-form-widget-of-the-jetwoobuilder-plugin-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-checkout-billing-form-widget-of-the-jetwoobuilder-plugin-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-checkout-billing-form-widget-of-the-jetwoobuilder-plugin-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-checkout-billing-form-widget-of-the-jetwoobuilder-plugin-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-checkout-billing-form-widget-of-the-jetwoobuilder-plugin-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-checkout-billing-form-widget-of-the-jetwoobuilder-plugin.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Finally, to assign the created template, go to <strong><em>WordPress Dashboard > WooCommerce > Settings > JetWooBuilder<\/em><\/strong>, tick <strong>Enable custom checkout<\/strong> in the <strong>Checkout <\/strong>section, and select the required template in the <strong>Checkout Template<\/strong> drop-down.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/assigning-the-jetwoobuilder-checkout-template.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/assigning-the-jetwoobuilder-checkout-template-1024x640.webp\" alt=\"assigning the jetwoobuilder checkout template\" class=\"wp-image-50674\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/assigning-the-jetwoobuilder-checkout-template-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/assigning-the-jetwoobuilder-checkout-template-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/assigning-the-jetwoobuilder-checkout-template-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/assigning-the-jetwoobuilder-checkout-template-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/assigning-the-jetwoobuilder-checkout-template-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/assigning-the-jetwoobuilder-checkout-template.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Add a product to the cart and check the Checkout page on the front end.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-jetwoobuilder-checkout-page-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-jetwoobuilder-checkout-page-on-the-front-end-1024x640.webp\" alt=\"the jetwoobuilder checkout page on the front end\" class=\"wp-image-50669\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-jetwoobuilder-checkout-page-on-the-front-end-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-jetwoobuilder-checkout-page-on-the-front-end-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-jetwoobuilder-checkout-page-on-the-front-end-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-jetwoobuilder-checkout-page-on-the-front-end-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-jetwoobuilder-checkout-page-on-the-front-end-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-jetwoobuilder-checkout-page-on-the-front-end.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Read the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-a-checkout-page-template\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Create a Checkout Page Template<\/strong><\/a><strong> <\/strong>tutorial to learn how to enable the <em>JetWooBuilder<\/em> widgets, create a template of the needed design using the <em>JetWooBuilde<\/em>r and <em>JetThemeCore<\/em> plugins, and get familiar with the different <em>WooCommerce <\/em>pages.\u00a0<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-a-page-with-the-elementor-pro-checkout-widget\"><strong>Create a Page with the Elementor PRO Checkout Widget<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The widget can be applied to any page; the specific Checkout template does not need to be created. In this case, drag-n-drop the <strong>Checkout<\/strong> widget.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-elementor-pro-checkout-widget.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-elementor-pro-checkout-widget-1024x640.webp\" alt=\"the elementor pro checkout widget\" class=\"wp-image-50671\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-elementor-pro-checkout-widget-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-elementor-pro-checkout-widget-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-elementor-pro-checkout-widget-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-elementor-pro-checkout-widget-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-elementor-pro-checkout-widget-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-elementor-pro-checkout-widget.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>To assign the created template, proceed to the <strong><em>WordPress Dashboard > WooCommerce > Settings > Advanced <\/em><\/strong>tab and make sure that you\u2019ve set the <strong>Checkout page<\/strong> there.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/assigning-the-checkout-template-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/assigning-the-checkout-template-1-1024x640.webp\" alt=\"assigning the checkout template\" class=\"wp-image-50675\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/assigning-the-checkout-template-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/assigning-the-checkout-template-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/assigning-the-checkout-template-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/assigning-the-checkout-template-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/assigning-the-checkout-template-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/assigning-the-checkout-template-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Add the product to the cart and check the Checkout page on the front end.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-elementor-pro-checkout-widget-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-elementor-pro-checkout-widget-on-the-front-end-1024x640.webp\" alt=\"the elementor pro checkout widget on the front end\" class=\"wp-image-50670\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-elementor-pro-checkout-widget-on-the-front-end-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-elementor-pro-checkout-widget-on-the-front-end-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-elementor-pro-checkout-widget-on-the-front-end-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-elementor-pro-checkout-widget-on-the-front-end-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-elementor-pro-checkout-widget-on-the-front-end-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-elementor-pro-checkout-widget-on-the-front-end.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"use-the-woocommerce-checkout-templates\"><strong>Use the WooCommerce Checkout Templates<\/strong><\/h2>\n\n\n\n<p>The <em>WooCommerce<\/em> pages are created via shortcode block fields in the Block Editor. To create the Checkout page, navigate to <strong><em>WordPress Dashboard > Pages > Add New<\/em><\/strong>. Enter the title and paste the <strong>[woocommerce_checkout] <\/strong>shortcode to the <strong>Paragraph <\/strong>field. Then, hit the \u201c<strong>Publish<\/strong>\u201d<strong> <\/strong>button.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-woocommerce-checkout-shortcode.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-woocommerce-checkout-shortcode-1024x640.webp\" alt=\"the woocommerce checkout shortcode\" class=\"wp-image-50668\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-woocommerce-checkout-shortcode-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-woocommerce-checkout-shortcode-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-woocommerce-checkout-shortcode-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-woocommerce-checkout-shortcode-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-woocommerce-checkout-shortcode-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-woocommerce-checkout-shortcode.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">Do not click the <strong> &#34;Edit with Elementor&#34; <\/strong>button, and there is no need to add any additional content to the Checkout page, as the content will be obtained from the Checkout template. If you have already started editing the page with Elementor, delete all widgets, return to the Block Editor, and insert the <strong> &#091;woocommerce_checkout&#093;<\/strong> shortcode into the <strong>Paragraph<\/strong> field. <\/p><\/div><\/div>\n\n\n\n<p>To assign the created template, go to <strong><em>WordPress Dashboard > WooCommerce > Settings > Advanced<\/em><\/strong>, then set the <strong>Checkout page<\/strong> in the corresponding drop-down.<\/p>\n\n\n\n<p>On the front end, the page looks as follows:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/checkout-woocommerce-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/checkout-woocommerce-on-the-front-end-1024x640.webp\" alt=\"checkout-woocommerce on the front end\" class=\"wp-image-50673\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/checkout-woocommerce-on-the-front-end-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/checkout-woocommerce-on-the-front-end-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/checkout-woocommerce-on-the-front-end-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/checkout-woocommerce-on-the-front-end-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/checkout-woocommerce-on-the-front-end-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/checkout-woocommerce-on-the-front-end.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>That\u2019s all. You now know how to set the Checkout page with the <strong>Elementor Pro Checkout<\/strong> widget, <em>WooCommerce<\/em> plugin, and the <em>JetWooBuilder<\/em> widgets.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to showcase the Elementor Pro Checkout widget on the JetWooBuilder template when the 500 error appears. <\/p>\n","protected":false},"author":12,"featured_media":0,"template":"","troubleshoot-tags":[375],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Elementor Pro Checkout Widget Not Working with JetWooBuilder | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to use and assign the Checkout widgets of the Elementor Pro, WooCommerce, and JetWooBuilder plugins to avoid the 500 error.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/elementor-pro-checkout-widget-not-working-with-jetwoobuilder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elementor Pro Checkout Widget Not Working with JetWooBuilder | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to use and assign the Checkout widgets of the Elementor Pro, WooCommerce, and JetWooBuilder plugins to avoid the 500 error.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/elementor-pro-checkout-widget-not-working-with-jetwoobuilder\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-19T13:04:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-checkout-billing-form-widget-of-the-jetwoobuilder-plugin-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/elementor-pro-checkout-widget-not-working-with-jetwoobuilder\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/elementor-pro-checkout-widget-not-working-with-jetwoobuilder\/\",\"name\":\"Elementor Pro Checkout Widget Not Working with JetWooBuilder | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-03-03T14:31:18+00:00\",\"dateModified\":\"2026-01-19T13:04:54+00:00\",\"description\":\"Learn how to use and assign the Checkout widgets of the Elementor Pro, WooCommerce, and JetWooBuilder plugins to avoid the 500 error.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/elementor-pro-checkout-widget-not-working-with-jetwoobuilder\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/elementor-pro-checkout-widget-not-working-with-jetwoobuilder\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/elementor-pro-checkout-widget-not-working-with-jetwoobuilder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Troubleshooting\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Elementor Pro Checkout Widget Not Working with JetWooBuilder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elementor Pro Checkout Widget Not Working with JetWooBuilder | Crocoblock","description":"Learn how to use and assign the Checkout widgets of the Elementor Pro, WooCommerce, and JetWooBuilder plugins to avoid the 500 error.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/elementor-pro-checkout-widget-not-working-with-jetwoobuilder\/","og_locale":"en_US","og_type":"article","og_title":"Elementor Pro Checkout Widget Not Working with JetWooBuilder | Crocoblock","og_description":"Learn how to use and assign the Checkout widgets of the Elementor Pro, WooCommerce, and JetWooBuilder plugins to avoid the 500 error.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/elementor-pro-checkout-widget-not-working-with-jetwoobuilder\/","og_site_name":"Help Center","article_modified_time":"2026-01-19T13:04:54+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-checkout-billing-form-widget-of-the-jetwoobuilder-plugin-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/elementor-pro-checkout-widget-not-working-with-jetwoobuilder\/","url":"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/elementor-pro-checkout-widget-not-working-with-jetwoobuilder\/","name":"Elementor Pro Checkout Widget Not Working with JetWooBuilder | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-03-03T14:31:18+00:00","dateModified":"2026-01-19T13:04:54+00:00","description":"Learn how to use and assign the Checkout widgets of the Elementor Pro, WooCommerce, and JetWooBuilder plugins to avoid the 500 error.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/elementor-pro-checkout-widget-not-working-with-jetwoobuilder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/elementor-pro-checkout-widget-not-working-with-jetwoobuilder\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/elementor-pro-checkout-widget-not-working-with-jetwoobuilder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Troubleshooting","item":"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/"},{"@type":"ListItem","position":3,"name":"Elementor Pro Checkout Widget Not Working with JetWooBuilder"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/troubleshooting\/37166"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/troubleshooting"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/troubleshooting"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/12"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=37166"}],"wp:term":[{"taxonomy":"troubleshoot-tags","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/troubleshoot-tags?post=37166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}