{"id":150237,"date":"2026-09-29T10:55:54","date_gmt":"2026-09-29T10:55:54","guid":{"rendered":"https:\/\/docs.daftra.com\/tutorial\/%d8%a2%d9%84%d9%8a%d8%a9-%d8%a7%d8%b6%d8%a7%d9%81%d8%a9-%d8%b1%d9%85%d8%b2-qr-%d9%84%d9%85%d9%88%d9%82%d8%b9-%d8%b4%d8%b1%d9%83%d8%aa%d9%83-%d9%81%d9%8a-%d9%82%d8%a7%d9%84%d8%a8-%d8%b9%d8%b1%d8%b6\/"},"modified":"2026-10-12T08:52:02","modified_gmt":"2026-10-12T08:52:02","slug":"how-to-add-a-qr-code-for-your-companys-website-to-the-estimate-template","status":"publish","type":"tutorial","link":"https:\/\/docs.daftra.com\/en\/tutorial\/how-to-add-a-qr-code-for-your-companys-website-to-the-estimate-template\/","title":{"rendered":"How to Add a QR Code for Your Company’s Website to the Estimate Template"},"content":{"rendered":"
\n

You can add a QR code to the estimate that opens your company’s website when scanned with a mobile camera. This is done by adding the code’s image inside the estimate layout, so it appears automatically in every estimate hen viewing, printing, and in the PDF file.<\/p>\n

What Is Available and What Is Not<\/h2>\n\n\n\n\n\n\n\n\n
Option<\/th>\nAvailable?<\/th>\nDetails<\/th>\n<\/tr>\n
Estimate barcode {%invoice_barcode%}<\/td>\nAvailable<\/td>\nA linear barcode with an internal number specific to the transaction, and it cannot be linked to a website.<\/td>\n<\/tr>\n
An automatic QR code from the system on the estimate<\/td>\nNot available<\/td>\nThe automatic QR code appears in invoices and notes only, and carries the transaction link or the e-invoice data, and it doesn’t appear in estimates.<\/td>\n<\/tr>\n
A QR code that opens the company’s website<\/td>\nAvailable by adding an image<\/td>\nYou create the code’s image with any external QR generator and then upload it inside the layout.<\/td>\n<\/tr>\n
A text link to the company’s website<\/td>\nAvailable<\/td>\nWritten manually in the footer or the business data inside the layout.<\/td>\n<\/tr>\n
A ready-made variable for the company’s website<\/td>\nNot available<\/td>\nThere is no website field in the company data, so the link is written manually.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\n

\ud83d\udec8<\/span><\/p>\n

Note:<\/strong> an ordinary linear barcode isn’t read by the mobile camera as a link. If the goal is for the client to open your website when scanning, use a QR.<\/p>\n<\/div>\n

Brief Workflow<\/h2>\n

1. Create a QR image for the website link \u2192 2. Open the estimate layout \u2192 3. Upload the image in the footer or the business data \u2192 4. Make it the primary layout for estimate\u2192 5. Create the estimate<\/p>\n

The Steps in Detail<\/h2>\n

Step 1: Create a QR code image for your website<\/h3>\n<\/div>\n
\n

Use any website or app that creates QR codes, enter your company’s website link in it (such as https:\/\/www.example.com), then download the image in PNG or JPG format. Try scanning the code with your phone before uploading it to make sure it opens the correct website.<\/p>\n

Step 2: Open the estimate layout<\/h3>\n
    \n
  1. Go to Sales Settings and then Invoice\/Estimate Layout.<\/li>\n
  2. Click Edit on the layout you use for estimates, or click New layout to create a layout specific to estimates.<\/li>\n<\/ol>\n

    Step 3: Add the code’s image<\/h3>\n
      \n
    1. Choose the area where you want the code to appear, such as the footer or the business data.<\/li>\n
    2. In the editor’s toolbar, click the image icon and upload the code’s image from your device (the supported formats: PNG, JPG, and GIF).<\/li>\n
    3. Adjust the image size (for example 100 \u00d7 100 pixels) so that it is clear and easy to scan.<\/li>\n
    4. You can write text next to the code such as: “Scan the code to visit our website,” or write the website link as text.<\/li>\n<\/ol>\n

      Step 4: Make the layout the default for estimates<\/h3>\n

      Enable the option Make this layout the primary layout for estimates, then save the layout . It will be used automatically in every new estimate.<\/p>\n

      \n

      \ud83d\udec8<\/span><\/p>\n

      Note:<\/strong> you can also choose the layout manually for a specific estimate from the Invoice Template field while creating the estimate.<\/p>\n<\/div>\n

      Step 5: Create the estimate and check the code<\/h3>\n

      Create a new estimate from estimates, then view it, print it, or export it as PDF, and scan the code with your phone to check.<\/p>\n

      Example<\/strong><\/p>\n

      A company wants the client to open its product catalog from the estimate: it creates a QR code for the catalog link https:\/\/www.example.com\/catalog, then uploads it in the footer of the estimate layout next to the phrase “Browse our product catalog,” so the code appears at the bottom of every layout.<\/p>\n

      Adding the Layout Barcode (Optional)<\/h2>\n

      If you need a linear barcode to identify the document internally (not to link to a website), write the variable {%invoice_barcode%} in any area of the layout, and a barcode specific to each layout appears in its place.<\/p>\n

      Frequently Asked Questions<\/h2>\n
        \n
      • Will the same code appear on all estimates?<\/strong> Yes, because the code is part of the layout and not of a specific estimate, and this suits a website link because it is fixed.<\/li>\n
      • Does this affect the invoice layout?<\/strong> Only if the same layout is used for invoices too. To separate them, create a layout specific to estimates and make it the primary one for them only.<\/li>\n
      • Can the code open the estimate itself online?<\/strong> The automatic QR code for the document link is available for invoices only, not for estimates. You can instead send the estimate to the client by email so that the estimate link reaches them.<\/li>\n<\/ul>\n<\/div>\n","protected":false},"author":17,"featured_media":0,"template":"","categories":[2149,2154],"tags":[20898,20906,20903,20904,20899,20902,20897,20900,20901,20905],"class_list":["post-150237","tutorial","type-tutorial","status-publish","hentry","category-invoices-and-estimates","category-estimates","tag-add-an-image-to-the-invoice-design","tag-can-a-barcode-be-added-to-the-quotation","tag-company-website-qr-code","tag-how-do-i-add-a-qr-to-the-quotation","tag-invoice-barcode","tag-link-the-quotation-to-the-website","tag-qr-in-the-quotation","tag-quotation-barcode","tag-quotation-design","tag-why-doesnt-the-qr-appear-in-the-quotation"],"yoast_head":"\nHow to Add a QR Code for Your Company's Website to the Estimate Template - 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\/tutorial\/how-to-add-a-qr-code-for-your-companys-website-to-the-estimate-template\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add a QR Code for Your Company's Website to the Estimate Template - Daftra Knowledge Base\" \/>\n<meta property=\"og:description\" content=\"You can add a QR code to the estimate that opens your company’s website when scanned with a mobile camera. This is done by adding the code’s image inside the estimate layout, so it appears automatically in every estimate hen viewing, printing, and in the PDF file. What Is Available and What Is Not Option […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.daftra.com\/en\/tutorial\/how-to-add-a-qr-code-for-your-companys-website-to-the-estimate-template\/\" \/>\n<meta property=\"og:site_name\" content=\"Daftra Knowledge Base\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-12T08:52:02+00:00\" \/>\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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/docs.daftra.com\/#organization\",\"name\":\"Daftra\",\"url\":\"https:\/\/docs.daftra.com\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/docs.daftra.com\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2023\/10\/daftra-ar.svg\",\"contentUrl\":\"https:\/\/docs.daftra.com\/wp-content\/uploads\/2023\/10\/daftra-ar.svg\",\"caption\":\"Daftra\"},\"image\":{\"@id\":\"https:\/\/docs.daftra.com\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.daftra.com\/#website\",\"url\":\"https:\/\/docs.daftra.com\/\",\"name\":\"Daftra Knowledge Base\",\"description\":\"Daftra\",\"publisher\":{\"@id\":\"https:\/\/docs.daftra.com\/#organization\"},\"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\":\"WebPage\",\"@id\":\"https:\/\/docs.daftra.com\/en\/tutorial\/how-to-add-a-qr-code-for-your-companys-website-to-the-estimate-template\/#webpage\",\"url\":\"https:\/\/docs.daftra.com\/en\/tutorial\/how-to-add-a-qr-code-for-your-companys-website-to-the-estimate-template\/\",\"name\":\"How to Add a QR Code for Your Company's Website to the Estimate Template - Daftra Knowledge Base\",\"isPartOf\":{\"@id\":\"https:\/\/docs.daftra.com\/#website\"},\"datePublished\":\"2026-09-29T10:55:54+00:00\",\"dateModified\":\"2026-10-12T08:52:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/docs.daftra.com\/en\/tutorial\/how-to-add-a-qr-code-for-your-companys-website-to-the-estimate-template\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.daftra.com\/en\/tutorial\/how-to-add-a-qr-code-for-your-companys-website-to-the-estimate-template\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.daftra.com\/en\/tutorial\/how-to-add-a-qr-code-for-your-companys-website-to-the-estimate-template\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.daftra.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add a QR Code for Your Company’s Website to the Estimate Template\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add a QR Code for Your Company's Website to the Estimate Template - 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\/tutorial\/how-to-add-a-qr-code-for-your-companys-website-to-the-estimate-template\/","og_locale":"en_US","og_type":"article","og_title":"How to Add a QR Code for Your Company's Website to the Estimate Template - Daftra Knowledge Base","og_description":"You can add a QR code to the estimate that opens your company’s website when scanned with a mobile camera. This is done by adding the code’s image inside the estimate layout, so it appears automatically in every estimate hen viewing, printing, and in the PDF file. What Is Available and What Is Not Option […]","og_url":"https:\/\/docs.daftra.com\/en\/tutorial\/how-to-add-a-qr-code-for-your-companys-website-to-the-estimate-template\/","og_site_name":"Daftra Knowledge Base","article_modified_time":"2026-10-12T08:52:02+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/docs.daftra.com\/#organization","name":"Daftra","url":"https:\/\/docs.daftra.com\/","sameAs":[],"logo":{"@type":"ImageObject","@id":"https:\/\/docs.daftra.com\/#logo","inLanguage":"en-US","url":"https:\/\/docs.daftra.com\/wp-content\/uploads\/2023\/10\/daftra-ar.svg","contentUrl":"https:\/\/docs.daftra.com\/wp-content\/uploads\/2023\/10\/daftra-ar.svg","caption":"Daftra"},"image":{"@id":"https:\/\/docs.daftra.com\/#logo"}},{"@type":"WebSite","@id":"https:\/\/docs.daftra.com\/#website","url":"https:\/\/docs.daftra.com\/","name":"Daftra Knowledge Base","description":"Daftra","publisher":{"@id":"https:\/\/docs.daftra.com\/#organization"},"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":"WebPage","@id":"https:\/\/docs.daftra.com\/en\/tutorial\/how-to-add-a-qr-code-for-your-companys-website-to-the-estimate-template\/#webpage","url":"https:\/\/docs.daftra.com\/en\/tutorial\/how-to-add-a-qr-code-for-your-companys-website-to-the-estimate-template\/","name":"How to Add a QR Code for Your Company's Website to the Estimate Template - Daftra Knowledge Base","isPartOf":{"@id":"https:\/\/docs.daftra.com\/#website"},"datePublished":"2026-09-29T10:55:54+00:00","dateModified":"2026-10-12T08:52:02+00:00","breadcrumb":{"@id":"https:\/\/docs.daftra.com\/en\/tutorial\/how-to-add-a-qr-code-for-your-companys-website-to-the-estimate-template\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.daftra.com\/en\/tutorial\/how-to-add-a-qr-code-for-your-companys-website-to-the-estimate-template\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/docs.daftra.com\/en\/tutorial\/how-to-add-a-qr-code-for-your-companys-website-to-the-estimate-template\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.daftra.com\/en\/"},{"@type":"ListItem","position":2,"name":"How to Add a QR Code for Your Company’s Website to the Estimate Template"}]}]}},"_links":{"self":[{"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/tutorial\/150237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/tutorial"}],"about":[{"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/types\/tutorial"}],"author":[{"embeddable":true,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/users\/17"}],"version-history":[{"count":2,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/tutorial\/150237\/revisions"}],"predecessor-version":[{"id":150240,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/tutorial\/150237\/revisions\/150240"}],"wp:attachment":[{"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/media?parent=150237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/categories?post=150237"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.daftra.com\/en\/wp-json\/wp\/v2\/tags?post=150237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}