{"id":956,"date":"2018-11-27T19:42:13","date_gmt":"2018-11-27T19:42:13","guid":{"rendered":"https:\/\/kb.kadencethemes.com\/?post_type=ht_kb&#038;p=956"},"modified":"2025-10-10T19:22:57","modified_gmt":"2025-10-10T19:22:57","password":"","slug":"kadence-wooextras-customize-checkout","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-shop-kit\/kadence-wooextras-customize-checkout\/","title":{"rendered":"Checkout Editor"},"content":{"rendered":"\n<p>Kadence Shop Kit adds a checkout manager to WooCommerce. If you wish to add any custom fields to your checkout page, this plugin makes it a breeze.<\/p>\n\n\n\n<p>To get started, be sure that you&#8217;ve purchased a Plan with access to Kadence Shop Kit, or have purchased the plugin separately here: <a href=\"https:\/\/www.kadencethemes.com\/kadence-woocommerce-extras\/\" target=\"_blank\" rel=\"noopener\">Kadence Shop Kit<\/a>.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f1cccc\">Note: WooCommerce checkout pages can use the Checkout block for Gutenberg or the <strong>[woocommerce_checkout]<\/strong> shortcode. Custom fields created with Kadence Shop Kit will not appear when using the Checkout block. You must add your checkout using the shortcode to see the custom fields you create.<\/p>\n\n\n\n<p>1. Navigate to <em>Dashboard &gt; Shop Kit<\/em> and click <strong>Checkout Editor<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/p-d0FK22zG.t2.n0.cdn.zight.com\/items\/P8uKojmL\/a180e47a-aae8-40cc-9333-59e9e679902b.jpg?v=90f14e3e53e093f95bca66a2eb62c02b\" alt=\"\" style=\"width:447px;height:auto\" \/><\/figure>\n\n\n\n<p>2. Enable the <strong>Checkout Fields Editor:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/p-d0FK22zG.t2.n0.cdn.zight.com\/items\/o0u1dBPz\/99a897cd-40b7-4943-ab02-25380c8ebe2c.jpg?v=b070e8aaa32cb61f59ce38fd84230975\" alt=\"\" \/><\/figure>\n\n\n\n<p>3. Navigate to <em>WooCommerce&gt; Checkout Manager<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/p-d0FK22zG.t2.n0.cdn.zight.com\/items\/nOu4xBRP\/18728423-5db2-4473-83c7-ca6cb1a1268f.jpg?v=80e4ec2186f8a7b45cd4d9d529287d13\" alt=\"\" \/><\/figure>\n\n\n\n<p>4. Choose the field set that fits your needs. The options available are <em>Billing Fields, Shipping Fields, and\/or Extra Fields<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/p-d0FK22zG.t2.n0.cdn.zight.com\/items\/QwuyZDne\/9904f0a4-54f9-41d3-aaac-f297f9edd844.jpg?v=5f3e7a13e3a3dccf0aa70f382a25505f\" alt=\"\" style=\"width:664px;height:auto\" \/><\/figure>\n\n\n\n<p>5. Then, click on the <strong>+Add field<\/strong> button to add new fields to the list. The available field types consist of: <em>Text, Password, Text Area, Checkbox, Radio, and Select field types.&nbsp;<\/em><br><br>For this example, I&#8217;m just going to add a simple &#8220;Where you heard about us&#8221; box with a few options:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/p-d0FK22zG.t2.n0.cdn.zight.com\/items\/geuDGJy9\/09151f32-c000-4b77-be68-61b2c8e6c33b.jpg?v=87191cb3d19944996e1a4e27e25f3787\" alt=\"\" \/><\/figure>\n\n\n\n<p>6. Save the changes: <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/p-d0FK22zG.t2.n0.cdn.zight.com\/items\/RBubj1BW\/4e822650-6e2c-4fb3-b060-728a9d8afeb4.jpg?v=84d49bfa9ccbb6575f4aedd5dd83c4a7\" alt=\"\" \/><\/figure>\n\n\n\n<p>7. View your checkout page:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/p-d0FK22zG.t2.n0.cdn.zight.com\/items\/Apuob1vd\/52fc5d4e-1567-4cb0-8363-66939f9f31ce.jpg?v=558cd93dea320f6fd5365260bcde1280\" alt=\"\" style=\"width:548px;height:auto\" \/><\/figure>\n\n\n<style>.kb-row-layout-id956_7aa14c-71 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id956_7aa14c-71 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id956_7aa14c-71 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}.kb-row-layout-id956_7aa14c-71 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id956_7aa14c-71 > .kt-row-column-wrap{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id956_7aa14c-71 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id956_7aa14c-71 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column956_2d6306-b8 > .kt-inside-inner-col,.kadence-column956_2d6306-b8 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column956_2d6306-b8 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column956_2d6306-b8 > .kt-inside-inner-col{flex-direction:column;}.kadence-column956_2d6306-b8 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column956_2d6306-b8 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column956_2d6306-b8{position:relative;}@media all and (max-width: 1024px){.kadence-column956_2d6306-b8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column956_2d6306-b8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column956_2d6306-b8\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading956_c335f8-59, .wp-block-kadence-advancedheading.kt-adv-heading956_c335f8-59[data-kb-block=\"kb-adv-heading956_c335f8-59\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading956_c335f8-59 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading956_c335f8-59[data-kb-block=\"kb-adv-heading956_c335f8-59\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading956_c335f8-59 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading956_c335f8-59[data-kb-block=\"kb-adv-heading956_c335f8-59\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading956_c335f8-59 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading956_c335f8-59\">Naming Guidelines for Custom Checkout Fields<\/h2>\n\n\n\n<p>When adding custom fields in Checkout Manager, always include a prefix to ensure proper integration with the checkout system. Use one of the following as a prefix depending on the type of field:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>billing_ for billing information (e.g., billing_tax_number)<\/li>\n\n\n\n<li>shipping_ for shipping information (e.g., shipping_instructions)<\/li>\n\n\n\n<li>additional_ for any extra fields (e.g., additional_notes)<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n<style>.kadence-column956_631e01-9a > .kt-inside-inner-col,.kadence-column956_631e01-9a > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column956_631e01-9a > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column956_631e01-9a > .kt-inside-inner-col{flex-direction:column;}.kadence-column956_631e01-9a > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column956_631e01-9a > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column956_631e01-9a{position:relative;}@media all and (max-width: 1024px){.kadence-column956_631e01-9a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column956_631e01-9a > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column956_631e01-9a\"><div class=\"kt-inside-inner-col\"><style>.kb-image956_ebeb69-ca .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image956_ebeb69-ca size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"950\" height=\"832\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/11\/Checkout-Manager-fields.jpg\" alt=\"\" class=\"kb-img wp-image-15154\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/11\/Checkout-Manager-fields.jpg 950w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/11\/Checkout-Manager-fields-300x263.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/11\/Checkout-Manager-fields-768x673.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2018\/11\/Checkout-Manager-fields-360x315.jpg 360w\" sizes=\"auto, (max-width: 950px) 100vw, 950px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading956_e28a1f-58, .wp-block-kadence-advancedheading.kt-adv-heading956_e28a1f-58[data-kb-block=\"kb-adv-heading956_e28a1f-58\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading956_e28a1f-58 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading956_e28a1f-58[data-kb-block=\"kb-adv-heading956_e28a1f-58\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading956_e28a1f-58 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading956_e28a1f-58[data-kb-block=\"kb-adv-heading956_e28a1f-58\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading956_e28a1f-58 wp-block-kadence-advancedheading has-theme-palette-7-background-color has-background\" data-kb-block=\"kb-adv-heading956_e28a1f-58\">If you do not use the correct prefix, your custom fields may not appear correctly in the checkout, order details, or emails. This can lead to missing or duplicated information, so always follow the prefix naming convention.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kadence Shop Kit adds a checkout manager to WooCommerce. If you wish to add any custom fields to your checkout page, this plugin makes it a breeze. To get started, be sure that you&#8217;ve purchased a Plan with access to Kadence Shop Kit, or have purchased the plugin separately here: Kadence Shop Kit. Note: WooCommerce&#8230;<\/p>\n","protected":false},"author":103622,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[391],"doc_tag":[],"knowledge_base":[9],"class_list":["post-956","docs","type-docs","status-publish","hentry","doc_category-shop-kit-getting-started","knowledge_base-kadence-shop-kit"],"year_month":"2026-04","word_count":300,"total_views":"5937","reactions":{"happy":"1","normal":"1","sad":"0"},"author_info":{"display_name":"Kevin","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/kromarek\/"},"doc_category_info":[{"term_name":"Shop Kit Setup","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-shop-kit\/shop-kit-getting-started\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Shop Kit","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-shop-kit\/","term_slug":"kadence-shop-kit"}],"knowledge_base_slug":["kadence-shop-kit"],"taxonomy_info":{"doc_category":[{"value":391,"label":"Shop Kit Setup"}],"knowledge_base":[{"value":9,"label":"Kadence Shop Kit"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/103622"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=956"}],"version-history":[{"count":13,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/956\/revisions"}],"predecessor-version":[{"id":16031,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/956\/revisions\/16031"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=956"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=956"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=956"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}