{"id":11198,"date":"2024-10-09T09:53:50","date_gmt":"2024-10-09T09:53:50","guid":{"rendered":"https:\/\/i4tbusiness.com\/au\/?page_id=11198"},"modified":"2025-02-17T01:39:12","modified_gmt":"2025-02-17T01:39:12","slug":"invoice-generator","status":"publish","type":"page","link":"https:\/\/i4tbusiness.com\/au\/tools\/invoice-generator\/","title":{"rendered":"Invoice Generator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11198\" class=\"elementor elementor-11198\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8af96e e-flex e-con-boxed e-con e-parent\" data-id=\"d8af96e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b62680a e-con-full e-flex e-con e-child\" data-id=\"b62680a\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-35033e5 e-con-full e-flex e-con e-child\" data-id=\"35033e5\" data-element_type=\"container\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:100,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5179199 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"5179199\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Free Tools<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8db51b9 elementor-widget elementor-widget-heading\" data-id=\"8db51b9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Free\n<span class=\"grad-txt\"> Invoice Generator\n<\/span> <\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1355c1 elementor-widget elementor-widget-text-editor\" data-id=\"a1355c1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tStart Making Beautiful, Customised Invoices with a Click\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41acd0d elementor-tablet-align-center elementor-hidden-desktop elementor-widget elementor-widget-button\" data-id=\"41acd0d\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#link-invo\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Create Invoice<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee2cb82 elementor-align-left elementor-widget__width-inherit elementor-tablet-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"ee2cb82\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"512\" viewBox=\"0 0 520 520\" width=\"512\"><g id=\"_7-Check\" data-name=\"7-Check\"><path d=\"m79.423 240.755a47.529 47.529 0 0 0 -36.737 77.522l120.73 147.894a43.136 43.136 0 0 0 36.066 16.009c14.654-.787 27.884-8.626 36.319-21.515l250.787-403.892c.041-.067.084-.134.128-.2 2.353-3.613 1.59-10.773-3.267-15.271a13.321 13.321 0 0 0 -19.362 1.343q-.135.166-.278.327l-252.922 285.764a10.961 10.961 0 0 1 -15.585.843l-83.94-76.386a47.319 47.319 0 0 0 -31.939-12.438z\"><\/path><\/g><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Ready in Less Than a Minute<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"512\" viewBox=\"0 0 520 520\" width=\"512\"><g id=\"_7-Check\" data-name=\"7-Check\"><path d=\"m79.423 240.755a47.529 47.529 0 0 0 -36.737 77.522l120.73 147.894a43.136 43.136 0 0 0 36.066 16.009c14.654-.787 27.884-8.626 36.319-21.515l250.787-403.892c.041-.067.084-.134.128-.2 2.353-3.613 1.59-10.773-3.267-15.271a13.321 13.321 0 0 0 -19.362 1.343q-.135.166-.278.327l-252.922 285.764a10.961 10.961 0 0 1 -15.585.843l-83.94-76.386a47.319 47.319 0 0 0 -31.939-12.438z\"><\/path><\/g><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Downloadable as PDF<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"512\" viewBox=\"0 0 520 520\" width=\"512\"><g id=\"_7-Check\" data-name=\"7-Check\"><path d=\"m79.423 240.755a47.529 47.529 0 0 0 -36.737 77.522l120.73 147.894a43.136 43.136 0 0 0 36.066 16.009c14.654-.787 27.884-8.626 36.319-21.515l250.787-403.892c.041-.067.084-.134.128-.2 2.353-3.613 1.59-10.773-3.267-15.271a13.321 13.321 0 0 0 -19.362 1.343q-.135.166-.278.327l-252.922 285.764a10.961 10.961 0 0 1 -15.585.843l-83.94-76.386a47.319 47.319 0 0 0 -31.939-12.438z\"><\/path><\/g><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Free &amp; Unlimited Access<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"512\" viewBox=\"0 0 520 520\" width=\"512\"><g id=\"_7-Check\" data-name=\"7-Check\"><path d=\"m79.423 240.755a47.529 47.529 0 0 0 -36.737 77.522l120.73 147.894a43.136 43.136 0 0 0 36.066 16.009c14.654-.787 27.884-8.626 36.319-21.515l250.787-403.892c.041-.067.084-.134.128-.2 2.353-3.613 1.59-10.773-3.267-15.271a13.321 13.321 0 0 0 -19.362 1.343q-.135.166-.278.327l-252.922 285.764a10.961 10.961 0 0 1 -15.585.843l-83.94-76.386a47.319 47.319 0 0 0 -31.939-12.438z\"><\/path><\/g><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Customised to Your Branding<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8ebc5d e-con-full e-flex e-con e-child\" data-id=\"d8ebc5d\" data-element_type=\"container\" id=\"link-invo\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2561368 elementor-widget elementor-widget-html\" data-id=\"2561368\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Invoice Generator<\/title>\r\n    <style>\r\n        \/* CSS styling from original code *\/\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            background-color: #f8f8f8;\r\n            margin: 0;\r\n            padding: 20px;\r\n        }\r\n\r\n        .container {\r\n            background-color: white;\r\n            padding: 20px;\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            border-radius: 10px;\r\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        h1, h3 {\r\n            font-weight: bold;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        label {\r\n            font-weight: bold;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        input, textarea {\r\n            width: 100%;\r\n            padding: 10px;\r\n            margin-bottom: 15px;\r\n            border: 1px solid #ccc;\r\n            border-radius: 5px;\r\n        }\r\n\r\n        #company-color {\r\n            width: 100%;\r\n            padding: 5px;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .grid-container {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 20px;\r\n        }\r\n\r\n        .grid-container.full-width {\r\n            grid-template-columns: 1fr;\r\n        }\r\n\r\n        .section {\r\n            margin-bottom: 30px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 1px solid #ddd;\r\n        }\r\n\r\n        .invoice-summary, .summary-row {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .invoice-items {\r\n            margin-bottom: 20px;\r\n            padding: 20px;\r\n            border: 1px solid #ccc;\r\n            border-radius: 5px;\r\n            background-color: #f9f9f9;\r\n        }\r\n\r\n        .summary-box {\r\n            margin-top: 20px;\r\n            padding: 20px;\r\n            border: 1px solid #ccc;\r\n            border-radius: 5px;\r\n            background-color: #f9f9f9;\r\n        }\r\n\r\n        .add-item, .generate-btn {\r\n            background-color: #007bff;\r\n            color: white;\r\n            padding: 10px;\r\n            border: none;\r\n            border-radius: 5px;\r\n            cursor: pointer;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .generate-btn {\r\n            background-color: #28a745;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .summary-row.total strong {\r\n            font-size: 16px;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .summary-row.total span {\r\n            font-size: 16px;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .company-logo-preview {\r\n            margin-top: 10px;\r\n            max-height: 100px;\r\n            max-width: 100%;\r\n            display: none;\r\n        }\r\n\r\n        .logo-color-container {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n\r\n        .logo-color-container div {\r\n            width: 48%;\r\n        }\r\n\r\n        @media screen and (max-width: 768px) {\r\n            .grid-container {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .logo-color-container {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n            }\r\n\r\n            .logo-color-container div {\r\n                width: 100%;\r\n                margin-bottom: 10px;\r\n            }\r\n\r\n            #company-color {\r\n                max-width: 100px;\r\n            }\r\n\r\n            .container {\r\n                padding: 15px;\r\n            }\r\n\r\n            input, textarea {\r\n                font-size: 16px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n    <h1>Invoice Generator<\/h1>\r\n\r\n    <!-- Company Settings: Logo and Color -->\r\n    <div class=\"section\">\r\n        <h3>Company Settings<\/h3>\r\n        <div class=\"logo-color-container\">\r\n            <div>\r\n                <label for=\"company-logo\">Upload Company Logo<\/label>\r\n                <input type=\"file\" id=\"company-logo\" accept=\"image\/*\" onchange=\"loadLogo(event)\">\r\n                <img id=\"company-logo-preview\" class=\"company-logo-preview\" alt=\"Logo Preview\">\r\n            <\/div>\r\n            <div>\r\n                <label for=\"company-color\">Select Company Color<\/label>\r\n                <input type=\"color\" id=\"company-color\" value=\"#007bff\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"section\">\r\n        <div class=\"grid-container\">\r\n            <div>\r\n                <label for=\"company-name\">Company Name<\/label>\r\n                <input type=\"text\" id=\"company-name\" placeholder=\"Enter company name\">\r\n                <label for=\"company-address\">Company Address<\/label>\r\n                <textarea id=\"company-address\" placeholder=\"Enter company address\"><\/textarea>\r\n            <\/div>\r\n            <div>\r\n                <label for=\"invoice-number\">Invoice #<\/label>\r\n                <input type=\"text\" id=\"invoice-number\" value=\"01\">\r\n                <label for=\"issued-date\">Issued Date<\/label>\r\n                <input type=\"date\" id=\"issued-date\" value=\"2024-09-10\">\r\n                <label for=\"payment-date\">Payment Date<\/label>\r\n                <input type=\"date\" id=\"payment-date\" value=\"2024-09-10\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"section\">\r\n        <h3>Client Information<\/h3>\r\n        <div class=\"grid-container full-width\">\r\n            <div>\r\n                <label for=\"client-name\">Client Name<\/label>\r\n                <input type=\"text\" id=\"client-name\" placeholder=\"Enter client's name\">\r\n                <label for=\"client-address\">Client Address<\/label>\r\n                <textarea id=\"client-address\" placeholder=\"Enter client's address\"><\/textarea>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"section\">\r\n        <h3>Product\/Service<\/h3>\r\n        <div class=\"grid-container\">\r\n            <div>\r\n                <label for=\"item-description\">Description<\/label>\r\n                <textarea id=\"item-description\" placeholder=\"Service Description\"><\/textarea>\r\n            <\/div>\r\n            <div>\r\n                <label for=\"item-quantity\">Quantity<\/label>\r\n                <input type=\"number\" id=\"item-quantity\" value=\"1\" min=\"1\">\r\n                <label for=\"item-cost\">Unit Cost ($)<\/label>\r\n                <input type=\"number\" id=\"item-cost\" value=\"0\" min=\"0\">\r\n            <\/div>\r\n        <\/div>\r\n        <button class=\"add-item\" onclick=\"addItem()\">Add Line Item<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"invoice-items\" id=\"invoice-items\">\r\n        <h3>Invoice Items<\/h3>\r\n        <div id=\"item-list\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"summary-box\">\r\n        <h3>Invoice Summary<\/h3>\r\n        <div class=\"summary-row\">\r\n            <strong>Subtotal<\/strong>\r\n            <span id=\"subtotal\">$0.00<\/span>\r\n        <\/div>\r\n        <div class=\"summary-row\">\r\n            <label for=\"discount\">Discount ($)<\/label>\r\n            <input type=\"number\" id=\"discount\" value=\"0\" min=\"0\" onchange=\"updateTotal()\">\r\n        <\/div>\r\n        <div class=\"summary-row\">\r\n            <label for=\"tax\">Tax (%)<\/label>\r\n            <input type=\"number\" id=\"tax\" value=\"13\" min=\"0\" onchange=\"updateTotal()\">\r\n        <\/div>\r\n        <div class=\"summary-row total\">\r\n            <strong>Total<\/strong>\r\n            <span id=\"total\">$0.00<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Email Input Field -->\r\n    <div class=\"section\">\r\n        <label for=\"email\">Email Invoice To<\/label>\r\n        <input type=\"email\" id=\"email\" placeholder=\"Enter recipient's email\">\r\n    <\/div>\r\n\r\n    <!-- Generate PDF Button (renamed) -->\r\n    <button class=\"generate-btn\" id=\"generate-btn\" onclick=\"sendInvoiceEmail()\">Send Invoice to Email<\/button>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n<script>\r\n    let items = [];\r\n    let logoDataURL = '';\r\n    const yourCompanyLogoURL = 'https:\/\/i4tglobal.com\/wp-content\/uploads\/2021\/10\/business-logo-new.png';\r\n\r\n    function addItem() {\r\n        const description = document.getElementById('item-description').value;\r\n        const quantity = parseInt(document.getElementById('item-quantity').value);\r\n        const cost = parseFloat(document.getElementById('item-cost').value);\r\n\r\n        if (description && cost > 0 && quantity > 0) {\r\n            const newItem = { description, quantity, cost };\r\n            items.push(newItem);\r\n            displayItems();\r\n        } else {\r\n            alert('Please enter valid description, quantity, and cost');\r\n        }\r\n    }\r\n\r\n    function displayItems() {\r\n        const itemContainer = document.getElementById('item-list');\r\n        itemContainer.innerHTML = '';\r\n\r\n        let subtotal = 0;\r\n        items.forEach((item, index) => {\r\n            const itemElement = document.createElement('div');\r\n            itemElement.className = 'summary-row';\r\n            const totalCost = (item.quantity * item.cost).toFixed(2);\r\n            itemElement.innerHTML = `\r\n                <strong>${item.description} (x${item.quantity})<\/strong>\r\n                <span>$${totalCost}<\/span>\r\n                <button  onclick=\"removeItem(${index})\">Remove<\/button>`;\r\n            itemContainer.appendChild(itemElement);\r\n            subtotal += item.quantity * item.cost;\r\n        });\r\n\r\n        document.getElementById('subtotal').innerText = `$${subtotal.toFixed(2)}`;\r\n        updateTotal();\r\n    }\r\n\r\n    function removeItem(index) {\r\n        items.splice(index, 1);\r\n        displayItems();\r\n    }\r\n\r\n    function updateTotal() {\r\n        const subtotal = items.reduce((acc, item) => acc + item.quantity * item.cost, 0);\r\n        const discount = parseFloat(document.getElementById('discount').value) || 0;\r\n        const tax = parseFloat(document.getElementById('tax').value) || 0;\r\n        const totalBeforeTax = subtotal - discount;\r\n        const total = totalBeforeTax + (totalBeforeTax * (tax \/ 100));\r\n\r\n        document.getElementById('total').innerText = `$${total.toFixed(2)}`;\r\n    }\r\n\r\n    function loadLogo(event) {\r\n        const reader = new FileReader();\r\n        reader.onload = function() {\r\n            logoDataURL = reader.result;\r\n            const logoPreview = document.getElementById('company-logo-preview');\r\n            logoPreview.src = logoDataURL;\r\n            logoPreview.style.display = 'block';\r\n        };\r\n        reader.readAsDataURL(event.target.files[0]);\r\n    }\r\n\r\n    async function sendInvoiceEmail() {\r\n        const { jsPDF } = window.jspdf;\r\n        const doc = new jsPDF({ unit: 'pt', format: 'a4' });\r\n\r\n        const companyColor = document.getElementById('company-color').value;\r\n        const companyName = document.getElementById('company-name').value;\r\n        const companyAddress = document.getElementById('company-address').value;\r\n        const invoiceNumber = document.getElementById('invoice-number').value;\r\n        const issuedDate = document.getElementById('issued-date').value;\r\n        const paymentDate = document.getElementById('payment-date').value;\r\n        const clientName = document.getElementById('client-name').value;\r\n        const clientAddress = document.getElementById('client-address').value;\r\n        const subtotal = document.getElementById('subtotal').innerText;\r\n        const total = document.getElementById('total').innerText;\r\n        const discount = document.getElementById('discount').value;\r\n        const tax = document.getElementById('tax').value;\r\n\r\n        if (logoDataURL) {\r\n            doc.addImage(logoDataURL, 'PNG', 40, 20, 100, 50);\r\n        }\r\n\r\n        doc.setFontSize(14);\r\n        doc.text(companyName, 40, 160);\r\n        doc.setFontSize(12);\r\n        doc.text(companyAddress, 40, 180);\r\n\r\n        doc.setFontSize(14);\r\n        doc.text(\"Bill To:\", 40, 220);\r\n        doc.setFontSize(12);\r\n        doc.text(clientName, 40, 240);\r\n        doc.text(clientAddress, 40, 260);\r\n\r\n        doc.setFillColor(companyColor);\r\n        doc.setTextColor(255, 255, 255);\r\n        doc.rect(400, 160, 150, 100, 'F');\r\n        doc.text(`Invoice #${invoiceNumber}`, 410, 180);\r\n        doc.text(`Total: ${total}`, 410, 210);\r\n        doc.text(`Issued: ${issuedDate}`, 410, 230);\r\n        doc.text(`Due: ${paymentDate}`, 410, 250);\r\n\r\n        let yPos = 300;\r\n        doc.setFillColor(companyColor);\r\n        doc.setTextColor(255, 255, 255);\r\n        doc.rect(40, yPos, 520, 24, 'F');\r\n        doc.text(\"PRODUCT \/ SERVICE\", 50, yPos + 15);\r\n        doc.text(\"DESCRIPTION\", 200, yPos + 15);\r\n        doc.text(\"QTY.\", 350, yPos + 15);\r\n        doc.text(\"UNIT PRICE\", 400, yPos + 15);\r\n        doc.text(\"TOTAL\", 480, yPos + 15);\r\n\r\n        yPos += 60;\r\n        doc.setTextColor(0);\r\n        items.forEach(item => {\r\n            doc.text(item.description, 50, yPos);\r\n            doc.text(item.quantity.toString(), 350, yPos);\r\n            doc.text(`$${item.cost.toFixed(2)}`, 400, yPos);\r\n            doc.text(`$${(item.quantity * item.cost).toFixed(2)}`, 480, yPos);\r\n            yPos += 20;\r\n        });\r\n\r\n        yPos += 10;\r\n        doc.line(40, yPos, 560, yPos);\r\n        yPos += 20;\r\n\r\n        doc.setFontSize(12);\r\n        doc.text(\"Subtotal:\", 400, yPos);\r\n        doc.text(subtotal, 480, yPos);\r\n        yPos += 20;\r\n\r\n        doc.text(\"Discount:\", 400, yPos);\r\n        doc.text(`$${discount}`, 480, yPos);\r\n        yPos += 20;\r\n\r\n        doc.text(\"Tax Rate:\", 400, yPos);\r\n        doc.text(`${tax}%`, 480, yPos);\r\n        yPos += 20;\r\n\r\n        doc.setFontSize(14);\r\n        doc.setFillColor(companyColor);\r\n        doc.setTextColor(255, 255, 255);\r\n        doc.rect(400, yPos, 150, 24, 'F');\r\n        doc.text(\"Total:\", 410, yPos + 15);\r\n        doc.text(total, 480, yPos + 15);\r\n\r\n        \/\/ Footer Branding with clickable link and your permanent logo (Inline with text)\r\n        const linkX = 40;\r\n        const linkY = 780;\r\n\r\n        doc.setFontSize(10);\r\n        doc.setTextColor(150);\r\n        doc.text(\"Thank you for your business!\", 40, 760);\r\n\r\n        \/\/ Powered by Text with bold and black color\r\n        doc.setFontSize(10);\r\n        doc.setTextColor(0, 0, 0);\r\n        doc.setFont('helvetica', 'bold');\r\n        doc.textWithLink(\"Powered by\", linkX, linkY, { url: 'https:\/\/i4tbusiness.com' });\r\n\r\n        \/\/ Load your company logo with proper aspect ratio and reduced gap\r\n        const logoWidth = 70;\r\n        const logoHeight = 25;\r\n\r\n        doc.addImage(yourCompanyLogoURL, 'PNG', linkX + 60, linkY - 15, logoWidth, logoHeight);\r\n\r\n        const pdfData = doc.output('datauristring').split(',')[1];\r\n        const email = document.getElementById('email').value;\r\n        if (!email) {\r\n            alert(\"Please enter a recipient's email address.\");\r\n            return;\r\n        }\r\n\r\n        try {\r\n            const response = await fetch('\/wp-json\/invoice\/v1\/send-pdf', {\r\n                method: 'POST',\r\n                headers: { 'Content-Type': 'application\/json' },\r\n                body: JSON.stringify({ email, pdfData }),\r\n            });\r\n\r\n            if (response.ok) {\r\n                alert(\"Invoice sent successfully!\");\r\n            } else {\r\n                alert(\"Failed to send invoice.\");\r\n            }\r\n        } catch (error) {\r\n            console.error(\"Error sending invoice:\", error);\r\n            alert(\"An error occurred while sending the invoice.\");\r\n        }\r\n    }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec662d1 e-flex e-con-boxed e-con e-parent\" data-id=\"ec662d1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-949a57b e-con-full e-flex e-con e-child\" data-id=\"949a57b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-31f9d20 e-con-full e-flex e-con e-child\" data-id=\"31f9d20\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65d56f8 elementor-widget elementor-widget-image\" data-id=\"65d56f8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"703\" src=\"https:\/\/i4tbusiness.com\/au\/wp-content\/uploads\/2024\/09\/web-add-on-1024x703.png\" class=\"attachment-large size-large wp-image-8840\" alt=\"\" srcset=\"https:\/\/i4tbusiness.com\/au\/wp-content\/uploads\/2024\/09\/web-add-on-1024x703.png 1024w, https:\/\/i4tbusiness.com\/au\/wp-content\/uploads\/2024\/09\/web-add-on-300x206.png 300w, https:\/\/i4tbusiness.com\/au\/wp-content\/uploads\/2024\/09\/web-add-on-768x527.png 768w, https:\/\/i4tbusiness.com\/au\/wp-content\/uploads\/2024\/09\/web-add-on-1536x1055.png 1536w, https:\/\/i4tbusiness.com\/au\/wp-content\/uploads\/2024\/09\/web-add-on-2048x1407.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c1920b e-con-full e-flex e-con e-child\" data-id=\"0c1920b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d78a657 elementor-widget elementor-widget-heading\" data-id=\"d78a657\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Take <span class=\"grad-txt\">i4T Business<\/span> for a Spin.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-497bc12 elementor-widget elementor-widget-text-editor\" data-id=\"497bc12\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<span style=\"font-weight: 400;\">Make your journey from Service Pricing to Quoting, Invoicing, and Payments a smoother one! <\/span>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b57fa85 elementor-align-left elementor-tablet-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"b57fa85\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/i4tbusiness.com\/au\/pricing\" target=\"_blank\" integrations=\"\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Start Your Free Trial<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-634a70b e-flex e-con-boxed e-con e-child\" data-id=\"634a70b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6d2f9c elementor-widget elementor-widget-heading\" data-id=\"e6d2f9c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">                     Other Business Tools You Should Try\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46464d8 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"46464d8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-705a03a e-con-full e-flex e-con e-child\" data-id=\"705a03a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbecf9f elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"cbecf9f\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-file\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Service Quotation Template<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d44df0 e-con-full e-flex e-con e-child\" data-id=\"3d44df0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4764b96 elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"4764b96\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-file-invoice-dollar\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9zm-153 31V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zM64 72c0-4.42 3.58-8 8-8h80c4.42 0 8 3.58 8 8v16c0 4.42-3.58 8-8 8H72c-4.42 0-8-3.58-8-8V72zm0 80v-16c0-4.42 3.58-8 8-8h80c4.42 0 8 3.58 8 8v16c0 4.42-3.58 8-8 8H72c-4.42 0-8-3.58-8-8zm144 263.88V440c0 4.42-3.58 8-8 8h-16c-4.42 0-8-3.58-8-8v-24.29c-11.29-.58-22.27-4.52-31.37-11.35-3.9-2.93-4.1-8.77-.57-12.14l11.75-11.21c2.77-2.64 6.89-2.76 10.13-.73 3.87 2.42 8.26 3.72 12.82 3.72h28.11c6.5 0 11.8-5.92 11.8-13.19 0-5.95-3.61-11.19-8.77-12.73l-45-13.5c-18.59-5.58-31.58-23.42-31.58-43.39 0-24.52 19.05-44.44 42.67-45.07V232c0-4.42 3.58-8 8-8h16c4.42 0 8 3.58 8 8v24.29c11.29.58 22.27 4.51 31.37 11.35 3.9 2.93 4.1 8.77.57 12.14l-11.75 11.21c-2.77 2.64-6.89 2.76-10.13.73-3.87-2.43-8.26-3.72-12.82-3.72h-28.11c-6.5 0-11.8 5.92-11.8 13.19 0 5.95 3.61 11.19 8.77 12.73l45 13.5c18.59 5.58 31.58 23.42 31.58 43.39 0 24.53-19.05 44.44-42.67 45.07z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Service Invoice Template<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\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<div class=\"elementor-element elementor-element-92808bd e-con-full e-flex e-con e-child\" data-id=\"92808bd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e840a47 e-con-full e-flex e-con e-child\" data-id=\"e840a47\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17b7d6d elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"17b7d6d\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/au\/tools\/profit-margin-calculator\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-calculator\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M400 0H48C22.4 0 0 22.4 0 48v416c0 25.6 22.4 48 48 48h352c25.6 0 48-22.4 48-48V48c0-25.6-22.4-48-48-48zM128 435.2c0 6.4-6.4 12.8-12.8 12.8H76.8c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm0-128c0 6.4-6.4 12.8-12.8 12.8H76.8c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm128 128c0 6.4-6.4 12.8-12.8 12.8h-38.4c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm0-128c0 6.4-6.4 12.8-12.8 12.8h-38.4c-6.4 0-12.8-6.4-12.8-12.8v-38.4c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v38.4zm128 128c0 6.4-6.4 12.8-12.8 12.8h-38.4c-6.4 0-12.8-6.4-12.8-12.8V268.8c0-6.4 6.4-12.8 12.8-12.8h38.4c6.4 0 12.8 6.4 12.8 12.8v166.4zm0-256c0 6.4-6.4 12.8-12.8 12.8H76.8c-6.4 0-12.8-6.4-12.8-12.8V76.8C64 70.4 70.4 64 76.8 64h294.4c6.4 0 12.8 6.4 12.8 12.8v102.4z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Profit-Margin Calculator<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-deeb984 e-con-full e-flex e-con e-child\" data-id=\"deeb984\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f96ec86 elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"f96ec86\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/au\/tools\/price-calculator\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-file\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Service Price Calculator<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c3ae469 e-flex e-con-boxed e-con e-parent\" data-id=\"c3ae469\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7a9add0 e-con-full e-flex e-con e-child\" data-id=\"7a9add0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d5ef72 elementor-widget elementor-widget-heading\" data-id=\"2d5ef72\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a71117e elementor-widget elementor-widget-accordion\" data-id=\"a71117e\" data-element_type=\"widget\" data-widget_type=\"accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1751\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-1751\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">What is the Best Time to Send an Invoice?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1751\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-1751\"><p><span style=\"font-weight: 400;\">The best time to send an invoice is right after the job is done or the service is provided. It\u2019s fresh in your client\u2019s mind, and they\u2019re more likely to pay promptly. If you\u2019re working on a longer project, you might send invoices at key milestones or on a weekly\/monthly schedule. Quick and timely invoicing keeps things running smoothly!<\/span><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1752\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-1752\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">How Do I Ensure My Invoices Get Paid on Time?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1752\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-1752\"><p><span style=\"font-weight: 400;\">To help ensure timely payments:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Send invoices ASAP: The sooner your client gets it, the sooner they can pay.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Be clear about payment terms: Make sure due dates and payment options are easy to understand.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use invoicing software: Tools like i4T Business let you automate reminders, add \u201cpay now\u201d buttons to invoices, and track payments.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Follow up gently: If an invoice is late, a friendly reminder can go a long way.<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">These steps help you avoid delays and keep your cash flow healthy.<\/span><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1753\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-1753\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Why Should I Create a Detailed Invoice?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1753\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-1753\"><p><span style=\"font-weight: 400;\">A detailed invoice leaves no room for confusion. When you break down services, costs, taxes, and due dates, your clients understand exactly what they\u2019re paying for. This transparency helps avoid disputes and speeds up the payment process. Clients appreciate clarity, and it keeps your business looking professional.<\/span><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1754\" class=\"elementor-tab-title\" data-tab=\"4\" role=\"button\" aria-controls=\"elementor-tab-content-1754\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">What is a Partial Invoice?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1754\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"region\" aria-labelledby=\"elementor-tab-title-1754\"><p><span style=\"font-weight: 400;\">A partial invoice allows you to charge for part of the work before the entire project is completed. It\u2019s great for larger jobs or ongoing projects where you want to bill for progress as you go. For example, you might invoice for 50% upfront and the remaining 50% when the work is finished. This helps with cash flow and ensures both you and your client stay on the same page.<\/span><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1755\" class=\"elementor-tab-title\" data-tab=\"5\" role=\"button\" aria-controls=\"elementor-tab-content-1755\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">What is Invoicing Software?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1755\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"5\" role=\"region\" aria-labelledby=\"elementor-tab-title-1755\"><p><span style=\"font-weight: 400;\">Invoicing software helps you easily create, send, and track invoices, so you can get paid faster and with less hassle. With i4T Business, you can do even more:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Turn quotes into invoices: No need to re-enter info\u2014just convert your quotes directly into invoices.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Send partial invoices: Bill clients in phases, perfect for long-term projects.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Accept partial payments: Allow clients to pay in installments, keeping things flexible.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201cPay Now\u201d buttons: Make it super easy for clients to pay by adding a payment button directly in the invoice email.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Integrates with accounting software: i4T Business works with tools like Xero, MYOB, and QuickBooks, so your finances stay in sync.<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">With i4T Business, invoicing becomes a breeze. You\u2019ll save time, get paid faster, and have everything organised in one place. <a href=\"\/au\/pricing\/\">Start your free trial today<\/a> and see how it can transform your invoicing!<\/span><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What is the Best Time to Send an Invoice?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p><span style=\\\"font-weight: 400;\\\">The best time to send an invoice is right after the job is done or the service is provided. It\\u2019s fresh in your client\\u2019s mind, and they\\u2019re more likely to pay promptly. If you\\u2019re working on a longer project, you might send invoices at key milestones or on a weekly\\\/monthly schedule. Quick and timely invoicing keeps things running smoothly!<\\\/span><\\\/p>\"}},{\"@type\":\"Question\",\"name\":\"How Do I Ensure My Invoices Get Paid on Time?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p><span style=\\\"font-weight: 400;\\\">To help ensure timely payments:<\\\/span><\\\/p><ul><li style=\\\"font-weight: 400;\\\" aria-level=\\\"1\\\"><span style=\\\"font-weight: 400;\\\">Send invoices ASAP: The sooner your client gets it, the sooner they can pay.<\\\/span><\\\/li><li style=\\\"font-weight: 400;\\\" aria-level=\\\"1\\\"><span style=\\\"font-weight: 400;\\\">Be clear about payment terms: Make sure due dates and payment options are easy to understand.<\\\/span><\\\/li><li style=\\\"font-weight: 400;\\\" aria-level=\\\"1\\\"><span style=\\\"font-weight: 400;\\\">Use invoicing software: Tools like i4T Business let you automate reminders, add \\u201cpay now\\u201d buttons to invoices, and track payments.<\\\/span><\\\/li><li style=\\\"font-weight: 400;\\\" aria-level=\\\"1\\\"><span style=\\\"font-weight: 400;\\\">Follow up gently: If an invoice is late, a friendly reminder can go a long way.<\\\/span><\\\/li><\\\/ul><p><span style=\\\"font-weight: 400;\\\">These steps help you avoid delays and keep your cash flow healthy.<\\\/span><\\\/p>\"}},{\"@type\":\"Question\",\"name\":\"Why Should I Create a Detailed Invoice?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p><span style=\\\"font-weight: 400;\\\">A detailed invoice leaves no room for confusion. When you break down services, costs, taxes, and due dates, your clients understand exactly what they\\u2019re paying for. This transparency helps avoid disputes and speeds up the payment process. Clients appreciate clarity, and it keeps your business looking professional.<\\\/span><\\\/p>\"}},{\"@type\":\"Question\",\"name\":\"What is a Partial Invoice?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p><span style=\\\"font-weight: 400;\\\">A partial invoice allows you to charge for part of the work before the entire project is completed. It\\u2019s great for larger jobs or ongoing projects where you want to bill for progress as you go. For example, you might invoice for 50% upfront and the remaining 50% when the work is finished. This helps with cash flow and ensures both you and your client stay on the same page.<\\\/span><\\\/p>\"}},{\"@type\":\"Question\",\"name\":\"What is Invoicing Software?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p><span style=\\\"font-weight: 400;\\\">Invoicing software helps you easily create, send, and track invoices, so you can get paid faster and with less hassle. With i4T Business, you can do even more:<\\\/span><\\\/p><ul><li style=\\\"font-weight: 400;\\\" aria-level=\\\"1\\\"><span style=\\\"font-weight: 400;\\\">Turn quotes into invoices: No need to re-enter info\\u2014just convert your quotes directly into invoices.<\\\/span><\\\/li><li style=\\\"font-weight: 400;\\\" aria-level=\\\"1\\\"><span style=\\\"font-weight: 400;\\\">Send partial invoices: Bill clients in phases, perfect for long-term projects.<\\\/span><\\\/li><li style=\\\"font-weight: 400;\\\" aria-level=\\\"1\\\"><span style=\\\"font-weight: 400;\\\">Accept partial payments: Allow clients to pay in installments, keeping things flexible.<\\\/span><\\\/li><li style=\\\"font-weight: 400;\\\" aria-level=\\\"1\\\"><span style=\\\"font-weight: 400;\\\">\\u201cPay Now\\u201d buttons: Make it super easy for clients to pay by adding a payment button directly in the invoice email.<\\\/span><\\\/li><li style=\\\"font-weight: 400;\\\" aria-level=\\\"1\\\"><span style=\\\"font-weight: 400;\\\">Integrates with accounting software: i4T Business works with tools like Xero, MYOB, and QuickBooks, so your finances stay in sync.<\\\/span><\\\/li><\\\/ul><p><span style=\\\"font-weight: 400;\\\">With i4T Business, invoicing becomes a breeze. You\\u2019ll save time, get paid faster, and have everything organised in one place. <a href=\\\"\\\/au\\\/pricing\\\/\\\">Start your free trial today<\\\/a> and see how it can transform your invoicing!<\\\/span><\\\/p>\"}}]}<\/script>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Free Tools Free Invoice Generator Start Making Beautiful, Customised Invoices with a Click Create Invoice Ready in Less Than a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":12677,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-11198","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/i4tbusiness.com\/au\/wp-json\/wp\/v2\/pages\/11198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/i4tbusiness.com\/au\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/i4tbusiness.com\/au\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/i4tbusiness.com\/au\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/i4tbusiness.com\/au\/wp-json\/wp\/v2\/comments?post=11198"}],"version-history":[{"count":0,"href":"https:\/\/i4tbusiness.com\/au\/wp-json\/wp\/v2\/pages\/11198\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/i4tbusiness.com\/au\/wp-json\/wp\/v2\/pages\/12677"}],"wp:attachment":[{"href":"https:\/\/i4tbusiness.com\/au\/wp-json\/wp\/v2\/media?parent=11198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}