{"id":3733,"date":"2026-08-22T19:38:28","date_gmt":"2026-08-22T17:38:28","guid":{"rendered":"https:\/\/cometocom.com\/?page_id=3733"},"modified":"2026-08-23T09:41:12","modified_gmt":"2026-08-23T07:41:12","slug":"site-e-commerce","status":"publish","type":"page","link":"https:\/\/cometocom.com\/en\/site-e-commerce\/","title":{"rendered":"E-commerce Website"},"content":{"rendered":"<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;700;800&#038;display=swap\">\n<style>\n:root{\n  --navy:#0f2438; --navy-2:#15304a; --green:#1fae5c; --green-dk:#0f7a3f;\n  --ink:#16212e; --muted:#5c6b7a; --line:#e4e8ec; --bg:#ffffff; --bg-soft:#f6f8f9;\n}\n.cc{font-family:Manrope,system-ui,Arial,sans-serif;color:var(--ink);background:var(--bg)}\n.cc *{box-sizing:border-box}\n.cc .entry-title,.cc .page-title,h1.entry-title,.elementor-widget-theme-post-title{display:none!important}\n.cc .wrap{max-width:1080px;margin:0 auto;padding:0 22px}\n.cc .sec{padding:64px 0}\n.cc h1,.cc h2,.cc h3{margin:0 0 12px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}\n.cc p{line-height:1.65;margin:0 0 12px;color:var(--muted)}\n.cc .eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green-dk);background:#e8f8ee;padding:6px 14px;border-radius:999px;margin-bottom:14px}\n.cc .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:10px;font-weight:700;text-decoration:none;font-size:15px;border:2px solid transparent}\n.cc .btn-primary{background:var(--green);color:#fff}\n.cc .btn-dark{background:var(--navy);color:#fff}\n.cc .btn-ghost{background:transparent;color:var(--navy);border-color:var(--navy)}\n\n\/* HERO *\/\n.cc .hero{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;padding:70px 0}\n.cc .hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}\n.cc .hero h1{color:#fff;font-size:42px;line-height:1.14}\n.cc .hero p{color:#c3cedb}\n.cc .hero .eyebrow{background:rgba(31,174,92,.18);color:#7fe3ab}\n.cc .kpis{display:flex;gap:30px;margin:18px 0 22px}\n.cc .kpis b{display:block;font-size:26px;color:var(--green)}\n.cc .kpis span{font-size:12px;color:#9fb1c2;text-transform:uppercase;letter-spacing:.05em}\n.cc .price{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}\n.cc .price .strike{color:#8a99a9;text-decoration:line-through;font-size:18px}\n.cc .price .now{font-size:38px;font-weight:800;color:var(--green)}\n.cc .photo{border-radius:16px;overflow:hidden;box-shadow:0 24px 50px -20px rgba(0,0,0,.5)}\n.cc .photo img{display:block;width:100%;height:100%;object-fit:cover;min-height:280px}\n\n\/* ARGUMENTS *\/\n.cc .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n.cc .arg{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:22px}\n.cc .arg .ico{width:42px;height:42px;border-radius:10px;background:#e8f8ee;color:var(--green-dk);display:flex;align-items:center;justify-content:center;margin-bottom:12px}\n.cc .arg .ico svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}\n.cc .arg h3{font-size:17px;margin-bottom:6px}\n.cc .arg p{font-size:14px;margin:0}\n\n\/* PLANS \u2014 carte fa\u00e7on devis d'agence *\/\n.cc .plans-head{max-width:600px;margin:0 auto 34px;text-align:center}\n.cc .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}\n\/* FIX : overflow:hidden retir\u00e9 (il rognait le badge \"Meilleure vente\" qui d\u00e9passe en top:-11px).\n   Les coins arrondis sont maintenant port\u00e9s par plan-head (haut) et plan-body (bas). *\/\n.cc .plan{border:1px solid var(--line);border-radius:16px;background:var(--bg);display:flex;flex-direction:column;box-shadow:0 10px 30px -18px rgba(15,36,56,.25)}\n.cc .plan.pop{border-color:var(--green);box-shadow:0 16px 40px -18px rgba(31,174,92,.35)}\n.cc .plan-head{background:var(--navy);color:#fff;padding:22px 24px;position:relative;border-radius:15px 15px 0 0}\n.cc .plan.pop .plan-head{background:linear-gradient(135deg,var(--green-dk),var(--green))}\n.cc .plan-head h3{color:#fff;font-size:19px;margin:0}\n.cc .plan-head .badge{position:absolute;top:-11px;right:20px;background:#fff;color:var(--green-dk);font-size:11px;font-weight:800;text-transform:uppercase;padding:5px 10px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.15);z-index:2}\n.cc .plan-body{padding:26px 24px;display:flex;flex-direction:column;flex:1;border-radius:0 0 15px 15px}\n.cc .pnum{font-size:34px;font-weight:800;color:var(--ink);margin-bottom:4px}\n.cc .meta{font-size:13px;color:var(--muted);margin-bottom:18px}\n.cc .plan ul{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:10px}\n.cc .plan li{display:flex;gap:9px;font-size:14.5px;color:var(--ink)}\n.cc .plan li svg{width:18px;height:18px;stroke:var(--green-dk);fill:none;stroke-width:2.4;flex-shrink:0;margin-top:1px}\n.cc .plan .btn{margin-top:auto;width:100%}\n\n\/* INCLUS \/ PROCESS *\/\n.cc .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}\n.cc .panel{background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;padding:28px}\n.cc .checklist{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}\n.cc .checklist li{display:flex;gap:10px;font-size:15px}\n.cc .checklist svg{width:19px;height:19px;stroke:var(--green-dk);fill:none;stroke-width:2.3;margin-top:2px;flex-shrink:0}\n.cc .steps{list-style:none;margin:16px 0 0;padding:0;counter-reset:step;display:flex;flex-direction:column;gap:16px}\n.cc .steps li{display:flex;gap:14px;align-items:flex-start}\n.cc .steps li::before{counter-increment:step;content:counter(step);font-weight:800;color:#fff;background:var(--navy);border-radius:8px;min-width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:14px}\n\n\/* FAQ *\/\n.cc .faq details{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:16px 20px}\n.cc .faq summary{cursor:pointer;font-weight:700;list-style:none}\n.cc .faq summary::-webkit-details-marker{display:none}\n.cc .faq p{margin:10px 0 0}\n\n\/* CONTACT *\/\n.cc .contact{background:var(--navy);color:#fff;border-radius:20px;padding:44px;text-align:center}\n.cc .contact h2{color:#fff}\n.cc .contact p{color:#c3cedb}\n.cc .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;text-align:left}\n.cc .input{width:100%;padding:13px 14px;border-radius:9px;border:1px solid #33506b;background:#0c2036;color:#fff;font-family:Manrope,sans-serif}\n.cc .input::placeholder{color:#8a9dae}\n\n\/* TESTIMONIALS *\/\n.cc .testi{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n.cc .quote{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:22px;font-size:14.5px}\n.cc .quote .who{display:block;margin-top:12px;font-weight:700;color:var(--navy);font-size:13px}\n\n@media(max-width:900px){\n  .cc .hero .wrap,.cc .grid-3,.cc .cards,.cc .grid-2,.cc .testi,.cc .form-grid{grid-template-columns:1fr}\n  .cc .hero h1{font-size:30px}\n}\n<\/style>\n\n<div class=\"cc\">\n\n<section class=\"hero\">\n  <div class=\"wrap\">\n    <div>\n      <span class=\"eyebrow\">Secure payment included<\/span>\n      <h1>Your online store, ready to take your first sales<\/h1>\n      <p>A complete WooCommerce store: clear product pages, secure payment, simple checkout funnel. Your customers pay, you receive the order.<\/p>\n      <div class=\"kpis\">\n        <div><b>10d<\/b><span>Publishing<\/span><\/div>\n        <div><b>\u221e<\/b><span>Products<\/span><\/div>\n        <div><b>CC<\/b><span>+ mobile<\/span><\/div>\n      <\/div>\n      <div class=\"price\"><span class=\"strike\">1490\u20ac<\/span><span class=\"now\">990\u20ac<\/span><\/div>\n      <div style=\"display:flex;gap:12px;flex-wrap:wrap\">\n        <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/33652112106?text=Je%20veux%20ma%20boutique%20e-commerce%20\u00e0%20990\u20ac\" target=\"_blank\" rel=\"noopener\">Order via WhatsApp<\/a>\n        <a class=\"btn btn-ghost\" style=\"border-color:#fff;color:#fff\" href=\"#plans\">See plans<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"photo\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?q=80&#038;w=1200&#038;auto=format&#038;fit=crop\" alt=\"Aper\u00e7u boutique en ligne\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec\">\n  <div class=\"wrap grid-3\">\n    <div class=\"arg\">\n      <div class=\"ico\"><svg viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"9\" width=\"18\" height=\"12\" rx=\"2\"><\/rect><path d=\"M7 9V6a5 5 0 0 1 10 0v3\"><\/path><\/svg><\/div>\n      <h3>Secure payment<\/h3>\n      <p>Bank card, Apple Pay, Google Pay. Your customers pay with confidence.<\/p>\n    <\/div>\n    <div class=\"arg\">\n      <div class=\"ico\"><svg viewbox=\"0 0 24 24\"><path d=\"M3 3h2l2.4 12.4a2 2 0 0 0 2 1.6h8.2a2 2 0 0 0 2-1.6L21 8H6\"><\/path><\/svg><\/div>\n      <h3>Easy management<\/h3>\n      <p>Add your products yourself, no technical skills required.<\/p>\n    <\/div>\n    <div class=\"arg\">\n      <div class=\"ico\"><svg viewbox=\"0 0 24 24\"><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2\"><\/rect><\/svg><\/div>\n      <h3>100% mobile<\/h3>\n      <p>More than 70% of purchases are made on mobile. Your shop is ready.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec\" id=\"plans\" style=\"background:var(--bg-soft)\">\n  <div class=\"wrap\">\n    <div class=\"plans-head\">\n      <span class=\"eyebrow\">Plans<\/span>\n      <h2>Choose your plan<\/h2>\n      <p>All plans include WooCommerce, online payment and training on management.<\/p>\n    <\/div>\n    <div class=\"cards\">\n      <div class=\"plan\">\n        <div class=\"plan-head\"><h3>Boutique Starter<\/h3><\/div>\n        <div class=\"plan-body\">\n          <div class=\"pnum\">690\u20ac<\/div>\n          <div class=\"meta\">7 days \u00b7 Up to 100 products<\/div>\n          <ul>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Product catalogue<\/li>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Online card payment<\/li>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>1 revision included<\/li>\n          <\/ul>\n          <a class=\"btn btn-dark\" href=\"https:\/\/cometocom.com\/en\/devis\/\" target=\"_blank\" rel=\"noopener\">Request<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"plan pop\">\n        <div class=\"plan-head\"><span class=\"badge\">Best seller<\/span><h3>Boutique Pro<\/h3><\/div>\n        <div class=\"plan-body\">\n          <div class=\"pnum\">990\u20ac<\/div>\n          <div class=\"meta\">10 days \u00b7 Unlimited products<\/div>\n          <ul>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Unlimited catalogue + variants<\/li>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Card + Apple\/Google Pay<\/li>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Promo codes &amp; shipping<\/li>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>2 revisions included<\/li>\n          <\/ul>\n          <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/33652112106?text=Je%20commande%20la%20Boutique%20Pro%20990\u20ac\" target=\"_blank\" rel=\"noopener\">Choose<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"plan\">\n        <div class=\"plan-head\"><h3>Custom-made<\/h3><\/div>\n        <div class=\"plan-body\">\n          <div class=\"pnum\">Quote<\/div>\n          <div class=\"meta\">Multi-language, subscriptions, marketplace<\/div>\n          <ul>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Needs workshop<\/li>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Specific integrations<\/li>\n            <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Roadmap + budget<\/li>\n          <\/ul>\n          <a class=\"btn btn-dark\" href=\"https:\/\/cometocom.com\/en\/devis\/\" target=\"_blank\" rel=\"noopener\">Request a quote<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec\">\n  <div class=\"wrap grid-2\">\n    <div class=\"panel\">\n      <h2 style=\"font-size:22px\">What's included<\/h2>\n      <ul class=\"checklist\">\n        <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>WooCommerce installed and configured<\/li>\n        <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Rewritten product descriptions<\/li>\n        <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Secure online payment<\/li>\n        <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Form linked to your email<\/li>\n        <li><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>Management training<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"panel\">\n      <h2 style=\"font-size:22px\">Process<\/h2>\n      <ol class=\"steps\">\n        <li>Quick brief via WhatsApp or email<\/li>\n        <li>Import products + mockup<\/li>\n        <li>Payment &amp; delivery setup<\/li>\n        <li>Validation, training and retouching<\/li>\n      <\/ol>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec\" style=\"background:var(--bg-soft)\">\n  <div class=\"wrap\">\n    <span class=\"eyebrow\">Questions<\/span>\n    <h2>Frequently Asked Questions<\/h2>\n    <div class=\"grid-2 faq\" style=\"margin-top:16px;gap:12px\">\n      <details><summary>Can I sell as soon as the site is live?<\/summary><p>Yes, payment is configured and tested before final delivery.<\/p><\/details>\n      <details><summary>How many products can I add?<\/summary><p>No limits on the Pro plan. You add them yourself after training.<\/p><\/details>\n      <details><summary>Is delivery configured?<\/summary><p>Yes, zones and rates are configured according to your needs.<\/p><\/details>\n      <details><summary>Payment and invoice?<\/summary><p>Payment after brief approval. Invoice provided.<\/p><\/details>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec\">\n  <div class=\"wrap\">\n    <div class=\"contact\">\n      <span class=\"eyebrow\" style=\"background:rgba(31,174,92,.18);color:#7fe3ab\">Next step<\/span>\n      <h2>Ready to sell online?<\/h2>\n      <p>Quick response on WhatsApp or by email.<\/p>\n      <div style=\"display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px 0\">\n        <a class=\"btn btn-primary\" href=\"https:\/\/wa.me\/33652112106?text=Je%20veux%20ma%20boutique%20e-commerce\" target=\"_blank\" rel=\"noopener\">Chat on WhatsApp<\/a>\n      <\/div>\n      <form id=\"expform\" class=\"form-grid\" action=\"\">\n        <input class=\"input\" name=\"name\" type=\"text\" placeholder=\"Your name\" required=\"\">\n        <input class=\"input\" name=\"email\" type=\"email\" placeholder=\"Your email\" required=\"\">\n        <textarea class=\"input\" name=\"need\" placeholder=\"Describe your products in 2 lines\" rows=\"3\" style=\"grid-column:1\/-1\"><\/textarea>\n        <button class=\"btn btn-primary\" type=\"submit\" style=\"grid-column:1\/-1\">Send my request<\/button>\n      <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"sec\" style=\"padding-top:0\">\n  <div class=\"wrap\">\n    <span class=\"eyebrow\">Customer feedback<\/span>\n    <h2>They already sell online<\/h2>\n    <div class=\"testi\" style=\"margin-top:18px\">\n      <div class=\"quote\">\"Online store in 10 days, first orders within the week.\"<span class=\"who\">\u2014 Sofia<\/span><\/div>\n      <div class=\"quote\">\"Payment and delivery settings ready without me touching them.\"<span class=\"who\">\u2014 Yanis<\/span><\/div>\n      <div class=\"quote\">\u201cClear training, I now manage my products on my own.\u201d<span class=\"who\">\u2014 Local shop<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n\n<script>\ndocument.querySelector('#expform')?.addEventListener('submit',function(e){\n  e.preventDefault();\n  var d=new FormData(e.target);\n  var s=encodeURIComponent('Demande \u2013 Boutique E-commerce Cometocom');\n  var body=encodeURIComponent('Nom: '+d.get('name')+'\\nEmail: '+d.get('email')+'\\nBesoin: '+d.get('need'));\n  window.location.href='mailto:contact@cometocom.com?subject='+s+'&body='+body;\n});\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Paiement s\u00e9curis\u00e9 inclus Votre boutique en ligne, pr\u00eate \u00e0 encaisser vos premi\u00e8res ventes Une boutique WooCommerce compl\u00e8te : fiches produits claires, paiement s\u00e9curis\u00e9, tunnel d&rsquo;achat simple. Vos clients paient, vous recevez la commande. 10jMise en ligne \u221eProduits CB+ mobile 1490\u20ac990\u20ac Commander via WhatsApp Voir les formules Paiement s\u00e9curis\u00e9 Carte bancaire, Apple Pay, Google Pay. Vos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","_xspeed_no_cache":false,"_xspeed_expiry_hours":0,"footnotes":""},"class_list":["post-3733","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cometocom.com\/en\/wp-json\/wp\/v2\/pages\/3733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cometocom.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cometocom.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cometocom.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cometocom.com\/en\/wp-json\/wp\/v2\/comments?post=3733"}],"version-history":[{"count":4,"href":"https:\/\/cometocom.com\/en\/wp-json\/wp\/v2\/pages\/3733\/revisions"}],"predecessor-version":[{"id":3753,"href":"https:\/\/cometocom.com\/en\/wp-json\/wp\/v2\/pages\/3733\/revisions\/3753"}],"wp:attachment":[{"href":"https:\/\/cometocom.com\/en\/wp-json\/wp\/v2\/media?parent=3733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}