{"id":254179,"date":"2026-07-21T11:31:15","date_gmt":"2026-07-21T11:31:15","guid":{"rendered":"https:\/\/wheelshell.com\/?page_id=254179"},"modified":"2026-07-21T11:31:15","modified_gmt":"2026-07-21T11:31:15","slug":"find-my-design","status":"publish","type":"page","link":"https:\/\/wheelshell.com\/nb\/find-my-design\/","title":{"rendered":"Find My Design"},"content":{"rendered":"\t\t<style>\n\t\t.wsfmd{--wsfmd-accent:#111;--wsfmd-radius:14px;--wsfmd-h:54px;\n\t\t\t--wsfmd-cta:#111;--wsfmd-cta-hover:#333;--wsfmd-cta-ink:#fff;\n\t\t\t--wsfmd-cta2:#f57c00;--wsfmd-cta2-hover:#e06c00;\n\t\t\tmax-width:600px;margin:.75em auto 1.5em;font-family:inherit;box-sizing:border-box}\n\t\t.wsfmd *,.wsfmd *::before,.wsfmd *::after{box-sizing:border-box}\n\t\t.wsfmd-card{background:#fff;border:1px solid #ececec;border-radius:var(--wsfmd-radius);\n\t\t\tpadding:2em 1.75em;box-shadow:0 10px 30px rgba(0,0,0,.06)}\n\t\t.wsfmd-title{margin:0 0 .35em;font-size:1.6em;line-height:1.2;font-weight:700;color:#111}\n\t\t.wsfmd-intro{margin:0 0 1.4em;color:#555;font-size:.98em;line-height:1.55}\n\t\t.wsfmd-row{display:flex;gap:.6em;flex-wrap:wrap;align-items:stretch}\n\t\t.wsfmd-email{flex:1 1 220px;min-width:0;height:var(--wsfmd-h);margin:0;padding:0 1.05em;\n\t\t\tfont-size:1.02em;color:#111;\n\t\t\tborder:2px solid #b9b9c2;border-radius:10px;background:#eeeef1;\n\t\t\ttransition:border-color .15s,background .15s,box-shadow .15s}\n\t\t.wsfmd-email::placeholder{color:#87878e}\n\t\t.wsfmd-email:focus{outline:none;border-color:var(--wsfmd-cta2);background:#fff;\n\t\t\tbox-shadow:0 0 0 3px rgba(245,124,0,.18)}\n\t\t.wsfmd-btn{flex:0 0 auto;height:var(--wsfmd-h);margin:0;padding:0 1.7em;\n\t\t\tdisplay:inline-flex;align-items:center;justify-content:center;\n\t\t\tfont-size:1em;font-weight:700;color:var(--wsfmd-cta-ink);\n\t\t\tbackground:var(--wsfmd-cta);border:1px solid var(--wsfmd-cta-hover);\n\t\t\tborder-radius:10px;cursor:pointer;white-space:nowrap;\n\t\t\ttransition:background .15s,transform .05s,box-shadow .15s}\n\t\t.wsfmd-btn:hover{background:var(--wsfmd-cta-hover);box-shadow:0 2px 8px rgba(0,0,0,.12)}\n\t\t.wsfmd-btn:active{transform:translateY(1px)}\n\t\t.wsfmd-btn[disabled]{opacity:.55;cursor:default}\n\t\t.wsfmd-status{margin-top:1em;font-size:.95em;color:#555;min-height:1.2em}\n\t\t.wsfmd-status.is-error{color:#c0392b}\n\t\t.wsfmd-results{margin-top:1em;display:grid;gap:.7em}\n\t\t.wsfmd-item{display:flex;align-items:center;justify-content:space-between;gap:.8em;flex-wrap:wrap;\n\t\t\tpadding:.9em 1.1em;border:1px solid #eee;border-radius:12px;background:#fafafa}\n\t\t.wsfmd-item-meta{min-width:0}\n\t\t.wsfmd-item-name{font-weight:600;color:#111;word-break:break-word}\n\t\t.wsfmd-item-sub{font-size:.85em;color:#888;margin-top:.15em}\n\t\t.wsfmd-lang{display:inline-block;margin-left:.4em;padding:.05em .5em;font-size:.72em;font-weight:600;\n\t\t\ttext-transform:uppercase;letter-spacing:.03em;color:#555;background:#eee;border-radius:6px}\n\t\t.wsfmd-open{flex:0 0 auto;padding:.6em 1.1em;font-size:.92em;font-weight:700;text-decoration:none;\n\t\t\tcolor:var(--wsfmd-cta-ink);background:var(--wsfmd-cta);\n\t\t\tborder:1px solid var(--wsfmd-cta-hover);border-radius:9px;white-space:nowrap;\n\t\t\ttransition:background .15s,box-shadow .15s}\n\t\t.wsfmd-open:hover{background:var(--wsfmd-cta-hover);color:var(--wsfmd-cta-ink);box-shadow:0 2px 8px rgba(0,0,0,.12)}\n\t\t.wsfmd-noresults{padding:1em 1.1em;border:1px dashed #e0c7a0;border-radius:12px;\n\t\t\tbackground:#fdf7ee;color:#7a5a1e;line-height:1.55}\n\t\t.wsfmd-noresults a{color:#7a5a1e;font-weight:600}\n\t\t.wsfmd-cta{margin:1.6em 0 0;padding-top:1.4em;border-top:1px solid #eee;text-align:center}\n\t\t.wsfmd-cta-btn{display:inline-block;padding:.85em 1.6em;font-size:.9em;font-weight:700;\n\t\t\ttext-transform:uppercase;letter-spacing:.05em;text-decoration:none;\n\t\t\tcolor:#fff;background:var(--wsfmd-cta2);\n\t\t\tborder:2px solid var(--wsfmd-cta2);border-radius:10px;\n\t\t\ttransition:background .15s,border-color .15s,box-shadow .15s}\n\t\t.wsfmd-cta-btn:hover{background:var(--wsfmd-cta2-hover);border-color:var(--wsfmd-cta2-hover);color:#fff;box-shadow:0 3px 10px rgba(245,124,0,.35)}\n\t\t@media (max-width:600px){\n\t\t\t.wsfmd{--wsfmd-h:50px;margin:.15em auto 1.1em}\n\t\t\t.wsfmd-card{padding:1.1em 1.05em;border-radius:12px}\n\t\t\t.wsfmd-title{font-size:1.3em;margin-bottom:.25em}\n\t\t\t.wsfmd-intro{font-size:.9em;line-height:1.45;margin-bottom:1em}\n\t\t\t.wsfmd-row{gap:.5em}\n\t\t\t.wsfmd-cta{margin-top:1.05em;padding-top:1em}\n\t\t\t.wsfmd-cta-btn{padding:.75em 1.05em;font-size:.82em;letter-spacing:.03em}\n\t\t}\n\t\t@media (prefers-color-scheme:dark){\n\t\t\t.wsfmd-card{background:#1c1c1e;border-color:#2c2c2e;box-shadow:none}\n\t\t\t.wsfmd-title{color:#f5f5f7}.wsfmd-intro{color:#a1a1a6}\n\t\t\t.wsfmd-email{background:#2c2c2e;border-color:#54545a;color:#f5f5f7}\n\t\t\t.wsfmd-email:focus{background:#1c1c1e;border-color:var(--wsfmd-cta2);box-shadow:0 0 0 3px rgba(245,124,0,.28)}\n\t\t\t.wsfmd{--wsfmd-accent:#0a84ff}\n\t\t\t.wsfmd-status{color:#a1a1a6}\n\t\t\t.wsfmd-item{background:#2c2c2e;border-color:#3a3a3c}\n\t\t\t.wsfmd-item-name{color:#f5f5f7}.wsfmd-lang{background:#3a3a3c;color:#c7c7cc}\n\t\t\t.wsfmd-noresults{background:#2a2418;border-color:#5a4a2a;color:#e0c88a}\n\t\t\t.wsfmd-noresults a{color:#e0c88a}\n\t\t\t.wsfmd-cta{border-top-color:#2c2c2e;color:#a1a1a6}\n\t\t}\n\t\t<\/style>\n\t\t<script>\n\t\t(function(){\n\t\t\tfunction esc(s){var d=document.createElement('div');d.textContent=s==null?'':String(s);return d.innerHTML;}\n\t\t\tfunction bind(form){\n\t\t\t\tvar endpoint=form.getAttribute('data-endpoint');\n\t\t\t\tvar requestUrl=form.getAttribute('data-request-url')||'\/';\n\t\t\t\tvar contact=form.getAttribute('data-contact')||'';\n\t\t\t\tvar card=form.closest('.wsfmd-card')||form.parentNode;\n\t\t\t\tvar statusEl=card.querySelector('.wsfmd-status');\n\t\t\t\tvar results=card.querySelector('.wsfmd-results');\n\t\t\t\tvar email=form.querySelector('.wsfmd-email');\n\t\t\t\tvar btn=form.querySelector('.wsfmd-btn');\n\n\t\t\t\tfunction setStatus(msg,isErr){\n\t\t\t\t\tstatusEl.textContent=msg||'';\n\t\t\t\t\tstatusEl.className='wsfmd-status'+(isErr?' is-error':'');\n\t\t\t\t}\n\t\t\t\tfunction noResults(){\n\t\t\t\t\tvar mail=contact?'<a href=\"mailto:'+esc(contact)+'\">'+esc(contact)+'<\/a>':'us';\n\t\t\t\t\tresults.innerHTML='<div class=\"wsfmd-noresults\">'+\n\t\t\t\t\t\t\"We couldn't find a design for that email. If you used a different address, try that one \u2014 \"+\n\t\t\t\t\t\t'or contact us at '+mail+' and we\u2019ll help you find it.<br><br>'+\n\t\t\t\t\t\t'<a href=\"'+esc(requestUrl)+'\">I want to request a new or changed design \u2192<\/a>'+\n\t\t\t\t\t\t'<\/div>';\n\t\t\t\t}\n\t\t\t\tfunction renderList(designs){\n\t\t\t\t\tresults.innerHTML='';\n\t\t\t\t\tdesigns.forEach(function(d){\n\t\t\t\t\t\tvar item=document.createElement('div');item.className='wsfmd-item';\n\t\t\t\t\t\tvar sub=d.date?('Created '+esc(d.date)):'';\n\t\t\t\t\t\tvar lang=(d.lang&&d.lang!=='en')?'<span class=\"wsfmd-lang\">'+esc(d.lang)+'<\/span>':'';\n\t\t\t\t\t\titem.innerHTML='<div class=\"wsfmd-item-meta\">'+\n\t\t\t\t\t\t\t'<div class=\"wsfmd-item-name\">'+esc(d.name)+lang+'<\/div>'+\n\t\t\t\t\t\t\t(sub?'<div class=\"wsfmd-item-sub\">'+sub+'<\/div>':'')+\n\t\t\t\t\t\t\t'<\/div>'+\n\t\t\t\t\t\t\t'<a class=\"wsfmd-open\" href=\"'+esc(d.url)+'\" target=\"_blank\" rel=\"noopener\">Open my design page \u2192<\/a>';\n\t\t\t\t\t\tresults.appendChild(item);\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tform.addEventListener('submit',function(e){\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tresults.innerHTML='';\n\t\t\t\t\tvar val=(email.value||'').trim();\n\t\t\t\t\tif(!val||val.indexOf('@')<1){setStatus('Please enter a valid email address.',true);return;}\n\t\t\t\t\tbtn.disabled=true;setStatus('Searching\u2026',false);\n\n\t\t\t\t\tfetch(endpoint,{\n\t\t\t\t\t\tmethod:'POST',\n\t\t\t\t\t\theaders:{'Content-Type':'application\/json','Accept':'application\/json'},\n\t\t\t\t\t\tbody:JSON.stringify({email:val})\n\t\t\t\t\t}).then(function(r){\n\t\t\t\t\t\treturn r.json().then(function(data){return {status:r.status,data:data};});\n\t\t\t\t\t}).then(function(res){\n\t\t\t\t\t\tbtn.disabled=false;\n\t\t\t\t\t\tif(res.status===429){setStatus('Too many attempts. Please wait a minute and try again.',true);return;}\n\t\t\t\t\t\tif(res.status===400){setStatus('Please enter a valid email address.',true);return;}\n\t\t\t\t\t\tif(!res.data){setStatus('Something went wrong. Please try again.',true);return;}\n\t\t\t\t\t\tif(res.data.found&&res.data.designs&&res.data.designs.length){\n\t\t\t\t\t\t\tvar n=res.data.designs.length;\n\t\t\t\t\t\t\tsetStatus(n===1?'Here is your design:':('Found '+n+' designs:'),false);\n\t\t\t\t\t\t\trenderList(res.data.designs);\n\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\tsetStatus('',false);noResults();\n\t\t\t\t\t\t}\n\t\t\t\t\t}).catch(function(){\n\t\t\t\t\t\tbtn.disabled=false;\n\t\t\t\t\t\tsetStatus('Network error. Please check your connection and try again.',true);\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t\tfunction initAll(){\n\t\t\t\tvar forms=document.querySelectorAll('.wsfmd-form');\n\t\t\t\tfor(var i=0;i<forms.length;i++){if(!forms[i].dataset.bound){forms[i].dataset.bound='1';bind(forms[i]);}}\n\t\t\t}\n\t\t\tif(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',initAll);}else{initAll();}\n\t\t})();\n\t\t<\/script>\n\t\t\t\t<div class=\"wsfmd\">\n\t\t\t<div class=\"wsfmd-card\">\n\t\t\t\t<h2 class=\"wsfmd-title\">Find My Design<\/h2>\n\t\t\t\t<p class=\"wsfmd-intro\">Enter the email you used when you requested your custom spare tire cover. We&#039;ll bring up your design page(s) so you can always come back to view, share, or order them.<\/p>\n\n\t\t\t\t<form class=\"wsfmd-form\" novalidate\n\t\t\t\t      data-endpoint=\"https:\/\/wheelshell.com\/nb\/wp-json\/wsops2\/v1\/find-design\"\n\t\t\t\t      data-request-url=\"\/custom-spare-tire-cover\/\"\n\t\t\t\t      data-contact=\"info@wheelshell.com\">\n\t\t\t\t\t<div class=\"wsfmd-row\">\n\t\t\t\t\t\t<input type=\"email\" class=\"wsfmd-email\" name=\"email\"\n\t\t\t\t\t\t       placeholder=\"you@example.com\" autocomplete=\"email\"\n\t\t\t\t\t\t       aria-label=\"Your email address\" required>\n\t\t\t\t\t\t<button type=\"submit\" class=\"wsfmd-btn\">Find my design<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/form>\n\n\t\t\t\t<div class=\"wsfmd-status\" role=\"status\" aria-live=\"polite\"><\/div>\n\t\t\t\t<div class=\"wsfmd-results\"><\/div>\n\n\t\t\t\t<div class=\"wsfmd-cta\">\n\t\t\t\t\t<a class=\"wsfmd-cta-btn\" href=\"\/custom-spare-tire-cover\/\">I want to request a new or changed design \u2192<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","rank_math_title":"","rank_math_description":"","rank_math_focus_keyword":"","rank_math_canonical_url":"","rank_math_robots":[],"rank_math_advanced_robots":[]},"class_list":["post-254179","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wheelshell.com\/nb\/wp-json\/wp\/v2\/pages\/254179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wheelshell.com\/nb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wheelshell.com\/nb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wheelshell.com\/nb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wheelshell.com\/nb\/wp-json\/wp\/v2\/comments?post=254179"}],"version-history":[{"count":1,"href":"https:\/\/wheelshell.com\/nb\/wp-json\/wp\/v2\/pages\/254179\/revisions"}],"predecessor-version":[{"id":254180,"href":"https:\/\/wheelshell.com\/nb\/wp-json\/wp\/v2\/pages\/254179\/revisions\/254180"}],"wp:attachment":[{"href":"https:\/\/wheelshell.com\/nb\/wp-json\/wp\/v2\/media?parent=254179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}