{"id":175,"date":"2026-11-13T12:56:20","date_gmt":"2026-11-13T12:56:20","guid":{"rendered":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/checkout\/"},"modified":"2026-11-13T12:56:49","modified_gmt":"2026-11-13T12:56:49","slug":"checkout","status":"publish","type":"page","link":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/checkout\/","title":{"rendered":"Checkout"},"content":{"rendered":"<div class=\"checkout-block\">\n  <div class=\"stepper\">\n    <div class=\"container\">\n      <ol class=\"stepper__list\" aria-label=\"Order progress\">\n                <li class=\"stepper__item\" data-step=\"1\" data-state=\"done\">\n          <span class=\"stepper__dot\"><span class=\"stepper__num\">1<\/span>\n            <svg class=\"icon stepper__check\" aria-hidden=\"true\"><use href=\"#i-check\"><\/use><\/svg><\/span>\n          <a class=\"stepper__label\" href=\"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/order\/#step-1\">Choose Your Style<\/a>\n        <\/li>\n                <li class=\"stepper__item\" data-step=\"2\" data-state=\"done\">\n          <span class=\"stepper__dot\"><span class=\"stepper__num\">2<\/span>\n            <svg class=\"icon stepper__check\" aria-hidden=\"true\"><use href=\"#i-check\"><\/use><\/svg><\/span>\n          <a class=\"stepper__label\" href=\"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/order\/#step-2\">Upload Your Photo<\/a>\n        <\/li>\n                <li class=\"stepper__item\" data-step=\"3\" data-state=\"done\">\n          <span class=\"stepper__dot\"><span class=\"stepper__num\">3<\/span>\n            <svg class=\"icon stepper__check\" aria-hidden=\"true\"><use href=\"#i-check\"><\/use><\/svg><\/span>\n          <a class=\"stepper__label\" href=\"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/order\/#step-3\">Customize<\/a>\n        <\/li>\n                <li class=\"stepper__item\" data-step=\"4\" data-state=\"done\">\n          <span class=\"stepper__dot\"><span class=\"stepper__num\">4<\/span>\n            <svg class=\"icon stepper__check\" aria-hidden=\"true\"><use href=\"#i-check\"><\/use><\/svg><\/span>\n          <a class=\"stepper__label\" href=\"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/order\/#step-4\">Your Information<\/a>\n        <\/li>\n                <li class=\"stepper__item\" data-step=\"5\" data-state=\"done\">\n          <span class=\"stepper__dot\"><span class=\"stepper__num\">5<\/span>\n            <svg class=\"icon stepper__check\" aria-hidden=\"true\"><use href=\"#i-check\"><\/use><\/svg><\/span>\n          <a class=\"stepper__label\" href=\"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/cart\/\">Review &amp; Add to Cart<\/a>\n        <\/li>\n                <li class=\"stepper__item\" data-step=\"6\" data-state=\"current\" aria-current=\"step\">\n          <span class=\"stepper__dot\"><span class=\"stepper__num\">6<\/span>\n            <svg class=\"icon stepper__check\" aria-hidden=\"true\"><use href=\"#i-check\"><\/use><\/svg><\/span>\n          <span class=\"stepper__label\">Checkout<\/span>\n        <\/li>\n      <\/ol>\n    <\/div>\n  <\/div>\n\n  <section class=\"section section--tight\">\n    <div class=\"container\">\n      <header class=\"section__head\">\n        <p class=\"eyebrow\">Secure checkout<\/p>        <h1>Step 6: Checkout &amp; Payment<\/h1>\n        <p class=\"mb-0\">You\u2019re almost done! Complete your payment to place your order.<\/p>\n      <\/header>\n\n      \n      <div class=\"empty-state\" id=\"checkout-empty\" hidden>\n        <svg class=\"icon icon-art\" aria-hidden=\"true\"><use href=\"#i-cart\"><\/use><\/svg>\n        <h2>There\u2019s nothing to check out yet<\/h2>\n        <p>Add a portrait to your cart and we\u2019ll bring you right back here.<\/p>\n        <a class=\"btn btn--primary btn--lg mt-md\" href=\"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/order\/\">Create Your Portrait          <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-arrow-right\"><\/use><\/svg><\/a>\n      <\/div>\n\n      <div class=\"order-layout\" id=\"checkout-layout\">\n        <form class=\"stack\" id=\"checkout-form\" novalidate>\n\n          <section class=\"form-panel\">\n            <div class=\"form-panel__head\">\n              <h2>1. Contact Information<\/h2>\n              <span class=\"hint\">We\u2019ll use this to send your order updates and final artwork.<\/span>\n            <\/div>\n            <div class=\"form-panel__body\">\n              <div class=\"field-row field-row--2\">\n                <div class=\"field\">\n                  <label class=\"field__label\" for=\"billing-email\">Email Address <span class=\"req\">*<\/span><\/label>\n                  <input class=\"input\" type=\"email\" id=\"billing-email\" placeholder=\"customer@email.com\" autocomplete=\"email\" required>\n                  <p class=\"field__error\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-alert\"><\/use><\/svg><span>This field is required.<\/span><\/p>                <\/div>\n                <div class=\"field\">\n                  <label class=\"field__label\" for=\"billing-phone\">Phone Number <span class=\"req\">*<\/span><\/label>\n                  <input class=\"input\" type=\"tel\" id=\"billing-phone\" placeholder=\"(602) 555-1234\" autocomplete=\"tel\" required>\n                  <p class=\"field__error\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-alert\"><\/use><\/svg><span>This field is required.<\/span><\/p>                <\/div>\n              <\/div>\n            <\/div>\n          <\/section>\n\n          <section class=\"form-panel\">\n            <div class=\"form-panel__head\">\n              <h2>2. Billing Information<\/h2>\n              <span class=\"hint\">This information is required for payment processing.<\/span>\n            <\/div>\n            <div class=\"form-panel__body\">\n              <div class=\"field\">\n                <label class=\"field__label\" for=\"billing-name\">Full Name <span class=\"req\">*<\/span><\/label>\n                <input class=\"input\" type=\"text\" id=\"billing-name\" placeholder=\"John Doe\" autocomplete=\"name\" required>\n                <p class=\"field__error\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-alert\"><\/use><\/svg><span>This field is required.<\/span><\/p>              <\/div>\n              <div class=\"field\">\n                <label class=\"field__label\" for=\"billing-address\">Address <span class=\"req\">*<\/span><\/label>\n                <input class=\"input\" type=\"text\" id=\"billing-address\" placeholder=\"123 Main Street\" autocomplete=\"street-address\" required>\n                <p class=\"field__error\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-alert\"><\/use><\/svg><span>This field is required.<\/span><\/p>              <\/div>\n              <div class=\"field-row field-row--4\">\n                <div class=\"field\">\n                  <label class=\"field__label\" for=\"billing-city\">City <span class=\"req\">*<\/span><\/label>\n                  <input class=\"input\" type=\"text\" id=\"billing-city\" placeholder=\"Phoenix\" autocomplete=\"address-level2\" required>\n                  <p class=\"field__error\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-alert\"><\/use><\/svg><span>Required.<\/span><\/p>\n                <\/div>\n                <div class=\"field\">\n                  <label class=\"field__label\" for=\"billing-state\">State <span class=\"req\">*<\/span><\/label>\n                  <select class=\"select\" id=\"billing-state\" autocomplete=\"address-level1\" required>\n                                        <option value=\"AL\">AL<\/option>\n                                        <option value=\"AK\">AK<\/option>\n                                        <option value=\"AZ\" selected='selected'>AZ<\/option>\n                                        <option value=\"AR\">AR<\/option>\n                                        <option value=\"CA\">CA<\/option>\n                                        <option value=\"CO\">CO<\/option>\n                                        <option value=\"CT\">CT<\/option>\n                                        <option value=\"DE\">DE<\/option>\n                                        <option value=\"DC\">DC<\/option>\n                                        <option value=\"FL\">FL<\/option>\n                                        <option value=\"GA\">GA<\/option>\n                                        <option value=\"HI\">HI<\/option>\n                                        <option value=\"ID\">ID<\/option>\n                                        <option value=\"IL\">IL<\/option>\n                                        <option value=\"IN\">IN<\/option>\n                                        <option value=\"IA\">IA<\/option>\n                                        <option value=\"KS\">KS<\/option>\n                                        <option value=\"KY\">KY<\/option>\n                                        <option value=\"LA\">LA<\/option>\n                                        <option value=\"ME\">ME<\/option>\n                                        <option value=\"MD\">MD<\/option>\n                                        <option value=\"MA\">MA<\/option>\n                                        <option value=\"MI\">MI<\/option>\n                                        <option value=\"MN\">MN<\/option>\n                                        <option value=\"MS\">MS<\/option>\n                                        <option value=\"MO\">MO<\/option>\n                                        <option value=\"MT\">MT<\/option>\n                                        <option value=\"NE\">NE<\/option>\n                                        <option value=\"NV\">NV<\/option>\n                                        <option value=\"NH\">NH<\/option>\n                                        <option value=\"NJ\">NJ<\/option>\n                                        <option value=\"NM\">NM<\/option>\n                                        <option value=\"NY\">NY<\/option>\n                                        <option value=\"NC\">NC<\/option>\n                                        <option value=\"ND\">ND<\/option>\n                                        <option value=\"OH\">OH<\/option>\n                                        <option value=\"OK\">OK<\/option>\n                                        <option value=\"OR\">OR<\/option>\n                                        <option value=\"PA\">PA<\/option>\n                                        <option value=\"RI\">RI<\/option>\n                                        <option value=\"SC\">SC<\/option>\n                                        <option value=\"SD\">SD<\/option>\n                                        <option value=\"TN\">TN<\/option>\n                                        <option value=\"TX\">TX<\/option>\n                                        <option value=\"UT\">UT<\/option>\n                                        <option value=\"VT\">VT<\/option>\n                                        <option value=\"VA\">VA<\/option>\n                                        <option value=\"WA\">WA<\/option>\n                                        <option value=\"WV\">WV<\/option>\n                                        <option value=\"WI\">WI<\/option>\n                                        <option value=\"WY\">WY<\/option>\n                                      <\/select>\n                <\/div>\n                <div class=\"field\">\n                  <label class=\"field__label\" for=\"billing-zip\">ZIP Code <span class=\"req\">*<\/span><\/label>\n                  <input class=\"input\" type=\"text\" id=\"billing-zip\" placeholder=\"85027\" autocomplete=\"postal-code\" required>\n                  <p class=\"field__error\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-alert\"><\/use><\/svg><span>Required.<\/span><\/p>\n                <\/div>\n                <div class=\"field\">\n                  <label class=\"field__label\" for=\"billing-country\">Country <span class=\"req\">*<\/span><\/label>\n                  <select class=\"select\" id=\"billing-country\" autocomplete=\"country-name\" required>\n                                        <option selected='selected'>United States<\/option>\n                                        <option>Canada<\/option>\n                                      <\/select>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/section>\n\n          <section class=\"form-panel\">\n            <div class=\"form-panel__head\">\n              <h2>3. Payment Method<\/h2>\n              <span class=\"hint\">\n                <svg class=\"icon icon--sm icon--inline\" aria-hidden=\"true\"><use href=\"#i-lock\"><\/use><\/svg>\n                Secure Payment Powered by <span class=\"payment-logo\">Pay<span>Pal<\/span><\/span>\n              <\/span>\n            <\/div>\n            <div class=\"form-panel__body stack stack--tight\">\n              <label class=\"payment-option\">\n                <input type=\"radio\" name=\"payment-method\" value=\"paypal\" class=\"visually-hidden\" checked>\n                <span class=\"check__box check__box--radio\" aria-hidden=\"true\"><svg class=\"icon\"><use href=\"#i-check\"><\/use><\/svg><\/span>\n                <span class=\"payment-art payment-logo payment-logo--md\" aria-hidden=\"true\">P<span>P<\/span><\/span>\n                <span>\n                  <h3>Pay with PayPal<\/h3>\n                  <p>Log in to your PayPal account to complete your payment securely.<\/p>\n                <\/span>\n              <\/label>\n              <label class=\"payment-option\">\n                <input type=\"radio\" name=\"payment-method\" value=\"card\" class=\"visually-hidden\">\n                <span class=\"check__box check__box--radio\" aria-hidden=\"true\"><svg class=\"icon\"><use href=\"#i-check\"><\/use><\/svg><\/span>\n                <svg class=\"icon icon--lg payment-art\" aria-hidden=\"true\"><use href=\"#i-credit-card\"><\/use><\/svg>\n                <span>\n                  <h3>Pay with Debit or Credit Card<\/h3>\n                  <p>No PayPal account required. You can pay with your debit or credit card through PayPal.<\/p>\n                  <span class=\"card-brands\">\n                    <span class=\"card-brand\">VISA<\/span>\n                    <span class=\"card-brand\">MASTER CARD<\/span>\n                    <span class=\"card-brand\">AMERICAN EXPRESS<\/span>\n                    <span class=\"card-brand\">DISCOVER<\/span>\n                  <\/span>\n                <\/span>\n              <\/label>\n                            <p class=\"text-sm text-muted mb-0\">After you place your order we\u2019ll email you a secure PayPal payment link. Work begins as soon as payment is received.<\/p>\n                          <\/div>\n          <\/section>\n\n          <section class=\"form-panel\">\n            <div class=\"form-panel__head\"><h2>4. Agree &amp; Place Order<\/h2><\/div>\n            <div class=\"form-panel__body\">\n              <label class=\"check\">\n                <input type=\"checkbox\" id=\"agree-terms\" required>\n                <span class=\"check__box\" aria-hidden=\"true\"><svg class=\"icon\"><use href=\"#i-check\"><\/use><\/svg><\/span>                <span>I agree to the <a href=\"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/terms-of-purchase\/\">Terms of Purchase<\/a> and the <a href=\"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/usage-licensing\/\">Usage &amp; Licensing Agreement<\/a> and understand that this is a custom digital artwork purchase. No physical product will be shipped.<\/span>\n              <\/label>\n              <p class=\"field__error\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-alert\"><\/use><\/svg><span>Please accept the terms to continue.<\/span><\/p>\n\n              <button class=\"btn btn--primary btn--lg btn--block mt-lg\" type=\"submit\" id=\"place-order\">\n                <svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-lock\"><\/use><\/svg>\n                <span>Place Order \u2014 <span data-cart-total-cents>$0.00<\/span><\/span>\n              <\/button>\n\n              <p class=\"text-sm text-center text-muted mt-md mb-0\">\n                By completing your purchase, you agree to our <a href=\"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/terms-of-purchase\/\">Terms of Purchase<\/a> and <a href=\"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/terms-of-purchase\/#privacy\">Privacy Policy<\/a>.              <\/p>\n            <\/div>\n          <\/section>\n        <\/form>\n\n        <aside class=\"stack sticky-aside\">\n          <section class=\"summary\">\n            <div class=\"summary__head\">\n              <h2>Order Summary<\/h2>\n              <a class=\"link-action\" href=\"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/cart\/\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-edit\"><\/use><\/svg> Edit Cart<\/a>\n            <\/div>\n            <div class=\"summary__body\">\n              <div class=\"summary__media\">\n                <img decoding=\"async\" id=\"checkout-preview\" src=\"https:\/\/data.prowebcoder.com\/homesketch\/wp-content\/themes\/home-sketchery\/assets\/images\/style-watercolor.png\" alt=\"Your portrait preview\">\n              <\/div>\n              <div id=\"checkout-summary-rows\"><\/div>\n              <div class=\"summary__total summary__total--lg\"><span>Total<\/span><span data-cart-total-cents>$0.00<\/span><\/div>\n            <\/div>\n          <\/section>\n\n          <div class=\"callout\">\n            <span class=\"icon-well icon-well--sm icon-well--solid\"><svg class=\"icon\" aria-hidden=\"true\"><use href=\"#i-lock\"><\/use><\/svg><\/span>\n            <div>\n              <h3>Digital Product Notice<\/h3>\n              <p>This is a custom digital artwork service. No physical product will be shipped. Your finished portrait will be delivered via email in multiple print-ready sizes (JPG + PNG + PDF).<\/p>\n            <\/div>\n          <\/div>\n\n                    <div class=\"callout\">\n            <svg class=\"icon icon--lg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#i-shield-check\"><\/use><\/svg>            <div>\n              <h3>Secure Payment Processing<\/h3>\n              <p>Your payment is processed securely by PayPal.<\/p>\n            <\/div>\n          <\/div>\n                    <div class=\"callout\">\n            <svg class=\"icon icon--lg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#i-mail\"><\/use><\/svg>            <div>\n              <h3>Fast Order Confirmation<\/h3>\n              <p>You\u2019ll receive an email confirmation right after your payment is completed.<\/p>\n            <\/div>\n          <\/div>\n                    <div class=\"callout\">\n            <svg class=\"icon icon--lg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#i-clock\"><\/use><\/svg>            <div>\n              <h3>Custom Artwork Delivery<\/h3>\n              <p>Your portrait will be delivered within 24\u201348 hours (or 12\u201324 hours with Rush).<\/p>\n            <\/div>\n          <\/div>\n                    <div class=\"callout\">\n            <svg class=\"icon icon--lg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#i-heart\"><\/use><\/svg>            <div>\n              <h3>Your Satisfaction Matters<\/h3>\n              <p>If you have any questions, we\u2019re here to help. <a href=\"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/contact\/\">Contact us<\/a> anytime.<\/p>\n            <\/div>\n          <\/div>\n                  <\/aside>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":"","_hs_seo_title":"","_hs_seo_description":"","_hs_seo_keywords":"","_hs_seo_canonical":"","_hs_seo_robots_index":"","_hs_seo_robots_follow":"","_hs_seo_robots_extra":"","_hs_seo_og_title":"","_hs_seo_og_description":"","_hs_seo_og_image":"","_hs_seo_twitter_card":"","_hs_seo_schema_type":"","_hs_seo_schema_json":"","_hs_seo_head_html":""},"class_list":["post-175","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/wp-json\/wp\/v2\/pages\/175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/wp-json\/wp\/v2\/comments?post=175"}],"version-history":[{"count":1,"href":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/wp-json\/wp\/v2\/pages\/175\/revisions"}],"predecessor-version":[{"id":179,"href":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/wp-json\/wp\/v2\/pages\/175\/revisions\/179"}],"wp:attachment":[{"href":"https:\/\/data.prowebcoder.com\/homesketch\/index.php\/wp-json\/wp\/v2\/media?parent=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}