[{"data":1,"prerenderedAt":275},["ShallowReactive",2],{"blog-en-create-invoices-with-live-preview":3},{"id":4,"title":5,"body":6,"categories":257,"date":259,"description":12,"draft":260,"excerpt":261,"extension":262,"image":94,"lang":263,"meta":264,"modified":259,"navigation":265,"noindex":260,"path":266,"related":261,"seo":267,"seoDescription":268,"seoTitle":269,"slug":270,"sourcePath":271,"sourceRoute":261,"stem":272,"tags":261,"translated":260,"type":273,"wpId":261,"__hash__":274},"blog\u002Fen\u002Fblog\u002Fcreate-invoices-with-live-preview.md","Create invoices with a live preview: the new invoice editor in 1Tool",{"type":7,"value":8,"toc":241},"minimark",[9,13,21,24,29,88,95,97,101,128,131,133,137,142,145,149,152,156,159,163,166,170,181,190,192,196,202,217,221],[10,11,12],"p",{},"Creating an invoice should be quick. In practice, though, you often notice only in the finished PDF that the address is wrong, a price is missing or the service period was forgotten. Then it is back to the form, change, regenerate, check again.",[10,14,15,16,20],{},"The ",[17,18,19],"strong",{},"new invoice editor in 1Tool"," removes that detour. You see your invoice exactly as your customer will receive it while you are still writing it – and send it straight from the editor.",[22,23],"hr",{},[25,26,28],"h2",{"id":27},"create-invoices-with-a-live-preview-the-benefits-at-a-glance","Create invoices with a live preview: the benefits at a glance",[30,31,32,39,45,51,57,63,78],"ul",{},[33,34,35,38],"li",{},[17,36,37],{},"Live preview in your real invoice layout."," Next to the form, 1Tool shows the invoice in the PDF layout of your invoice circle – with letterhead, line items, tax lines and payment terms. Every change is visible immediately.",[33,40,41,44],{},[17,42,43],{},"Customer prices applied automatically."," If a customer has their own prices – from a price agreement or a price group – the editor uses them instead of the list price. An icon shows where the price comes from.",[33,46,47,50],{},[17,48,49],{},"Find products fast."," Start typing in the \"Description \u002F Product\" column and 1Tool suggests matching items from your product catalogue, including the price.",[33,52,53,56],{},[17,54,55],{},"Saved automatically."," A created invoice saves every change by itself. The editor shows when it was last saved.",[33,58,59,62],{},[17,60,61],{},"Completeness check before sending."," On the right you see whether anything is missing – such as a recipient with an address or a price on a line item. One click on the hint takes you straight to the field.",[33,64,65,68,69,73,74,77],{},[17,66,67],{},"Send the invoice by email or download it as a PDF."," ",[70,71,72],"em",{},"Create & send"," emails the invoice directly to your customer, ",[70,75,76],{},"Create & download PDF"," gives you the file right away.",[33,79,80,83,84,87],{},[17,81,82],{},"Always up to date."," The ",[70,85,86],{},"What's new"," button shows what has recently improved in the invoicing module.",[10,89,90],{},[91,92],"img",{"alt":93,"src":94},"Creating an invoice in 1Tool: the form on the left, the live preview in the invoice circle's layout on the right","\u002Fimg\u002Fblog\u002Frechnungseditor\u002Frechnung-erstellen-live-vorschau-1tool.webp",[22,96],{},[25,98,100],{"id":99},"how-to-create-an-invoice-in-4-steps","How to create an invoice in 4 steps",[102,103,104,110,116,122],"ol",{},[33,105,106,109],{},[17,107,108],{},"Choose the invoice circle."," It sets the layout, the number range and the fields stored with the invoice. If you always work in the same circle, 1Tool offers it as your default after a few invoices.",[33,111,112,115],{},[17,113,114],{},"Choose the recipient."," Address, payment method and the matching payment terms come from the contact. A different billing address changes only this one invoice.",[33,117,118,121],{},[17,119,120],{},"Add line items."," Quantity, description and price – net or gross, 1Tool calculates the other value. Add a service period, a discount or formatted text where needed.",[33,123,124,127],{},[17,125,126],{},"Check and create."," If the preview looks right, create the invoice. Only now is the invoice number assigned – a draft never uses up a number.",[10,129,130],{},"Surcharges and discounts, customer text, internal notes and your own custom fields sit in collapsible sections below the line items. The editor stays clear even when your invoices need a lot of detail.",[22,132],{},[25,134,136],{"id":135},"frequently-asked-questions-about-the-invoice-editor","Frequently asked questions about the invoice editor",[138,139,141],"h3",{"id":140},"does-the-preview-really-look-like-the-finished-pdf","Does the preview really look like the finished PDF?",[10,143,144],{},"Yes. The preview uses the same template as the PDF of your invoice circle, including letterhead and page breaks. Whatever you design in the invoice circle settings, you also see in the editor.",[138,146,148],{"id":147},"do-my-invoice-numbers-stay-consecutive","Do my invoice numbers stay consecutive?",[10,150,151],{},"Yes. The number is assigned only when the invoice is created and comes from the invoice circle. After that the circle can no longer be changed – so your number range stays without gaps.",[138,153,155],{"id":154},"can-i-still-change-an-invoice-after-sending-it","Can I still change an invoice after sending it?",[10,157,158],{},"No. An invoice that has been sent or is protected by a locked date is read-only. Corrections are made with a cancellation invoice – that keeps your accounting clean.",[138,160,162],{"id":161},"are-customer-prices-and-price-groups-taken-into-account","Are customer prices and price groups taken into account?",[10,164,165],{},"Yes. Agreed prices from a price agreement come first, then the price of the customer's price group, otherwise the list price. Select the customer first, then the product.",[138,167,169],{"id":168},"can-i-keep-working-with-the-familiar-view","Can I keep working with the familiar view?",[10,171,172,173,176,177,180],{},"Yes. The new invoice editor starts as a beta. In the invoice list you find it under ",[70,174,175],{},"Create invoice (Beta)","; the previous editing view remains available as ",[70,178,179],{},"Edit (old)",".",[10,182,183,184,189],{},"Everything the module can do is on the ",[185,186,188],"a",{"href":187},"\u002Fen\u002Fmodules\u002Faccounting-controlling\u002Finvoices\u002F","Invoices"," page.",[22,191],{},[25,193,195],{"id":194},"start-creating-invoices-with-a-live-preview","Start creating invoices with a live preview",[10,197,198,199,201],{},"Already using 1Tool? Open the invoice list and click ",[70,200,175],{},". Your feedback helps us improve the editor further – just send it to our support.",[10,203,204,205,211,212,216],{},"Not using 1Tool yet? ",[185,206,210],{"href":207,"rel":208},"https:\u002F\u002Fdemo.1tool.com\u002F",[209],"nofollow","Try 1Tool for free"," or ",[185,213,215],{"href":214},"\u002Fen\u002Fappointment-request\u002F","book a demo"," – we are happy to show you the invoice editor live.",[25,218,220],{"id":219},"read-more","Read more",[30,222,223,229,235],{},[33,224,225],{},[185,226,228],{"href":227},"\u002Fen\u002Fblog\u002Findividual-fields-for-each-invoicing-area\u002F","Individual fields for each invoicing area",[33,230,231],{},[185,232,234],{"href":233},"\u002Fen\u002Fblog\u002Fzugferd-the-standard-for-electronic-invoices\u002F","ZUGFeRD: The standard for electronic invoices",[33,236,237],{},[185,238,240],{"href":239},"\u002Fen\u002Fblog\u002Ffaster-easier-more-environmentally-friendly-7-arguments-for-sending-invoices-by-e-mail\u002F","7 arguments for sending invoices by email",{"title":242,"searchDepth":243,"depth":243,"links":244},"",2,[245,246,247,255,256],{"id":27,"depth":243,"text":28},{"id":99,"depth":243,"text":100},{"id":135,"depth":243,"text":136,"children":248},[249,251,252,253,254],{"id":140,"depth":250,"text":141},3,{"id":147,"depth":250,"text":148},{"id":154,"depth":250,"text":155},{"id":161,"depth":250,"text":162},{"id":168,"depth":250,"text":169},{"id":194,"depth":243,"text":195},{"id":219,"depth":243,"text":220},[258],3310,"2026-10-09T12:00:00",false,null,"md","en",{},true,"\u002Fen\u002Fblog\u002Fcreate-invoices-with-live-preview",{"title":5,"description":12},"Create invoices and see the finished PDF while you type: live preview, customer prices, automatic saving and sending with one click in 1Tool.","Create Invoices with a Live Preview | 1Tool","create-invoices-with-live-preview","\u002Fen\u002Fblog\u002Fcreate-invoices-with-live-preview\u002F","en\u002Fblog\u002Fcreate-invoices-with-live-preview","posts","auVjfgnzn9d-xyKTWboWlSyEGg96VyExGQLBOVeG1xI",1791579091736]