{"id":33266,"date":"2023-10-19T11:04:47","date_gmt":"2023-10-19T11:04:47","guid":{"rendered":"https:\/\/hdwrglobal.com\/streckkodsgenerator\/"},"modified":"2026-03-04T08:16:08","modified_gmt":"2026-03-04T08:16:08","slug":"streckkodsgenerator","status":"publish","type":"page","link":"https:\/\/hdwrglobal.com\/sv\/streckkodsgenerator\/","title":{"rendered":"Streckkodsgenerator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"33266\" class=\"elementor elementor-33266 elementor-17505\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2a93bd e-flex e-con-boxed e-con e-parent\" data-id=\"f2a93bd\" 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-3cc864b elementor-widget elementor-widget-woocommerce-breadcrumb\" data-id=\"3cc864b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"woocommerce-breadcrumb.default\">\n\t\t\t\t\t<nav class=\"woocommerce-breadcrumb\" aria-label=\"Breadcrumb\">Hem<\/nav>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b42d0ab e-con-full e-flex e-con e-child\" data-id=\"b42d0ab\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e6eb521 e-con-full e-flex e-con e-child\" data-id=\"e6eb521\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-62858cf e-con-full e-flex e-con e-child\" data-id=\"62858cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33eb429 elementor-widget elementor-widget-heading\" data-id=\"33eb429\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Generator f\u00f6r streckkoder och QR-koder<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6a83c2 elementor-widget elementor-widget-text-editor\" data-id=\"c6a83c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><b>Barcode och QR code generator<\/b> \u00e4r ett gratis onlineverktyg. Ange vilken text som ska kodas, v\u00e4lj den typ av streckkod<b>(inklusive EAN-13, Data_Matrix, QR, Aztec, UPC-A och UPC-E, PDF 417<\/b>) som intresserar dig, anv\u00e4nd l\u00e4mpliga inst\u00e4llningar och generera den med n\u00e5gra f\u00e5 klick. Dra nytta av m\u00f6jligheten att ladda ner genererade koder i PNG- eller JPEG-format.  <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d57229 e-con-full e-flex e-con e-child\" data-id=\"9d57229\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e07e2fd e-con-full e-flex e-con e-child\" data-id=\"e07e2fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1579485 elementor-widget elementor-widget-html\" data-id=\"1579485\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"barcode-generator__frame-container\">\n<div class=\"barcode-generator-dashboard\">\n<div class=\"barcode-generator-dashboard__inner\">\n<div class=\"barcode-generator-dashboard__flow-content\">\n<div class=\"flow-content__container flow-content__container--result\">\n<div class=\"container__inner\">\n<div class=\"data-box\">\n<div class=\"group-field\"><label class=\"label\">Inneh\u00e5ll i koden<\/label> <input id=\"text\" class=\"smart-input\" required=\"\" type=\"text\" value=\"Testkod\"><\/div>\n<\/div>\n<div class=\"result-container\">\n<div class=\"result-container__content\">\n<div id=\"barcode_result\" class=\"barcode-wrapper\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhyADIAPcAAAAAAAAAMwAAZgAAmQAAzAAA\/wArAAArMwArZgArmQArzAAr\/wBVAABVMwBVZgBVmQBVzABV\/wCAAACAMwCAZgCAmQCAzACA\/wCqAACqMwCqZgCqmQCqzACq\/wDVAADVMwDVZgDVmQDVzADV\/wD\/AAD\/MwD\/ZgD\/mQD\/zAD\/\/zMAADMAMzMAZjMAmTMAzDMA\/zMrADMrMzMrZjMrmTMrzDMr\/zNVADNVMzNVZjNVmTNVzDNV\/zOAADOAMzOAZjOAmTOAzDOA\/zOqADOqMzOqZjOqmTOqzDOq\/zPVADPVMzPVZjPVmTPVzDPV\/zP\/ADP\/MzP\/ZjP\/mTP\/zDP\/\/2YAAGYAM2YAZmYAmWYAzGYA\/2YrAGYrM2YrZmYrmWYrzGYr\/2ZVAGZVM2ZVZmZVmWZVzGZV\/2aAAGaAM2aAZmaAmWaAzGaA\/2aqAGaqM2aqZmaqmWaqzGaq\/2bVAGbVM2bVZmbVmWbVzGbV\/2b\/AGb\/M2b\/Zmb\/mWb\/zGb\/\/5kAAJkAM5kAZpkAmZkAzJkA\/5krAJkrM5krZpkrmZkrzJkr\/5lVAJlVM5lVZplVmZlVzJlV\/5mAAJmAM5mAZpmAmZmAzJmA\/5mqAJmqM5mqZpmqmZmqzJmq\/5nVAJnVM5nVZpnVmZnVzJnV\/5n\/AJn\/M5n\/Zpn\/mZn\/zJn\/\/8wAAMwAM8wAZswAmcwAzMwA\/8wrAMwrM8wrZswrmcwrzMwr\/8xVAMxVM8xVZsxVmcxVzMxV\/8yAAMyAM8yAZsyAmcyAzMyA\/8yqAMyqM8yqZsyqmcyqzMyq\/8zVAMzVM8zVZszVmczVzMzV\/8z\/AMz\/M8z\/Zsz\/mcz\/zMz\/\/\/8AAP8AM\/8AZv8Amf8AzP8A\/\/8rAP8rM\/8rZv8rmf8rzP8r\/\/9VAP9VM\/9VZv9Vmf9VzP9V\/\/+AAP+AM\/+AZv+Amf+AzP+A\/\/+qAP+qM\/+qZv+qmf+qzP+q\/\/\/VAP\/VM\/\/VZv\/Vmf\/VzP\/V\/\/\/\/AP\/\/M\/\/\/Zv\/\/mf\/\/zP\/\/\/wAAAAAAAAAAAAAAACH5BAEAAPwALAAAAADIAMgAAAj\/AAEIHEiwoMGDCBMqBLCvocOHECM6RCix4r6FGBlajJixo8ePIEOK3Ehy4sGSD0UWRGlSpcuXMGOy3EhxpkybMXPq3JlwpsWaLG8G5Um0qFCfEIGiPFrSqNOnH5FKVNoUpk+oWLOelJp069CXV7WKzcq1q8GwYHGOtVqWK9WWLtHGVbuyrdSodpG+bciUZF+aXvN+zShYLsGKf3+yHXy4MOOFjh8LRLx4aeWqZyNjJqzZb+CUlz2nlayxs+KOpgFn5hha9VzSqU9zjs16tdnXlkfnrkv7NsbetXn7HklXpeGBwIcrpKwbtG3nwpMfnzz1M1zj1VFnxw29cXDv0qeX\/1Y+vjvx75C3Y0dPnX358LvBm29PHq\/7vRdb539+HTl88cxF119IAf6m3nnkFejff7AdSN98ICm4nIMRUijhewzKJt+AGO7HHYf4JRaidRleaCKF9tVHoofrJWhhiZttyNeKInp0YYoQAljcgiry55qMLCII4YjNcahjg\/eteGKS2jEp4IxFQvmkhjzGWCWISr7opIFbXilliznu+KBoU+JIJpA1NtnjbC4iGZ+XQU7o5pA2okijfvgt+eaYX6Y3J5Zq0uljnBW6d+SeHZr5I5xpsimoo0aK2aGejwJJKaCQ9innmly2yamfnlYKaphdbioqn4QqSuiNdRpqZ6CRlv\/a06tl4nlnlKvS2impn5qKKZq2DtoosLgS+aGms8pqLLHH5qrsrbUW22qvyYb666ixUrsso8Fmmuq0vJ5abbjX+oosq7Aiuy2BWmoLLbNgZivuuuMCR++l6hqFL22qxnZvu\/N2a2lq\/RL8LrfCjrWvv+DaezCq9Dq1sMHp8vtwohdLDLDDFTOc8MfRajWxaQWTfPG+a43cWckrn7xxvkWprNlawyIcMrw240zzzgLn7DPELj\/L89BBW3vuy866S\/TSP2MMss5O38z01LvKa\/XRrmatNNVDo1w0uVhvzfXOXj\/ddNljp2020GtHDTW6RMNYVsRZai333XiHLe6hefcOXSLdg8rs9+Amt50n0oT\/J06x1OZSiarikEcG+JSCR265XhnXbfTlnM+deeCId34mtnqP3rh4iaHeMMyM11v6oqdLmrrsq39r+Nemu455zHnV3Liqh8sqmMZ2+a478Jrv3bu+y0tbMfKgC988UcP3\/HvtwVNbPe\/FW3889smXOyntuKr+fO1wv02+t7PbfbXjOaV\/9vpVs14\/\/JXb3iz0lOtKuv73Q9vAhMY+8EVPbE1jGdiSZiWdyI9t\/SMg1BT4vuwF7HwYjCACIRgv2LkNTg8slPZCJ8EEog9pFhQf\/+6XQvv9r32bayEAhaRC5rnPg8Yzn8j8B5X8EW9zIfzhBalHwg1+74BD5EkQbQhE\/x6KcIFL5J4Rc0g\/Gr4OfilzohDfF8UCIrGGUkziTnzIRChqsYxgJOINseg9HXbtjF+8Yhb\/5MLYrXFyAUShwiTVxQHG8HPeEiBW+JZGPy4Qj\/8TZA\/5CEcNHhKQebzjHuk4Qzv+8XYd06NYCFlH3Snyg+yi5BwR1UcQarJ1FJTjJEnZSENyEW+prOT4ShhKVkrvbrHM5SobCEpPwkeXmaTlE3MXwrwBM5CttCL+nGjME94SUVv0YDFh6cwRkiaay3wmjI4ZySlW85HBlA43E5nMWvJymmvkZDZt2cRrhq+TKzQlJcnYtu0hU5j\/6l4cGUjMIvJShtiUIT0dWcF3sn1xnwE16EBdqcp9ohOabZweQ\/kpTX\/mDqBovKI6Fzo\/fd7Tm\/WUqDzbeUmC4tCgo\/xnRinK0niSrYqPK+cwG4pKSA4SprMEqRdb91AxOhCnbhzjKSdo00W6E6G7LCgma7pJoOKUipLM4BuPalJZQrWkLGRaUGOKTwPylJkyhf8hOL\/q0YnGsqduQalaQ1rWkSqvrZY8JyNFqVCLdtKe3ZTrPIfq1n5SdaJovctaq5rPtmA0nCp1qF1Z+km89vWuIo2rX9mpV5JWNrFVDezuCDtY9cE1p2817Dcne9lCKvOsTv2r2pamWcdKFp6rpVlrI+vLrsZ2pahVLVd1elslgrVwH\/VpbxOK2LQWF7bDJctvW3ZcqyZXudqU3GiRqzbRiW+r8aPtRq0rS+yKlbTg5e51n6qf7aaTu+M0qmiRqljFpfcprgXtK637Xmya17Kcq+9K72tG+k7XueWbK2VNq97QGpjAvfzkc7Mq1RdGNKoLdukRd9rBlhY1wiZcKlH\/G8zBDGNYwx7eMIU7ytuxaVbCElbwhy984gdjdcXX4\/CEK1xY4QpUu6l9cYd3i1ka1\/Wz2G3sYksZ48ziWLcJ5iuPL+ri5Bx2xDtO8mev6uTOOpit+D2p84wM5ByP1bPrVWOWC\/NkBpN1zESe8WPJbOUig7m\/EN2yiM1s1v\/G175eRjBHX8vmpk75wjVmcnvDDF1CX3l\/ba4tc3f4ZxC7ec25NXSBjQvlmTJ2uVX2s6TVbM75WlOcSRWsjFOc596klNJ0Pi3uIEtX9jZLnVRWanBlXecAtxrRWD5wRc8rzPimWcjR3fWYvyts4QL706XVqEx9vWwl97LMJO4xOW\/tN+Ncj5fakC6vgI3t7NlCuNav3raeF3vjRnMZzZgeN6\/RbW7ADjnd1H1zeC3W3Py1WM7ZHrTn6v287mAD+MzJpvesi43qQ1ebs\/ouOJ\/tDe9\/y5vgprZzv5Gt7mH\/eNPlZjfFI25tZSMZkQsXN8cB7mlpP7rTjsn4vknu8ThXOtIB9xjLL\/1xQF885ot7OM1dnmqU9\/ncK9e5yivObeC6u8vfXvOvm210pR9Zx\/LV8sslXnNNfznagp66q2Ec5WObnNOKtrFWu01u70Ebxl4vOdGvzfPkpr3lRd\/4QRf89p3HXddzf27dz25p\/UZ474lGceAPEhAAOw==\" alt=\"Generator kod\u00f3w kreskowych. Generator f\u00f6r QR-koder. EAN-generator. Generator kodu QR.\" title=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"flow-content__container flow-content__container--right\">\n<div class=\"container__inner\">\n<div class=\"generator-settings\">\n<div class=\"generator-settings__inner\">\n<div class=\"box-header\">\n<h4 class=\"box-name\">Inst\u00e4llningar<\/h4>\n<\/div>\n<div class=\"fields\">\n<div class=\"data-box\">\n<div class=\"group-field\"><label class=\"label\">Typ av kod<\/label><select id=\"barcodetype\" class=\"barcode-type-list\" name=\"barcodetype\">\n<option value=\"2048\">QR-KOD<\/option>\n<option value=\"1\">AZTEC<\/option>\n<option value=\"2\">CODABAR<\/option>\n<option value=\"4\">CODE_39<\/option>\n<option value=\"8\">CODE_93<\/option>\n<option value=\"16\">CODE_128<\/option>\n<option value=\"32\">DATA_MATRIX<\/option>\n<option value=\"64\">EAN_8<\/option>\n<option value=\"128\">EAN_13<\/option>\n<option value=\"256\">ITF<\/option>\n<option value=\"512\">MAXICODE<\/option>\n<option value=\"1024\">PDF_417<\/option>\n<option value=\"4096\">RSS_14<\/option>\n<option value=\"8192\">RSS_EXPANDED<\/option>\n<option value=\"16384\">UPC_A<\/option>\n<option value=\"32768\">UPC_E<\/option>\n<option value=\"61918\">Alla_1D<\/option>\n<option value=\"65536\">UPC_EAN_EXTENSION<\/option>\n<option value=\"131072\">MSI<\/option>\n<option value=\"262144\">PLESSEY<\/option>\n<option value=\"524288\">IMB<\/option>\n<option value=\"1048576\">PHARMA_KODE<\/option>\n<\/select><\/div>\n<\/div>\n<div class=\"data-box data-box--flex\">\n<div class=\"group-field\"><label class=\"label\">Bredd (px)<\/label> <input id=\"width\" max=\"700\" min=\"200\" required=\"\" type=\"number\" value=\"200\"><\/div>\n<div class=\"group-field\" style=\"margin-top: 20px;\"><label class=\"label\">H\u00f6jd (px)<\/label> <input id=\"height\" max=\"700\" min=\"200\" required=\"\" type=\"number\" value=\"200\"><\/div>\n<\/div>\n<div class=\"data-box\">\n<div class=\"group-field group-field--margin\"><label class=\"label\">Marginaler (px)<\/label> <input id=\"margin\" required=\"\" type=\"number\" value=\"0\"><\/div>\n<\/div>\n<div class=\"data-box generate-box\">\n<div class=\"cta-box\"><button id=\"send\" class=\"cta-btn\" type=\"submit\">Generera<\/button><\/div>\n<div class=\"result-controller\">\n<div class=\"result-controller__inner\">\n<div class=\"cta-box cta-box--flex\"><a class=\"cta-btn js-download\" data-ext=\"png\">Ladda ner PNG<\/a> <a class=\"cta-btn js-download\" data-ext=\"jpeg\">Ladda ner JPEG<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"modal-overlay js-error-modal\">\n<div class=\"modal-container\">\n<div class=\"modal-container__inner\">\n<div class=\"modal-container__header\">\n<p class=\"modal-title\" style=\"font-size:18px;font-weight:bold;\">Oops! Ett problem har uppst\u00e5tt. <\/p>\n<\/div>\n<div class=\"modal-container__body\">\n<div class=\"body-inner\">\n<p class=\"modal-text\">Den valda kodtypen kan inte koda de inmatade tecknen. F\u00f6rs\u00f6k igen eller ange korrekta data. <\/p>\n<\/div>\n<\/div>\n<div class=\"modal-container__actions\">\n<div class=\"cta-box\"><button class=\"cta-btn js-modal-toggler\">N\u00e4ra<\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a7bdb7 e-con-full e-flex e-con e-child\" data-id=\"7a7bdb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6ab8cc1 e-con-full e-flex e-con e-child\" data-id=\"6ab8cc1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35d1149 elementor-widget elementor-widget-html\" data-id=\"35d1149\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n    const generatorSend = document.getElementById(\"send\");\n\nif(generatorSend){\n    generatorSend.addEventListener(\"click\", function () {\n        var barcodetype = document.getElementById(\"barcodetype\").value;\n        var width = document.getElementById(\"width\").value;\n        var height = document.getElementById(\"height\").value;\n        var margin = document.getElementById(\"margin\").value;\n        var text = document.getElementById(\"text\").value;\n        text = encodeURIComponent(text);\n        var url = `https:\/\/weaverwms.com\/api\/BarcodeGenerator\/generate?barcodetype=${barcodetype}&width=${width}&height=${height}&margin=${margin}&text=${text}`;\n    \n        fetch(url)\n            .then(response => response.json())\n            .then(data => {\n                var imgTag = data.image;\n                document.getElementById(\"barcode_result\").innerHTML = imgTag;\n            })\n            .catch(error => {\n                document.querySelector('.js-error-modal').classList.add('active');\n            });\n    });\n}\n\ndocument.querySelectorAll(\".js-download\").forEach(button => {\n    button.addEventListener(\"click\", function () {\n        var extension = this.getAttribute(\"data-ext\");\n        var barcodetype = document.getElementById(\"barcodetype\").value;\n        var width = document.getElementById(\"width\").value;\n        var height = document.getElementById(\"height\").value;\n        var margin = document.getElementById(\"margin\").value;\n        var text = document.getElementById(\"text\").value;\n        text = encodeURIComponent(text);\n        var url = `https:\/\/weaverwms.com\/api\/BarcodeGenerator\/download?barcodetype=${barcodetype}&width=${width}&height=${height}&margin=${margin}&text=${text}&ext=${extension}`;\n\n        fetch(url)\n            .then(() => {\n                var a = document.createElement('a');\n                a.href = url;\n                a.target = '_blank';\n                a.rel = 'noopener noreferrer';\n\n                document.body.appendChild(a);\n                a.click();\n                document.body.removeChild(a);\n            })\n            .catch(error => {\n                document.querySelector('.js-error-modal').classList.add('active');\n            });\n    });\n});\n\nconst modalToggler = document.querySelector('.js-modal-toggler');\nif(modalToggler){\n  modalToggler.addEventListener(\"click\", function () {\n    document.querySelector('.js-error-modal').classList.remove('active');\n\t});\n}\n<\/script>\n<style>\n.barcode-generator-dashboard .barcode-generator-dashboard__inner {\n  box-sizing: border-box;\n  position: relative;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content {\n  display: flex;\n  overflow-x: hidden;\n}\n@media screen and (max-width: 767px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .barcode-generator-dashboard__flow-content {\n    display: block;\n  }\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container\n  .group-field {\n  position: relative;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container\n  .group-field\n  .label {\n  position: absolute;\n  top: -10px;\n  left: 17px;\n  background-color: #fff;\n  font-size: 10px;\n  color: #000;\n  font-weight: 500;\n  box-sizing: border-box;\n  padding: 2px 10px;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container\n  .group-field\n  input,\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container\n  .group-field\n  select {\n  border: 1px solid rgba(204, 210, 222, 0.3);\n  border-radius: 100px;\n  box-sizing: border-box;\n  padding: 16px 25px;\n  display: block;\n  font-size: 14px;\n  min-height: unset;\n  color: #000;\n  height: auto;\n  max-width: 100%;\n  width: 100%;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container\n  .group-field\n  input:focus,\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container\n  .group-field\n  select:focus {\n  outline: none;\n  border: 1px solid rgba(62, 116, 240, 0.3);\n  box-shadow: 0px 0px 5px 0px rgba(62, 116, 240, 0.2);\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--right {\n  width: 40%;\n  border-left: 1px solid rgba(204, 210, 222, 0.4);\n}\n@media screen and (max-width: 1620px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .barcode-generator-dashboard__flow-content\n    .flow-content__container--right {\n    width: 50%;\n  }\n}\n@media screen and (max-width: 767px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .barcode-generator-dashboard__flow-content\n    .flow-content__container--right {\n    width: 100%;\n    border-left: none;\n    border-top: 1px solid rgba(204, 210, 222, 0.4);\n  }\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--right\n  .container__inner {\n  height: 100%;\n  background-color: #fff;\n  border-radius: 20px;\n  box-sizing: border-box;\n  padding: 5px 0 5px 40px;\n}\n@media screen and (max-width: 876px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .barcode-generator-dashboard__flow-content\n    .flow-content__container--right\n    .container__inner {\n    padding: 5px 20px;\n  }\n}\n@media screen and (max-width: 767px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .barcode-generator-dashboard__flow-content\n    .flow-content__container--right\n    .container__inner {\n    padding: 5px 0;\n  }\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--right\n  .container__inner\n  .generator-settings\n  .generator-settings__inner\n  .fields {\n  margin-top: 10px;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--right\n  .container__inner\n  .generator-settings\n  .generator-settings__inner\n  .fields\n  .data-box {\n  margin-bottom: 20px;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--right\n  .container__inner\n  .generator-settings\n  .generator-settings__inner\n  .fields\n  .group-field--margin {\n  width: 40%;\n}\n@media screen and (max-width: 968px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .barcode-generator-dashboard__flow-content\n    .flow-content__container--right\n    .container__inner\n    .generator-settings\n    .generator-settings__inner\n    .fields\n    .group-field--margin {\n    width: 100%;\n  }\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--right\n  .container__inner\n  .generator-settings\n  .generator-settings__inner\n  .fields\n  .generate-box {\n  display: block;\n  margin-top: 40px;\n}\n@media screen and (max-width: 1080px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .barcode-generator-dashboard__flow-content\n    .flow-content__container--right\n    .container__inner\n    .generator-settings\n    .generator-settings__inner\n    .fields\n    .generate-box {\n    display: block;\n  }\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--right\n  .container__inner\n  .generator-settings\n  .generator-settings__inner\n  .fields\n  .generate-box\n  .cta-box\n  .cta-btn {\n  text-align: center;\n  box-sizing: border-box;\n  padding: 16px 40px;\n  background-color: #2361f2;\n  color: #fff;\n  font-size: 14px;\n  font-weight: 400;\n  border: 1px solid #2361f2;\n  border-radius: 20px;\n  cursor: pointer;\n  transition-property: background-color, border;\n  transition-timing-function: ease;\n  transition-duration: 0.2s;\n  height: 55px;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--right\n  .container__inner\n  .generator-settings\n  .generator-settings__inner\n  .fields\n  .generate-box\n  .cta-box\n  .cta-btn:hover {\n  background-color: #1d366f;\n  border: 1px solid #1d366f;\n}\n@media screen and (max-width: 968px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .barcode-generator-dashboard__flow-content\n    .flow-content__container--right\n    .container__inner\n    .generator-settings\n    .generator-settings__inner\n    .fields\n    .generate-box\n    .cta-box\n    .cta-btn {\n    width: 100%;\n  }\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--right\n  .container__inner\n  .generator-settings\n  .generator-settings__inner\n  .fields\n  .result-controller {\n  margin-top: 10px;\n}\n@media screen and (max-width: 1080px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .barcode-generator-dashboard__flow-content\n    .flow-content__container--right\n    .container__inner\n    .generator-settings\n    .generator-settings__inner\n    .fields\n    .result-controller {\n    margin-left: 0;\n    margin-top: 10px;\n  }\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--right\n  .container__inner\n  .generator-settings\n  .generator-settings__inner\n  .fields\n  .result-controller\n  .result-controller__inner\n  .cta-box {\n  display: flex;\n  align-items: center;\n}\n@media screen and (max-width: 968px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .barcode-generator-dashboard__flow-content\n    .flow-content__container--right\n    .container__inner\n    .generator-settings\n    .generator-settings__inner\n    .fields\n    .result-controller\n    .result-controller__inner\n    .cta-box {\n    display: block;\n  }\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--right\n  .container__inner\n  .generator-settings\n  .generator-settings__inner\n  .fields\n  .result-controller\n  .result-controller__inner\n  .cta-box\n  .cta-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  box-sizing: border-box;\n  padding: 16px 40px;\n  background-color: #fff;\n  color: #000;\n  font-size: 14px;\n  font-weight: 400;\n  border: 1px solid rgba(204, 210, 222, 0.4);\n  border-radius: 20pxpx;\n  cursor: pointer;\n  transition-property: background-color, border;\n  transition-timing-function: ease;\n  transition-duration: 0.2s;\n  text-decoration: none;\n  margin-right: 8px;\n  text-align: center;\n}\n@media screen and (max-width: 968px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .barcode-generator-dashboard__flow-content\n    .flow-content__container--right\n    .container__inner\n    .generator-settings\n    .generator-settings__inner\n    .fields\n    .result-controller\n    .result-controller__inner\n    .cta-box\n    .cta-btn {\n    margin-right: 0;\n    margin-bottom: 10px;\n  }\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--right\n  .container__inner\n  .generator-settings\n  .generator-settings__inner\n  .fields\n  .result-controller\n  .result-controller__inner\n  .cta-box\n  .cta-btn\n  .icon-box {\n  margin-right: 8px;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--right\n  .container__inner\n  .generator-settings\n  .generator-settings__inner\n  .fields\n  .result-controller\n  .result-controller__inner\n  .cta-box\n  .cta-btn\n  .icon-box\n  .icon {\n  display: block;\n  width: 16px;\n  fill: #000;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--right\n  .container__inner\n  .generator-settings\n  .generator-settings__inner\n  .fields\n  .result-controller\n  .result-controller__inner\n  .cta-box\n  .cta-btn:hover {\n  border: 1px solid rgba(204, 210, 222, 0.8);\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--result {\n  width: 60%;\n  box-sizing: border-box;\n  padding: 40px 40px 40px 0;\n}\n@media screen and (max-width: 1620px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .barcode-generator-dashboard__flow-content\n    .flow-content__container--result {\n    width: 50%;\n  }\n}\n@media screen and (max-width: 876px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .barcode-generator-dashboard__flow-content\n    .flow-content__container--result {\n    padding: 5px 20px;\n  }\n}\n@media screen and (max-width: 767px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .barcode-generator-dashboard__flow-content\n    .flow-content__container--result {\n    width: 100%;\n  }\n}\n@media screen and (max-width: 767px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .barcode-generator-dashboard__flow-content\n    .flow-content__container--result {\n    padding: 5px 0;\n  }\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--result\n  .container__inner\n  .data-box {\n  display: flex;\n  justify-content: center;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--result\n  .container__inner\n  .data-box\n  .group-field {\n  width: 80%;\n}\n@media screen and (max-width: 1340px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .barcode-generator-dashboard__flow-content\n    .flow-content__container--result\n    .container__inner\n    .data-box\n    .group-field {\n    width: 100%;\n  }\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--result\n  .container__inner\n  .data-box\n  .group-field\n  input {\n  width: 100%;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--result\n  .result-container {\n  box-sizing: border-box;\n  padding: 40px 0;\n  display: flex;\n  justify-content: center;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--result\n  .result-container\n  .result-container__content {\n  width: 100%;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .barcode-generator-dashboard__flow-content\n  .flow-content__container--result\n  .result-container\n  .result-container__content\n  img {\n  display: block;\n  max-width: 80%;\n  margin: 0 auto;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 999;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: none;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .modal-overlay.active {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .modal-overlay\n  .modal-container {\n  width: 460px;\n  padding: 20px;\n  background-color: #fff;\n  border-radius: 10px;\n}\n@media screen and (max-width: 576px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .modal-overlay\n    .modal-container {\n    width: 90%;\n  }\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .modal-overlay\n  .modal-container\n  .modal-container__inner\n  .modal-container__header\n  .modal-title {\n  font-size: 22px;\n  text-align: center;\n  font-weight: 500;\n  color: #000;\n  margin: 0;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .modal-overlay\n  .modal-container\n  .modal-container__inner\n  .modal-container__body\n  .body-inner {\n  padding: 12px 0;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .modal-overlay\n  .modal-container\n  .modal-container__inner\n  .modal-container__body\n  .body-inner\n  .modal-text {\n  text-align: center;\n  font-size: 14px;\n  color: #000;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .modal-overlay\n  .modal-container\n  .modal-container__inner\n  .modal-container__actions\n  .cta-box {\n  display: flex;\n  justify-content: center;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .modal-overlay\n  .modal-container\n  .modal-container__inner\n  .modal-container__actions\n  .cta-box\n  .cta-btn {\n  text-align: center;\n  box-sizing: border-box;\n  padding: 16px 40px;\n  background-color: #2361f2;\n  color: #fff;\n  font-size: 14px;\n  font-weight: 400;\n  border: 1px solid #2361f2;\n  border-radius: 100px;\n  cursor: pointer;\n  transition-property: background-color, border;\n  transition-timing-function: ease;\n  transition-duration: 0.2s;\n}\n.barcode-generator-dashboard\n  .barcode-generator-dashboard__inner\n  .modal-overlay\n  .modal-container\n  .modal-container__inner\n  .modal-container__actions\n  .cta-box\n  .cta-btn:hover {\n  background-color: #1d366f;\n  border: 1px solid #1d366f;\n}\n@media screen and (max-width: 968px) {\n  .barcode-generator-dashboard\n    .barcode-generator-dashboard__inner\n    .modal-overlay\n    .modal-container\n    .modal-container__inner\n    .modal-container__actions\n    .cta-box\n    .cta-btn {\n    width: 100%;\n  }\n}\nselect{\n    background: url(data:image\/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;\n    -moz-appearance: none; \n    -webkit-appearance: none; \n    appearance: none;\n    height: 30px; \n    width: 100px;\n    padding: 5px;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69b0af1 e-con-full e-flex e-con e-child\" data-id=\"69b0af1\" 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-5932ab6 elementor-widget elementor-widget-heading\" data-id=\"5932ab6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vilka typer av streckkoder kan du generera?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3a2c22 elementor-widget elementor-widget-text-editor\" data-id=\"a3a2c22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>V\u00e5r kostnadsfria streckkodsgenerator st\u00f6der alla popul\u00e4ra streckkodsformat, inklusive <strong>EAN-13<\/strong>, <strong>UPC-A<\/strong>, <strong>UPC-E<\/strong>, <strong>Code 128<\/strong>, <strong>Code 39<\/strong>, <strong>Data Matrix<\/strong>, <strong>QR-kod<\/strong>, <strong>Aztec<\/strong> och <strong>PDF 417<\/strong>. Oavsett om du beh\u00f6ver en streckkod f\u00f6r produktm\u00e4rkning, lagerhantering eller marknadsf\u00f6ringskampanjer med QR-koder \u2014 kan du skapa den h\u00e4r p\u00e5 n\u00e5gra sekunder.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c7b6a8 elementor-widget elementor-widget-heading\" data-id=\"2c7b6a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hur anv\u00e4nder man streckkodsgeneratorn?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f754a5b elementor-widget elementor-widget-text-editor\" data-id=\"f754a5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Att anv\u00e4nda generatorn \u00e4r enkelt: ange texten eller numret du vill koda, v\u00e4lj streckkodstyp fr\u00e5n rullgardinsmenyn, justera valfria inst\u00e4llningar som storlek och format, och klicka p\u00e5 generera. Din streckkod visas omedelbart och du kan ladda ner den som en <strong>PNG<\/strong>&#8211; eller <strong>JPEG<\/strong>-fil. Ingen registrering eller programvaruinstallation kr\u00e4vs.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3369ab6 elementor-widget elementor-widget-heading\" data-id=\"3369ab6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Var anv\u00e4nds streckkoder och QR-koder?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d61adf elementor-widget elementor-widget-text-editor\" data-id=\"9d61adf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Streckkoder anv\u00e4nds i alla branscher \u2014 fr\u00e5n <strong>detaljhandel och logistik<\/strong> till <strong>sjukv\u00e5rd och tillverkning<\/strong>. EAN-13- och UPC-koder identifierar produkter i butiker. QR-koder anv\u00e4nds i stor utstr\u00e4ckning inom marknadsf\u00f6ring, restaurangmenyer, evenemangsbiljetter och kontaktl\u00f6sa betalningar. Data Matrix-koder \u00e4r vanliga inom elektronik och l\u00e4kemedelsf\u00f6rpackningar tack vare sin kompakta storlek.<\/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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Generator f\u00f6r streckkoder och QR-koder Barcode och QR code generator \u00e4r ett gratis onlineverktyg. Ange vilken text som ska kodas, v\u00e4lj den typ av streckkod(inklusive EAN-13, Data_Matrix, QR, Aztec, UPC-A och UPC-E, PDF 417) som intresserar dig, anv\u00e4nd l\u00e4mpliga inst\u00e4llningar och generera den med n\u00e5gra f\u00e5 klick. Dra nytta av m\u00f6jligheten att ladda ner genererade [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-33266","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hdwrglobal.com\/sv\/wp-json\/wp\/v2\/pages\/33266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hdwrglobal.com\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hdwrglobal.com\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hdwrglobal.com\/sv\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hdwrglobal.com\/sv\/wp-json\/wp\/v2\/comments?post=33266"}],"version-history":[{"count":0,"href":"https:\/\/hdwrglobal.com\/sv\/wp-json\/wp\/v2\/pages\/33266\/revisions"}],"wp:attachment":[{"href":"https:\/\/hdwrglobal.com\/sv\/wp-json\/wp\/v2\/media?parent=33266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}