{"id":12407,"date":"2025-03-12T21:17:13","date_gmt":"2025-03-12T21:17:13","guid":{"rendered":"https:\/\/handson.pt\/?page_id=12407"},"modified":"2026-08-20T18:24:11","modified_gmt":"2026-08-20T17:24:11","slug":"teacher-workshops-payout-guide","status":"publish","type":"page","link":"https:\/\/handson.pt\/pt\/teacher-workshops-payout-guide\/","title":{"rendered":"Guia de pagamento do professor workshops"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nHands On \u2014 Teacher Payout Guide<\/title>\n\n<style>\n\n\/* =========================================================\n HANDS ON DESIGN SYSTEM\n========================================================= *\/\n\n.payout-guide-container {\n --beige: #fdfcf4;\n --orange: #f25f34;\n --dark-orange: #dc4e37;\n --dark-grey: #333333;\n --blue: #256b82;\n --green: #4ea494;\n --pink: #f9c8b8;\n\n --white: #ffffff;\n --soft-grey: #f6f5f1;\n --border: #e8e5dd;\n --muted: #77736e;\n\n max-width: 980px;\n margin: 40px auto 70px;\n background: var(--white);\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 12px 45px rgba(51, 51, 51, 0.07);\n\n color: var(--dark-grey);\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Roboto,\n Helvetica,\n Arial,\n sans-serif;\n\n line-height: 1.6;\n}\n\n.payout-guide-container *,\n.payout-guide-container *::before,\n.payout-guide-container *::after {\n box-sizing: border-box;\n}\n\n\n\/* =========================================================\n BACKGROUND\n========================================================= *\/\n\nbody:has(.payout-guide-container) {\n background: var(--beige);\n}\n\n\n\/* =========================================================\n HEADER\n========================================================= *\/\n\n.payout-guide-container .header {\n background: var(--orange) !important;\n padding: 58px 40px 54px;\n text-align: center;\n}\n\n.payout-guide-container .header h1 {\n color: #ffffff !important;\n font-size: 38px;\n line-height: 1.1;\n font-weight: 700;\n letter-spacing: -1px;\n margin: 0 0 12px;\n}\n\n.payout-guide-container .header p {\n color: #ffffff !important;\n opacity: 0.92;\n font-size: 17px;\n margin: 0;\n}\n\n\n\/* =========================================================\n CONTENT\n========================================================= *\/\n\n.payout-guide-container .content-wrapper {\n padding: 50px;\n}\n\n.payout-guide-container .section {\n margin-bottom: 58px;\n}\n\n.payout-guide-container .section h2 {\n color: var(--dark-grey) !important;\n font-size: 26px;\n line-height: 1.2;\n font-weight: 700;\n letter-spacing: -0.5px;\n margin: 0 0 14px;\n}\n\n\/* Remove decorative lines *\/\n.payout-guide-container .section h2::after {\n display: none !important;\n}\n\n.payout-guide-container .section > p {\n color: var(--dark-grey) !important;\n font-size: 16px;\n margin: 0 0 26px;\n max-width: 760px;\n}\n\n\n\/* =========================================================\n INTRO CARD\n========================================================= *\/\n\n.payout-guide-container .congratulations {\n background: var(--pink) !important;\n border-radius: 16px;\n padding: 28px 30px;\n margin-bottom: 52px;\n border: none;\n}\n\n.payout-guide-container .congratulations h2 {\n color: var(--dark-grey) !important;\n font-size: 21px;\n margin: 0 0 10px;\n}\n\n.payout-guide-container .congratulations h2::after {\n display: none !important;\n}\n\n.payout-guide-container .congratulations p {\n color: var(--dark-grey) !important;\n font-size: 15px;\n margin: 0 0 8px;\n}\n\n.payout-guide-container .congratulations p:last-child {\n color: var(--dark-orange) !important;\n font-weight: 700;\n margin-bottom: 0;\n}\n\n\n\/* =========================================================\n CALCULATOR\n========================================================= *\/\n\n.payout-guide-container .calculator-section {\n background: var(--white) !important;\n border: 1px solid var(--border);\n border-radius: 20px;\n overflow: hidden;\n margin-top: 30px;\n box-shadow: 0 6px 25px rgba(51, 51, 51, 0.05);\n}\n\n\n\/* Calculator header *\/\n\n.payout-guide-container .calculator-header {\n background: var(--green) !important;\n padding: 25px 30px;\n}\n\n.payout-guide-container .calculator-header h3 {\n color: #ffffff !important;\n font-size: 21px;\n font-weight: 700;\n margin: 0 0 2px;\n}\n\n.payout-guide-container .calculator-header p {\n color: #ffffff !important;\n opacity: 0.9;\n font-size: 14px;\n margin: 0;\n}\n\n\n\/* Calculator body *\/\n\n.payout-guide-container .calculator-content {\n padding: 30px;\n}\n\n\n\/* =========================================================\n INPUT\n========================================================= *\/\n\n.payout-guide-container .input-section {\n margin-bottom: 22px;\n}\n\n.payout-guide-container label {\n display: block;\n color: var(--dark-grey) !important;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.7px;\n margin-bottom: 8px;\n}\n\n.payout-guide-container .price-input-wrapper {\n position: relative;\n}\n\n.payout-guide-container .currency {\n position: absolute;\n left: 19px;\n top: 50%;\n transform: translateY(-50%);\n color: var(--muted) !important;\n font-size: 21px;\n z-index: 2;\n}\n\n.payout-guide-container input[type=\"number\"] {\n width: 100% !important;\n padding: 17px 20px 17px 48px !important;\n border: 1px solid var(--border) !important;\n border-radius: 12px !important;\n background: var(--beige) !important;\n\n color: var(--dark-grey) !important;\n font-size: 28px !important;\n font-weight: 700 !important;\n\n outline: none;\n transition: 0.2s ease;\n}\n\n.payout-guide-container input[type=\"number\"]:focus {\n background: var(--white) !important;\n border-color: var(--orange) !important;\n box-shadow: 0 0 0 4px rgba(242, 95, 52, 0.08) !important;\n}\n\n.payout-guide-container input[type=\"number\"]::placeholder {\n color: #c8c3bb !important;\n opacity: 1;\n}\n\n\n\/* =========================================================\n VAT SELECTOR\n========================================================= *\/\n\n.payout-guide-container .vat-section {\n background: var(--soft-grey) !important;\n padding: 17px;\n border-radius: 12px;\n}\n\n.payout-guide-container .vat-section label {\n margin-bottom: 8px;\n}\n\n.payout-guide-container .vat-toggle {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4px;\n padding: 4px;\n background: #e7e4dd !important;\n border-radius: 9px;\n}\n\n.payout-guide-container .vat-btn {\n border: none !important;\n background: transparent !important;\n color: var(--muted) !important;\n\n padding: 12px;\n border-radius: 7px;\n\n font-size: 14px;\n font-weight: 600;\n\n cursor: pointer;\n transition: 0.2s ease;\n}\n\n.payout-guide-container .vat-btn.active {\n background: var(--white) !important;\n color: var(--orange) !important;\n box-shadow: 0 2px 6px rgba(51, 51, 51, 0.07);\n}\n\n\n\/* =========================================================\n EMPTY STATE\n========================================================= *\/\n\n.payout-guide-container .empty-state {\n text-align: center;\n padding: 42px 15px 15px;\n color: var(--muted) !important;\n}\n\n.payout-guide-container .empty-state-icon {\n width: 44px;\n height: 44px;\n margin: 0 auto 12px;\n\n border-radius: 50%;\n background: var(--pink) !important;\n\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.payout-guide-container .empty-state-icon::after {\n content: \"\u20ac\";\n color: var(--orange) !important;\n font-size: 20px;\n font-weight: 700;\n}\n\n.payout-guide-container .empty-state p {\n color: var(--muted) !important;\n font-size: 14px;\n margin: 0;\n}\n\n\n\/* =========================================================\n RESULTS\n========================================================= *\/\n\n.payout-guide-container .results {\n display: none;\n margin-top: 25px;\n animation: hoFadeUp 0.3s ease;\n}\n\n.payout-guide-container .results.show {\n display: block;\n}\n\n@keyframes hoFadeUp {\n from {\n opacity: 0;\n transform: translateY(8px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\n\/* =========================================================\n MAIN EARNINGS\n========================================================= *\/\n\n.payout-guide-container .hero-earning {\n background: var(--green) !important;\n border-radius: 16px;\n padding: 30px;\n text-align: center;\n margin-bottom: 15px;\n}\n\n.payout-guide-container .hero-earning,\n.payout-guide-container .hero-earning * {\n color: #ffffff !important;\n}\n\n.payout-guide-container .hero-earning-label {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n opacity: 0.88;\n margin-bottom: 8px;\n}\n\n.payout-guide-container .hero-earning-amount {\n font-size: 50px;\n line-height: 1;\n font-weight: 750;\n letter-spacing: -1.5px;\n margin-bottom: 9px;\n}\n\n.payout-guide-container .hero-earning-subtitle {\n font-size: 14px;\n opacity: 0.88;\n}\n\n\n\/* =========================================================\n BILLING INFORMATION\n========================================================= *\/\n\n.payout-guide-container .billing-card {\n background: #f0f6f7 !important;\n border-radius: 12px;\n padding: 18px 20px;\n margin-bottom: 12px;\n border: none;\n}\n\n.payout-guide-container .billing-card-title {\n color: var(--blue) !important;\n font-size: 13px;\n font-weight: 700;\n margin-bottom: 8px;\n}\n\n.payout-guide-container .billing-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 20px;\n\n padding: 6px 0;\n\n font-size: 14px;\n}\n\n.payout-guide-container .billing-row span:first-child {\n color: var(--dark-grey) !important;\n}\n\n.payout-guide-container .billing-row span:last-child {\n color: var(--dark-grey) !important;\n font-weight: 700;\n white-space: nowrap;\n}\n\n\n\/* =========================================================\n BREAKDOWN\n========================================================= *\/\n\n.payout-guide-container .details-toggle {\n background: var(--white) !important;\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 15px 18px;\n cursor: pointer;\n transition: 0.2s ease;\n}\n\n.payout-guide-container .details-toggle:hover {\n border-color: var(--orange);\n}\n\n.payout-guide-container .details-toggle-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.payout-guide-container .details-toggle-header span:first-child {\n color: var(--dark-grey) !important;\n font-size: 14px;\n font-weight: 700;\n}\n\n.payout-guide-container .toggle-icon {\n color: var(--orange) !important;\n font-size: 13px;\n transition: transform 0.2s ease;\n}\n\n.payout-guide-container .details-toggle.open .toggle-icon {\n transform: rotate(180deg);\n}\n\n.payout-guide-container .details-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n}\n\n.payout-guide-container .details-toggle.open .details-content {\n max-height: 500px;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid var(--border);\n}\n\n.payout-guide-container .breakdown-row {\n display: flex;\n justify-content: space-between;\n gap: 20px;\n padding: 7px 0;\n font-size: 14px;\n}\n\n.payout-guide-container .breakdown-row span:first-child {\n color: var(--dark-grey) !important;\n}\n\n.payout-guide-container .breakdown-row span:last-child {\n color: var(--dark-grey) !important;\n font-weight: 700;\n}\n\n.payout-guide-container .breakdown-row.negative span {\n color: var(--dark-orange) !important;\n}\n\n.payout-guide-container .breakdown-row.total {\n border-top: 1px solid var(--border);\n margin-top: 7px;\n padding-top: 12px;\n font-size: 16px;\n}\n\n.payout-guide-container .breakdown-row.total span {\n color: var(--green) !important;\n}\n\n.payout-guide-container .commission-details {\n background: var(--soft-grey) !important;\n border-radius: 9px;\n padding: 13px;\n margin-top: 10px;\n font-size: 13px;\n}\n\n.payout-guide-container .commission-details,\n.payout-guide-container .commission-details * {\n color: var(--dark-grey) !important;\n}\n\n.payout-guide-container .commission-row {\n display: flex;\n justify-content: space-between;\n gap: 20px;\n padding: 4px 0;\n}\n\n\n\/* =========================================================\n VAT REGIMES\n========================================================= *\/\n\n.payout-guide-container .vat-regimes {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n}\n\n.payout-guide-container .vat-box {\n background: var(--soft-grey) !important;\n border: none;\n border-radius: 14px;\n padding: 24px;\n}\n\n.payout-guide-container .vat-box h3 {\n color: var(--dark-grey) !important;\n font-size: 18px;\n margin: 0 0 13px;\n}\n\n.payout-guide-container .vat-box h3::before {\n content: \"\";\n display: inline-block;\n width: 8px;\n height: 8px;\n background: var(--orange);\n border-radius: 50%;\n margin-right: 8px;\n vertical-align: 2px;\n}\n\n.payout-guide-container .vat-box p,\n.payout-guide-container .vat-box li,\n.payout-guide-container .vat-box strong {\n color: var(--dark-grey) !important;\n}\n\n.payout-guide-container .vat-box p {\n margin: 0 0 7px;\n font-size: 14px;\n}\n\n.payout-guide-container .vat-box ul {\n padding-left: 19px;\n margin: 0;\n}\n\n.payout-guide-container .vat-box li {\n font-size: 14px;\n margin-bottom: 6px;\n}\n\n\n\/* =========================================================\n IMPORTANT NOTE\n========================================================= *\/\n\n.payout-guide-container .note {\n background: #fff2ee !important;\n border-left: 3px solid var(--orange);\n border-radius: 9px;\n padding: 15px 18px;\n margin-top: 18px;\n}\n\n.payout-guide-container .note p,\n.payout-guide-container .note strong {\n color: var(--dark-grey) !important;\n}\n\n.payout-guide-container .note p {\n margin: 0;\n font-size: 14px;\n}\n\n\n\/* =========================================================\n STEPS\n========================================================= *\/\n\n.payout-guide-container .steps {\n counter-reset: step;\n}\n\n.payout-guide-container .step {\n position: relative;\n padding-left: 48px;\n margin-bottom: 30px;\n}\n\n.payout-guide-container .step::before {\n counter-increment: step;\n content: counter(step);\n\n position: absolute;\n left: 0;\n top: 0;\n\n width: 30px;\n height: 30px;\n\n border-radius: 50%;\n\n background: var(--orange) !important;\n color: #ffffff !important;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n font-size: 13px;\n font-weight: 700;\n}\n\n.payout-guide-container .step h3 {\n color: var(--dark-grey) !important;\n font-size: 18px;\n margin: 0 0 6px;\n}\n\n.payout-guide-container .step p,\n.payout-guide-container .step li {\n color: var(--dark-grey) !important;\n font-size: 14px;\n}\n\n.payout-guide-container .step p {\n margin: 0 0 5px;\n}\n\n.payout-guide-container .step ul {\n padding-left: 19px;\n}\n\n.payout-guide-container .step li {\n margin-bottom: 5px;\n}\n\n.payout-guide-container .documents {\n background: var(--soft-grey) !important;\n padding: 17px 19px;\n border-radius: 10px;\n margin-top: 10px;\n}\n\n.payout-guide-container .step h4 {\n color: var(--dark-grey) !important;\n font-size: 14px;\n margin: 10px 0 5px;\n}\n\n\n\/* =========================================================\n TIMELINE\n========================================================= *\/\n\n.payout-guide-container .timeline {\n position: relative;\n padding-left: 32px;\n margin-top: 28px;\n}\n\n.payout-guide-container .timeline::before {\n content: \"\";\n\n position: absolute;\n left: 4px;\n top: 5px;\n bottom: 5px;\n\n width: 2px;\n\n background: #dcece8;\n}\n\n.payout-guide-container .timeline-item {\n position: relative;\n margin-bottom: 25px;\n}\n\n.payout-guide-container .timeline-item::before {\n content: \"\";\n\n position: absolute;\n left: -32px;\n top: 7px;\n\n width: 10px;\n height: 10px;\n\n background: var(--green);\n border-radius: 50%;\n}\n\n.payout-guide-container .timeline-item p,\n.payout-guide-container .timeline-item strong {\n color: var(--dark-grey) !important;\n}\n\n.payout-guide-container .timeline-item p {\n font-size: 14px;\n margin: 0;\n}\n\n.payout-guide-container .timeline-item:last-child {\n margin-bottom: 0;\n}\n\n\n\/* =========================================================\n CTA\n========================================================= *\/\n\n.payout-guide-container .cta {\n display: grid !important;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n\n margin-top: 48px;\n}\n\n.payout-guide-container .btn {\n display: flex !important;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n min-height: 76px;\n\n padding: 16px 20px;\n\n border-radius: 13px;\n\n text-decoration: none !important;\n\n color: #ffffff !important;\n\n transition: 0.2s ease;\n}\n\n.payout-guide-container .btn,\n.payout-guide-container .btn:hover,\n.payout-guide-container .btn:focus,\n.payout-guide-container .btn:visited {\n color: #ffffff !important;\n}\n\n.payout-guide-container .btn * {\n color: #ffffff !important;\n}\n\n.payout-guide-container .btn:first-child {\n background: var(--orange) !important;\n}\n\n.payout-guide-container .btn:first-child:hover {\n background: var(--dark-orange) !important;\n}\n\n.payout-guide-container .btn:nth-child(2) {\n background: var(--blue) !important;\n}\n\n.payout-guide-container .btn:nth-child(2):hover {\n background: #1d596d !important;\n}\n\n.payout-guide-container .btn span:first-child {\n font-size: 16px !important;\n font-weight: 700 !important;\n}\n\n.payout-guide-container .btn span:last-child {\n font-size: 13px !important;\n font-weight: 500 !important;\n opacity: 0.9;\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media (max-width: 700px) {\n\n .payout-guide-container {\n margin: 12px 7px 35px;\n border-radius: 16px;\n }\n\n .payout-guide-container .header {\n padding: 42px 22px;\n }\n\n .payout-guide-container .header h1 {\n font-size: 30px;\n }\n\n .payout-guide-container .header p {\n font-size: 15px;\n }\n\n .payout-guide-container .content-wrapper {\n padding: 30px 20px;\n }\n\n .payout-guide-container .section {\n margin-bottom: 46px;\n }\n\n .payout-guide-container .section h2 {\n font-size: 23px;\n }\n\n .payout-guide-container .calculator-content {\n padding: 20px;\n }\n\n .payout-guide-container .calculator-header {\n padding: 22px 20px;\n }\n\n .payout-guide-container .hero-earning {\n padding: 28px 18px;\n }\n\n .payout-guide-container .hero-earning-amount {\n font-size: 43px;\n }\n\n .payout-guide-container input[type=\"number\"] {\n font-size: 26px !important;\n }\n\n .payout-guide-container .vat-regimes,\n .payout-guide-container .cta {\n grid-template-columns: 1fr !important;\n }\n\n .payout-guide-container .billing-row,\n .payout-guide-container .breakdown-row {\n font-size: 13px;\n }\n\n .payout-guide-container .congratulations {\n padding: 22px;\n }\n}\n\n<\/style>\n<\/head>\n\n\n<body>\n\n<div class=\"payout-guide-container\">\n\n\n <!-- =====================================================\n HEADER\n ====================================================== -->\n\n <div class=\"header\">\n\n <h1>\n Teacher Payout Guide\n <\/h1>\n\n <p>\n Everything you need to know about receiving your earnings\n <\/p>\n\n <\/div>\n\n\n <div class=\"content-wrapper\">\n\n\n <!-- =================================================\n INTRO\n ================================================== -->\n\n <div class=\"congratulations\">\n\n <h2>\n Congratulations on Your Workshops!\n <\/h2>\n\n <p>\n First and foremost, thank you for being part of the Hands On family.\n Your expertise, passion, and dedication to teaching have made Hands On possible.\n The knowledge you've shared with your students makes a real difference,\n and we're incredibly grateful for your partnership.\n <\/p>\n\n <p>\n Now, let's get you paid for your amazing work!\n <\/p>\n\n <\/div>\n\n\n <!-- =================================================\n EARNINGS\n ================================================== -->\n\n <div class=\"section\">\n\n <h2>\n Understanding Your Earnings\n <\/h2>\n\n <p>\n Use the calculator below to see exactly how much you'll earn\n from a workshop.\n <\/p>\n\n\n <!-- CALCULATOR -->\n\n <div class=\"calculator-section\">\n\n <div class=\"calculator-header\">\n\n <h3>\n Workshop Calculator\n <\/h3>\n\n <p>\n Enter the workshop price to calculate your earnings\n <\/p>\n\n <\/div>\n\n\n <div class=\"calculator-content\">\n\n\n <!-- PRICE -->\n\n <div class=\"input-section\">\n\n <label for=\"priceInput\">\n Workshop Price\n <\/label>\n\n <div class=\"price-input-wrapper\">\n\n <span class=\"currency\">\n \u20ac\n <\/span>\n\n <input\n type=\"number\"\n id=\"priceInput\"\n placeholder=\"100\"\n step=\"0.01\"\n min=\"0\"\n autofocus\n >\n\n <\/div>\n\n <\/div>\n\n\n <!-- VAT -->\n\n <div class=\"vat-section\">\n\n <label>\n How You Invoice\n <\/label>\n\n <div class=\"vat-toggle\">\n\n <button\n class=\"vat-btn\"\n data-vat=\"0\"\n type=\"button\"\n >\n 0% or 6% VAT\n <\/button>\n\n <button\n class=\"vat-btn active\"\n data-vat=\"23\"\n type=\"button\"\n >\n 23% VAT\n <\/button>\n\n <\/div>\n\n <\/div>\n\n\n <!-- EMPTY -->\n\n <div\n class=\"empty-state\"\n id=\"emptyState\"\n >\n\n <div class=\"empty-state-icon\"><\/div>\n\n <p>\n Enter your workshop price above to see what you'll earn\n <\/p>\n\n <\/div>\n\n\n <!-- RESULTS -->\n\n <div\n class=\"results\"\n id=\"results\"\n >\n\n\n <!-- EARNINGS -->\n\n <div class=\"hero-earning\">\n\n <div class=\"hero-earning-label\">\n Your Earnings\n <\/div>\n\n <div\n class=\"hero-earning-amount\"\n id=\"heroAmount\"\n >\n \u20ac0.00\n <\/div>\n\n <div class=\"hero-earning-subtitle\">\n\n from a\n <span id=\"heroFrom\">\n \u20ac0.00\n <\/span>\n workshop\n\n <\/div>\n\n <\/div>\n\n\n <!-- BILLING -->\n\n <div class=\"billing-card\">\n\n <div class=\"billing-card-title\">\n How billing works\n <\/div>\n\n <div id=\"billingDetails\"><\/div>\n\n <\/div>\n\n\n <!-- BREAKDOWN -->\n\n <div\n class=\"details-toggle\"\n id=\"detailsToggle\"\n >\n\n <div class=\"details-toggle-header\">\n\n <span>\n See calculation breakdown\n <\/span>\n\n <span class=\"toggle-icon\">\n \u25bc\n <\/span>\n\n <\/div>\n\n\n <div class=\"details-content\">\n\n\n <div class=\"breakdown-row\">\n\n <span>\n Workshop Price\n <\/span>\n\n <span id=\"breakdownPrice\">\n \u20ac0.00\n <\/span>\n\n <\/div>\n\n\n <div class=\"breakdown-row negative\">\n\n <span>\n Hands On Commission (15%)\n <\/span>\n\n <span id=\"breakdownCommission\">\n -\u20ac0.00\n <\/span>\n\n <\/div>\n\n\n <div class=\"breakdown-row negative\">\n\n <span>\n Tax on Commission (23%)\n <\/span>\n\n <span id=\"breakdownTax\">\n -\u20ac0.00\n <\/span>\n\n <\/div>\n\n\n <div class=\"breakdown-row total\">\n\n <span>\n Your Earnings\n <\/span>\n\n <span id=\"breakdownTotal\">\n \u20ac0.00\n <\/span>\n\n <\/div>\n\n\n <div class=\"commission-details\">\n\n <strong>\n Commission details\n <\/strong>\n\n\n <div class=\"commission-row\">\n\n <span>\n Base fee (15%)\n <\/span>\n\n <span id=\"commissionBase\">\n \u20ac0.00\n <\/span>\n\n <\/div>\n\n\n <div class=\"commission-row\">\n\n <span>\n Tax on fee (23%)\n <\/span>\n\n <span id=\"commissionVAT\">\n \u20ac0.00\n <\/span>\n\n <\/div>\n\n\n <div\n class=\"commission-row\"\n style=\"\n border-top:1px solid var(--border);\n margin-top:6px;\n padding-top:7px;\n \"\n >\n\n <span>\n <strong>\n Total deducted\n <\/strong>\n <\/span>\n\n <span id=\"commissionTotal\">\n <strong>\n \u20ac0.00\n <\/strong>\n <\/span>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n <!-- =================================================\n VAT\n ================================================== -->\n\n <div class=\"section\">\n\n <h2>\n VAT Regimes and Invoicing Process\n <\/h2>\n\n <p>\n The process depends on your VAT regime. Here's what you need to know.\n <\/p>\n\n\n <div class=\"vat-regimes\">\n\n\n <div class=\"vat-box\">\n\n <h3>\n 23% VAT Regime\n <\/h3>\n\n <p>\n <strong>Invoicing flow:<\/strong>\n <\/p>\n\n <ul>\n\n <li>\n Hands On invoices the client directly.\n <\/li>\n\n <li>\n You invoice Hands On for your earnings,\n as shown in your Wallet.\n <\/li>\n\n <li>\n This keeps the process simple for you and the client.\n <\/li>\n\n <\/ul>\n\n <\/div>\n\n\n <div class=\"vat-box\">\n\n <h3>\n 0% or 6% VAT Regime\n <\/h3>\n\n <p>\n <strong>Invoicing flow:<\/strong>\n <\/p>\n\n <ul>\n\n <li>\n You invoice the client directly.\n <\/li>\n\n <li>\n Use the client's name exactly as it appears\n in the Bookings system.\n <\/li>\n\n <li>\n Upload the client invoices with your payment request.\n <\/li>\n\n <li>\n Hands On invoices you for our commission.\n <\/li>\n\n <\/ul>\n\n <\/div>\n\n\n <\/div>\n\n\n <div class=\"note\">\n\n <p>\n\n <strong>Important:<\/strong>\n\n Your net earnings are the same regardless of your VAT regime.\n The difference is simply how the invoices are handled.\n\n <\/p>\n\n <\/div>\n\n <\/div>\n\n\n <!-- =================================================\n PAYMENT REQUEST\n ================================================== -->\n\n <div class=\"section\">\n\n <h2>\n Requesting Your Payment\n <\/h2>\n\n\n <div class=\"steps\">\n\n\n <div class=\"step\">\n\n <h3>\n Check Your Eligibility\n <\/h3>\n\n <p>\n Before requesting payment, make sure:\n <\/p>\n\n <ul>\n\n <li>\n The workshop date has already passed.\n <\/li>\n\n <li>\n The client has paid for the workshop.\n <\/li>\n\n <\/ul>\n\n <\/div>\n\n\n <div class=\"step\">\n\n <h3>\n Prepare Your Documents\n <\/h3>\n\n\n <div class=\"documents\">\n\n <h4>\n 23% VAT Regime\n <\/h4>\n\n <ul>\n\n <li>\n Your invoice to Hands On for your earnings.\n <\/li>\n\n <\/ul>\n\n\n <h4>\n 0% or 6% VAT Regime\n <\/h4>\n\n <ul>\n\n <li>\n Copies of all invoices issued to clients\n included in the payout.\n <\/li>\n\n <\/ul>\n\n <\/div>\n\n <\/div>\n\n\n <div class=\"step\">\n\n <h3>\n Submit Your Payment Request\n <\/h3>\n\n <p>\n Submit the online payment request form and attach\n all required documents.\n <\/p>\n\n <\/div>\n\n\n <\/div>\n\n <\/div>\n\n\n <!-- =================================================\n TIMELINE\n ================================================== -->\n\n <div class=\"section\">\n\n <h2>\n Payment Timeline\n <\/h2>\n\n\n <div class=\"timeline\">\n\n\n <div class=\"timeline-item\">\n\n <p>\n\n <strong>\n Workshop Completion\n <\/strong>\n\n \u2014 You've successfully delivered your workshop.\n\n <\/p>\n\n <\/div>\n\n\n <div class=\"timeline-item\">\n\n <p>\n\n <strong>\n Your Payment Request\n <\/strong>\n\n \u2014 Submit your payment request with all required documents.\n\n <\/p>\n\n <\/div>\n\n\n <div class=\"timeline-item\">\n\n <p>\n\n <strong>\n Hands On Review\n <\/strong>\n\n \u2014 We review your request and process the payment\n within 7 business days.\n\n <\/p>\n\n <\/div>\n\n\n <div class=\"timeline-item\">\n\n <p>\n\n <strong>\n Payment Issued\n <\/strong>\n\n \u2014 You receive your earnings and are notified by email.\n\n <\/p>\n\n <\/div>\n\n\n <\/div>\n\n <\/div>\n\n\n <!-- =================================================\n CTA\n ================================================== -->\n\n <div class=\"cta\">\n\n\n <a\n href=\"https:\/\/handson.pt\/payment-request-0-vat-regime\/\"\n class=\"btn\"\n >\n\n <span>\n 0% or 6% VAT Regime\n <\/span>\n\n <span>\n Submit payout request\n <\/span>\n\n <\/a>\n\n\n <a\n href=\"https:\/\/handson.pt\/payment-request-23-vat-regime\/\"\n class=\"btn\"\n >\n\n <span>\n 23% VAT Regime\n <\/span>\n\n <span>\n Submit payout request\n <\/span>\n\n <\/a>\n\n\n <\/div>\n\n\n <\/div>\n\n<\/div>\n\n\n<script>\n\n\/* =========================================================\n CALCULATOR\n========================================================= *\/\n\nconst COMMISSION_RATE = 0.15;\nconst COMMISSION_VAT_RATE = 0.23;\n\nlet selectedVAT = 23;\n\n\nconst priceInput =\n document.getElementById(\"priceInput\");\n\nconst emptyState =\n document.getElementById(\"emptyState\");\n\nconst results =\n document.getElementById(\"results\");\n\nconst detailsToggle =\n document.getElementById(\"detailsToggle\");\n\nconst vatButtons =\n document.querySelectorAll(\".vat-btn\");\n\n\n\/* Currency *\/\n\nfunction formatEuro(amount) {\n\n return new Intl.NumberFormat(\"pt-PT\", {\n style: \"currency\",\n currency: \"EUR\"\n }).format(amount);\n\n}\n\n\n\/* VAT buttons *\/\n\nvatButtons.forEach(button => {\n\n button.addEventListener(\"click\", () => {\n\n vatButtons.forEach(btn => {\n btn.classList.remove(\"active\");\n });\n\n button.classList.add(\"active\");\n\n selectedVAT =\n parseInt(button.dataset.vat);\n\n calculate();\n\n });\n\n});\n\n\n\/* Breakdown toggle *\/\n\ndetailsToggle.addEventListener(\"click\", () => {\n\n detailsToggle.classList.toggle(\"open\");\n\n});\n\n\n\/* Price *\/\n\npriceInput.addEventListener(\n \"input\",\n calculate\n);\n\n\n\/* Calculate *\/\n\nfunction calculate() {\n\n const price =\n parseFloat(priceInput.value);\n\n\n if (!price || price <= 0) {\n\n emptyState.style.display = \"block\";\n\n results.classList.remove(\"show\");\n\n return;\n\n }\n\n\n emptyState.style.display = \"none\";\n\n results.classList.add(\"show\");\n\n\n \/* Commission *\/\n\n const commissionBase =\n price * COMMISSION_RATE;\n\n const commissionVAT =\n commissionBase * COMMISSION_VAT_RATE;\n\n const commissionTotal =\n commissionBase + commissionVAT;\n\n const earnings =\n price - commissionTotal;\n\n\n \/* Hero *\/\n\n document.getElementById(\n \"heroAmount\"\n ).textContent =\n formatEuro(earnings);\n\n document.getElementById(\n \"heroFrom\"\n ).textContent =\n formatEuro(price);\n\n\n \/* Breakdown *\/\n\n document.getElementById(\n \"breakdownPrice\"\n ).textContent =\n formatEuro(price);\n\n document.getElementById(\n \"breakdownCommission\"\n ).textContent =\n \"-\" + formatEuro(commissionBase);\n\n document.getElementById(\n \"breakdownTax\"\n ).textContent =\n \"-\" + formatEuro(commissionVAT);\n\n document.getElementById(\n \"breakdownTotal\"\n ).textContent =\n formatEuro(earnings);\n\n\n \/* Commission details *\/\n\n document.getElementById(\n \"commissionBase\"\n ).textContent =\n formatEuro(commissionBase);\n\n document.getElementById(\n \"commissionVAT\"\n ).textContent =\n formatEuro(commissionVAT);\n\n document.getElementById(\n \"commissionTotal\"\n ).textContent =\n formatEuro(commissionTotal);\n\n\n \/* Billing *\/\n\n const billingDetails =\n document.getElementById(\n \"billingDetails\"\n );\n\n\n if (selectedVAT === 23) {\n\n billingDetails.innerHTML = `\n\n <div class=\"billing-row\">\n\n <span>\n Hands On invoices client\n <\/span>\n\n <span>\n ${formatEuro(price)}\n <\/span>\n\n <\/div>\n\n\n <div class=\"billing-row\">\n\n <span>\n You invoice Hands On\n <\/span>\n\n <span>\n ${formatEuro(earnings)}\n <\/span>\n\n <\/div>\n\n `;\n\n } else {\n\n billingDetails.innerHTML = `\n\n <div class=\"billing-row\">\n\n <span>\n You invoice client (0% or 6% VAT)\n <\/span>\n\n <span>\n ${formatEuro(price)}\n <\/span>\n\n <\/div>\n\n\n <div class=\"billing-row\">\n\n <span>\n Hands On invoices you\n <\/span>\n\n <span>\n ${formatEuro(commissionTotal)}\n <\/span>\n\n <\/div>\n\n `;\n\n }\n\n}\n\n\n\/* Initial state *\/\n\ncalculate();\n\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hands On \u2014 Teacher Payout Guide Teacher Payout Guide Everything you need to know about receiving your earnings Congratulations on Your Workshops! First and foremost, thank you for being part of the Hands On family. Your expertise, passion, and dedication to teaching have made Hands On possible. The knowledge you’ve shared with your students makes […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12407","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/handson.pt\/pt\/wp-json\/wp\/v2\/pages\/12407","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/handson.pt\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/handson.pt\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/handson.pt\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/handson.pt\/pt\/wp-json\/wp\/v2\/comments?post=12407"}],"version-history":[{"count":36,"href":"https:\/\/handson.pt\/pt\/wp-json\/wp\/v2\/pages\/12407\/revisions"}],"predecessor-version":[{"id":59256,"href":"https:\/\/handson.pt\/pt\/wp-json\/wp\/v2\/pages\/12407\/revisions\/59256"}],"wp:attachment":[{"href":"https:\/\/handson.pt\/pt\/wp-json\/wp\/v2\/media?parent=12407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}