{"id":269,"date":"2025-12-22T14:17:04","date_gmt":"2025-12-22T14:17:04","guid":{"rendered":"https:\/\/beta.abergstryck.se\/?page_id=269"},"modified":"2025-12-30T13:28:23","modified_gmt":"2025-12-30T13:28:23","slug":"lagg-till-anvandarkonto","status":"publish","type":"page","link":"https:\/\/beta.abergstryck.se\/?page_id=269","title":{"rendered":"L\u00e4gg till anv\u00e4ndarkonto"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-text-color has-link-color has-fira-code-font-family wp-elements-3f6ccda301e815b5771817794774d084\" style=\"color:#016834;font-size:clamp(28.836px, 1.802rem + ((1vw - 3.2px) * 2.405), 50px);\"><strong>L\u00e4gg till anv\u00e4ndarkonto<\/strong><\/h2>\n\n\n\n<style>\n  \/* --- Container & typography --- *\/\n  .ab-form-wrap{\n    max-width: 860px;\n    margin: 0 auto;\n    padding: clamp(24px, 4vw, 48px) 16px 72px;\n    color: #1f3b2a;\n  }\n\n  .ab-title{\n    font-size: clamp(28px, 3.2vw, 44px);\n    font-weight: 800;\n    margin: 0 0 18px;\n  }\n\n  .ab-subtitle{\n    font-size: clamp(18px, 2vw, 22px);\n    font-weight: 700;\n    margin: 26px 0 10px;\n  }\n\n  .ab-help{\n    font-size: 16px;\n    line-height: 1.55;\n    margin: 0 0 18px;\n  }\n\n  \/* --- Form layout --- *\/\n  .ab-form{\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n\n  .ab-row{\n    display: grid;\n    grid-template-columns: 220px 1fr;\n    gap: 14px;\n    align-items: flex-start;\n  }\n\n  @media (max-width: 720px){\n    .ab-row{\n      grid-template-columns: 1fr;\n      gap: 8px;\n    }\n  }\n\n  .ab-label{\n    font-weight: 700;\n    font-size: 16px;\n  }\n\n  .ab-label .req{ color: #b00020; }\n\n  .ab-input, .ab-select{\n    width: 100%;\n    max-width: 360px;\n    height: 38px;\n    padding: 6px 10px;\n    border: 1px solid rgba(31,59,42,.35);\n    border-radius: 6px;\n    background: rgba(255,255,255,.55);\n    outline: none;\n  }\n\n  .ab-input:focus, .ab-select:focus{\n    border-color: rgba(0,166,81,.8);\n    box-shadow: 0 0 0 3px rgba(0,166,81,.18);\n  }\n\n  \/* --- Red instruction text --- *\/\n  .ab-note-red{\n    color: #b00020;\n    font-size: 13px;\n    line-height: 1.5;\n    margin: 6px 0 0;\n    max-width: 520px;\n  }\n\n  \/* --- Sections --- *\/\n  .ab-divider{\n    height: 1px;\n    background: rgba(31,59,42,.18);\n    margin: 26px 0;\n  }\n\n  \/* --- Buttons\/links --- *\/\n  .ab-actions{\n    display: grid;\n    grid-template-columns: 1fr;\n    justify-items: center;\n    gap: 14px;\n    margin-top: 18px;\n  }\n\n  .ab-btn{\n    display: inline-block;\n    padding: 10px 34px;\n    border-radius: 6px;\n    border: 1px solid rgba(255,255,255,.6);\n    background: linear-gradient(180deg, rgba(186, 231, 170, .95), rgba(101, 168, 93, .95));\n    color: #ffffff;\n    font-weight: 800;\n    letter-spacing: .5px;\n    text-decoration: none;\n    box-shadow: 0 10px 18px rgba(0,0,0,.12);\n    cursor: pointer;\n  }\n\n  .ab-back{\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    text-decoration: underline;\n    color: #1f3b2a;\n    font-weight: 700;\n  }\n\n  .ab-back .arrow{\n    font-size: 22px;\n    line-height: 1;\n  }\n\n  \/* Safety: prevent weird text breaking *\/\n  .ab-form-wrap, .ab-form-wrap *{\n    word-break: normal;\n    overflow-wrap: break-word;\n    white-space: normal;\n  }\n<\/style>\n\n<div class=\"ab-form-wrap\">\n\n  <h2 class=\"ab-subtitle\">Instruktioner<\/h2>\n  <p class=\"ab-help\">\n    <em>\n      *Skapa ett nytt kundkonto f\u00f6r att ge kunden \u00e5tkomst till webbshopen.\n      Fyll i alla obligatoriska f\u00e4lt markerade med <strong>*<\/strong>.\n    <\/em>\n  <\/p>\n\n  <form class=\"ab-form\" action=\"#\" method=\"post\">\n\n    <div class=\"ab-row\">\n      <label class=\"ab-label\" for=\"ab-username\"><span class=\"req\">*<\/span>Anv\u00e4ndarnamn:<\/label>\n      <input class=\"ab-input\" id=\"ab-username\" name=\"username\" type=\"text\" \/>\n    <\/div>\n\n    <div class=\"ab-row\">\n      <label class=\"ab-label\" for=\"ab-email\"><span class=\"req\">*<\/span>E-postadress:<\/label>\n      <input class=\"ab-input\" id=\"ab-email\" name=\"email\" type=\"email\" \/>\n    <\/div>\n\n    <div class=\"ab-row\">\n      <label class=\"ab-label\" for=\"ab-firstname\">F\u00f6rnamn:<\/label>\n      <input class=\"ab-input\" id=\"ab-firstname\" name=\"firstname\" type=\"text\" \/>\n    <\/div>\n\n    <div class=\"ab-row\">\n      <label class=\"ab-label\" for=\"ab-lastname\">Efternamn:<\/label>\n      <input class=\"ab-input\" id=\"ab-lastname\" name=\"lastname\" type=\"text\" \/>\n    <\/div>\n\n    <div class=\"ab-row\">\n      <label class=\"ab-label\" for=\"ab-role\"><span class=\"req\">*<\/span>V\u00e4lj roll:<\/label>\n      <div>\n        <select class=\"ab-select\" id=\"ab-role\" name=\"role\">\n          <option value=\"\">V\u00e4lj kundroll<\/option>\n          <option value=\"kund\">Kund<\/option>\n          <option value=\"aterforsaljare\">\u00c5terf\u00f6rs\u00e4ljare<\/option>\n          <option value=\"admin\">Administrat\u00f6r<\/option>\n          <option value=\"it\">IT-redakt\u00f6r<\/option>\n        <\/select>\n        <p class=\"ab-note-red\">\n          *Anv\u00e4ndarrollen avg\u00f6r vad anv\u00e4ndaren kan g\u00f6ra i webbshopen\n          (t.ex. administrera order, se priser och l\u00e4gga best\u00e4llningar).\n          Roller ska vara generella och inte kundspecifika.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"ab-divider\"><\/div>\n\n    <h2 class=\"ab-subtitle\">Skapa l\u00f6senord<\/h2>\n\n    <p class=\"ab-note-red\">\n      *L\u00f6senordet ska inneh\u00e5lla minst 8 tecken och best\u00e5 av minst\n      en stor bokstav, en liten bokstav och en siffra.\n    <\/p>\n\n    <div class=\"ab-row\">\n      <label class=\"ab-label\" for=\"ab-pass\">L\u00f6senord:<\/label>\n      <input class=\"ab-input\" id=\"ab-pass\" name=\"password\" type=\"password\" \/>\n    <\/div>\n\n    <div class=\"ab-row\">\n      <label class=\"ab-label\" for=\"ab-pass2\">Bekr\u00e4fta l\u00f6senord:<\/label>\n      <input class=\"ab-input\" id=\"ab-pass2\" name=\"password_confirm\" type=\"password\" \/>\n    <\/div>\n\n    <div class=\"ab-divider\"><\/div>\n\n    <h2 class=\"ab-subtitle\">Standard fakturauppgifter<\/h2>\n    <p class=\"ab-note-red\" style=\"margin-top:0;\">\n      *Fylls i endast om rollen \u00e4r en kundroll (t.ex. Kund eller \u00c5terf\u00f6rs\u00e4ljare).\n      F\u00f6r interna roller l\u00e4mnas f\u00e4lten tomma.\n    <\/p>\n\n    <div class=\"ab-row\">\n      <label class=\"ab-label\" for=\"ab-company\">F\u00f6retagsnamn:<\/label>\n      <input class=\"ab-input\" id=\"ab-company\" name=\"company\" type=\"text\" style=\"max-width:420px;\" \/>\n    <\/div>\n\n    <div class=\"ab-row\">\n      <label class=\"ab-label\" for=\"ab-orgnr\">Organisationsnummer:<\/label>\n      <input class=\"ab-input\" id=\"ab-orgnr\" name=\"orgnr\" type=\"text\" style=\"max-width:300px;\" \/>\n    <\/div>\n\n    <div class=\"ab-row\">\n      <label class=\"ab-label\" for=\"ab-address\">Adress:<\/label>\n      <input class=\"ab-input\" id=\"ab-address\" name=\"address\" type=\"text\" style=\"max-width:520px;\" \/>\n    <\/div>\n\n    <div class=\"ab-row\">\n      <label class=\"ab-label\" for=\"ab-phone\">Telefon:<\/label>\n      <input class=\"ab-input\" id=\"ab-phone\" name=\"phone\" type=\"tel\" style=\"max-width:300px;\" \/>\n    <\/div>\n\n    <div class=\"ab-actions\">\n      <button class=\"ab-btn\" type=\"button\"\n        onclick=\"alert('Demo: Funktionen kopplas till databasen i n\u00e4sta utvecklingssteg.')\">\n        Spara\n      <\/button>\n\n      <a class=\"ab-back\" href=\"https:\/\/beta.abergstryck.se\/?page_id=148\">\n        <span class=\"arrow\">\u2190<\/span>G\u00e5 till befintliga konton\n      <\/a>\n    <\/div>\n\n  <\/form>\n<\/div>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>L\u00e4gg till anv\u00e4ndarkonto Instruktioner *Skapa ett nytt kundkonto f\u00f6r att ge kunden \u00e5tkomst till webbshopen. Fyll i alla obligatoriska f\u00e4lt markerade med *. *Anv\u00e4ndarnamn: *E-postadress: F\u00f6rnamn: Efternamn: *V\u00e4lj roll: V\u00e4lj kundrollKund\u00c5terf\u00f6rs\u00e4ljareAdministrat\u00f6rIT-redakt\u00f6r *Anv\u00e4ndarrollen avg\u00f6r vad anv\u00e4ndaren kan g\u00f6ra i webbshopen (t.ex. administrera order, se priser och l\u00e4gga best\u00e4llningar). Roller ska vara generella och inte kundspecifika. Skapa [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-header-top-menu-2","meta":{"footnotes":""},"class_list":["post-269","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/pages\/269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=269"}],"version-history":[{"count":13,"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/pages\/269\/revisions"}],"predecessor-version":[{"id":413,"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=\/wp\/v2\/pages\/269\/revisions\/413"}],"wp:attachment":[{"href":"https:\/\/beta.abergstryck.se\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}