{"id":6868,"date":"2026-09-30T16:37:36","date_gmt":"2026-09-30T16:37:36","guid":{"rendered":"https:\/\/planehost.com\/?page_id=6868"},"modified":"2026-09-30T20:53:55","modified_gmt":"2026-09-30T20:53:55","slug":"ecommerce-store-design","status":"publish","type":"page","link":"https:\/\/planehost.com\/en\/ecommerce-store-design\/","title":{"rendered":"E-commerce Store Design"},"content":{"rendered":"\r\n<div class=\"phx\" id=\"phx\" lang=\"en\" dir=\"ltr\"><style>.phx .dsearch{display:flex;gap:10px;background:#fff;border-radius:16px;padding:8px;max-width:620px;box-shadow:0 20px 40px -24px rgba(0,0,0,.6)}.phx .dsearch input{flex:1;min-width:0;border:0;outline:0;font:600 17px 'Cairo',sans-serif;padding:12px 14px;color:var(--ink);background:transparent;direction:ltr;text-align:left}.phx .dsearch .btn{min-height:50px;padding:12px 22px;border:0;cursor:pointer;font-family:'Cairo',sans-serif}.phx .tld{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.phx .tld .card{text-align:center;padding:24px 16px}.phx .tld b{display:block;font-size:26px;font-weight:900;color:var(--blue);direction:ltr}.phx .tld .pr{font-size:22px;font-weight:800;color:var(--navy);margin:6px 0 2px}.phx .tld small{color:var(--muted);font-size:13.5px}.phx .pkg .price b{font-size:36px}.phx .pkg .for{font-size:14.5px;color:var(--muted);margin-bottom:6px}@media (max-width:1024px){.phx .tld{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.phx .dsearch{flex-direction:column}.phx .dsearch .btn{width:100%}}<\/style><style>.phx{--navy:#14224f;--blue:#263b94;--blue2:#1b2d6b;--orange:#eb8423;--orange2:#d8721a;--ink:#16203a;--muted:#5b6682;--line:#e4e8f2;--soft:#f4f6fb;direction:ltr;text-align:left;font-family:'Cairo',system-ui,sans-serif;color:var(--ink);line-height:1.7;overflow:hidden;background:#fff}.phx *,.phx *::before,.phx *::after{box-sizing:border-box}.phx h1,.phx h2,.phx h3,.phx p{margin:0;font-family:inherit}.phx a{text-decoration:none}.phx .wrap{max-width:1180px;margin-inline:auto;padding-inline:20px}.phx section{padding-block:88px}.phx .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--orange);background:rgba(235,132,35,.1);padding:6px 14px;border-radius:99px;margin-bottom:16px}.phx h2{font-size:clamp(26px,3.4vw,38px);line-height:1.4;font-weight:800;color:var(--navy);margin-bottom:14px}.phx .lead{font-size:clamp(16px,1.6vw,18px);color:var(--muted);max-width:720px}.phx .center{text-align:center}.phx .center .lead{margin-inline:auto}\/* buttons *\/.phx .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:16px;padding:14px 26px;border-radius:12px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;min-height:52px}.phx .btn svg{width:20px;height:20px}.phx .btn-primary{background:var(--orange);color:#fff;box-shadow:0 10px 24px -10px rgba(235,132,35,.8)}.phx .btn-primary:hover{background:var(--orange2);transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(235,132,35,.9)}.phx .btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.28)}.phx .btn-ghost:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}.phx .btn-dark{background:var(--blue);color:#fff}.phx .btn-dark:hover{background:var(--blue2);transform:translateY(-2px)}.phx .btn .flip{transform:scaleX(-1)}\/* hero *\/.phx .hero{position:relative;background:radial-gradient(1200px 600px at 85% -10%,#2f48b0 0%,transparent 60%),linear-gradient(160deg,var(--blue2) 0%,var(--navy) 70%);color:#fff;padding-block:110px 96px;isolation:isolate}.phx .hero::before{content:\"\";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 60% 40%,#000 20%,transparent 75%);z-index:-1}.phx .orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;z-index:-1;animation:phxFloat 14s ease-in-out infinite}.phx .orb.o1{width:340px;height:340px;background:#eb8423;inset-inline-start:-80px;top:40%;opacity:.28}.phx .orb.o2{width:420px;height:420px;background:#3b5bdb;inset-inline-end:-120px;top:-120px;animation-delay:-5s}@keyframes phxFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-26px)}}.phx .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.phx .hero h1{color:#fff;font-size:clamp(26px,3.4vw,42px);line-height:1.5;font-weight:800;margin-bottom:18px}.phx .hero h1 span{background:linear-gradient(90deg,#ffb066,#eb8423);-webkit-background-clip:text;background-clip:text;color:transparent}.phx .hero p.sub{font-size:clamp(16px,1.7vw,19px);color:#d5dcf5;max-width:600px;margin-bottom:30px}.phx .hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.phx .trust{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14.5px;color:#c9d2f0}.phx .trust span{display:inline-flex;align-items:center;gap:7px}.phx .trust svg{width:18px;height:18px;color:#6ee7b7}\/* hero visual *\/.phx .panel{position:relative;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:26px;backdrop-filter:blur(8px);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}.phx .panel .ptitle{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#c9d2f0;margin-bottom:18px}.phx .panel .dots{display:flex;gap:6px}.phx .panel .dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.3);display:block}.phx .meter{margin-bottom:16px}.phx .meter .row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:7px;color:#e7ebfa}.phx .meter .bar{height:9px;border-radius:9px;background:rgba(255,255,255,.12);overflow:hidden}.phx .meter .bar b{display:block;height:100%;width:0;border-radius:9px;background:linear-gradient(90deg,#eb8423,#ffb066);transition:width 1.6s cubic-bezier(.2,.8,.2,1)}.phx .panel.in .meter .bar b{width:var(--w)}.phx .chip{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;color:var(--navy);font-weight:700;font-size:13.5px;padding:10px 14px;border-radius:12px;box-shadow:0 16px 30px -14px rgba(0,0,0,.45);animation:phxBob 5s ease-in-out infinite}.phx .chip svg{width:18px;height:18px;color:var(--orange)}.phx .chip.c1{inset-inline-end:-18px;top:-18px}.phx .chip.c2{inset-inline-start:-22px;bottom:-20px;animation-delay:-2.5s}@keyframes phxBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\/* stats *\/.phx .stats{margin-top:-46px;position:relative;z-index:2;padding-block:0}.phx .stats .box{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:18px;box-shadow:0 24px 50px -28px rgba(20,34,79,.45);border:1px solid var(--line)}.phx .stat{padding:24px 18px;text-align:center;border-inline-start:1px solid var(--line)}.phx .stat:first-child{border-inline-start:0}.phx .stat b{display:block;font-size:30px;font-weight:900;color:var(--blue);line-height:1.3}.phx .stat span{font-size:14px;color:var(--muted)}\/* cards *\/.phx .grid{display:grid;gap:22px;margin-top:44px}.phx .g3{grid-template-columns:repeat(3,1fr)}.phx .g2{grid-template-columns:repeat(2,1fr)}.phx .g4{grid-template-columns:repeat(4,1fr)}.phx .card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 24px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}.phx .card:hover{transform:translateY(-6px);box-shadow:0 26px 40px -26px rgba(38,59,148,.45);border-color:#c9d3f3}.phx .card .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#eef2ff,#e1e8ff);color:var(--blue);margin-bottom:18px;transition:transform .35s}.phx .card:hover .ic{transform:rotate(-6deg) scale(1.06)}.phx .card .ic svg{width:26px;height:26px}.phx .card h3{font-size:19px;font-weight:800;color:var(--navy);margin-bottom:8px;line-height:1.5}.phx .card p{font-size:15.5px;color:var(--muted)}.phx .soft{background:var(--soft)}\/* split *\/.phx .split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.phx .list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}.phx .list li{display:flex;gap:12px;align-items:flex-start;font-size:16px}.phx .list li svg{flex:none;width:22px;height:22px;color:#fff;background:var(--blue);border-radius:50%;padding:4px;margin-top:3px}.phx .stack{display:grid;gap:14px}.phx .layer{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:0 12px 26px -22px rgba(20,34,79,.5)}.phx .layer .n{flex:none;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(145deg,var(--blue),var(--blue2))}.phx .layer b{display:block;color:var(--navy);font-size:16px}.phx .layer span{font-size:14px;color:var(--muted)}\/* pricing *\/.phx .toggle{display:inline-flex;background:#e9edf8;border-radius:99px;padding:5px;margin-top:26px;position:relative}.phx .toggle button{position:relative;z-index:1;border:0;background:transparent;font:700 15px 'Cairo',sans-serif;color:var(--muted);padding:10px 22px;border-radius:99px;cursor:pointer;transition:color .3s}.phx .toggle button.on{color:#fff}.phx .toggle .pill{position:absolute;top:5px;bottom:5px;border-radius:99px;background:var(--blue);transition:all .35s cubic-bezier(.2,.8,.2,1)}.phx .toggle small{font-size:12px;color:var(--orange);margin-inline-start:4px}.phx .toggle button.on small{color:#ffd3a8}.phx .plan{display:flex;flex-direction:column;text-align:left}.phx .plan.pop{border:2px solid var(--orange);box-shadow:0 30px 50px -30px rgba(235,132,35,.55)}.phx .plan .tag{position:absolute;top:-14px;inset-inline-start:22px;background:var(--orange);color:#fff;font-size:13px;font-weight:700;padding:3px 12px;border-radius:99px}.phx .plan h3{font-size:20px}.phx .price{display:flex;align-items:baseline;gap:6px;margin:10px 0 4px;color:var(--navy)}.phx .price b{font-size:40px;font-weight:900;line-height:1.2;transition:opacity .25s,transform .25s;display:inline-block}.phx .price b.swap{opacity:0;transform:translateY(8px)}.phx .price em{font-style:normal;font-size:15px;color:var(--muted)}.phx .plan ul{list-style:none;margin:16px 0 24px;padding:16px 0 0;border-top:1px dashed var(--line);display:grid;gap:9px;font-size:15px;flex:1}.phx .plan li{display:flex;gap:9px;align-items:center}.phx .plan li svg{width:17px;height:17px;color:#16a34a;flex:none}.phx .plan .btn{width:100%}.phx .note{margin-top:22px;font-size:14.5px;color:var(--muted);text-align:center}\/* steps *\/.phx .steps{counter-reset:s;display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:22px;margin-top:44px;position:relative}.phx .step{position:relative;background:#fff;border-radius:18px;padding:28px 24px;border:1px solid var(--line)}.phx .step::before{counter-increment:s;content:counter(s);position:absolute;top:-18px;inset-inline-start:24px;width:40px;height:40px;border-radius:12px;background:var(--orange);color:#fff;font-weight:800;display:grid;place-items:center;font-size:18px;box-shadow:0 10px 20px -10px rgba(235,132,35,.9)}.phx .step h3{font-size:18px;font-weight:800;color:var(--navy);margin:12px 0 6px}.phx .step p{font-size:15px;color:var(--muted)}\/* table *\/.phx .tbl{margin-top:40px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.phx .tbl .tr{display:grid;grid-template-columns:1.4fr 1fr 1fr}.phx .tbl .tr>div{padding:15px 18px;border-top:1px solid var(--line);font-size:15px}.phx .tbl .tr:first-child>div{border-top:0;background:var(--navy);color:#fff;font-weight:700}.phx .tbl .tr>div:nth-child(2){background:rgba(38,59,148,.05);font-weight:700;color:var(--blue)}.phx .tbl .tr:first-child>div:nth-child(2){background:var(--blue);color:#fff}\/* faq *\/.phx .faq{max-width:860px;margin:40px auto 0;display:grid;gap:12px}.phx details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 22px;transition:box-shadow .3s,border-color .3s}.phx details[open]{border-color:#c9d3f3;box-shadow:0 18px 30px -26px rgba(38,59,148,.5)}.phx summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:700;font-size:16.5px;color:var(--navy)}.phx summary::-webkit-details-marker{display:none}.phx summary i{flex:none;width:28px;height:28px;border-radius:8px;background:var(--soft);position:relative;transition:transform .3s,background .3s}.phx summary i::before,.phx summary i::after{content:\"\";position:absolute;inset:0;margin:auto;width:12px;height:2px;background:var(--blue);border-radius:2px}.phx summary i::after{transform:rotate(90deg);transition:transform .3s}.phx details[open] summary i{background:var(--orange)}.phx details[open] summary i::before,.phx details[open] summary i::after{background:#fff}.phx details[open] summary i::after{transform:rotate(0)}.phx details .ans{padding:0 0 20px;color:var(--muted);font-size:15.5px}\/* cta *\/.phx .cta{padding-block:0 96px}.phx .cta .box{position:relative;overflow:hidden;border-radius:26px;padding:56px 44px;background:linear-gradient(135deg,var(--blue) 0%,var(--navy) 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;isolation:isolate}.phx .cta .box::after{content:\"\";position:absolute;width:380px;height:380px;border-radius:50%;background:var(--orange);filter:blur(90px);opacity:.3;inset-inline-start:-120px;bottom:-200px;z-index:-1}.phx .cta h2{color:#fff;margin-bottom:8px}.phx .cta p{color:#d5dcf5;max-width:560px}.phx .cta .ctas{display:flex;gap:12px;flex-wrap:wrap}\/* works *\/.phx .work{display:flex;justify-content:space-between;align-items:center;gap:14px}.phx .work b{color:var(--navy);font-size:17px}.phx .work span{display:block;font-size:14px;color:var(--muted)}.phx .work a{color:var(--blue);font-weight:700;font-size:14.5px;white-space:nowrap}\/* reveal *\/.phx.js [data-r]{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d,0)*90ms)}.phx.js [data-r].in{opacity:1;transform:none}.phx:not(.js) .meter .bar b{width:var(--w)}.phx.js .hero [data-r]{transform:translateY(18px)}@media (prefers-reduced-motion:reduce){.phx *{animation:none!important;transition:none!important}.phx [data-r]{opacity:1;transform:none}}\/* responsive *\/@media (max-width:1024px){.phx .g4{grid-template-columns:repeat(2,1fr)}.phx .g3{grid-template-columns:repeat(2,1fr)}.phx .hero-grid,.phx .split{grid-template-columns:1fr}.phx .panel{max-width:520px}.phx .steps{--cols:2!important}}@media (max-width:640px){.phx section{padding-block:64px}.phx .hero{padding-block:84px 90px}.phx .g4,.phx .g3,.phx .g2{grid-template-columns:1fr}.phx .stats .box{grid-template-columns:repeat(2,1fr)}.phx .stat:nth-child(3){border-inline-start:0}.phx .stat:nth-child(n+3){border-top:1px solid var(--line)}.phx .steps{--cols:1!important;gap:34px}.phx .hero .ctas .btn{flex:1 1 100%}.phx .chip.c1{inset-inline-end:8px}.phx .chip.c2{inset-inline-start:8px}.phx .cta .box{padding:40px 22px}.phx .cta .ctas .btn{flex:1 1 100%}.phx .tbl .tr>div{padding:12px 10px;font-size:14px}}<\/style><header class=\"hero\"><i class=\"orb o1\"><\/i><i class=\"orb o2\"><\/i><div class=\"wrap hero-grid\"><div><div data-r><span class=\"eyebrow\" style=\"background:rgba(255,255,255,.1);color:#ffb066\">E-commerce Store Design<\/span><\/div><h1 data-r style=\"--d:1\">An online store <span>you fully own<\/span>, ready to sell from day one<\/h1><p class=\"sub\" data-r style=\"--d:2\">We build your store on WordPress and WooCommerce with a fast mobile-first storefront, local payment gateways, installments and shipping, all SEO-ready.<\/p><div class=\"ctas\" data-r style=\"--d:3\"><a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/966500968387\" target=\"_blank\" rel=\"noopener\">Request a quote<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 5h16v11H8l-4 4V5z\"\/><path d=\"M8 10h8M8 13h5\"\/><\/svg><\/a><a class=\"btn btn-ghost\" href=\"https:\/\/planehost.com\/en\/web-design\/\">Web design service<\/a><\/div><div class=\"trust\" data-r style=\"--d:4\"><span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m5 12 5 5 9-10\"\/><\/svg>No commission on your sales<\/span><span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m5 12 5 5 9-10\"\/><\/svg>Full ownership<\/span><span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m5 12 5 5 9-10\"\/><\/svg>Easy admin dashboard<\/span><\/div><\/div><div data-r style=\"--d:2\"><div class=\"panel\"><div class=\"ptitle\"><span>Your store dashboard<\/span><span class=\"dots\"><i><\/i><i><\/i><i><\/i><\/span><\/div><div class=\"meter\"><div class=\"row\"><span>Orders this month<\/span><span>live tracking<\/span><\/div><div class=\"bar\"><b style=\"--w:84%\"><\/b><\/div><\/div><div class=\"meter\"><div class=\"row\"><span>Mobile conversion<\/span><span>fast storefront<\/span><\/div><div class=\"bar\"><b style=\"--w:76%\"><\/b><\/div><\/div><div class=\"meter\"><div class=\"row\"><span>Google visibility<\/span><span>optimized product pages<\/span><\/div><div class=\"bar\"><b style=\"--w:68%\"><\/b><\/div><\/div><div class=\"chip c1\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M2 10h20M6 15h4\"\/><\/svg>mada &#038; Apple Pay<\/div><div class=\"chip c2\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 6h11v10H2zM13 10h5l3 3v3h-8\"\/><circle cx=\"6\" cy=\"18\" r=\"1.8\"\/><circle cx=\"17\" cy=\"18\" r=\"1.8\"\/><\/svg>Shipping integration<\/div><\/div><\/div><\/div><\/header><section class=\"stats\"><div class=\"wrap\"><div class=\"box\" data-r><div class=\"stat\"><b data-count=\"0\" data-suffix=\"%\" data-prefix=\"\">0%<\/b><span>commission on sales<\/span><\/div><div class=\"stat\"><b data-count=\"100\" data-suffix=\"%\" data-prefix=\"\">100%<\/b><span>ownership of store &#038; data<\/span><\/div><div class=\"stat\"><b data-count=\"30\" data-suffix=\"\" data-prefix=\"\">30<\/b><span>days of post-launch support<\/span><\/div><div class=\"stat\"><b data-count=\"24\" data-suffix=\"\/7\" data-prefix=\"\">24\/7<\/b><span>hosting monitoring<\/span><\/div><\/div><\/div><\/section><section><div class=\"wrap\"><div class=\"center\"><div data-r><span class=\"eyebrow\">What we deliver<\/span><\/div><h2 data-r style=\"--d:1\">A complete store, not just a theme<\/h2><p class=\"lead\" data-r style=\"--d:2\">Everything you need to sell online in Saudi Arabia, from payment to shipping and reports.<\/p><\/div><div class=\"grid g3\"><div class=\"card\" data-r style=\"--d:0\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2\"\/><path d=\"M10 6h4\"\/><\/svg><\/div><h3>Mobile-first design<\/h3><p>Most of your customers shop on mobile, so product, cart and checkout pages are designed to be fast and easy on small screens.<\/p><\/div><div class=\"card\" data-r style=\"--d:1\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M2 10h20M6 15h4\"\/><\/svg><\/div><h3>Payments &#038; installments<\/h3><p>Local payment gateways for mada, Apple Pay and cards, plus installment options like Tabby and Tamara.<\/p><\/div><div class=\"card\" data-r style=\"--d:2\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 6h11v10H2zM13 10h5l3 3v3h-8\"\/><circle cx=\"6\" cy=\"18\" r=\"1.8\"\/><circle cx=\"17\" cy=\"18\" r=\"1.8\"\/><\/svg><\/div><h3>Shipping &#038; invoices<\/h3><p>Local shipping carriers with automatic rates, and VAT-compliant invoices.<\/p><\/div><div class=\"card\" data-r style=\"--d:0\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m20 20-4-4\"\/><\/svg><\/div><h3>SEO-ready<\/h3><p>Clean URLs, product structured data and high speed to help your store rank on Google.<\/p><\/div><div class=\"card\" data-r style=\"--d:1\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 20V10M10 20V4M16 20v-7M22 20H2\"\/><\/svg><\/div><h3>Reports &#038; tracking<\/h3><p>Google Analytics and Search Console connected, with sales and best-seller reports in your dashboard.<\/p><\/div><div class=\"card\" data-r style=\"--d:2\"><div class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3 4 6v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V6l-8-3z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg><\/div><h3>Hosting &#038; security included<\/h3><p>Your store runs on LiteSpeed servers with NVMe, daily backups and Imunify360 protection.<\/p><\/div><\/div><\/div><\/section><section class=\"soft\"><div class=\"wrap split\"><div><div class=\"\"><div data-r><span class=\"eyebrow\">Own store or SaaS platform?<\/span><\/div><h2 data-r style=\"--d:1\">When is your own store the better choice?<\/h2><p class=\"lead\" data-r style=\"--d:2\">Ready-made platforms are great for a quick start; your own store gives you more control and lower long-term costs.<\/p><\/div><\/div><ul class=\"list\" data-r style=\"--d:2\"><li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m5 12 5 5 9-10\"\/><\/svg>You want a design built around your brand, not a look-alike template.<\/li><li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m5 12 5 5 9-10\"\/><\/svg>You do not want monthly fees or commissions that grow with your sales.<\/li><li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m5 12 5 5 9-10\"\/><\/svg>You need special features: wholesale pricing, bookings, digital products or subscriptions.<\/li><li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m5 12 5 5 9-10\"\/><\/svg>You want to own your customer data and move your store whenever you like.<\/li><\/ul><\/div><\/section><section><div class=\"wrap\"><div class=\"center\"><div data-r><span class=\"eyebrow\">Process<\/span><\/div><h2 data-r style=\"--d:1\">From idea to first order in 5 clear stages<\/h2><p class=\"lead\" data-r style=\"--d:2\">At every stage you know what we are working on and when you receive it.<\/p><\/div><div class=\"steps\" style=\"--cols:5\"><div class=\"step\" data-r style=\"--d:0\"><h3>Discovery<\/h3><p>We learn your products, audience, payment and shipping needs.<\/p><\/div><div class=\"step\" data-r style=\"--d:1\"><h3>Storefront design<\/h3><p>We design the homepage and product page in your brand and approve them with you.<\/p><\/div><div class=\"step\" data-r style=\"--d:2\"><h3>Build &#038; integrate<\/h3><p>We build the store, connect payments and shipping, and add your products.<\/p><\/div><div class=\"step\" data-r style=\"--d:3\"><h3>Testing<\/h3><p>We test purchase and payment on mobile and desktop before launch.<\/p><\/div><div class=\"step\" data-r style=\"--d:4\"><h3>Launch &#038; training<\/h3><p>We launch the store and train you to manage orders and products.<\/p><\/div><\/div><\/div><\/section><section><div class=\"wrap\"><div class=\"center\"><div data-r><span class=\"eyebrow\">FAQ<\/span><\/div><h2 data-r style=\"--d:1\">E-commerce store design questions<\/h2><p class=\"lead\" data-r style=\"--d:2\"><\/p><\/div><div class=\"faq\"><details data-r style=\"--d:0\" open><summary>How much does an online store cost?<i><\/i><\/summary><div class=\"ans\">Our e-commerce package starts at 4,000 SAR as a one-time payment, including domain and hosting for a year, payment gateways and unlimited products. Extra features are quoted on request.<\/div><\/details><details data-r style=\"--d:1\"><summary>How long does it take?<i><\/i><\/summary><div class=\"ans\">A standard store usually takes two to four weeks from design approval and content delivery; the exact timeline is stated in the quote.<\/div><\/details><details data-r style=\"--d:2\"><summary>Can you integrate Tabby, Tamara and mada?<i><\/i><\/summary><div class=\"ans\">Yes. We connect local payment gateways for mada, Apple Pay and cards, and installment services like Tabby and Tamara once your merchant account is active.<\/div><\/details><details data-r style=\"--d:0\"><summary>Can I manage the store myself?<i><\/i><\/summary><div class=\"ans\">Yes. WooCommerce has an easy dashboard, and we train you on products, orders and offers after launch.<\/div><\/details><details data-r style=\"--d:1\"><summary>Do I fully own the store?<i><\/i><\/summary><div class=\"ans\">Yes. The store, its data and files are yours, and you can move it to any host at any time.<\/div><\/details><\/div><script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"How much does an online store cost?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Our e-commerce package starts at 4,000 SAR as a one-time payment, including domain and hosting for a year, payment gateways and unlimited products. Extra features are quoted on request.\"}}, {\"@type\": \"Question\", \"name\": \"How long does it take?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"A standard store usually takes two to four weeks from design approval and content delivery; the exact timeline is stated in the quote.\"}}, {\"@type\": \"Question\", \"name\": \"Can you integrate Tabby, Tamara and mada?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. We connect local payment gateways for mada, Apple Pay and cards, and installment services like Tabby and Tamara once your merchant account is active.\"}}, {\"@type\": \"Question\", \"name\": \"Can I manage the store myself?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. WooCommerce has an easy dashboard, and we train you on products, orders and offers after launch.\"}}, {\"@type\": \"Question\", \"name\": \"Do I fully own the store?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. The store, its data and files are yours, and you can move it to any host at any time.\"}}]}<\/script><\/div><\/section><section id=\"related\" style=\"padding-top:0\"><div class=\"wrap\"><div class=\"center\"><h2 data-r>Related services<\/h2><\/div><div class=\"grid g3\" style=\"margin-top:28px\"><div class=\"card work\" data-r style=\"--d:0\"><div><b>Web Design Prices<\/b><span>Clear packages from 1,000 SAR<\/span><\/div><a href=\"https:\/\/planehost.com\/en\/website-design-prices\/\">Learn more<\/a><\/div><div class=\"card work\" data-r style=\"--d:1\"><div><b>WordPress Hosting<\/b><span>Fast LiteSpeed servers<\/span><\/div><a href=\"https:\/\/planehost.com\/en\/wordpress-hosting\/\">Learn more<\/a><\/div><div class=\"card work\" data-r style=\"--d:2\"><div><b>Domain Registration<\/b><span>Register your store domain<\/span><\/div><a href=\"https:\/\/planehost.com\/en\/domain-registration\/\">Learn more<\/a><\/div><\/div><\/div><\/section><section class=\"cta\"><div class=\"wrap\"><div class=\"box\" data-r><div><h2>Let&#8217;s build your next store<\/h2><p>Tell us what you sell and roughly how many products, and we will reply with a clear quote and plan.<\/p><\/div><div class=\"ctas\"><a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/966500968387\" target=\"_blank\" rel=\"noopener\">Request a quote<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 5h16v11H8l-4 4V5z\"\/><path d=\"M8 10h8M8 13h5\"\/><\/svg><\/a><a class=\"btn btn-ghost\" href=\"https:\/\/planehost.com\/en\/web-design\/\">Web design service<\/a><\/div><\/div><\/div><\/section><script data-no-optimize=\"1\" data-no-defer=\"1\">\r\n(function(){var root=document.currentScript&&document.currentScript.closest('.phx')||document.querySelector('.phx');if(!root)return;root.classList.add('js');\r\nvar els=root.querySelectorAll('[data-r],.panel');\r\nif('IntersectionObserver'in window){var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);var n=e.target.querySelectorAll('[data-count]');n.forEach(count);if(e.target.hasAttribute('data-count'))count(e.target);}})},{threshold:.18});els.forEach(function(el){io.observe(el)});}else{els.forEach(function(el){el.classList.add('in')})}\r\nfunction count(el){if(el._c)return;el._c=1;var t=parseFloat(el.getAttribute('data-count')),s=el.getAttribute('data-suffix')||'',p=el.getAttribute('data-prefix')||'',st=null,dur=1400;function f(ts){if(!st)st=ts;var k=Math.min((ts-st)\/dur,1),v=t*(1-Math.pow(1-k,3));el.textContent=p+(t%1?v.toFixed(1):Math.round(v))+s;if(k<1)requestAnimationFrame(f)}requestAnimationFrame(f)}\r\nvar tg=root.querySelector('.toggle');if(tg){var bs=tg.querySelectorAll('button'),pill=tg.querySelector('.pill');function mv(b){pill.style.width=b.offsetWidth+'px';pill.style.insetInlineStart=(b.getBoundingClientRect().left-tg.getBoundingClientRect().left)+'px'}\r\nfunction set(mode){bs.forEach(function(b){var on=b.dataset.m===mode;b.classList.toggle('on',on);b.setAttribute('aria-pressed',on);if(on)mv(b)});root.querySelectorAll('.price').forEach(function(p){var b=p.querySelector('b'),em=p.querySelector('em');b.classList.add('swap');setTimeout(function(){b.textContent=p.dataset[mode];em.textContent=mode==='y'?'SAR \/ year':'SAR \/ month';b.classList.remove('swap')},180)})}\r\nbs.forEach(function(b){b.addEventListener('click',function(){set(b.dataset.m)})});setTimeout(function(){mv(tg.querySelector('button.on'))},50);window.addEventListener('resize',function(){mv(tg.querySelector('button.on'))})}\r\n})();\r\n<\/script><\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>E-commerce Store Design An online store you fully own, ready to sell from day one We build your store on WordPress and WooCommerce with a fast mobile-first storefront, local payment gateways, installments and shipping, all SEO-ready. Request a quoteWeb design service No commission on your salesFull ownershipEasy admin dashboard Your store dashboard Orders this monthlive [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6868","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/planehost.com\/en\/wp-json\/wp\/v2\/pages\/6868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planehost.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/planehost.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/planehost.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/planehost.com\/en\/wp-json\/wp\/v2\/comments?post=6868"}],"version-history":[{"count":2,"href":"https:\/\/planehost.com\/en\/wp-json\/wp\/v2\/pages\/6868\/revisions"}],"predecessor-version":[{"id":6884,"href":"https:\/\/planehost.com\/en\/wp-json\/wp\/v2\/pages\/6868\/revisions\/6884"}],"wp:attachment":[{"href":"https:\/\/planehost.com\/en\/wp-json\/wp\/v2\/media?parent=6868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}