{"id":35487,"date":"2022-07-25T16:55:02","date_gmt":"2022-07-25T16:55:02","guid":{"rendered":"https:\/\/www.123formbuilder.com\/docs\/?p=35487"},"modified":"2023-11-28T10:33:22","modified_gmt":"2023-11-28T10:33:22","slug":"can-i-display-the-payment-summary-in-real-time","status":"publish","type":"post","link":"https:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/","title":{"rendered":"Can I display the payment summary of my form in real-time?"},"content":{"rendered":"\n<p>You can easily display the payment summary of your online order form in real-time. Open the <strong>Form Editor<\/strong> and scroll down to the <strong>Payments<\/strong> section. Choose your payment gateway and enable it.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-370.png\"><img loading=\"lazy\" decoding=\"async\" width=\"341\" height=\"1024\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-370-341x1024.png\" alt=\"Payment processors \" class=\"wp-image-48213\" style=\"aspect-ratio:0.3330078125;width:287px;height:auto\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-370-341x1024.png 341w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-370-100x300.png 100w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-370.png 357w\" sizes=\"auto, (max-width: 341px) 100vw, 341px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Once the payment processor is enabled, the order summary will be displayed at the bottom of the main view.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.29.14.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.29.14-1024x575.png\" alt=\"\" class=\"wp-image-48215\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.29.14-1024x575.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.29.14-300x168.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.29.14-768x431.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.29.14-1536x863.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.29.14.png 1907w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Click on <strong>Order summary<\/strong> and navigate to the left-side panel. Enable\u00a0<strong>Show order summary<\/strong> <strong>on form<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.30.04.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.30.04-1024x575.png\" alt=\"Show order summary on form\" class=\"wp-image-48216\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.30.04-1024x575.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.30.04-300x168.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.30.04-768x431.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.30.04-1536x863.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.30.04.png 1907w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>If you click on View inventory button, you can also change the currency and add discounts\/taxes to the total.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.32.11.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"480\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.32.11-1024x480.png\" alt=\"View inventory\" class=\"wp-image-48217\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.32.11-1024x480.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.32.11-300x141.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.32.11-768x360.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.32.11-1536x721.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.32.11.png 1914w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>The <strong>Columns<\/strong> section allows you to rename your summary table columns.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.32.47.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"568\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.32.47-1024x568.png\" alt=\"Columns order summary\" class=\"wp-image-48218\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.32.47-1024x568.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.32.47-300x166.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.32.47-768x426.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.32.47-1536x851.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-28-at-12.32.47.png 1914w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Preview your form. The payment summary will be automatically displayed on top of the form. By default, it will be folded and can be expanded on click.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/staticresources123.s3-us-west-2.amazonaws.com\/docs\/paymentsummaryshow.png\" alt=\"real-time payment summary forms\" style=\"width:498px;height:403px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can easily display the payment summary of your online order form in real-time. Open the Form Editor and scroll down to the Payments section. Choose your payment gateway and enable it. Once the payment processor is enabled, the order summary will be displayed at the bottom of the main view. Click on Order summary [&hellip;]<\/p>\n","protected":false},"author":49,"featured_media":-1,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[130],"tags":[336,337,334,338,80,335],"class_list":["post-35487","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-payment-configuration","tag-cart","tag-checkout","tag-live-payment-summary","tag-order-summary","tag-payments-2","tag-real-time-payment-summary"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Help: Display payment summary in real-time | 123FormBuilder<\/title>\n<meta name=\"description\" content=\"Yes, you can display the payment summary of your online order form in real-time. Check out our article to learn how.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Can I display the payment summary of my form in real-time?\" \/>\n<meta property=\"og:description\" content=\"Yes, you can display the payment summary of your online order form in real-time. Check out our article to learn how.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-25T16:55:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-28T10:33:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-370-341x1024.png\" \/>\n<meta name=\"author\" content=\"Julia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Julia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Help: Display payment summary in real-time | 123FormBuilder","description":"Yes, you can display the payment summary of your online order form in real-time. Check out our article to learn how.","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:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/","og_locale":"en_US","og_type":"article","og_title":"Can I display the payment summary of my form in real-time?","og_description":"Yes, you can display the payment summary of your online order form in real-time. Check out our article to learn how.","og_url":"https:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/","og_site_name":"123FormBuilder Knowledge Base","article_published_time":"2022-07-25T16:55:02+00:00","article_modified_time":"2023-11-28T10:33:22+00:00","og_image":[{"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-370-341x1024.png","type":"","width":"","height":""}],"author":"Julia","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Julia","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/#article","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/"},"author":{"name":"Julia","@id":"https:\/\/www.123formbuilder.com\/docs\/#\/schema\/person\/cc469207f9fad9e280a743a5dc96a843"},"headline":"Can I display the payment summary of my form in real-time?","datePublished":"2022-07-25T16:55:02+00:00","dateModified":"2023-11-28T10:33:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/"},"wordCount":136,"commentCount":6,"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-370-341x1024.png","keywords":["cart","checkout","live payment summary","order summary","payments","real-time payment summary"],"articleSection":["Payment Configuration"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/","url":"https:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/","name":"Help: Display payment summary in real-time | 123FormBuilder","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/#primaryimage"},"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-370-341x1024.png","datePublished":"2022-07-25T16:55:02+00:00","dateModified":"2023-11-28T10:33:22+00:00","author":{"@id":"https:\/\/www.123formbuilder.com\/docs\/#\/schema\/person\/cc469207f9fad9e280a743a5dc96a843"},"description":"Yes, you can display the payment summary of your online order form in real-time. Check out our article to learn how.","breadcrumb":{"@id":"https:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-370-341x1024.png","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-370-341x1024.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.123formbuilder.com\/docs\/can-i-display-the-payment-summary-in-real-time\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.123formbuilder.com\/docs\/"},{"@type":"ListItem","position":2,"name":"Can I display the payment summary of my form in real-time?"}]},{"@type":"WebSite","@id":"https:\/\/www.123formbuilder.com\/docs\/#website","url":"https:\/\/www.123formbuilder.com\/docs\/","name":"123FormBuilder Knowledge Base","description":"Search our documentation platform for answers, service specifications and 3rd-party integrations.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.123formbuilder.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.123formbuilder.com\/docs\/#\/schema\/person\/cc469207f9fad9e280a743a5dc96a843","name":"Julia","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/1b07bbd30c86170f8eb191468f69aaeab7b6cfddcd35ceaf4099ab76a5dccb06?s=96&d=https%3A%2F%2Fui-avatars.com%2Fapi%2FJulia%2F96%2Ff3f3f3%2Faaa%2F1%2F0.5%2Ffalse%2Ftrue&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/1b07bbd30c86170f8eb191468f69aaeab7b6cfddcd35ceaf4099ab76a5dccb06?s=96&d=https%3A%2F%2Fui-avatars.com%2Fapi%2FJulia%2F96%2Ff3f3f3%2Faaa%2F1%2F0.5%2Ffalse%2Ftrue&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1b07bbd30c86170f8eb191468f69aaeab7b6cfddcd35ceaf4099ab76a5dccb06?s=96&d=https%3A%2F%2Fui-avatars.com%2Fapi%2FJulia%2F96%2Ff3f3f3%2Faaa%2F1%2F0.5%2Ffalse%2Ftrue&r=g","caption":"Julia"},"url":"https:\/\/www.123formbuilder.com\/docs\/author\/julia-unguras123formbuilder-com\/"}]}},"_links":{"self":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/35487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/users\/49"}],"replies":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/comments?post=35487"}],"version-history":[{"count":16,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/35487\/revisions"}],"predecessor-version":[{"id":48219,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/35487\/revisions\/48219"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/media?parent=35487"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/categories?post=35487"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/tags?post=35487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}