{"id":5969,"date":"2026-01-30T14:47:11","date_gmt":"2026-01-30T13:47:11","guid":{"rendered":"https:\/\/siite.dk\/?page_id=5969"},"modified":"2026-02-01T14:27:38","modified_gmt":"2026-02-01T13:27:38","slug":"qr-code-generator","status":"publish","type":"page","link":"https:\/\/siite.dk\/en\/vaerktoj\/qr-kode-generator\/","title":{"rendered":"QR code generator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5969\" class=\"elementor elementor-5969\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8f6420 particle-overlay e-flex e-con-boxed e-con e-child\" data-id=\"f8f6420\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ff663e6 e-con-full e-flex e-con e-child\" data-id=\"ff663e6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eaee6d0 elementor-widget elementor-widget-sp-breadcrumbs\" data-id=\"eaee6d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"sp-breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav  aria-label=\"breadcrumb\"><ol class=\"breadcrumb\"><li class=\"breadcrumb-item active\" aria-current=\"page\"><span>Forside<\/span><\/li><\/ol><\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7846d4b elementor-widget__width-auto elementor-widget-mobile__width-inherit elementor-widget-tablet__width-auto elementor-widget elementor-widget-heading\" data-id=\"7846d4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_delay&quot;:&quot;200&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Skab professionelle QR-koder p\u00e5 f\u00e5 sekunder<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21a4c54 elementor-widget__width-auto elementor-widget-mobile__width-inherit elementor-widget-tablet__width-auto elementor-widget elementor-widget-text-editor\" data-id=\"21a4c54\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_delay&quot;:&quot;200&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p dir=\"auto\">G\u00f8r det nemt for dine kunder at finde dig. Med vores gratis generator kan du skabe skr\u00e6ddersyede QR-koder til din hjemmeside, kontaktinfo eller menukort \u2013 med fuld kontrol over designet.<\/p>\t\t\t\t\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-30b5a4d e-flex e-con-boxed e-con e-parent\" data-id=\"30b5a4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83b751a elementor-widget elementor-widget-html\" data-id=\"83b751a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* CSS inspireret af dit signatur-design *\/\n.siite-qr-container {\nfont-family: inherit;\ncolor: #111827;\nmargin: 0 auto;\n}\n\n.siite-grid {\ndisplay: grid;\ngrid-template-columns: 1fr 1fr;\ngap: 40px;\nalign-items: start;\n}\n\n@media (max-width: 768px) {\n.siite-grid { grid-template-columns: 1fr; gap: 30px; }\n}\n\n.siite-form-section {\nbackground: #f9fafb;\npadding: 24px;\nborder-radius: 8px;\nborder: 1px solid #e5e7eb;\n}\n\n.siite-collapsible {\nmargin-bottom: 16px;\nborder: 1px solid #e5e7eb;\nborder-radius: 8px;\noverflow: hidden;\nbackground: white;\n}\n\n.siite-panel-header {\ndisplay: flex;\nalign-items: center;\njustify-content: space-between;\ncursor: pointer;\npadding: 16px 20px;\nbackground: #f3f4f6;\ntransition: background-color 0.2s;\n}\n\n.siite-panel-header h3 {\nfont-size: 16px;\nmargin: 0;\nfont-weight: 600;\ndisplay: flex;\nalign-items: center;\ngap: 8px;\n}\n\n.siite-panel-content {\ndisplay: none;\npadding: 20px;\nborder-top: 1px solid #e5e7eb;\n}\n\n.siite-panel-content.siite-open { display: block; }\n\n.siite-form-group { margin-bottom: 16px; }\n\n.siite-form-group label {\ndisplay: block;\nfont-size: 14px;\nfont-weight: 600;\ncolor: #374151;\nmargin-bottom: 6px;\n}\n\n.siite-form-group input, .siite-form-group select {\nwidth: 100%;\npadding: 10px 12px;\nborder: 1px solid #d1d5db;\nborder-radius: 6px;\nfont-size: 14px;\nbox-sizing: border-box;\n}\n\n.siite-preview-sticky {\nposition: sticky;\ntop: 20px;\n}\n\n.siite-qr-preview-box {\nbackground: white;\nborder: 2px solid #e5e7eb;\nborder-radius: 8px;\npadding: 40px;\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\njustify-content: center;\nmin-height: 300px;\ntext-align: center;\n}\n\n#siite-qrcode-output {\npadding: 15px;\nbackground: white;\nborder: 1px solid #eee;\nmargin-bottom: 20px;\n}\n\n.siite-btn-main {\nbackground-color: #f44c2e; \/* Din signatur-orange *\/\ncolor: white;\npadding: 12px 24px;\nborder-radius: 6px;\nfont-weight: 600;\nborder: none;\ncursor: pointer;\nwidth: 100%;\ntransition: opacity 0.2s;\n}\n\n.siite-btn-main:hover { opacity: 0.9; }\n\n.siite-color-row {\ndisplay: grid;\ngrid-template-columns: 1fr 1fr;\ngap: 10px;\n}\n\n.siite-color-input-wrapper {\ndisplay: flex;\nalign-items: center;\ngap: 10px;\nborder: 1px solid #d1d5db;\npadding: 5px 10px;\nborder-radius: 6px;\n}\n\n.siite-color-input-wrapper input[type=\"color\"] {\nwidth: 30px;\nheight: 30px;\nborder: none;\npadding: 0;\ncursor: pointer;\n}\n<\/style>\n\n<div class=\"siite-qr-container\">\n<div class=\"siite-grid\">\n<!-- VENSTRE SIDE: INDSTILLINGER -->\n<div class=\"siite-form-section\">\n<h2 style=\"font-size: 22px; margin-bottom: 24px; font-weight: 600;\">Opret QR Kode<\/h2>\n\n<!-- PANEL 1: Indhold -->\n<div class=\"siite-collapsible\">\n<div class=\"siite-panel-header\" onclick=\"siiteTogglePanel(this)\">\n<h3><span>\ud83d\udd17<\/span> Indhold<\/h3>\n<span class=\"siite-toggle-icon\">\u2212<\/span>\n<\/div>\n<div class=\"siite-panel-content siite-open\">\n<div class=\"siite-form-group\">\n<label>V\u00e6lg type<\/label>\n<select id=\"siite-qr-type\">\n<option value=\"url\">Hjemmeside (URL)<\/option>\n<option value=\"text\">Almindelig tekst<\/option>\n<option value=\"email\">E-mail adresse<\/option>\n<option value=\"sms\">SMS besked<\/option>\n<\/select>\n<\/div>\n<div class=\"siite-form-group\">\n<label id=\"siite-input-label\">Indtast link<\/label>\n<input type=\"text\" id=\"siite-data-input\" placeholder=\"f.eks. www.din-side.dk\">\n<small style=\"color:#6b7280; font-size:12px;\">Vi tilf\u00f8jer automatisk https:\/\/ hvis det mangler.<\/small>\n<\/div>\n<\/div>\n<\/div>\n\n<!-- PANEL 2: Design -->\n<div class=\"siite-collapsible\">\n<div class=\"siite-panel-header\" onclick=\"siiteTogglePanel(this)\">\n<h3><span>\ud83c\udfa8<\/span> Design & Farver<\/h3>\n<span class=\"siite-toggle-icon\">+<\/span>\n<\/div>\n<div class=\"siite-panel-content\">\n<div class=\"siite-color-row\">\n<div class=\"siite-form-group\">\n<label>QR Farve<\/label>\n<div class=\"siite-color-input-wrapper\">\n<input type=\"color\" id=\"siite-color-dark\" value=\"#000000\">\n<span style=\"font-size:12px;\">#000000<\/span>\n<\/div>\n<\/div>\n<div class=\"siite-form-group\">\n<label>Baggrund<\/label>\n<div class=\"siite-color-input-wrapper\">\n<input type=\"color\" id=\"siite-color-light\" value=\"#ffffff\">\n<span style=\"font-size:12px;\">#ffffff<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<button class=\"siite-btn-main\" onclick=\"siiteGenerateQR()\">Gener\u00e9r QR Kode<\/button>\n<\/div>\n\n<!-- H\u00d8JRE SIDE: FORH\u00c5NDSVISNING -->\n<div class=\"siite-preview-sticky\">\n<h2 style=\"font-size: 22px; margin-bottom: 16px; font-weight: 600;\">Forh\u00e5ndsvisning<\/h2>\n<div class=\"siite-qr-preview-box\">\n<div id=\"siite-qrcode-output\">\n<p style=\"color: #6b7280;\">Indtast information for at se din QR kode<\/p>\n<\/div>\n<button id=\"siite-download-btn\" class=\"siite-btn-main\" style=\"display:none; background-color: #111827;\">Hent som Billede (PNG)<\/button>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/qrcodejs\/1.0.0\/qrcode.min.js\"><\/script>\n<script>\n(function() {\nconst typeSelect = document.getElementById('siite-qr-type');\nconst dataInput = document.getElementById('siite-data-input');\nconst label = document.getElementById('siite-input-label');\nconst output = document.getElementById('siite-qrcode-output');\nconst downloadBtn = document.getElementById('siite-download-btn');\n\nconst config = {\nurl: { label: 'Indtast link', placeholder: 'www.din-side.dk', prefix: '' },\ntext: { label: 'Indtast tekst', placeholder: 'Skriv din besked her...', prefix: '' },\nemail: { label: 'E-mail adresse', placeholder: 'navn@firma.dk', prefix: 'mailto:' },\nsms: { label: 'Telefonnummer', placeholder: '12345678', prefix: 'sms:' }\n};\n\n\/\/ \u00c6ndre labels baseret p\u00e5 valg\ntypeSelect.addEventListener('change', () => {\nconst selected = config[typeSelect.value];\nlabel.innerText = selected.label;\ndataInput.placeholder = selected.placeholder;\n});\n\n\/\/ Panel Toggle Funktion\nwindow.siiteTogglePanel = function(header) {\nconst content = header.nextElementSibling;\nconst icon = header.querySelector('.siite-toggle-icon');\ncontent.classList.toggle('siite-open');\nicon.textContent = content.classList.contains('siite-open') ? '\u2212' : '+';\n};\n\n\/\/ Gener\u00e9r QR\nwindow.siiteGenerateQR = function() {\nlet val = dataInput.value.trim();\nif(!val) { alert('Venligst indtast indhold'); return; }\n\n\/\/ Auto-fix URL hvis det er valgt\nif(typeSelect.value === 'url' && !val.startsWith('http')) {\nval = 'https:\/\/' + val;\n}\n\nconst finalData = config[typeSelect.value].prefix + val;\noutput.innerHTML = '';\n\nnew QRCode(output, {\ntext: finalData,\nwidth: 200,\nheight: 200,\ncolorDark: document.getElementById('siite-color-dark').value,\ncolorLight: document.getElementById('siite-color-light').value,\ncorrectLevel: QRCode.CorrectLevel.H\n});\n\nsetTimeout(() => {\ndownloadBtn.style.display = 'block';\n}, 150);\n};\n\n\/\/ Download funktion\ndownloadBtn.addEventListener('click', () => {\nconst img = output.querySelector('img');\nif(img) {\nconst link = document.createElement('a');\nlink.href = img.src;\nlink.download = 'qrokode.png';\nlink.click();\n}\n});\n\n\/\/ Opdater HEX tekst ved farvevalg\ndocument.querySelectorAll('input[type=\"color\"]').forEach(input => {\ninput.addEventListener('input', (e) => {\ne.target.nextElementSibling.innerText = e.target.value.toUpperCase();\n});\n});\n})();\n<\/script>\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>Forside Skab professionelle QR-koder p\u00e5 f\u00e5 sekunder G\u00f8r det nemt for dine kunder at finde dig. Med vores gratis generator kan du [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":6218,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"Gratis QR-kode generator til professionelle designs","_seopress_titles_desc":"Skab professionelle QR-koder p\u00e5 f\u00e5 sekunder med gratis generator. Tilpas design, farver og indhold til hjemmeside, kontaktinfo eller menukort.","_seopress_robots_index":"","footnotes":""},"class_list":["post-5969","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/pages\/5969","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/comments?post=5969"}],"version-history":[{"count":12,"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/pages\/5969\/revisions"}],"predecessor-version":[{"id":6251,"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/pages\/5969\/revisions\/6251"}],"up":[{"embeddable":true,"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/pages\/6218"}],"wp:attachment":[{"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/media?parent=5969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}