{"id":4484,"date":"2026-07-18T06:16:00","date_gmt":"2026-07-18T06:16:00","guid":{"rendered":"https:\/\/tiles360dev.3droomview.com\/tiles360\/?page_id=4484"},"modified":"2026-09-29T06:32:30","modified_gmt":"2026-09-29T06:32:30","slug":"login","status":"publish","type":"page","link":"https:\/\/tiles360dev.3droomview.com\/tiles360\/login\/","title":{"rendered":"login"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4484\" class=\"elementor elementor-4484\">\n\t\t\t\t<div class=\"elementor-element elementor-element-820b1c0 e-con-full e-flex e-con e-parent\" data-id=\"820b1c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23a96a2 elementor-widget elementor-widget-shortcode\" data-id=\"23a96a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t<section class=\"t360-login-page t360-auth t360-auth--login\" aria-label=\"Tiles360 client login\">\r\n\t\t<aside class=\"t360-login-intro t360-auth-intro\" aria-labelledby=\"t360-login-intro-title\">\r\n\t\t\t<a class=\"t360-login-brand t360-auth-brand\" href=\"https:\/\/tiles360dev.3droomview.com\/tiles360\/\" aria-label=\"Tiles360 home\">\r\n\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/tiles360dev.3droomview.com\/tiles360\/wp-content\/uploads\/2026\/07\/logo-black-CKEbZaoK.webp\" alt=\"Tiles360\" width=\"777\" height=\"215\" fetchpriority=\"high\">\r\n\t\t\t<\/a>\r\n\t\t\t<div class=\"t360-login-story t360-auth-story\">\r\n\t\t\t\t<span class=\"t360-login-badge t360-auth-badge\"><span aria-hidden=\"true\"><\/span> IDEAS TO SPACES<\/span>\r\n\t\t\t\t<h2 id=\"t360-login-intro-title\" class=\"t360-auth-intro-title\">Your vision.<br><span>A whole new dimension.<\/span><\/h2>\r\n\t\t\t\t<p class=\"t360-login-description t360-auth-description\">From room ideas to customer projects, bring your tile business together in one workspace.<\/p>\r\n\t\t\t\t<ul class=\"t360-login-features t360-auth-features\">\r\n\t\t\t\t\t<li>\r\n\t\t\t\t\t\t<span class=\"t360-login-feature-icon t360-auth-feature-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"m3 10 9-7 9 7v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V10Z\"\/><path d=\"M9 21v-8h6v8\"\/><\/svg><\/span>\r\n\t\t\t\t\t\t<div><h3>See it before you build it<\/h3><p>2D, 360&deg; views &amp; room planners<\/p><\/div>\r\n\t\t\t\t\t<\/li>\r\n\t\t\t\t\t<li>\r\n\t\t\t\t\t\t<span class=\"t360-login-feature-icon t360-auth-feature-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"9\" cy=\"7\" r=\"3\"\/><path d=\"M3 21v-3a6 6 0 0 1 12 0v3M16 4a3 3 0 0 1 0 6m2 4a5 5 0 0 1 3 4v3\"\/><\/svg><\/span>\r\n\t\t\t\t\t\t<div><h3>Build better connections<\/h3><p>Leads, customers &amp; projects with CRM<\/p><\/div>\r\n\t\t\t\t\t<\/li>\r\n\t\t\t\t\t<li>\r\n\t\t\t\t\t\t<span class=\"t360-login-feature-icon t360-auth-feature-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg><\/span>\r\n\t\t\t\t\t\t<div><h3>Create catalogues that stand out<\/h3><p>Showcase your tile collections with Catalogue Maker<\/p><\/div>\r\n\t\t\t\t\t<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t<\/div>\r\n\t\t\t<p class=\"t360-login-intro-footer t360-auth-intro-footer\"><span>Visualize<\/span><span>Connect<\/span><span>Grow<\/span><\/p>\r\n\t\t<\/aside>\r\n\t\t<div class=\"t360-login-main t360-auth-main\">\r\n\t\t\t<div class=\"t360-login-main-content t360-auth-main-content\">\r\n\t<div data-t360-login-container style=\"visibility:hidden;\">\r\n\r\n\t\t<form\r\n\t\t\tmethod=\"post\"\r\n\t\t\tid=\"t360-login-form\"\r\n\t\t\tclass=\"t360-glass-card t360-form\"\r\n\t\t\tdata-t360-login-form\r\n\t\t\tnovalidate\r\n\t\t>\r\n\r\n\t\t\t<div class=\"t360-login-heading t360-auth-heading\">\r\n\t\t\t\t<span class=\"t360-login-eyebrow t360-auth-eyebrow\">YOUR TILES360 WORKSPACE<\/span>\r\n\t\t\t\t<h2 class=\"t360-form-title\">Welcome back<\/h2>\r\n\t\t\t\t<p>Your designs, projects and next ideas are waiting.<\/p>\r\n\t\t\t<\/div>\r\n\r\n\r\n\t\t\t\r\n\r\n\t\t\t<!-- Email -->\r\n\r\n\t\t\t<div class=\"t360-field\">\r\n\r\n\t\t\t\t<label for=\"t360-login-email\">\r\n\t\t\t\t\tEmail Address\r\n\t\t\t\t<\/label>\r\n\r\n\t\t\t\t<input\r\n\t\t\t\t\ttype=\"email\"\r\n\t\t\t\t\tid=\"t360-login-email\"\r\n\t\t\t\t\tname=\"t360_login_email\"\r\n\t\t\t\t\tvalue=\"\"\r\n\t\t\t\t\tautocomplete=\"email\"\r\n\t\t\t\t\tplaceholder=\"you@company.com\"\r\n\t\t\t\t\taria-describedby=\"t360-login-email-error\"\r\n\t\t\t\t\trequired\r\n\t\t\t\t>\r\n\r\n\t\t\t\t<small\r\n\t\t\t\t\tclass=\"t360-field-error\"\r\n\t\t\t\t\tdata-error=\"t360-login-email\"\r\n\t\t\t\t\tid=\"t360-login-email-error\"\r\n\t\t\t\t\taria-live=\"polite\"\r\n\t\t\t\t><\/small>\r\n\r\n\t\t\t<\/div>\r\n\r\n\r\n\t\t\t<!-- Password -->\r\n\r\n\t\t\t<div class=\"t360-field\">\r\n\r\n\t\t\t\t<label for=\"t360-login-password\">\r\n\t\t\t\t\tPassword\r\n\t\t\t\t<\/label>\r\n\r\n\t\t\t\t<div class=\"t360-password-wrapper\">\r\n\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"password\"\r\n\t\t\t\t\t\tid=\"t360-login-password\"\r\n\t\t\t\t\t\tname=\"t360_login_password\"\r\n\t\t\t\t\t\tautocomplete=\"current-password\"\r\n\t\t\t\t\t\tplaceholder=\"Enter your password\"\r\n\t\t\t\t\t\taria-describedby=\"t360-login-password-error\"\r\n\t\t\t\t\t\trequired\r\n\t\t\t\t\t\tdata-t360-password-input\r\n\t\t\t\t\t>\r\n\r\n\t\t\t\t\t<button\r\n\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\tclass=\"t360-password-toggle\"\r\n\t\t\t\t\t\tdata-t360-password-toggle\r\n\t\t\t\t\t\taria-label=\"Show password\"\r\n\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t>\r\n\r\n\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\tclass=\"t360-eye-icon\"\r\n\t\t\t\t\t\t\tdata-t360-eye-show\r\n\t\t\t\t\t\t\taria-hidden=\"true\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M2 12C3.8 7.8 7.4 5 12 5C16.6 5 20.2 7.8 22 12C20.2 16.2 16.6 19 12 19C7.4 19 3.8 16.2 2 12Z\"\r\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\t\t\t\t\tstroke-width=\"1.8\"\r\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<circle\r\n\t\t\t\t\t\t\t\t\tcx=\"12\"\r\n\t\t\t\t\t\t\t\t\tcy=\"12\"\r\n\t\t\t\t\t\t\t\t\tr=\"3\"\r\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\t\t\t\t\tstroke-width=\"1.8\"\r\n\t\t\t\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t<\/svg>\r\n\t\t\t\t\t\t<\/span>\r\n\r\n\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\tclass=\"t360-eye-icon\"\r\n\t\t\t\t\t\t\tdata-t360-eye-hide\r\n\t\t\t\t\t\t\taria-hidden=\"true\"\r\n\t\t\t\t\t\t\thidden\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M3 3L21 21\"\r\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\t\t\t\t\tstroke-width=\"1.8\"\r\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M10.6 5.1C11.05 5.03 11.52 5 12 5C16.6 5 20.2 7.8 22 12C21.35 13.52 20.46 14.84 19.36 15.91\"\r\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\t\t\t\t\tstroke-width=\"1.8\"\r\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\td=\"M6.2 6.2C4.35 7.45 2.94 9.45 2 12C3.8 16.2 7.4 19 12 19C13.65 19 15.17 18.64 16.51 17.99\"\r\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\t\t\t\t\tstroke-width=\"1.8\"\r\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t<\/svg>\r\n\t\t\t\t\t\t<\/span>\r\n\r\n\t\t\t\t\t<\/button>\r\n\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<small\r\n\t\t\t\t\tclass=\"t360-field-error\"\r\n\t\t\t\t\tdata-error=\"t360-login-password\"\r\n\t\t\t\t\tid=\"t360-login-password-error\"\r\n\t\t\t\t\taria-live=\"polite\"\r\n\t\t\t\t><\/small>\r\n\r\n\t\t\t<\/div>\r\n\r\n\r\n\t\t\t<input type=\"hidden\" id=\"t360_login_nonce\" name=\"t360_login_nonce\" value=\"ee47b6ca82\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/tiles360\/wp-json\/wp\/v2\/pages\/4484\" \/>\r\n\r\n\t\t\t<button\r\n\t\t\t\ttype=\"submit\"\r\n\t\t\t\tclass=\"t360-btn t360-btn-primary\"\r\n\t\t\t>\r\n\t\t\t\t<span>Log in to your workspace<\/span>\r\n\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h14m-6-6 6 6-6 6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n\t\t\t<\/button>\r\n\r\n\r\n\t\t\t<p class=\"t360-auth-switch\">\r\n\r\n\t\t\t\tNew to Tiles360?\r\n\r\n\t\t\t\t<a href=\"https:\/\/tiles360dev.3droomview.com\/tiles360\/register\/\">\r\n\t\t\t\t\tCreate an account\r\n\t\t\t\t<\/a>\r\n\r\n\t\t\t<\/p>\r\n\r\n\t\t<\/form>\r\n\r\n\r\n\t\t<!-- Already Logged In -->\r\n\r\n\t\t<div\r\n\t\t\tclass=\"t360-glass-card t360-success-box\"\r\n\t\t\tdata-t360-authenticated-panel\r\n\t\t\thidden\r\n\t\t>\r\n\r\n\t\t\t<h2 class=\"t360-form-title\">\r\n\t\t\t\tYou Are Already Logged In\r\n\t\t\t<\/h2>\r\n\r\n\t\t\t<p>\r\n\t\t\t\tYour Tiles360 session is active.\r\n\t\t\t\tContinue to your client dashboard.\r\n\t\t\t<\/p>\r\n\r\n\t\t\t<div class=\"t360-action-row\">\r\n\r\n\t\t\t\t<a\r\n\t\t\t\t\thref=\"#\"\r\n\t\t\t\t\tclass=\"t360-btn t360-btn-primary\"\r\n\t\t\t\t\tdata-t360-dashboard-link\r\n\t\t\t\t\thidden\r\n\t\t\t\t>\r\n\t\t\t\t\tOpen Client Dashboard\r\n\t\t\t\t<\/a>\r\n\r\n\t\t\t\t<a\r\n\t\t\t\t\thref=\"https:\/\/tiles360dev.3droomview.com\/tiles360\/pricing\/\"\r\n\t\t\t\t\tclass=\"t360-btn t360-btn-secondary\"\r\n\t\t\t\t>\r\n\t\t\t\t\tView Pricing\r\n\t\t\t\t<\/a>\r\n\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"t360-logout-link-wrapper\">\r\n\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tclass=\"t360-logout-link\"\r\n\t\t\t\t\tdata-t360-api-logout\r\n\t\t\t\t>\r\n\t\t\t\t\tLog Out\r\n\t\t\t\t<\/button>\r\n\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<p\r\n\t\t\t\tdata-t360-logout-message\r\n\t\t\t\taria-live=\"polite\"\r\n\t\t\t><\/p>\r\n\r\n\t\t<\/div>\r\n\r\n\t<\/div>\r\n\r\n\r\n\t<script>\r\n\t(function(){\r\n\r\n\t\tconst form = document.getElementById('t360-login-form');\r\n\r\n\t\tif(!form) return;\r\n\r\n\t\tconst email    = document.getElementById('t360-login-email');\r\n\t\tconst password = document.getElementById('t360-login-password');\r\n\t\tconst toggle   = form.querySelector('[data-t360-password-toggle]');\r\n\t\tconst showIcon = form.querySelector('[data-t360-eye-show]');\r\n\t\tconst hideIcon = form.querySelector('[data-t360-eye-hide]');\r\n\r\n\r\n\t\t\/\/ Password toggle\r\n\t\tif(toggle){\r\n\r\n\t\t\ttoggle.addEventListener('click', function(){\r\n\r\n\t\t\t\tconst show = password.type === 'password';\r\n\r\n\t\t\t\tpassword.type = show ? 'text' : 'password';\r\n\r\n\t\t\t\ttoggle.setAttribute(\r\n\t\t\t\t\t'aria-pressed',\r\n\t\t\t\t\tshow ? 'true' : 'false'\r\n\t\t\t\t);\r\n\r\n\t\t\t\ttoggle.setAttribute(\r\n\t\t\t\t\t'aria-label',\r\n\t\t\t\t\tshow ? 'Hide password' : 'Show password'\r\n\t\t\t\t);\r\n\r\n\t\t\t\tif(showIcon) showIcon.hidden = show;\r\n\t\t\t\tif(hideIcon) hideIcon.hidden = !show;\r\n\r\n\t\t\t\tpassword.focus();\r\n\t\t\t});\r\n\t\t}\r\n\r\n\r\n\t\t\/\/ Custom validation\r\n\t\tfunction setError(input, message){\r\n\r\n\t\t\tconst el = form.querySelector(\r\n\t\t\t\t'[data-error=\"' + input.id + '\"]'\r\n\t\t\t);\r\n\r\n\t\t\tinput.classList.toggle(\r\n\t\t\t\t't360-input-error',\r\n\t\t\t\t!!message\r\n\t\t\t);\r\n\t\t\tinput.setAttribute('aria-invalid', message ? 'true' : 'false');\r\n\r\n\t\t\tif(el) el.textContent = message || '';\r\n\t\t}\r\n\r\n\r\n\t\t[email,password].forEach(function(input){\r\n\r\n\t\t\tinput.addEventListener('input', function(){\r\n\t\t\t\tsetError(input, '');\r\n\t\t\t});\r\n\r\n\t\t});\r\n\r\n\r\n\t\tform.addEventListener('submit', function(e){\r\n\r\n\t\t\tlet valid = true;\r\n\t\t\tconst emailValue = email.value.trim();\r\n\r\n\t\t\tsetError(email, '');\r\n\t\t\tsetError(password, '');\r\n\r\n\r\n\t\t\tif(!emailValue){\r\n\r\n\t\t\t\tsetError(\r\n\t\t\t\t\temail,\r\n\t\t\t\t\t'Please enter your email address.'\r\n\t\t\t\t);\r\n\r\n\t\t\t\tvalid = false;\r\n\r\n\t\t\t}else if(\r\n\t\t\t\t!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(emailValue)\r\n\t\t\t){\r\n\r\n\t\t\t\tsetError(\r\n\t\t\t\t\temail,\r\n\t\t\t\t\t'Please enter a valid email address.'\r\n\t\t\t\t);\r\n\r\n\t\t\t\tvalid = false;\r\n\t\t\t}\r\n\r\n\r\n\t\t\tif(!password.value){\r\n\r\n\t\t\t\tsetError(\r\n\t\t\t\t\tpassword,\r\n\t\t\t\t\t'Please enter your password.'\r\n\t\t\t\t);\r\n\r\n\t\t\t\tvalid = false;\r\n\t\t\t}\r\n\r\n\r\n\t\t\tif(!valid){\r\n\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\tconst first =\r\n\t\t\t\t\tform.querySelector('.t360-input-error');\r\n\r\n\t\t\t\tif(first) first.focus();\r\n\t\t\t}\r\n\r\n\t\t});\r\n\r\n\t})();\r\n\t<\/script>\r\n\r\n\t<\/div>\r\n\t\t\t<p class=\"t360-login-copyright t360-auth-copyright\">&copy; 2026 Tiles360. All rights reserved.<\/p>\r\n\t\t<\/div>\r\n\t<\/section>\r\n\t\n<\/div>\n\t\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-4484","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tiles360dev.3droomview.com\/tiles360\/wp-json\/wp\/v2\/pages\/4484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiles360dev.3droomview.com\/tiles360\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tiles360dev.3droomview.com\/tiles360\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tiles360dev.3droomview.com\/tiles360\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tiles360dev.3droomview.com\/tiles360\/wp-json\/wp\/v2\/comments?post=4484"}],"version-history":[{"count":30,"href":"https:\/\/tiles360dev.3droomview.com\/tiles360\/wp-json\/wp\/v2\/pages\/4484\/revisions"}],"predecessor-version":[{"id":6003,"href":"https:\/\/tiles360dev.3droomview.com\/tiles360\/wp-json\/wp\/v2\/pages\/4484\/revisions\/6003"}],"wp:attachment":[{"href":"https:\/\/tiles360dev.3droomview.com\/tiles360\/wp-json\/wp\/v2\/media?parent=4484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}