{"id":5171,"date":"2024-05-14T13:07:11","date_gmt":"2024-05-14T13:07:11","guid":{"rendered":"https:\/\/bestsoln.com\/web\/?page_id=5171"},"modified":"2024-05-23T20:33:57","modified_gmt":"2024-05-23T20:33:57","slug":"invoice-generator","status":"publish","type":"page","link":"https:\/\/bestsoln.com\/web\/web-tool\/invoice-generator\/","title":{"rendered":"Invoice Generator"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\t\t\t<!-- Flexy Breadcrumb -->\r\n\t\t\t<div class=\"fbc fbc-page\">\r\n\r\n\t\t\t\t<!-- Breadcrumb wrapper -->\r\n\t\t\t\t<div class=\"fbc-wrap\">\r\n\r\n\t\t\t\t\t<!-- Ordered list-->\r\n\t\t\t\t\t<ol class=\"fbc-items\" itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\">\r\n\t\t\t\t\t\t            <li itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\">\r\n                <span itemprop=\"name\">\r\n                    <!-- Home Link -->\r\n                    <a itemprop=\"item\" href=\"https:\/\/bestsoln.com\/web\">\r\n                    \r\n                                                    <i class=\"fa fa-home\" aria-hidden=\"true\"><\/i>Home                    <\/a>\r\n                <\/span>\r\n                <meta itemprop=\"position\" content=\"1\" \/><!-- Meta Position-->\r\n             <\/li><li><span class=\"fbc-separator\">\/<\/span><\/li><li class=\"active\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\"><span itemprop=\"name\" title=\"Invoice Generator\">Invoice Generator<\/span><meta itemprop=\"position\" content=\"2\" \/><\/li>\t\t\t\t\t<\/ol>\r\n\t\t\t\t\t<div class=\"clearfix\"><\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">About Invoice Generator<\/h2>\n\n\n\n<p class=\"jusfy\">This Editable Invoice Template is a web-based tool that allows users to create, customize, and print professional invoices directly from their browser. The template includes sections for company information, customer details, invoice specifics, itemized billing, and payment details. It also features content editable fields, making it easy to modify text directly on the page.<\/p>\n\n\n\n<p>Found a bug? <a href=\"https:\/\/bestsoln.com\/web\/contact-us\/\">Raise a bug here!<\/a><\/p>\n\n\n\n<div class=\"wp-block-group has-border-color is-layout-constrained wp-container-core-group-is-layout-283b4700 wp-block-group-is-layout-constrained\" style=\"border-color:#ff6900;border-width:2px;border-radius:10px;margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<h2 class=\"wp-block-heading jusfy\">Generate Invoice<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-4e0443d7 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--20)\"><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\" integrity=\"sha512-GsLlZN\/3F2ErC5ifS5QtgpiJtWd43JWSuIgh7mbzZ8zBps+dvLusV+eNQATqgA\/HdeKFVgA5v3S\/cIrLF7QnIg==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"><\/script>\r\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.11.3\/jquery.min.js\"><\/script>\r\n\r\n<div id=\"page-wrap\">\r\n    <div class=\"invoice\" id=\"invoice\">\r\n        <p contenteditable=\"true\" class=\"cname\">YOUR COMPANY NAME<\/p>\r\n        <p contenteditable=\"true\" class=\"sunfont\">47 Swan St, West Malling, Kent County.\r\n            <br>Company Registration No. 123456<\/p>\r\n        <textarea id=\"header\">INVOICE<\/textarea>\r\n        <div id=\"identity\">\r\n            <textarea id=\"address\" maxlength=34>ABC Company Limited, Columbia.<\/textarea>\r\n            <div id=\"customer\">\r\n                <table id=\"meta\">\r\n                    <tr>\r\n                        <td class=\"meta-head\">Guest Name<\/td>\r\n                        <td>\r\n                            <textarea>John Doe<\/textarea>\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"meta-head\">Voucher No.<\/td>\r\n                        <td>\r\n                            <textarea>600227837<\/textarea>\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"meta-head\">Booking Reference<\/td>\r\n                        <td>\r\n                            <textarea>#2022\/3053<\/textarea>\r\n                        <\/td>\r\n                    <\/tr>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n        <div style=\"clear:both\"><\/div>\r\n        <br>\r\n        <div id=\"customer\">\r\n            <div style=\"float: left\">\r\n                <table id=\"meta\">\r\n                    <tr>\r\n                        <td class=\"meta-head\">Invoice #<\/td>\r\n                        <td>\r\n                            <textarea>001<\/textarea>\r\n                        <\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"meta-head\">Invoice Date<\/td>\r\n                        <td>\r\n                            <textarea id=\"date\" type=\"date\">7\/25\/2022<\/textarea>\r\n                        <\/td>\r\n                    <\/tr>\r\n\r\n                <\/table>\r\n\r\n            <\/div>\r\n\r\n            <table id=\"meta\">\r\n                <tr>\r\n                    <td class=\"meta-head\">Arrival Date<\/td>\r\n                    <td>\r\n                        <textarea id=\"date\" type=\"date\">7\/25\/2022<\/textarea>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td class=\"meta-head\">Departure Date<\/td>\r\n                    <td>\r\n                        <textarea id=\"date\" type=\"date\">8\/25\/2022<\/textarea>\r\n                    <\/td>\r\n                <\/tr>\r\n            <\/table>\r\n        <\/div>\r\n        <div style=\"clear:both\"><\/div><br>\r\n        <div id=\"customer\">\r\n            <div style=\"float: left\">\r\n                <table id=\"meta\">\r\n                    <tr>\r\n                        <td class=\"meta-head\">Currency<\/td>\r\n                        <td>\r\n                            <textarea>$<\/textarea>\r\n                        <\/td>\r\n                    <\/tr>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n    \r\n        <!-- St-->\r\n        <table id=\"items\">\r\n            <tr>\r\n                <th>Description<\/th>\r\n                <th>Price<\/th>\r\n                <th>Quantity<\/th>\r\n                <th>Amount<\/th>\r\n            <\/tr>\r\n\r\n            <tr class=\"item-row\">\r\n                <td class=\"description\">\r\n                    <div class=\"delete-wpr\">\r\n                        <textarea>Accommodation - BB Basis - Deluxe<\/textarea>\r\n                        <!--<a class=\"delete\" href=\"javascript:;\" title=\"Remove row\">X<\/a>-->\r\n                    <\/div>\r\n                <\/td>\r\n                <td class=\"cost1\">\r\n                    <textarea class=\"cost\">650.00<\/textarea>\r\n                <\/td>\r\n                <td class=\"qty1\">\r\n                    <textarea class=\"qty\">1.00<\/textarea>\r\n                <\/td>\r\n                <td class=\"price1\">\r\n                    <textarea class=\"price\">650.00<\/textarea>\r\n                <\/td>\r\n            <\/tr>\r\n\r\n            <tr id=\"hiderow\">\r\n                <td colspan=\"4\">\r\n                    <button id=\"addrow\" type=\"button\" class=\"btn\"><i class=\" fa fa-plus-circle\"><\/i> Add a row<\/button>\r\n                    <button id=\"delrow\" type=\"button\" class=\"btn\"><i class=\" fa fa-minus-circle\"><\/i> Delete a row<\/button>\r\n                <\/td>\r\n            <\/tr>\r\n\r\n            <tr>\r\n                <td colspan=\"3\" class=\"total-line\">\r\n                    <b>Sub Total :<\/b>\r\n                <\/td>\r\n                <td colspan=\"4\" class=\"total-line\">\r\n                    <textarea id=\"subtotal\">650.00<\/textarea>\r\n                <\/td>\r\n            <\/tr>\r\n\r\n            <tr>\r\n                <td colspan=\"3\" class=\"total-line\">\r\n                    <b>Discount (%) :<\/b>\r\n                <\/td>\r\n                <td colspan=\"4\" class=\"total-line\">\r\n                    <textarea id=\"discount\">0<\/textarea>\r\n                <\/td>\r\n            <\/tr>\r\n\r\n            <tr>\r\n                <td colspan=\"3\" class=\"total-line\">\r\n                    <b>Payments (-) :<\/b>\r\n                <\/td>\r\n                <td colspan=\"4\" class=\"total-line\">\r\n                    <textarea id=\"pay\">0<\/textarea>\r\n                <\/td>\r\n            <\/tr>\r\n\r\n            <tr>\r\n                <td colspan=\"3\" class=\"total-line\">\r\n                    <b>Balance Due :<\/b>\r\n                <\/td>\r\n                <td colspan=\"4\" class=\"total-line\">\r\n                    <textarea readonly=\"readonly\" id=\"total\">0<\/textarea>\r\n                <\/td>\r\n            <\/tr>\r\n\r\n            <tr>\r\n                <td colspan=\"1\">\r\n                    <p style=\"background-color: #D1D1D1;\">\r\n                        <b>Bank Account Details<\/b>\r\n                    <\/p>\r\n                    <p contenteditable=\"true\">\r\n                        <b>A\/c Name :<\/b> Your Company Name<\/p>\r\n                    <p contenteditable=\"true\">\r\n                        <b>Acc. No :<\/b> 01234567894\r\n                    <\/p>\r\n                    <p contenteditable=\"true\">\r\n                        <b>Bank :<\/b> ABC Bank, Xyz Branch<\/p>\r\n                    <p contenteditable=\"true\">\r\n                        <b>Bank Code :<\/b> 7083\r\n                        <b>Branch Code :<\/b> 999\r\n                    <\/p>\r\n                    <p contenteditable=\"true\">\r\n                        <b>SWIFT Code :<\/b> HBGGLKLX\r\n                    <\/p>\r\n                <\/td>\r\n\r\n                <td colspan=\"4\" class=\"note\">\r\n                    <p style=\"background-color: #D1D1D1;\">\r\n                        <b>Note<\/b>\r\n                    <\/p>\r\n                    <p contenteditable=\"true\">\r\n                        <b>Exchange Rate<\/b> - Please use the prevailing Central Bank buying rate on the date you pay for the invoice.<\/p>\r\n                <\/td>\r\n            <\/tr>\r\n        <\/table>\r\n\r\n        <footer style=\"text-align: center\">\r\n            <p>\r\n                <br>\r\n            <\/p>\r\n            <p contenteditable=\"true\">*** This is an original computer generated invoice, official seal or signature not compulsory ***<\/p>\r\n            <p contenteditable=\"true\">Telephone:+947723500003 Email: yourcompany@gmail.com<\/p>\r\n        <\/footer>\r\n    <\/div>\r\n    <hr>\r\n    <br>\r\n\r\n    <div class=\"printbtn\">\r\n        <button class=\"button\" onclick=\"getPrice()\">Calculate<\/button>\r\n        <button class=\"button\" onclick=\"printpdf()\">Print Invoice<\/button>\r\n    <\/div>\r\n    <br>\r\n    <br>\r\n<\/div>\r\n<br>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">How to Use Invoice Generator?<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: <strong>Edit Company Information<\/strong><\/h3>\n\n\n\n<p>Click on the text fields labeled &#8220;YOUR COMPANY NAME&#8221; and &#8220;47 Swan St, West Malling, Kent County&#8221; to enter your company&#8217;s name and address.<\/p>\n\n\n\n<p>Update the company registration number if necessary.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: <strong>Edit Invoice Header<\/strong><\/h3>\n\n\n\n<p>Click on the &#8220;INVOICE&#8221; text area to modify the invoice header if needed.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: <strong>Enter Customer Information<\/strong><\/h3>\n\n\n\n<p>In the &#8220;ABC Company Limited&#8221; section, replace the placeholder text with the customer&#8217;s address and other relevant details.<\/p>\n\n\n\n<p>Update the &#8220;Guest Name,&#8221; &#8220;Voucher No.,&#8221; and &#8220;Booking Reference&#8221; fields by clicking and typing into the provided text areas.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: <strong>Enter Invoice and Booking Details<\/strong><\/h3>\n\n\n\n<p>Fill in the &#8220;Invoice #,&#8221; &#8220;Invoice Date,&#8221; &#8220;Arrival Date,&#8221; and &#8220;Departure Date&#8221; fields by clicking and entering the appropriate information.<\/p>\n\n\n\n<p>Fill in the &#8220;Currency&#8221; by clicking and entering the appropriate information.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: <strong>Add and Edit Items<\/strong><\/h3>\n\n\n\n<p>In the &#8220;Description,&#8221; &#8220;Price,&#8221; &#8220;Quantity,&#8221; and &#8220;Amount&#8221; columns, click and type to enter the details of the services or products provided.<\/p>\n\n\n\n<p>To add a new row for additional items, click the &#8220;Add a row&#8221; link at the bottom of the items table.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 6: <strong>Update Financial Details<\/strong><\/h3>\n\n\n\n<p>Enter the subtotal amount, any applicable discounts, payments received, and the balance due in the respective fields.<\/p>\n\n\n\n<p>The &#8220;Balance Due&#8221; field is set to be read-only, so it should be calculated automatically if the functionality is implemented in the associated JavaScript.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 7: <strong>Bank Account and Note<\/strong><\/h3>\n\n\n\n<p>Edit the bank account details, including account name, number, bank name, branch code, and SWIFT code, by clicking and typing into the respective fields.<\/p>\n\n\n\n<p>Modify the note section to include any additional information or instructions related to the invoice.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 8: <strong>Footer Information<\/strong><\/h3>\n\n\n\n<p>Update the footer with any necessary details, such as a disclaimer, contact information, or additional notes.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 9: <strong>Calculate and Print<\/strong><\/h3>\n\n\n\n<p>Click the &#8220;Calculate&#8221; button to compute the total amount due, taking into account any discounts or payments.<\/p>\n\n\n\n<p>Click the &#8220;Print Invoice&#8221; button to print the invoice or save it as a PDF.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"jusfy\">By following these steps, users can efficiently create a customized invoice for their business needs. The template&#8217;s editable fields make it versatile and easy to adapt for various invoicing purposes.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>About Invoice Generator This Editable Invoice Template is a web-based tool that allows users to create, customize, and print professional invoices directly from their browser. The template includes sections for company information, customer details, invoice specifics, itemized billing, and payment&#8230;<\/p>\n","protected":false},"author":1,"featured_media":17346,"parent":17430,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-web-tools-right-sidebar","meta":{"googlesitekit_rrm_CAow1snDDA:productID":"","MSN_Categories":"Uncategorized","MSN_Publish_Option":false,"MSN_Is_Local_News":false,"MSN_Is_AIAC_Included":"Empty","MSN_Location":"[]","MSN_Add_Feature_Img_On_Top_Of_Post":false,"MSN_Has_Custom_Author":false,"MSN_Custom_Author":"","MSN_Has_Custom_Canonical_Url":false,"MSN_Custom_Canonical_Url":"","footnotes":""},"class_list":["post-5171","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/pages\/5171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/comments?post=5171"}],"version-history":[{"count":12,"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/pages\/5171\/revisions"}],"predecessor-version":[{"id":17010,"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/pages\/5171\/revisions\/17010"}],"up":[{"embeddable":true,"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/pages\/17430"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/media\/17346"}],"wp:attachment":[{"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/media?parent=5171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}