{"id":28320,"date":"2022-01-23T10:14:13","date_gmt":"2022-01-23T08:14:13","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=28320"},"modified":"2025-06-05T15:54:45","modified_gmt":"2025-06-05T12:54:45","slug":"woocommerce-purchase-summary-widget","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/","title":{"rendered":"WooCommerce Purchase Summary widget"},"content":{"rendered":"\n<p>The purchase summary widget is used to create and customize the order confirmation page of WooCommerce.&nbsp;<\/p>\n\n\n\n<p>[callout type=&#8221;note&#8221;]You must have WooCommerce installed in order to use its features, including products and WooCommerce widgets.[\/callout]<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/summary-widget-1024x486.png\" alt=\"\" class=\"wp-image-28321\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Steps To Use<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create a new page and give it a title (example: Thank You For Your Order)<\/li>\n\n\n\n<li>Publish the page<\/li>\n\n\n\n<li>Edit the page with Elementor<\/li>\n\n\n\n<li>Drag the Summary widget to the content area<\/li>\n\n\n\n<li>Configure the settings and style the sections as desired<\/li>\n\n\n\n<li>Publish the changes<\/li>\n\n\n\n<li>Assign the page to be used as the WooCommerce Summary Page in Site Settings.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Controls<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Content<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/Summary-Controls.png\" alt=\"\" class=\"wp-image-28322\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Confirmation Message<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/comfirmationmessage.png\" alt=\"\" class=\"wp-image-28323\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Confirmation Message: Use the toggle selector to show\/hide the message<\/li>\n\n\n\n<li>Message: Enter a message to be displayed in the field provided<\/li>\n\n\n\n<li>Alignment: Use the icons to select between left, center, or right alignment values. The responsive icon can be selected to set different values based on the breakpoint.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Payment Details<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/paymentdetails.png\" alt=\"\" class=\"wp-image-28324\"\/><\/figure>\n\n\n\n<p>In the following fields, enter a value or select from the dynamic functions to set the desired name of the payment detail columns:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Number<\/li>\n\n\n\n<li>Date<\/li>\n\n\n\n<li>Email<\/li>\n\n\n\n<li>Total<\/li>\n\n\n\n<li>Payment<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Bank Details<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/bankdetails.png\" alt=\"\" class=\"wp-image-28325\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Title: Enter text you wish to appear in the field or use the dynamic functions.<\/li>\n\n\n\n<li>Alignment: Use the icons to select between left, center, or right alignment values. The responsive icon can be selected to set different values based on the breakpoint.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Downloads<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/downloads.png\" alt=\"\" class=\"wp-image-28326\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Title: Enter text you wish to appear in the field or use the dynamic functions.<\/li>\n\n\n\n<li>Alignment: Use the icons to select between left, center, or right alignment values. The responsive icon can be selected to set different values based on the breakpoint.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Order Summary<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/order-summary.png\" alt=\"\" class=\"wp-image-28327\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Title: Enter text you wish to appear in the field or use the dynamic functions.<\/li>\n\n\n\n<li>Alignment: Use the icons to select between left, center, or right alignment values. The responsive icon can be selected to set different values based on the breakpoint.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Billing Details<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/billing-details.png\" alt=\"\" class=\"wp-image-28328\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Title: Enter text you wish to appear in the field or use the dynamic functions.<\/li>\n\n\n\n<li>Alignment: Use the icons to select between left, center, or right alignment values. The responsive icon can be selected to set different values based on the breakpoint.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Shipping Address<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/shipping-address.png\" alt=\"\" class=\"wp-image-28329\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Title: Enter text you wish to appear in the field or use the dynamic functions.<\/li>\n\n\n\n<li>Alignment: Use the icons to select between left, center, or right alignment values. The responsive icon can be selected to set different values based on the breakpoint.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Preview Settings<\/h4>\n\n\n\n<p>This allows you to choose a preview in order to style the section properly.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/preview-settings-1.png\" alt=\"\" class=\"wp-image-28330\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Preview order with: From the dropdown menu choose between latest order, or order ID\n<ol class=\"wp-block-list\">\n<li>Order ID: If order ID is selected enter the ID of the order you wish to preview in the field<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n\n\n\n<p>Note: To find an order ID, go to the WP dashboard: WooCommerce &gt; Orders<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Style<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/summary-style.png\" alt=\"\" class=\"wp-image-28331\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Sections<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/sectionsstyle.png\" alt=\"\" class=\"wp-image-28332\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Background Color: From the color picker, choose the background color for your sections. This color will apply to all sections. You may apply a different background color to a section(s) in the Customize options shown below\u00a0<\/li>\n\n\n\n<li>Box Shadow: Click the pencil icon to set the color and shadow options<\/li>\n\n\n\n<li>Border type: From the dropdown menu select between solid, double, dotted, dashed, or grooved<\/li>\n\n\n\n<li>Width (border): Enter a chosen value in the fields based on px, em, or %<\/li>\n\n\n\n<li>Color (border): From the color picker, choose the background color for your border<\/li>\n\n\n\n<li>Border Radius: Enter a chosen value in the fields based on px, em, or %<\/li>\n\n\n\n<li>Padding: Enter a chosen value in the fields based on px, em, or %<\/li>\n\n\n\n<li>Spacing: Enter a chosen value in the fields based on px, em, or %<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Typography<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/typography-styles-of-Summary.png\" alt=\"\" class=\"wp-image-28333\"\/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">Confirmation Message<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Color: From the color picker, choose the color for your confirmation message text<\/li>\n\n\n\n<li>Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n\n\n\n<li>Text Shadow: Click the pencil icon to open the shadow properties options.<\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\">Titles<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Color: From the color picker, choose the color for your title.<\/li>\n\n\n\n<li>Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n\n\n\n<li>Text Shadow: Click the pencil icon to open the shadow properties options.<\/li>\n\n\n\n<li>Spacing: Use the slider to increase or decrease the spacing between components.<\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\">General Text<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Color: From the color picker, choose the color for your text.<\/li>\n\n\n\n<li>Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Payment Details<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/paymentdetailsofsummary.png\" alt=\"\" class=\"wp-image-28334\"\/><\/figure>\n\n\n\n<p>Space Between: Use the slider to increase or decrease the spacing between components.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Titles<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Color: From the color picker, choose the color for your titles<\/li>\n\n\n\n<li>Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n\n\n\n<li>Text Shadow: Click the pencil icon to open the shadow properties options.<\/li>\n\n\n\n<li>Spacing: Use the slider to increase or decrease the spacing between components.<\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\">Items<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Color: From the color picker, choose the color for your items.<\/li>\n\n\n\n<li>Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\">Dividers<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Border type: From the dropdown menu select between solid, double, dotted, dashed, or grooved<\/li>\n\n\n\n<li>Width: Use the slider or manual enter a value in the field (PX, EM, VW)<\/li>\n\n\n\n<li>Color: From the color picker, choose the color for your Dividers<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Bank Details<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/bankdetailsstyle.png\" alt=\"\" class=\"wp-image-28335\"\/><\/figure>\n\n\n\n<p>Space Between: Use the slider to increase or decrease the spacing between components.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Account Title<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Color: From the color picker, choose the color for your title.<\/li>\n\n\n\n<li>Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n\n\n\n<li>Text Shadow: Click the pencil icon to open the shadow properties options.<\/li>\n\n\n\n<li>Spacing: Use the slider to increase or decrease the spacing between components.<\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\">Titles<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Color: From the color picker, choose the color for your titles.<\/li>\n\n\n\n<li>Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n\n\n\n<li>Text Shadow: Click the pencil icon to open the shadow properties options.<\/li>\n\n\n\n<li>Spacing: Use the slider to increase or decrease the spacing between components.<\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\">Items<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Color: From the color picker, choose the color for your titles. This color will apply to all titles. You may apply a different color to a title(s) in the Customize options shown below\u00a0<\/li>\n\n\n\n<li>Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\">Dividers<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Border type: From the dropdown menu select between solid, double, dotted, dashed, or grooved<\/li>\n\n\n\n<li>Width: Use the slider or manual enter a value in the field (PX, EM, VW)<\/li>\n\n\n\n<li>Color: From the color picker, choose the color for your Dividers<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Order Details<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/orderdetailsstyles-239x1024.png\" alt=\"\" class=\"wp-image-28336\"\/><\/figure>\n\n\n\n<p>Rows Gap: Use the slider to increase or decrease the spacing between the rows.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Titles and Totals<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Color: From the color picker, choose the color for your titles.<\/li>\n\n\n\n<li>Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n\n\n\n<li>Text Shadow: Click the pencil icon to open the shadow properties options.<\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\">Items<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Color: From the color picker, choose the color for your items.<\/li>\n\n\n\n<li>Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\">Variations<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Color: From the color picker, choose the color for your variations.\u00a0<\/li>\n\n\n\n<li>Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\">Buttons<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Typography: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n\n\n\n<li>Color (Text): From the color picker, choose the color for your button text.\u00a0<\/li>\n\n\n\n<li>Background Type: Use the icons to choose between a solid or gradient background<\/li>\n\n\n\n<li>Color (background): From the color picker, select the color(s) for the button<\/li>\n\n\n\n<li>Image: Click to select or upload an image to the media library to use as the background image of your button<\/li>\n\n\n\n<li>Box Shadow: Click the pencil icon to open the shadow properties options.<\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\">Borders<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Border type: From the dropdown menu select between solid, double, dotted, dashed, or grooved<\/li>\n\n\n\n<li>Width (border): Enter a chosen value in the fields based on px, em, or %<\/li>\n\n\n\n<li>Color (border): From the color picker, choose the background color for your border<\/li>\n\n\n\n<li>Border Radius: Enter a chosen value in the fields based on px, em, or %<\/li>\n\n\n\n<li>Padding: Enter a chosen value in the fields based on px, em, or %<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Advanced<\/h3>\n\n\n\n<p>Global <a href=\"https:\/\/elementor.com\/help\/advanced-tab\/\">Advanced tab<\/a> options are available for this widget.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Assigning Page To WooCommerce<\/h2>\n\n\n\n<p>Once you have completed your order summary page, you need to assign it to be used by Woocomerce. This can be done by navigating to Site Settings &gt; WooCommerce Pages. From the selectors, assign your new page to the Summary field.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/Addsummarytowoopages.png\" alt=\"\" class=\"wp-image-28337\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The purchase summary widget is used to create and customize the order confirmation page of WooCommerce.&nbsp; [callout type=&#8221;note&#8221;]You must have WooCommerce installed in order to use its features, including products and WooCommerce widgets.[\/callout] Steps To Use Controls Content Confirmation Message Payment Details In the following fields, enter a value or select from the dynamic functions [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65a3e9c21f2748030c914593"],"footnotes":""},"categories":[1454],"tags":[1389,1388,1382,1390,1398,1235],"class_list":["post-28320","post","type-post","status-publish","format-standard","hentry","category-woocommerce-widgets","tag-advanced","tag-agency","tag-ecommerce","tag-expert","tag-legacy-essential","tag-pro"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WooCommerce Purchase Summary widget | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about WooCommerce Purchase Summary widget in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WooCommerce Purchase Summary widget | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about WooCommerce Purchase Summary widget in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-23T08:14:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-05T12:54:45+00:00\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"WooCommerce Purchase Summary widget\",\"datePublished\":\"2022-01-23T08:14:13+00:00\",\"dateModified\":\"2025-06-05T12:54:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/\"},\"wordCount\":1520,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/summary-widget-1024x486.png\",\"keywords\":[\"Advanced\",\"Agency\",\"eCommerce\",\"Expert\",\"Legacy Essential\",\"Pro\"],\"articleSection\":[\"WooCommerce widgets\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/\",\"url\":\"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/\",\"name\":\"WooCommerce Purchase Summary widget | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/summary-widget-1024x486.png\",\"datePublished\":\"2022-01-23T08:14:13+00:00\",\"dateModified\":\"2025-06-05T12:54:45+00:00\",\"description\":\"Learn everything about WooCommerce Purchase Summary widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Online Commerce\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/online-commerce\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"WooCommerce widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/online-commerce\/woocommerce-widgets\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"WooCommerce Purchase Summary widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WooCommerce Purchase Summary widget | Elementor","description":"Learn everything about WooCommerce Purchase Summary widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/","og_locale":"en_US","og_type":"article","og_title":"WooCommerce Purchase Summary widget | Elementor","og_description":"Learn everything about WooCommerce Purchase Summary widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/","og_site_name":"Help","article_published_time":"2022-01-23T08:14:13+00:00","article_modified_time":"2025-06-05T12:54:45+00:00","author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"WooCommerce Purchase Summary widget","datePublished":"2022-01-23T08:14:13+00:00","dateModified":"2025-06-05T12:54:45+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/"},"wordCount":1520,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/summary-widget-1024x486.png","keywords":["Advanced","Agency","eCommerce","Expert","Legacy Essential","Pro"],"articleSection":["WooCommerce widgets"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/","url":"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/","name":"WooCommerce Purchase Summary widget | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/01\/summary-widget-1024x486.png","datePublished":"2022-01-23T08:14:13+00:00","dateModified":"2025-06-05T12:54:45+00:00","description":"Learn everything about WooCommerce Purchase Summary widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/woocommerce-purchase-summary-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Online Commerce","item":"https:\/\/elementor.com\/help\/elementor-editor\/online-commerce\/"},{"@type":"ListItem","position":4,"name":"WooCommerce widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/online-commerce\/woocommerce-widgets\/"},{"@type":"ListItem","position":5,"name":"WooCommerce Purchase Summary widget"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/28320","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=28320"}],"version-history":[{"count":3,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/28320\/revisions"}],"predecessor-version":[{"id":58522,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/28320\/revisions\/58522"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=28320"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=28320"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=28320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}