{"id":1656,"date":"2026-05-01T14:23:16","date_gmt":"2026-05-01T14:23:16","guid":{"rendered":"https:\/\/www.mogacode.ma\/agence-web-marrakech\/"},"modified":"2026-09-17T22:19:10","modified_gmt":"2026-09-17T22:19:10","slug":"agence-web-marrakech","status":"publish","type":"page","link":"https:\/\/www.mogacode.ma\/en\/agence-web-marrakech\/","title":{"rendered":"Agence Web Marrakech, WordPress &amp; E-commerce | MogaCode"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1656\" class=\"elementor elementor-1656 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-sec_df90d79 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"sec_df90d79\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-col_df90d79\" data-id=\"col_df90d79\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-htm_df90d79 elementor-widget elementor-widget-html\" data-id=\"htm_df90d79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n.mg-page{font-family:-apple-system,BlinkMacSystemFont,\"Inter\",\"Segoe UI\",sans-serif;background:#0f0f0f;color:#f0f0f0;line-height:1.7}\n.mg-wrap{max-width:1200px;margin:0 auto;padding:0 24px}\n\/* Hero *\/\n.mg-hero{padding:100px 0 80px;background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 100%);border-bottom:1px solid #2a2a2a;position:relative;overflow:hidden}\n.mg-hero::before{content:\"\";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(255,107,53,.12) 0%,transparent 70%);pointer-events:none}\n.mg-badge{display:inline-block;background:rgba(255,107,53,.15);color:#FF6B35;border:1px solid rgba(255,107,53,.3);border-radius:20px;padding:4px 14px;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:20px}\n.mg-hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.1;margin-bottom:20px;color:#fff}\n.mg-hero h1 span{color:#FF6B35}\n.mg-hero-sub{font-size:1.15rem;color:#aaa;max-width:640px;margin-bottom:36px;line-height:1.6}\n.mg-cta-group{display:flex;gap:16px;flex-wrap:wrap}\n.mg-btn-wa{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;font-weight:700;font-size:1rem;padding:16px 28px;border-radius:8px;text-decoration:none;transition:opacity .2s}\n.mg-btn-wa:hover{opacity:.9}\n.mg-btn-wa svg{width:22px;height:22px;fill:currentColor}\n\/* Stats *\/\n.mg-stats{padding:48px 0;background:#141414;border-bottom:1px solid #2a2a2a}\n.mg-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:32px;text-align:center}\n.mg-stat-n{font-size:2.4rem;font-weight:800;color:#FF6B35;display:block}\n.mg-stat-l{font-size:.85rem;color:#888;margin-top:4px}\n\/* Section *\/\n.mg-section{padding:80px 0}\n.mg-section-alt{padding:80px 0;background:#141414}\n.mg-section-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;margin-bottom:12px}\n.mg-section-sub{color:#888;font-size:1.05rem;margin-bottom:48px;max-width:600px}\n\/* Cards *\/\n.mg-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}\n.mg-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:28px;transition:border-color .2s}\n.mg-card:hover{border-color:#FF6B35}\n.mg-card-icon{width:44px;height:44px;background:rgba(255,107,53,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.mg-card-icon svg{width:22px;height:22px;stroke:#FF6B35;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.mg-card h3{font-size:1.05rem;font-weight:600;margin-bottom:8px;color:#f0f0f0}\n.mg-card p{color:#888;font-size:.9rem;line-height:1.6}\n\/* Process *\/\n.mg-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;counter-reset:steps}\n.mg-step{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:28px;position:relative}\n.mg-step-n{width:36px;height:36px;background:#FF6B35;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;margin-bottom:16px}\n.mg-step h3{font-size:1rem;font-weight:600;margin-bottom:8px}\n.mg-step p{color:#888;font-size:.875rem;line-height:1.6}\n\/* FAQ *\/\n.mg-faq{display:flex;flex-direction:column;gap:12px}\n.mg-faq-item{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden}\n.mg-faq-q{width:100%;background:none;border:none;padding:20px 24px;text-align:left;color:#f0f0f0;font-size:.975rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}\n.mg-faq-q svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0;transition:transform .3s}\n.mg-faq-item.open .mg-faq-q svg{transform:rotate(180deg)}\n.mg-faq-a{padding:0 24px 20px;max-height:none;overflow:visible}h3.mg-faq-q{margin:0;cursor:default}\n.mg-faq-item.open .mg-faq-a{max-height:400px;padding:0 24px 20px}\n.mg-faq-a p{color:#aaa;font-size:.925rem;line-height:1.7}\n\/* CTA finale *\/\n.mg-cta-final{padding:80px 0;background:linear-gradient(135deg,#FF6B35 0%,#e85a20 100%);text-align:center}\n.mg-cta-final h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#fff;margin-bottom:12px}\n.mg-cta-final p{color:rgba(255,255,255,.85);font-size:1.1rem;margin-bottom:32px;max-width:520px;margin-left:auto;margin-right:auto}\n.mg-btn-white{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#FF6B35;font-weight:800;font-size:1rem;padding:16px 32px;border-radius:8px;text-decoration:none;transition:transform .2s}\n.mg-btn-white:hover{transform:translateY(-2px)}\n\/* E-E-A-T *\/\n.mg-eeat{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:32px;display:flex;gap:24px;align-items:flex-start;margin-top:48px}\n.mg-eeat-avatar{width:60px;height:60px;border-radius:50%;background:#FF6B35;color:#fff;font-weight:800;font-size:1.3rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.mg-eeat h4{font-size:1rem;font-weight:700;margin-bottom:4px}\n.mg-eeat p{color:#888;font-size:.875rem;line-height:1.6}\n\/* Responsive *\/\n@media(max-width:600px){.mg-hero{padding:64px 0 48px}.mg-cta-group{flex-direction:column}.mg-btn-wa,.mg-btn-white{justify-content:center}.mg-eeat{flex-direction:column}.mg-eeat-avatar{width:48px;height:48px;font-size:1rem}}\n\/* FAQ JS *\/\n<\/style>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\",function(){\n  document.querySelectorAll(\".mg-faq-item\").forEach(function(item){\n    item.querySelector(\".mg-faq-q\").addEventListener(\"click\",function(){\n      var open=item.classList.contains(\"open\");\n      document.querySelectorAll(\".mg-faq-item.open\").forEach(function(o){o.classList.remove(\"open\")});\n      if(!open)item.classList.add(\"open\");\n    });\n  });\n});\n<\/script>\n<div class=\"mg-page\">\n\n<section class=\"mg-hero\">\n  <div class=\"mg-wrap\">\n    <span class=\"mg-badge\">Marrakech<\/span>\n    <h1 class=\"mg-hero-h1\">Agence web \u00e0 <span>Marrakech<\/span> pour le tourisme et les commerces<\/h1>\n    <p class=\"mg-hero-sub\">Riad, h\u00f4tel, restaurant, boutique d'artisanat, agence de voyage : vos clients vous cherchent en ligne, en fran\u00e7ais, en anglais et en arabe, avant m\u00eame d'arriver \u00e0 Marrakech. On construit le site qui les capte et on le fait remonter sur Google.<\/p>\n    <div class=\"mg-cta-group\">\n      <a href=\"https:\/\/wa.me\/212620229114?text=Bonjour%20MogaCode%2C%20je%20cherche%20une%20agence%20web%20%C3%A0%20Marrakech.%20Pouvez-vous%20me%20contacter%20%3F\" class=\"mg-btn-wa\" target=\"_blank\" rel=\"nofollow\">\n        <svg viewbox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.122.558 4.116 1.532 5.845L.057 23.514a.5.5 0 00.609.61l5.748-1.485A11.95 11.95 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.818a9.817 9.817 0 01-5.012-1.374l-.36-.214-3.713.957.991-3.624-.235-.374A9.818 9.818 0 012.182 12C2.182 6.57 6.57 2.182 12 2.182c5.43 0 9.818 4.388 9.818 9.818 0 5.43-4.388 9.818-9.818 9.818z\"\/><\/svg>\n        Let&#039;s chat on WhatsApp\n    <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"mg-stats\">\n  <div class=\"mg-wrap\">\n    <div class=\"mg-stats-grid\"><div><span class=\"mg-stat-n\">30+<\/span><div class=\"mg-stat-l\">Years of experience<\/div><\/div><div><span class=\"mg-stat-n\">130+<\/span><div class=\"mg-stat-l\">Sites en production<\/div><\/div><div><span class=\"mg-stat-n\">FR\/EN\/AR<\/span><div class=\"mg-stat-l\">Multilingual<\/div><\/div><div><span class=\"mg-stat-n\">Booking<\/span><div class=\"mg-stat-l\">Integrations<\/div><\/div><\/div>\n  <\/div>\n<\/section>\n\n<section class=\"mg-section\">\n  <div class=\"mg-wrap\">\n    <h2 class=\"mg-section-title\">Our Services<\/h2>\n    <p class=\"mg-section-sub\">Des solutions digitales compl\u00e8tes pour votre croissance, d\u00e9veloppement, SEO, maintenance.<\/p>\n    <div class=\"mg-grid-3\"><div class=\"mg-card\">\n        <div class=\"mg-card-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div>\n        <h3>Hotels &amp; Riads Sites<\/h3>\n        <p>R\u00e9servation en ligne, galeries immersives, moteur de booking, multilingue FR\/EN\/AR, convertissez vos visiteurs en clients.<\/p>\n    <\/div><div class=\"mg-card\">\n        <div class=\"mg-card-icon\"><svg viewbox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div>\n        <h3>E-commerce Crafts<\/h3>\n        <p>Boutiques WooCommerce pour l'artisanat marocain, livraison internationale, paiement multi-devises, gestion stocks.<\/p>\n    <\/div><div class=\"mg-card\">\n        <div class=\"mg-card-icon\"><svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\"\/><\/svg><\/div>\n        <h3>SEO Tourism<\/h3>\n        <p>R\u00e9f\u00e9rencement sur les requ\u00eates touristiques \u00e0 fort trafic, \"riad marrakech\", \"hotel m\u00e9dina\", etc.<\/p>\n    <\/div><div class=\"mg-card\">\n        <div class=\"mg-card-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg><\/div>\n        <h3>Restaurants &amp; Food<\/h3>\n        <p>Menus en ligne, r\u00e9servations, Click & Collect, fid\u00e9lisation, transformez votre pr\u00e9sence digitale en levier commercial.<\/p>\n    <\/div><div class=\"mg-card\">\n        <div class=\"mg-card-icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div>\n        <h3>Social Media<\/h3>\n        <p>Gestion Instagram\/Facebook pour h\u00f4tels et restaurants, contenu automatis\u00e9 via Social Master, croissance organique.<\/p>\n    <\/div><div class=\"mg-card\">\n        <div class=\"mg-card-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z\"\/><\/svg><\/div>\n        <h3>Maintenance &amp; Safety<\/h3>\n        <p>Critical sites for hospitality: maximum availability, backups and rapid response in case of an incident.<\/p>\n    <\/div><\/div>\n  <\/div>\n<\/section>\n\n<section class=\"mg-section-alt\">\n  <div class=\"mg-wrap\">\n    <h2 class=\"mg-section-title\">Our 4-Step Process<\/h2>\n    <p class=\"mg-section-sub\">A proven method for projects delivered on time, without unpleasant surprises.<\/p>\n    <div class=\"mg-steps\"><div class=\"mg-step\"><div class=\"mg-step-n\">1<\/div><h3>Sector Brief<\/h3><p>Understanding your business, your target clientele (local, national, international) and your conversion goals.<\/p><\/div><div class=\"mg-step\"><div class=\"mg-step-n\">2<\/div><h3>Premium Design<\/h3><p>Maquettes adapt\u00e9es au secteur, photographie immersive, animations subtiles, UX pens\u00e9e pour les march\u00e9s europ\u00e9ens et arabophones.<\/p><\/div><div class=\"mg-step\"><div class=\"mg-step-n\">3<\/div><h3>Development<\/h3><p>WordPress Elementor Pro, booking integrations (Beds24, Cloudbeds, direct), multilingual SEO, mobile performance.<\/p><\/div><div class=\"mg-step\"><div class=\"mg-step-n\">4<\/div><h3>Launch &amp; Growth<\/h3><p>Mise en ligne, formation, SEO continu, Social Master, un accompagnement sur la dur\u00e9e pour faire cro\u00eetre votre activit\u00e9.<\/p><\/div><\/div>\n  <\/div>\n<\/section>\n\n<section class=\"mg-section\">\n  <div class=\"mg-wrap\">\n    <h2 class=\"mg-section-title\">Frequently Asked Questions<\/h2>\n    <p class=\"mg-section-sub\">Everything you want to know before contacting us.<\/p>\n    <div class=\"mg-faq\"><div class=\"mg-faq-item\">\n        <h3 class=\"mg-faq-q\">Can you integrate a booking system into my riad or hotel website?<\/h3>\n        <div class=\"mg-faq-a\"><p>Yes. We integrate booking engines (Beds24, Bookatonce, Widget Direct, Airbnb API) according to your existing infrastructure.<\/p><\/div>\n    <\/div><div class=\"mg-faq-item\">\n        <h3 class=\"mg-faq-q\">Mon site doit \u00eatre en fran\u00e7ais, anglais et arabe, vous g\u00e9rez ?<\/h3>\n        <div class=\"mg-faq-a\"><p>Yes, it&#039;s one of our specialties. We use WPML or TranslatePress for multilingual sites, with particular attention to Arabic typography (RTL).<\/p><\/div>\n    <\/div><div class=\"mg-faq-item\">\n        <h3 class=\"mg-faq-q\">Je vends des produits artisanaux en ligne, que proposez-vous ?<\/h3>\n        <div class=\"mg-faq-a\"><p>Custom WooCommerce with stock management, variations (size, color, material), international delivery (DHL\/Aramex), payment by card and bank transfer.<\/p><\/div>\n    <\/div><div class=\"mg-faq-item\">\n        <h3 class=\"mg-faq-q\">Do you work with restaurants in Marrakech?<\/h3>\n        <div class=\"mg-faq-a\"><p>Yes. Showcase websites + digital menu + online booking. We are very familiar with the specificities of the Moroccan F&amp;B sector.<\/p><\/div>\n    <\/div><div class=\"mg-faq-item\">\n        <h3 class=\"mg-faq-q\">Is it possible to see examples of your work in the tourism sector?<\/h3>\n        <div class=\"mg-faq-a\"><p>Oui, contactez-nous sur WhatsApp, nous partageons des r\u00e9f\u00e9rences adapt\u00e9es \u00e0 votre type de projet.<\/p><\/div>\n    <\/div><div class=\"mg-faq-item\">\n        <h3 class=\"mg-faq-q\">What is your availability for a client based in Marrakech?<\/h3>\n        <div class=\"mg-faq-a\"><p>We work remotely with clients throughout Morocco. Response times are fast (within 2 hours during the day). Travel is possible for large projects.<\/p><\/div>\n    <\/div><\/div>\n\n    <div class=\"mg-eeat\">\n      <div class=\"mg-eeat-avatar\">P<\/div>\n      <div>\n        <h4>Patrick Rary, Fondateur MogaCode<\/h4>\n        <p>30 ans d'exp\u00e9rience en informatique et d\u00e9veloppement web. Fondateur de MogaCode \u00e0 Essaouira. Expert judiciaire informaticien. D\u00e9veloppeur, r\u00e9f\u00e9renceur et strat\u00e8ge digital, il supervise personnellement chaque projet livr\u00e9 par l'agence.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"mg-cta-final\">\n  <div class=\"mg-wrap\">\n    <h2>Your website deserves to reflect the quality of your establishment.<\/h2>\n    <p>Contactez-nous sur WhatsApp, brief gratuit, r\u00e9ponse sous 2h.<\/p>\n    <a href=\"https:\/\/wa.me\/212620229114?text=Bonjour%20MogaCode%2C%20je%20souhaite%20un%20devis%20pour%20mon%20projet%20web%20%C3%A0%20Marrakech.\" class=\"mg-btn-white\" target=\"_blank\" rel=\"nofollow\">\n        <svg viewbox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.122.558 4.116 1.532 5.845L.057 23.514a.5.5 0 00.609.61l5.748-1.485A11.95 11.95 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.818a9.817 9.817 0 01-5.012-1.374l-.36-.214-3.713.957.991-3.624-.235-.374A9.818 9.818 0 012.182 12C2.182 6.57 6.57 2.182 12 2.182c5.43 0 9.818 4.388 9.818 9.818 0 5.43-4.388 9.818-9.818 9.818z\"\/><\/svg>\n        Start on WhatsApp\n    <\/a>\n  <\/div>\n<\/section>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>*,*::before,*::after{box-sizing:border-box;margin:0;padding:0} .mg-page{font-family:-apple-system,BlinkMacSystemFont,\u00a0\u00bbInter\u00a0\u00bb,\u00a0\u00bbSegoe UI\u00a0\u00bb,sans-serif;background:#0f0f0f;color:#f0f0f0;line-height:1.7} .mg-wrap{max-width:1200px;margin:0 auto;padding:0 24px} \/* Hero *\/ .mg-hero{padding:100px 0 80px;background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 100%);border-bottom:1px solid #2a2a2a;position:relative;overflow:hidden} .mg-hero::before{content:\u00a0\u00bb\u00a0\u00bb;position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(255,107,53,.12) 0%,transparent 70%);pointer-events:none} .mg-badge{display:inline-block;background:rgba(255,107,53,.15);color:#FF6B35;border:1px solid rgba(255,107,53,.3);border-radius:20px;padding:4px 14px;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:20px} .mg-hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.1;margin-bottom:20px;color:#fff} .mg-hero h1 span{color:#FF6B35} .mg-hero-sub{font-size:1.15rem;color:#aaa;max-width:640px;margin-bottom:36px;line-height:1.6} .mg-cta-group{display:flex;gap:16px;flex-wrap:wrap} .mg-btn-wa{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;font-weight:700;font-size:1rem;padding:16px 28px;border-radius:8px;text-decoration:none;transition:opacity .2s} .mg-btn-wa:hover{opacity:.9} .mg-btn-wa svg{width:22px;height:22px;fill:currentColor} \/* Stats *\/ .mg-stats{padding:48px 0;background:#141414;border-bottom:1px solid #2a2a2a} .mg-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:32px;text-align:center} .mg-stat-n{font-size:2.4rem;font-weight:800;color:#FF6B35;display:block} .mg-stat-l{font-size:.85rem;color:#888;margin-top:4px} \/* Section *\/ .mg-section{padding:80px 0} .mg-section-alt{padding:80px 0;background:#141414} .mg-section-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;margin-bottom:12px} .mg-section-sub{color:#888;font-size:1.05rem;margin-bottom:48px;max-width:600px} [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1656","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.5 (Yoast SEO v28.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Agence Web Marrakech, WordPress &amp; E-commerce | MogaCode<\/title>\n<meta name=\"description\" content=\"Cr\u00e9ation de sites web \u00e0 Marrakech pour h\u00f4tels, riads, restaurants et boutiques. MogaCode digitalise les entreprises de la ville ocre depuis 2014.\" \/>\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\/agence-web-marrakech\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Agence Web Marrakech, WordPress &amp; E-commerce | MogaCode\" \/>\n<meta property=\"og:description\" content=\"Cr\u00e9ation de sites web \u00e0 Marrakech pour h\u00f4tels, riads, restaurants et boutiques. MogaCode digitalise les entreprises de la ville ocre depuis 2014.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mogacode.ma\/en\/agence-web-marrakech\/\" \/>\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-09-17T22:19:10+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@mogacode\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Agence Web Marrakech, WordPress & E-commerce | MogaCode","description":"Website creation in Marrakech for hotels, riads, restaurants, and shops. MogaCode has digitalized businesses in the ochre city since 2014.","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\/agence-web-marrakech\/","og_locale":"en_US","og_type":"article","og_title":"Agence Web Marrakech, WordPress &amp; E-commerce | MogaCode","og_description":"Cr\u00e9ation de sites web \u00e0 Marrakech pour h\u00f4tels, riads, restaurants et boutiques. MogaCode digitalise les entreprises de la ville ocre depuis 2014.","og_url":"https:\/\/www.mogacode.ma\/en\/agence-web-marrakech\/","og_site_name":"Mogacode","article_publisher":"https:\/\/www.facebook.com\/mogacode","article_modified_time":"2026-09-17T22:19:10+00:00","twitter_card":"summary_large_image","twitter_site":"@mogacode","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[]}},"_links":{"self":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages\/1656","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=1656"}],"version-history":[{"count":2,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages\/1656\/revisions"}],"predecessor-version":[{"id":1962,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages\/1656\/revisions\/1962"}],"wp:attachment":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/media?parent=1656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}