{"id":1626,"date":"2026-04-04T16:12:59","date_gmt":"2026-04-04T16:12:59","guid":{"rendered":"https:\/\/www.mogacode.ma\/sites-wordpress\/"},"modified":"2026-06-09T17:12:01","modified_gmt":"2026-06-09T17:12:01","slug":"sites-wordpress","status":"publish","type":"page","link":"https:\/\/www.mogacode.ma\/en\/sites-wordpress\/","title":{"rendered":"Sites WordPress sur mesure \u2014 MogaCode"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1626\" class=\"elementor elementor-1626 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3caa6a5 e-con-full e-flex e-con e-parent\" data-id=\"3caa6a5\" 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-2deb3eb elementor-widget elementor-widget-html\" data-id=\"2deb3eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* \u2550\u2550 SITES-WORDPRESS PAGE GLOBALS \u2550\u2550 *\/\n:root{\n  --gold:#B8860B;\n  --gold2:#DAA520;\n  --sw-dark:#0F2237;\n  --sw-dark2:#0a1828;\n  --sw-light:#F8F7F5;\n  --sw-white:#FFFFFF;\n  --sw-muted:#6B7280;\n  --sw-border:rgba(184,134,11,.22);\n}\n\n\/* \u2500\u2500 Shimmer on .gs spans \u2500\u2500 *\/\n@keyframes sw-shimmer{\n  0%  {background-position:200% center}\n  100%{background-position:-200% center}\n}\n.gs{\n  background:linear-gradient(90deg,#B8860B 0%,#FFD700 30%,#DAA520 50%,#FFD700 70%,#B8860B 100%);\n  background-size:200% auto;\n  -webkit-background-clip:text;\n  background-clip:text;\n  -webkit-text-fill-color:transparent;\n  animation:sw-shimmer 4s linear infinite;\n}\n\n\/* \u2500\u2500 Scroll-reveal \u2500\u2500 *\/\n.rr{opacity:0;transform:translateY(28px);transition:opacity .55s ease,transform .55s ease;}\n.rr.rv{opacity:1;transform:none;}\n.rr.d1{transition-delay:.08s}.rr.d2{transition-delay:.16s}\n.rr.d3{transition-delay:.24s}.rr.d4{transition-delay:.32s}\n.rr.d5{transition-delay:.40s}.rr.d6{transition-delay:.48s}\n\n\/* \u2500\u2500 Shared typography \u2500\u2500 *\/\n.sw-eyebrow{\n  display:inline-block;font-size:11px;font-weight:700;letter-spacing:3px;\n  text-transform:uppercase;color:var(--gold);\n  border:1px solid rgba(184,134,11,.35);padding:5px 16px;border-radius:20px;\n  margin-bottom:22px;\n}\n.sw-inner{max-width:1140px;margin:0 auto;padding:0 24px;box-sizing:border-box;}\n\n\/* \u2500\u2500 HERO (S1) \u2500\u2500 *\/\n.sw-hero{\n  background:linear-gradient(160deg,var(--sw-dark) 0%,var(--sw-dark2) 100%);\n  padding:90px 24px 80px;text-align:center;position:relative;overflow:hidden;\n}\n.sw-hero::before{\n  content:\"\";position:absolute;top:-100px;right:-120px;\n  width:560px;height:560px;\n  background:radial-gradient(circle,rgba(184,134,11,.08),transparent 70%);\n  pointer-events:none;\n}\n.sw-hero::after{\n  content:\"\";position:absolute;bottom:-80px;left:-80px;\n  width:400px;height:400px;\n  background:radial-gradient(circle,rgba(184,134,11,.06),transparent 70%);\n  pointer-events:none;\n}\n.sw-hero-inner{max-width:820px;margin:0 auto;position:relative;z-index:1;}\n.sw-hero h1{\n  font-family:'Playfair Display',serif;font-size:clamp(2.2rem,5vw,3.4rem);\n  font-weight:900;color:#fff;line-height:1.15;margin:0 0 20px;\n}\n.sw-hero-sub{\n  font-family:Inter,sans-serif;font-size:1.05rem;color:#7a9ab5;\n  line-height:1.75;max-width:680px;margin:0 auto 48px;\n}\n.sw-stats{\n  display:flex;justify-content:center;gap:40px;flex-wrap:wrap;\n  margin-top:48px;padding-top:40px;\n  border-top:1px solid rgba(255,255,255,.08);\n}\n.sw-stat{text-align:center;}\n.sw-stat-num{\n  font-family:'Playfair Display',serif;font-size:2.6rem;font-weight:900;\n  color:#fff;line-height:1;display:block;\n}\n.sw-stat-label{\n  font-family:Inter,sans-serif;font-size:12px;font-weight:600;\n  color:rgba(255,255,255,.5);letter-spacing:1.5px;text-transform:uppercase;\n  margin-top:6px;display:block;\n}\n\n\/* \u2500\u2500 OFFRES (S2) \u2500\u2500 *\/\n.sw-offres{background:var(--sw-light);padding:90px 24px;}\n.sw-offres-title{\n  font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,2.6rem);\n  font-weight:800;color:var(--sw-dark);text-align:center;margin:0 0 12px;\n}\n.sw-offres-sub{\n  font-family:Inter,sans-serif;font-size:1rem;color:var(--sw-muted);\n  text-align:center;margin:0 0 56px;\n}\n.sw-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}\n@media(max-width:900px){.sw-cards{grid-template-columns:1fr;max-width:480px;margin:0 auto;}}\n.sw-card{\n  background:#fff;border-radius:12px;padding:36px 28px;\n  border:1.5px solid #e8e5e0;\n  box-shadow:0 4px 20px rgba(0,0,0,.05);\n  display:flex;flex-direction:column;\n  transition:transform .25s ease,box-shadow .25s ease;\n  position:relative;overflow:hidden;\n}\n.sw-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.10);}\n.sw-card.featured{border-color:var(--gold);box-shadow:0 6px 32px rgba(184,134,11,.18);}\n.sw-card-icon{font-size:2rem;margin-bottom:14px;}\n.sw-badge{\n  display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.5px;\n  text-transform:uppercase;padding:4px 12px;border-radius:20px;\n  background:rgba(184,134,11,.12);color:var(--gold);margin-bottom:16px;\n}\n.sw-card.featured .sw-badge{background:var(--gold);color:#fff;}\n.sw-card-name{\n  font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:800;\n  color:var(--sw-dark);margin:0 0 8px;\n}\n.sw-card-price{\n  font-family:Inter,sans-serif;font-size:1rem;font-weight:700;\n  color:var(--gold);margin:0 0 22px;\n}\n.sw-card-points{list-style:none;padding:0;margin:0;flex:1;}\n.sw-card-points li{\n  font-family:Inter,sans-serif;font-size:14px;color:#374151;\n  padding:8px 0;border-bottom:1px solid #f0ede8;\n  display:flex;align-items:flex-start;gap:10px;line-height:1.5;\n}\n.sw-card-points li::before{\n  content:url(\"data:image\/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20style%3D%22display%3Ainline-block%3Bvertical-align%3Amiddle%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%2F%3E%3C%2Fsvg%3E\");color:var(--gold);font-weight:800;flex-shrink:0;margin-top:1px;\n}\n.sw-card-points li:last-child{border-bottom:none;}\n\n\/* \u2500\u2500 POURQUOI WP (S3) \u2500\u2500 *\/\n.sw-why{background:var(--sw-dark);padding:90px 24px;}\n.sw-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}\n@media(max-width:860px){.sw-why-grid{grid-template-columns:1fr;gap:40px;}}\n.sw-why h2{\n  font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,2.4rem);\n  font-weight:900;color:#fff;margin:0 0 20px;\n}\n.sw-why-text{\n  font-family:Inter,sans-serif;font-size:1rem;color:#7a9ab5;\n  line-height:1.8;margin:0 0 32px;\n}\n.sw-feat-grid{\n  display:grid;grid-template-columns:1fr 1fr;gap:16px;\n}\n.sw-feat{\n  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);\n  border-radius:10px;padding:16px 20px;\n  font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#e2e8f0;\n  display:flex;align-items:center;gap:10px;\n}\n.sw-feat-check{color:var(--gold);font-size:16px;flex-shrink:0;}\n\n\/* \u2500\u2500 PROCESS (S4) \u2500\u2500 *\/\n.sw-process{background:var(--sw-light);padding:90px 24px;}\n.sw-process h2{\n  font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,2.4rem);\n  font-weight:800;color:var(--sw-dark);text-align:center;margin:0 0 12px;\n}\n.sw-process-sub{\n  font-family:Inter,sans-serif;font-size:1rem;color:var(--sw-muted);\n  text-align:center;margin:0 0 56px;\n}\n.sw-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;}\n@media(max-width:860px){.sw-steps{grid-template-columns:1fr 1fr;gap:24px;}}\n@media(max-width:520px){.sw-steps{grid-template-columns:1fr;}}\n.sw-step{\n  text-align:center;padding:28px 20px;position:relative;\n}\n.sw-step:not(:last-child)::after{\n  content:\"\";position:absolute;top:42px;right:-1px;width:2px;height:40px;\n  background:linear-gradient(to bottom,transparent,var(--gold),transparent);\n}\n@media(max-width:860px){.sw-step::after{display:none;}}\n.sw-step-icon{font-size:2.4rem;margin-bottom:14px;display:block;}\n.sw-step-num{\n  font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:900;\n  color:var(--gold);display:block;margin-bottom:8px;\n}\n.sw-step-name{\n  font-family:Inter,sans-serif;font-size:15px;font-weight:700;\n  color:var(--sw-dark);margin-bottom:8px;\n}\n.sw-step-desc{\n  font-family:Inter,sans-serif;font-size:13px;color:var(--sw-muted);\n  line-height:1.6;\n}\n\n\/* \u2500\u2500 FAQ (S5) \u2500\u2500 *\/\n.sw-faq{background:#fff;padding:90px 24px;}\n.sw-faq h2{\n  font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,2.4rem);\n  font-weight:800;color:var(--sw-dark);text-align:center;margin:0 0 56px;\n}\n.sw-faq-list{max-width:780px;margin:0 auto;}\n.sw-faq-item{border-bottom:1px solid #e8e5e0;}\n.sw-faq-item:first-child{border-top:1px solid #e8e5e0;}\n.sw-faq-q{\n  width:100%;background:none;border:none;padding:22px 0;\n  font-family:Inter,sans-serif;font-size:16px;font-weight:700;color:var(--sw-dark);\n  text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;\n  gap:16px;\n}\n.sw-faq-q:hover{color:var(--gold);}\n.sw-faq-icon{color:var(--gold);font-size:20px;flex-shrink:0;transition:transform .3s;}\n.sw-faq-a{\n  font-family:Inter,sans-serif;font-size:15px;color:var(--sw-muted);\n  line-height:1.75;padding:0 0 22px;display:none;\n}\n.sw-faq-item.open .sw-faq-icon{transform:rotate(45deg);}\n.sw-faq-item.open .sw-faq-a{display:block;}\n\n\/* \u2500\u2500 CTA (S6) \u2500\u2500 *\/\n.sw-cta{\n  background:linear-gradient(160deg,var(--sw-dark) 0%,var(--sw-dark2) 100%);\n  padding:90px 24px;text-align:center;position:relative;overflow:hidden;\n}\n.sw-cta::before{\n  content:\"\";position:absolute;top:-60px;left:50%;transform:translateX(-50%);\n  width:700px;height:300px;\n  background:radial-gradient(ellipse,rgba(184,134,11,.08),transparent 70%);\n  pointer-events:none;\n}\n.sw-cta-inner{max-width:680px;margin:0 auto;position:relative;z-index:1;}\n.sw-cta h2{\n  font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,2.6rem);\n  font-weight:900;color:#fff;margin:0 0 16px;\n}\n.sw-cta-sub{\n  font-family:Inter,sans-serif;font-size:1rem;color:#7a9ab5;margin:0 0 40px;\n}\n.sw-btn-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}\n.sw-btn{\n  display:inline-block;font-family:Inter,sans-serif;font-size:15px;font-weight:700;\n  padding:15px 32px;border-radius:8px;text-decoration:none;\n  transition:transform .2s ease,box-shadow .2s ease;\n}\n.sw-btn:hover{transform:translateY(-2px);}\n.sw-btn-gold{\n  background:linear-gradient(135deg,#B8860B,#DAA520);color:#fff;\n  box-shadow:0 6px 24px rgba(184,134,11,.35);\n}\n.sw-btn-gold:hover{box-shadow:0 12px 36px rgba(184,134,11,.5);}\n.sw-btn-ghost{\n  background:transparent;color:var(--gold);\n  border:1.5px solid rgba(184,134,11,.5);\n}\n.sw-btn-ghost:hover{border-color:var(--gold);background:rgba(184,134,11,.08);}\n\n\/* \u2500\u2500 Mobile tweaks \u2500\u2500 *\/\n@media(max-width:600px){\n  .sw-hero{padding:72px 20px 56px;}\n  .sw-stats{gap:24px;}\n  .sw-stat-num{font-size:2rem;}\n  .sw-offres,.sw-why,.sw-process,.sw-faq,.sw-cta{padding:64px 20px;}\n  .sw-feat-grid{grid-template-columns:1fr;}\n}\n<\/style>\n<section class=\"sw-hero\">\n  <div class=\"sw-hero-inner\">\n    <span class=\"sw-eyebrow rr\">Website creation<\/span>\n    <h1 class=\"rr d1\">WordPress Sites <span class=\"gs\">custom made.<\/span><\/h1>\n    <p class=\"sw-hero-sub rr d2\">\n      Showcase, corporate, portfolio, blog \u2014 delivered in 3 to 6 weeks, SEO optimized from the start.<br>\n      Based in Essaouira, operating in Morocco, Belgium, France, and Spain.\n    <\/p>\n    <div class=\"sw-stats\">\n      <div class=\"sw-stat rr d1\">\n        <span class=\"sw-stat-num\">18+<\/span>\n        <span class=\"sw-stat-label\">Delivered sites<\/span>\n      <\/div>\n      <div class=\"sw-stat rr d2\">\n        <span class=\"sw-stat-num\">3\u20136 weeks.<\/span>\n        <span class=\"sw-stat-label\">Average delay<\/span>\n      <\/div>\n      <div class=\"sw-stat rr d3\">\n        <span class=\"sw-stat-num\">90+<\/span>\n        <span class=\"sw-stat-label\">Average PageSpeed<\/span>\n      <\/div>\n      <div class=\"sw-stat rr d4\">\n        <span class=\"sw-stat-num\">100%<\/span>\n        <span class=\"sw-stat-label\">Mobile-first<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<section class=\"sw-offres\">\n  <div class=\"sw-inner\">\n    <p class=\"sw-eyebrow rr\" style=\"display:block;text-align:center;\">Our packages<\/p>\n    <h2 class=\"sw-offres-title rr d1\">Choose the option that best suits your project<\/h2>\n    <p class=\"sw-offres-sub rr d2\">Three levels of complexity. One single commitment: to deliver on time.<\/p>\n\n    <div class=\"sw-cards\">\n\n      <!-- Card 1 -->\n      <div class=\"sw-card rr d1\">\n        <div class=\"sw-card-icon\"><svg viewbox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\" style=\"display:inline-block;vertical-align:middle\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"\/><path d=\"M2 12h20\"\/><\/svg><\/div>\n        <span class=\"sw-badge\">The most popular<\/span>\n        <p class=\"sw-card-name\">Essential Showcase<\/p>\n        <p class=\"sw-card-price\">Starting from 3,900 MAD<\/p>\n        <ul class=\"sw-card-points\">\n          <li>5\u20138 page site<\/li>\n          <li>Custom design<\/li>\n          <li>Mobile responsive<\/li>\n          <li>Contact form<\/li>\n          <li>on-page SEO<\/li>\n          <li>Infomaniak hosting recommended<\/li>\n          <li>Delivery in 3 weeks<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Card 2 \u2014 Featured -->\n      <div class=\"sw-card featured rr d2\">\n        <div class=\"sw-card-icon\"><svg viewbox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\" style=\"display:inline-block;vertical-align:middle\"><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"\/><path d=\"M9 22v-4h6v4\"\/><path d=\"M8 6h.01M16 6h.01M12 6h.01M12 10h.01M12 14h.01M16 10h.01M16 14h.01M8 10h.01M8 14h.01\"\/><\/svg><\/div>\n        <span class=\"sw-badge\">Recommended<\/span>\n        <p class=\"sw-card-name\">Corporate Pro<\/p>\n        <p class=\"sw-card-price\">Starting from 7,900 MAD<\/p>\n        <ul class=\"sw-card-points\">\n          <li>Up to 15 pages<\/li>\n          <li>Integrated blog<\/li>\n          <li>WPML multilingual<\/li>\n          <li>Elementor Animations<\/li>\n          <li>Schema.org<\/li>\n          <li>Google Analytics 4<\/li>\n          <li>Delivery 4\u20135 weeks<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Card 3 -->\n      <div class=\"sw-card rr d3\">\n        <div class=\"sw-card-icon\"><svg viewbox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\" style=\"display:inline-block;vertical-align:middle\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z\"\/><\/svg><\/div>\n        <span class=\"sw-badge\">Complex<\/span>\n        <p class=\"sw-card-name\">Custom-made &amp; SaaS<\/p>\n        <p class=\"sw-card-price\">Price upon request<\/p>\n        <ul class=\"sw-card-points\">\n          <li>complex architecture<\/li>\n          <li>Custom PHP development<\/li>\n          <li>Third-party APIs<\/li>\n          <li>Sales funnel<\/li>\n          <li>Members&#039; Area<\/li>\n          <li>Delivery 6\u201310 weeks<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<section class=\"sw-why\">\n  <div class=\"sw-inner\">\n    <div class=\"sw-why-grid\">\n\n      <!-- Left: text -->\n      <div>\n        <span class=\"sw-eyebrow rr\">Why WordPress?<\/span>\n        <h2 class=\"rr d1\">The CMS that powers <span class=\"gs\">43 % of the web.<\/span><\/h2>\n        <p class=\"sw-why-text rr d2\">\n          WordPress isn&#039;t just a tool\u2014it&#039;s the world&#039;s most proven publishing infrastructure. Its flexibility allows you to build everything from a simple, handcrafted website to a complex SaaS platform, while remaining fully accessible to your non-technical teams.\n        <\/p>\n        <p class=\"sw-why-text rr d3\">\n          You keep the <strong style=\"color:#fff;\">total ownership<\/strong> of your site, your data, and your hosting. No proprietary platform, no lock-in. Your site belongs to you \u2014 forever.\n        <\/p>\n      <\/div>\n\n      <!-- Right: feature badges -->\n      <div class=\"rr d2\">\n        <div class=\"sw-feat-grid\">\n          <div class=\"sw-feat\"><span class=\"sw-feat-check\"><svg viewbox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\" style=\"display:inline-block;vertical-align:middle\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span> Open source<\/div>\n          <div class=\"sw-feat\"><span class=\"sw-feat-check\"><svg viewbox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\" style=\"display:inline-block;vertical-align:middle\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span> 60,000+ plugins<\/div>\n          <div class=\"sw-feat\"><span class=\"sw-feat-check\"><svg viewbox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\" style=\"display:inline-block;vertical-align:middle\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span> native SEO<\/div>\n          <div class=\"sw-feat\"><span class=\"sw-feat-check\"><svg viewbox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\" style=\"display:inline-block;vertical-align:middle\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span> Multilingual<\/div>\n          <div class=\"sw-feat\"><span class=\"sw-feat-check\"><svg viewbox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\" style=\"display:inline-block;vertical-align:middle\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span> E-commerce ready<\/div>\n          <div class=\"sw-feat\"><span class=\"sw-feat-check\"><svg viewbox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\" style=\"display:inline-block;vertical-align:middle\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span> Scalable<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<section class=\"sw-process\">\n  <div class=\"sw-inner\">\n    <p class=\"sw-eyebrow rr\" style=\"display:block;text-align:center;\">Our method<\/p>\n    <h2 class=\"sw-process h2 rr d1\">From the initial discussion to going online<\/h2>\n    <p class=\"sw-process-sub rr d2\">A structured 4-step process for deliveries without surprises.<\/p>\n\n    <div class=\"sw-steps\">\n\n      <div class=\"sw-step rr d1\">\n        <span class=\"sw-step-icon\"><svg viewbox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\" style=\"display:inline-block;vertical-align:middle\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\"\/><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><\/svg><\/span>\n        <span class=\"sw-step-num\">01<\/span>\n        <p class=\"sw-step-name\">Brief &amp; Specifications<\/p>\n        <p class=\"sw-step-desc\">In-depth discussion about your objectives, target audience, and brand identity. Drafting of a jointly approved specifications document.<\/p>\n      <\/div>\n\n      <div class=\"sw-step rr d2\">\n        <span class=\"sw-step-icon\"><svg viewbox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\" style=\"display:inline-block;vertical-align:middle\"><circle cx=\"13.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"17.5\" cy=\"10.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"8.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\"\/><circle cx=\"6.5\" cy=\"12.5\" r=\".5\" fill=\"currentColor\"\/><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z\"\/><\/svg><\/span>\n        <span class=\"sw-step-num\">02<\/span>\n        <p class=\"sw-step-name\">Mock-up &amp; Validation<\/p>\n        <p class=\"sw-step-desc\">UI mockups are created using Figma. You approve each page before development begins.<\/p>\n      <\/div>\n\n      <div class=\"sw-step rr d3\">\n        <span class=\"sw-step-icon\"><svg viewbox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\" style=\"display:inline-block;vertical-align:middle\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z\"\/><\/svg><\/span>\n        <span class=\"sw-step-num\">03<\/span>\n        <p class=\"sw-step-name\">Development &amp; Integration<\/p>\n        <p class=\"sw-step-desc\">Elementor Pro integration, custom PHP development if necessary, connection of third-party plugins and APIs.<\/p>\n      <\/div>\n\n      <div class=\"sw-step rr d4\">\n        <span class=\"sw-step-icon\"><svg viewbox=\"0 0 24 24\" width=\"1em\" height=\"1em\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\" style=\"display:inline-block;vertical-align:middle\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91 0z\"\/><path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/><\/svg><\/span>\n        <span class=\"sw-step-num\">04<\/span>\n        <p class=\"sw-step-name\">Testing, SEO &amp; Online Deployment<\/p>\n        <p class=\"sw-step-desc\">Cross-browser testing, PageSpeed optimization, complete on-page SEO, deployment and administration training.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<section class=\"sw-faq\">\n  <div class=\"sw-inner\">\n    <h2 class=\"rr\">Frequently Asked Questions<\/h2>\n\n    <div class=\"sw-faq-list\">\n\n      <div class=\"sw-faq-item open rr d1\">\n        <button class=\"sw-faq-q\" type=\"button\">\n          How much does a WordPress website cost?\n          <span class=\"sw-faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"sw-faq-a\">\n          An Essential showcase starts at <strong>3,900 MAD<\/strong>. Pricing varies depending on the number of pages, features (multilingual, e-commerce, members&#039; area), and the level of graphic customization. Each quote is free and without obligation\u2014contact us for a precise estimate within 24 hours.\n        <\/div>\n      <\/div>\n\n      <div class=\"sw-faq-item rr d2\">\n        <button class=\"sw-faq-q\" type=\"button\">\n          What is the delivery time?\n          <span class=\"sw-faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"sw-faq-a\">\n          Between <strong>3 and 6 weeks<\/strong> Depending on the complexity of the project, a basic website is typically delivered in 3 weeks. A professional corporate website with WPML and advanced animations takes 4 to 5 weeks. Custom projects with bespoke development are priced on a case-by-case basis.\n        <\/div>\n      <\/div>\n\n      <div class=\"sw-faq-item rr d3\">\n        <button class=\"sw-faq-q\" type=\"button\">\n          Do I retain ownership of the site?\n          <span class=\"sw-faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"sw-faq-a\">\n          Yes, <strong>100 %<\/strong>. The code, files, database, and domain name belong to you. We can transfer the entire project to the hosting provider of your choice upon delivery. No rent-based model, no lock-in.\n        <\/div>\n      <\/div>\n\n      <div class=\"sw-faq-item rr d4\">\n        <button class=\"sw-faq-q\" type=\"button\">\n          Do you also do maintenance?\n          <span class=\"sw-faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"sw-faq-a\">\n          Yes. We offer <strong>monthly maintenance packages<\/strong> covering WordPress updates, daily backups, uptime monitoring, and minor fixes. A maintenance contract can be purchased upon delivery or at a later date.\n        <\/div>\n      <\/div>\n\n      <div class=\"sw-faq-item rr d5\">\n        <button class=\"sw-faq-q\" type=\"button\">\n          Is SEO included?\n          <span class=\"sw-faq-icon\">+<\/span>\n        <\/button>\n        <div class=\"sw-faq-a\">\n          THE <strong>on-page SEO<\/strong> (title, meta description, H1\/H2 structure, Schema.org, XML sitemap, speed) is included in all our plans. For ongoing SEO\u2014positions, content, backlinks\u2014we recommend our tool. <strong>SEO Master<\/strong> (starting from 290 MAD\/month).\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<section class=\"sw-cta\">\n  <div class=\"sw-cta-inner\">\n    <h2 class=\"rr\">Your WordPress website, <span class=\"gs\">delivered on time.<\/span><\/h2>\n    <p class=\"sw-cta-sub rr d1\">Free quote \u00b7 Response within 24 hours \u00b7 No obligation<\/p>\n    <div class=\"sw-btn-row rr d2\">\n      <a href=\"\/en\/contact\/\" class=\"sw-btn sw-btn-gold\">Request a free quote \u2192<\/a>\n      <a href=\"\/en\/realisations\/\" class=\"sw-btn sw-btn-ghost\">See our projects \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function(){\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){e.target.classList.add('rv');io.unobserve(e.target);}\n    });\n  },{threshold:0.12});\n  document.querySelectorAll('.rr').forEach(function(el){io.observe(el);});\n\n  \/* FAQ accordion *\/\n  document.querySelectorAll('.sw-faq-q').forEach(function(btn){\n    btn.addEventListener('click',function(){\n      var item=this.closest('.sw-faq-item');\n      var wasOpen=item.classList.contains('open');\n      document.querySelectorAll('.sw-faq-item.open').forEach(function(i){i.classList.remove('open');});\n      if(!wasOpen)item.classList.add('open');\n    });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","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":""},"class_list":["post-1626","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.5 (Yoast SEO v28.0) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Cr\u00e9ation de sites WordPress sur mesure \u2014 MogaCode | \u00c0 partir de 3 900 MAD<\/title>\n<meta name=\"description\" content=\"MogaCode con\u00e7oit des sites WordPress sur mesure : vitrine, corporate, e-commerce, LMS. Design premium, SEO natif, livraison 3\u20136 semaines. Maroc \u00b7 Belgique \u00b7 France.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mogacode.ma\/en\/sites-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sites WordPress sur mesure \u2014 MogaCode\" \/>\n<meta property=\"og:description\" content=\"MogaCode con\u00e7oit des sites WordPress sur mesure : vitrine, corporate, e-commerce, LMS. Design premium, SEO natif, livraison 3\u20136 semaines. Maroc \u00b7 Belgique \u00b7 France.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mogacode.ma\/en\/sites-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Mogacode\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mogacode\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-09T17:12:01+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@mogacode\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cr\u00e9ation de sites WordPress sur mesure \u2014 MogaCode | \u00c0 partir de 3 900 MAD","description":"MogaCode con\u00e7oit des sites WordPress sur mesure : vitrine, corporate, e-commerce, LMS. Design premium, SEO natif, livraison 3\u20136 semaines. Maroc \u00b7 Belgique \u00b7 France.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.mogacode.ma\/en\/sites-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Sites WordPress sur mesure \u2014 MogaCode","og_description":"MogaCode con\u00e7oit des sites WordPress sur mesure : vitrine, corporate, e-commerce, LMS. Design premium, SEO natif, livraison 3\u20136 semaines. Maroc \u00b7 Belgique \u00b7 France.","og_url":"https:\/\/www.mogacode.ma\/en\/sites-wordpress\/","og_site_name":"Mogacode","article_publisher":"https:\/\/www.facebook.com\/mogacode","article_modified_time":"2026-06-09T17:12:01+00:00","twitter_card":"summary_large_image","twitter_site":"@mogacode","schema":{"@context":"https:\/\/schema.org","@graph":[]}},"_links":{"self":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages\/1626","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/comments?post=1626"}],"version-history":[{"count":1,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages\/1626\/revisions"}],"predecessor-version":[{"id":1844,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages\/1626\/revisions\/1844"}],"wp:attachment":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/media?parent=1626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}