{"id":21995,"date":"2024-09-12T07:16:43","date_gmt":"2024-09-12T07:16:43","guid":{"rendered":"https:\/\/docs.daftra.com\/user_manual\/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a5%d8%b6%d8%a7%d9%81%d8%a9-%d8%a7%d9%84%d9%85%d8%aa%d8%ba%d9%8a%d8%b1%d8%a7%d8%aa-%d9%81%d9%8a-%d9%82%d8%a7%d9%84%d8%a8-%d8%a7%d9%84%d9%81%d8%a7%d8%aa%d9%88%d8%b1\/"},"modified":"2026-01-04T12:54:44","modified_gmt":"2026-01-04T12:54:44","slug":"how-to-add-variables-in-the-invoice-layout","status":"publish","type":"user_manual","link":"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/","title":{"rendered":"How to Add Variables in the Invoice Layout"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text css=&#8221;.vc_custom_1737466546526{margin-left: 200px !important;}&#8221;]<\/p>\n<div class=\"wpb_text_column wpb_content_element vc_custom_1701699903991\">\n<div class=\"wpb_wrapper\">\n<p style=\"text-align: left;\">The system provides various templates alongside the default invoice layout, which you can use as they are or customize by adding, or removing fields or changing the design. This article will explore how to modify the printable template for sales and purchase invoices.<\/p>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][vc_custom_heading text=&#8221;Adding a Variable to the Invoice Layout from Within the Template&#8221; font_container=&#8221;tag:h2|font_size:28|text_align:center|color:%2304306b|line_height:2&#8243; use_theme_fonts=&#8221;yes&#8221; css=&#8221;.vc_custom_1726469429100{margin-left: 200px !important;background-color: #f6f9fc !important;border-radius: 4px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1767531245128{margin-left: 200px !important;}&#8221;]<\/p>\n<p dir=\"ltr\">To access the invoice layout for template modifications, click on &#8220;<strong>Sales Settings<\/strong>&#8221; from the dropdown under &#8220;<strong>Sales<\/strong>&#8221; in the main menu to go to the <strong>&#8220;Invoice\/Estimate Layouts&#8221;<\/strong>.<\/p>\n<p dir=\"ltr\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-43750 size-full\" src=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/Untitled.png\" alt=\"\" width=\"1365\" height=\"636\" srcset=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/Untitled.png 1365w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/Untitled-300x140.png 300w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/Untitled-1024x477.png 1024w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/Untitled-768x358.png 768w\" sizes=\"auto, (max-width: 1365px) 100vw, 1365px\" \/><\/p>\n<p dir=\"ltr\">Alternatively, click on &#8220;<strong>Purchase Invoice Settings<\/strong>&#8221; from the dropdown under &#8220;<strong>Purchases<\/strong>&#8221; in the main menu to access the purchase invoice templates. Then, click on &#8220;<strong>Purchase Invoice Layouts<\/strong>.&#8221;<\/p>\n<p dir=\"ltr\"><a href=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/kjcf.png\"><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-43754 size-full\" src=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/Untitled-1.png\" alt=\"\" width=\"1365\" height=\"636\" srcset=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/Untitled-1.png 1365w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/Untitled-1-300x140.png 300w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/Untitled-1-1024x477.png 1024w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/Untitled-1-768x358.png 768w\" sizes=\"auto, (max-width: 1365px) 100vw, 1365px\" \/><\/span><\/a><\/p>\n<p dir=\"ltr\">All templates you have previously modified will appear. You can click on the three dots next to any template, then click &#8216;<strong>Edit<\/strong>,&#8217; or choose a different template by clicking the &#8216;<strong>New Layout<\/strong>&#8216; button and selecting the template.<\/p>\n<p dir=\"ltr\"><a href=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/fjoae.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-22001 size-full\" src=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/fjoae.png\" alt=\"\" width=\"1198\" height=\"633\" srcset=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/fjoae.png 1198w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/fjoae-300x159.png 300w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/fjoae-1024x541.png 1024w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/fjoae-768x406.png 768w\" sizes=\"auto, (max-width: 1198px) 100vw, 1198px\" \/><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left;\">Click on the section where you want to add the new variable in the invoice template or select it from the side menu.<\/p>\n<p dir=\"ltr\" style=\"text-align: left;\">Then, click on the desired variable from the &#8216;<strong>Placeholders<\/strong>&#8216; list, and you will immediately see the variable appear in the invoice template in the selected location, just as it will appear when using this template to create invoices.<\/p>\n<ul dir=\"ltr\">\n<li>Copy the variable using <strong>Ctrl + C<\/strong> and paste it in the desired location using <strong>Ctrl + V<\/strong>.<\/li>\n<li>To adjust the spacing between variables, use the standard method on your keyboard; you can add horizontal space using the spacebar or place the next variable on a new line by pressing the &#8220;<strong>Enter<\/strong>&#8221; key before the variable.<\/li>\n<\/ul>\n<p dir=\"ltr\" style=\"text-align: right;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27906 size-full\" src=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/74843.png\" alt=\"\" width=\"1366\" height=\"599\" srcset=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/74843.png 1366w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/74843-300x132.png 300w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/74843-1024x449.png 1024w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/74843-768x337.png 768w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><\/p>\n<p dir=\"ltr\">Using the formatting tools, you can control the appearance of the variables by adjusting properties such as:<\/p>\n<ul dir=\"ltr\">\n<li>Making the text bold or italic.<\/li>\n<li>Changing the font size.<\/li>\n<li>Changing the font color.<\/li>\n<li>Changing the background color of the text.<\/li>\n<li>Aligning the variable to the left, right, or center.<\/li>\n<\/ul>\n<p dir=\"ltr\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27908 size-full\" src=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/7484e.png\" alt=\"\" width=\"1361\" height=\"599\" srcset=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/7484e.png 1361w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/7484e-300x132.png 300w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/7484e-1024x451.png 1024w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/7484e-768x338.png 768w\" sizes=\"auto, (max-width: 1361px) 100vw, 1361px\" \/><\/p>\n<p dir=\"ltr\">If you want to add an image to the invoice template, click on the &#8216;<strong>Insert\/Edit Image<\/strong>&#8216; tool from the formatting tools, then choose the image you want to display in the invoice template from your computer or by pasting the image link. Adjust its size, then click the &#8216;<strong>OK<\/strong>&#8216; button.<\/p>\n<p dir=\"ltr\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27910 size-full\" src=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/6t543.png\" alt=\"\" width=\"1366\" height=\"594\" srcset=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/6t543.png 1366w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/6t543-300x130.png 300w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/6t543-1024x445.png 1024w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/6t543-768x334.png 768w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><\/p>\n<p dir=\"ltr\">After the image is added to the layout, it will appear as follows, allowing you to test whether the size and position are suitable for the final desired layout. You can adjust it further until you achieve the appropriate appearance.<\/p>\n<p dir=\"ltr\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27912 size-full\" src=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/87484.png\" alt=\"\" width=\"1366\" height=\"599\" srcset=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/87484.png 1366w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/87484-300x132.png 300w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/87484-1024x449.png 1024w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/87484-768x337.png 768w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><\/p>\n<p dir=\"ltr\">The variables and images appear in the invoice as follows, where you will notice that the formatting matches what was set using the formatting tools.<\/p>\n<p dir=\"ltr\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27917 size-full\" src=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/hudsf-1.png\" alt=\"\" width=\"1199\" height=\"599\" srcset=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/hudsf-1.png 1199w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/hudsf-1-300x150.png 300w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/hudsf-1-1024x512.png 1024w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/hudsf-1-768x384.png 768w\" sizes=\"auto, (max-width: 1199px) 100vw, 1199px\" \/><\/p>\n<p>[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1726487503234{margin-left: 200px !important;}&#8221;]<\/p>\n<p style=\"text-align: left;\">You can also control the order, display method, and position of the variables in the invoice template using codes, which allows for more flexible and extensive modifications. Click on the &#8216;<strong>Source Code<\/strong>&#8216; button to edit the code &lt;&gt;<\/p>\n<p>Copy the desired variable and paste it in the location you choose, as the variables will appear in the same order as written in the code.[\/vc_column_text][vc_message message_box_style=&#8221;3d&#8221; message_box_color=&#8221;warning&#8221; icon_fontawesome=&#8221;fas fa-lightbulb&#8221;]<strong>To control the spacing between variables, use the following codes:<\/strong><\/p>\n<ul>\n<li><strong>&lt;br \/&gt;<\/strong> if you want the variable to appear on a new line, separate from the previous variable.<\/li>\n<li><strong>&amp;nbsp;<\/strong> if you want to add space between two variables on the same line while keeping them next to each other.<\/li>\n<\/ul>\n<p>[\/vc_message][vc_column_text css=&#8221;.vc_custom_1737469355868{margin-left: 200px !important;}&#8221;]<\/p>\n<div class=\"wpb_text_column wpb_content_element vc_custom_1701699903991\">\n<div class=\"wpb_wrapper\">\n<p>In this example, we moved the variable for Client Mobile to appear as the last variable in its section in the invoice template. We used the `<strong>&lt;br \/&gt;<\/strong>` tag to place the &#8220;<strong>Client Gender<\/strong>&#8221; variable on a new line, separate from the previous variable.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27920 size-full\" src=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/67776.png\" alt=\"\" width=\"1366\" height=\"599\" srcset=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/67776.png 1366w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/67776-300x132.png 300w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/67776-1024x449.png 1024w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/67776-768x337.png 768w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><\/p>\n<div class=\"flex max-w-full flex-col flex-grow\">\n<div class=\"min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words [.text-message+&amp;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"166c9414-8ab7-4863-b956-599894573726\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<p>Click the &#8220;<strong>Save<\/strong>&#8221; button at the bottom of the &#8220;<strong>Placeholders<\/strong>&#8221; list to save the changes related to this variable, and then click the &#8220;<strong>Save<\/strong>&#8221; button for the invoice template if you have finished all the desired edits to this layout.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27922 size-full\" src=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/8844.png\" alt=\"\" width=\"1366\" height=\"599\" srcset=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/8844.png 1366w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/8844-300x132.png 300w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/8844-1024x449.png 1024w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/8844-768x337.png 768w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><\/p>\n<div class=\"flex max-w-full flex-col flex-grow\">\n<div class=\"min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words [.text-message+&amp;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"c81d0b14-959c-4644-b354-96e6c4027324\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<p>Next, create an invoice and select the template that we have customized.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27924 size-full\" src=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/12772.png\" alt=\"\" width=\"1366\" height=\"599\" srcset=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/12772.png 1366w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/12772-300x132.png 300w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/12772-1024x449.png 1024w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/12772-768x337.png 768w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><\/p>\n<div class=\"flex max-w-full flex-col flex-grow\">\n<div class=\"min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words [.text-message+&amp;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"3dc51a24-4b16-442a-97d8-db0dea02b025\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<p>We will see that the &#8220;<strong>Client Mobile<\/strong>&#8221; variable has been added to the invoice in the position we selected after saving it.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27926 size-full\" src=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/775475.png\" alt=\"\" width=\"1199\" height=\"599\" srcset=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/775475.png 1199w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/775475-300x150.png 300w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/775475-1024x512.png 1024w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/775475-768x384.png 768w\" sizes=\"auto, (max-width: 1199px) 100vw, 1199px\" \/><\/p>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][vc_custom_heading text=&#8221;Adding a Variable from the Full Variables Guide&#8221; font_container=&#8221;tag:h2|font_size:28|text_align:center|color:%2304306b|line_height:2&#8243; use_theme_fonts=&#8221;yes&#8221; css=&#8221;.vc_custom_1726494068113{margin-left: 200px !important;background-color: #f6f9fc !important;border-radius: 4px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1737469953639{margin-left: 200px !important;}&#8221;]<\/p>\n<div class=\"flex max-w-full flex-col flex-grow\">\n<div class=\"min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words [.text-message+&amp;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"be63e3fc-76e9-41ad-8730-0876985f63ee\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<p>If you want to add a variable to the invoice template and can&#8217;t find it in the &#8220;<strong>Placeholders<\/strong>&#8221; list, click on &#8220;<strong>Full Variables Guide<\/strong>&#8221; at the bottom of the list.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27928 size-full\" src=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/754456.png\" alt=\"\" width=\"1366\" height=\"596\" srcset=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/754456.png 1366w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/754456-300x131.png 300w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/754456-1024x447.png 1024w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/754456-768x335.png 768w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><\/p>\n<div class=\"flex max-w-full flex-col flex-grow\">\n<div class=\"min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words [.text-message+&amp;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"aafc6121-acd0-4192-8ea2-963a6f30ff50\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<p>Copy the desired variable from the guide, such as the variable for displaying the current time of the invoice creation.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27930 size-full\" src=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/88877.png\" alt=\"\" width=\"1366\" height=\"599\" srcset=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/88877.png 1366w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/88877-300x132.png 300w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/88877-1024x449.png 1024w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/88877-768x337.png 768w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><\/p>\n<p>Go back to the invoice layout and paste the variable you copied into the desired section of the invoice. You can use formatting tools to control the appearance of the variables, and you can adjust the position of the variable through the <strong>&#8216;&lt; &gt;&#8217;<\/strong>\u00a0source code, just as we did with the variable from the &#8220;<strong>Placeholders<\/strong>&#8221; list.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27932 size-full\" src=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/748434.png\" alt=\"\" width=\"1366\" height=\"600\" srcset=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/748434.png 1366w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/748434-300x132.png 300w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/748434-1024x450.png 1024w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/748434-768x337.png 768w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><\/p>\n<div class=\"flex max-w-full flex-col flex-grow\">\n<div class=\"min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words [.text-message+&amp;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"7fc4d4e2-2392-4dc8-bd0b-b18daff9884b\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<p>Proceed to create an invoice and select the customized invoice template.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27936 size-full\" src=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/7674r.png\" alt=\"\" width=\"1366\" height=\"599\" srcset=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/7674r.png 1366w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/7674r-300x132.png 300w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/7674r-1024x449.png 1024w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/7674r-768x337.png 768w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><\/p>\n<div class=\"flex max-w-full flex-col flex-grow\">\n<div class=\"min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words [.text-message+&amp;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"94d4b9aa-c69a-4431-ba80-b6d0cd1a0d46\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<p>You&#8217;ll find that the current time variable we added from the &#8220;<strong>Full Variables Guide<\/strong>&#8221; appears after saving the invoice.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-27934 size-full\" src=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/57668.png\" alt=\"\" width=\"1366\" height=\"598\" srcset=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/57668.png 1366w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/57668-300x131.png 300w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/57668-1024x448.png 1024w, https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/57668-768x336.png 768w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_message message_box_style=&#8221;3d&#8221; message_box_color=&#8221;vista_blue&#8221; icon_fontawesome=&#8221;fas fa-book&#8221;]<\/p>\n<div class=\"flex max-w-full flex-col flex-grow\">\n<div class=\"min-h-[20px] text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words [.text-message+&amp;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"7cd7162a-65c8-445f-986e-736cf56253b3\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<p>For more information about the Full Variables Guide, refer to this <a href=\"https:\/\/docs.daftra.com\/en\/user_manual\/variables-guide\/\">article<\/a>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>[\/vc_message][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"author":13,"template":"","categories":[2036,2188,2191,2150,2064,2067],"tags":[6989,6992,6991,6990,3948,6982,6983,6984,6745,6985,6986],"class_list":{"0":"post-21995","1":"user_manual","2":"type-user_manual","3":"status-publish","4":"hentry","5":"category-sales","6":"category-purchases","7":"category-purchases-settings","8":"category-sales-settings","9":"category-templates","10":"category-printable-templates","11":"tag-add-variable-to-purchase-invoice","12":"tag-add-variables-to-sales-invoice","13":"tag-full-variables-guide","14":"tag-purchase-invoice-variables","15":"tag-sales-invoice-variables","16":"tag-----en","21":"tag----en"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add Variables in the Invoice Layout - Daftra Knowledge Base<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Variables in the Invoice Layout - Daftra Knowledge Base\" \/>\n<meta property=\"og:description\" content=\"[vc_row][vc_column][vc_column_text css=&#8221;.vc_custom_1737466546526{margin-left: 200px !important;}&#8221;] The system provides various templates alongside the default invoice layout, which you can use as they are or customize by adding, or removing fields or changing the design. This article will explore how to modify the printable template for sales and purchase invoices. [\/vc_column_text][vc_custom_heading text=&#8221;Adding a Variable to the Invoice Layout [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/\" \/>\n<meta property=\"og:site_name\" content=\"Daftra Knowledge Base\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-04T12:54:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/Untitled.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.daftra.com\/#website\",\"url\":\"https:\/\/docs.daftra.com\/\",\"name\":\"Daftra Knowledge Base\",\"description\":\"Daftra\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.daftra.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/Untitled.png\",\"contentUrl\":\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/Untitled.png\",\"width\":1365,\"height\":636},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/#webpage\",\"url\":\"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/\",\"name\":\"How to Add Variables in the Invoice Layout - Daftra Knowledge Base\",\"isPartOf\":{\"@id\":\"https:\/\/docs.daftra.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/#primaryimage\"},\"datePublished\":\"2024-09-12T07:16:43+00:00\",\"dateModified\":\"2026-01-04T12:54:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.daftra.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Variables in the Invoice Layout\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add Variables in the Invoice Layout - Daftra Knowledge Base","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Variables in the Invoice Layout - Daftra Knowledge Base","og_description":"[vc_row][vc_column][vc_column_text css=&#8221;.vc_custom_1737466546526{margin-left: 200px !important;}&#8221;] The system provides various templates alongside the default invoice layout, which you can use as they are or customize by adding, or removing fields or changing the design. This article will explore how to modify the printable template for sales and purchase invoices. [\/vc_column_text][vc_custom_heading text=&#8221;Adding a Variable to the Invoice Layout [&hellip;]","og_url":"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/","og_site_name":"Daftra Knowledge Base","article_modified_time":"2026-01-04T12:54:44+00:00","og_image":[{"url":"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/Untitled.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/docs.daftra.com\/#website","url":"https:\/\/docs.daftra.com\/","name":"Daftra Knowledge Base","description":"Daftra","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.daftra.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/#primaryimage","inLanguage":"en-US","url":"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/Untitled.png","contentUrl":"https:\/\/docs.daftra.com\/wp-content\/uploads\/2024\/09\/Untitled.png","width":1365,"height":636},{"@type":"WebPage","@id":"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/#webpage","url":"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/","name":"How to Add Variables in the Invoice Layout - Daftra Knowledge Base","isPartOf":{"@id":"https:\/\/docs.daftra.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/#primaryimage"},"datePublished":"2024-09-12T07:16:43+00:00","dateModified":"2026-01-04T12:54:44+00:00","breadcrumb":{"@id":"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/docs.daftra.com\/en\/user_manual\/how-to-add-variables-in-the-invoice-layout\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.daftra.com\/en\/"},{"@type":"ListItem","position":2,"name":"How to Add Variables in the Invoice Layout"}]}]}},"_links":{"self":[{"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/user_manual\/21995","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/user_manual"}],"about":[{"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/types\/user_manual"}],"author":[{"embeddable":true,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/users\/13"}],"version-history":[{"count":8,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/user_manual\/21995\/revisions"}],"predecessor-version":[{"id":43757,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/user_manual\/21995\/revisions\/43757"}],"wp:attachment":[{"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/media?parent=21995"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/categories?post=21995"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/tags?post=21995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}