Agence création site e-commerce France | Honadi

Guide expert Marché français E-commerce · SEO · UX

Agence création site e-commerce France

Honadi conçoit votre boutique en ligne sur mesure, performante et optimisée pour le SEO et la conversion.

<!-- ===================================================== VISUEL Les trois images proviennent du portfolio Honadi. Elles peuvent être remplacées dans les balises . ====================================================== -->
Conçu pour la France Déployé selon les plus hauts standards web.
Aperçu d’une réalisation digitale du portfolio Honadi
Aperçu mobile d’une réalisation Honadi
Exemple de projet du portfolio Honadi
Boutiques sur mesure Portfolio
75 % jugent la crédibilité d’un site à travers son design.
Équipe interne Développeurs, designers, rédacteurs SEO et intégrateurs.
Double expertise Connaissance locale et standards techniques internationaux.
Suivi continu Maintenance, performance et évolution après la livraison.
(function () { function initHonadiCountryHeroV2() { var toc = document.querySelector("[data-hn-country-toc]"); if (!toc || toc.__hnCountryTocReady) return;/* Propriété JS non sérialisée : évite le problème data-ready="true" lors d'un export/import Elementor. */ toc.__hnCountryTocReady = true; toc.removeAttribute("data-ready");var slot = toc.closest(".hn-country-v2-toc-slot"); var hero = document.getElementById("hero-benin"); var endSection = document.getElementById("faq-creation-site-benin") || document.getElementById("contact-pays");function getAnchorId(link) { var rawHref = link.getAttribute("href") || "";if (rawHref.charAt(0) === "#") { return rawHref.slice(1); }/* Sécurité pour les modèles déjà importés avec une URL absolue : on récupère uniquement le hash et on le normalise en ancre locale. */ try { var parsed = new URL(rawHref, window.location.href); return parsed.hash ? parsed.hash.slice(1) : ""; } catch (error) { return ""; } }var links = Array.from(toc.querySelectorAll("a[href]"));/* Le modèle devient réutilisable sur n'importe quelle URL de page. */ links.forEach(function (link) { var id = getAnchorId(link); if (id) link.setAttribute("href", "#" + id); });var targets = links .map(function (link) { var id = getAnchorId(link); return id ? document.getElementById(id) : null; }) .filter(Boolean);function restoreTocToSlot() { toc.classList.remove("is-floating", "is-hidden"); toc.style.removeProperty("--hn-toc-floating-left");if (slot && toc.parentNode !== slot) { slot.appendChild(toc); } }function moveTocToBody() { /* On mémorise la position réelle de la colonne Elementor avant de sortir le sommaire du Hero. Ainsi le menu reste parfaitement aligné même si la largeur du template change. */ if (slot) { var slotRect = slot.getBoundingClientRect(); var floatingLeft = Math.max(20, Math.round(slotRect.left)); toc.style.setProperty("--hn-toc-floating-left", floatingLeft + "px"); }if (toc.parentNode !== document.body) { document.body.appendChild(toc); }toc.classList.add("is-floating"); }function updateFloatingState() { if (window.innerWidth <= 1280 || !hero) { restoreTocToSlot(); return; }var heroRect = hero.getBoundingClientRect(); var shouldFloat = heroRect.top < 92;if (shouldFloat) { moveTocToBody(); } else { restoreTocToSlot(); }if (endSection && shouldFloat) { var endRect = endSection.getBoundingClientRect(); toc.classList.toggle("is-hidden", endRect.top < 500); } else { toc.classList.remove("is-hidden"); } }function setActiveLink(id) { links.forEach(function (link) { link.classList.toggle("is-active", getAnchorId(link) === id); }); }if ("IntersectionObserver" in window) { var observer = new IntersectionObserver( function (entries) { var visible = entries .filter(function (entry) { return entry.isIntersecting; }) .sort(function (a, b) { return b.intersectionRatio - a.intersectionRatio; });if (visible[0]) setActiveLink(visible[0].target.id); }, { rootMargin: "-25% 0px -62% 0px", threshold: [0.01, 0.2, 0.5] } );targets.forEach(function (target) { observer.observe(target); }); }links.forEach(function (link) { link.addEventListener("click", function () { var id = getAnchorId(link); if (id) setActiveLink(id); }); });updateFloatingState(); window.addEventListener("scroll", updateFloatingState, { passive: true }); window.addEventListener("resize", updateFloatingState); }if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initHonadiCountryHeroV2, { once: true }); } else { initHonadiCountryHeroV2(); } })();

NOS CLIENTS

Ils nous font confiance pour
leurs différents projets.

Découvrez une sélection d'entreprises, de startups et d'institutions qui ont sollicité l'expertise de notre agence web et de communication pour accélérer leur croissance et moderniser leurs processus.

Izicar

Izicar Congo

Ambassade du Japon

Ambassade du Japon au Bénin

Chat&Yamo

Chat&Yamo

Zirema

Zirema

Centre 3001

Centre 3001

Twaino

Twaino

AEM

Association Européenne de Marketing

Perkflow

Perkflow

Omoades PIPS GOAT

OMOADE PIP GOAT

Teriba EDU

Tériba EDU

NTC

NTC

ALSEC

ALSEC Agojie Lodge

Elegancia

Elegancia Dance Studio

Inawo

Inawo

Group HG

Group HG

JSR

JSR

Angels Voyage

Angels Voyage

OliGroup

OliGroup

Izicar

Izicar Congo

Ambassade du Japon

Ambassade du Japon au Bénin

Chat&Yamo

Chat&Yamo

Zirema

Zirema

Centre 3001

Centre 3001

Twaino

Twaino

AEM

Association Européenne de Marketing

Perkflow

Perkflow

Omoades PIPS GOAT

OMOADE PIP GOAT

Teriba EDU

Tériba EDU

NTC

NTC

ALSEC

ALSEC Agojie Lodge

Elegancia

Elegancia Dance Studio

Inawo

Inawo

Group HG

Group HG

JSR

JSR

Angels Voyage

Angels Voyage

OliGroup

OliGroup

L'agence e-commerce

Honadi, agence de création de site e-commerce en France.

De Paris à Marseille, Honadi transforme votre projet web en un outil d'acquisition et de vente en ligne.

Honadi accompagne les PME et marques souhaitant créer ou moderniser leur commerce en ligne. Notre équipe unit stratégie digitale, UX, web design et marketing pour bâtir des plateformes orientées ROI.

Un chef de projet dédié coordonne la synchronisation ERP/CRM, la gestion du catalogue et la mise en place de tunnels de vente fluides.

Unifier design, technique, SEO et conversion sous une même direction. Cohérence globale et efficacité commerciale
Équipe multidisciplinaire UX designers, développeurs web et experts SEO.
Production coordonnée Un accompagnement complet de l'audit jusqu'au suivi post-lancement.
L'avantage Honadi

Pourquoi choisir notre agence création site e-commerce France ?

Allier expertise technique, maîtrise du marketing digital et vision stratégique pour maximiser la rentabilité de votre boutique en ligne.

Avantage 01

Synergie entre création et acquisition

Nous fusionnons développement, design et SEO afin d'éviter l'isolement de votre boutique par rapport à votre stratégie commerciale.

Votre site e-commerce est conçu dès le départ pour captiver la cible, générer du trafic qualifié et maximiser le taux de conversion.

Stratégie SEO UX/UI Design Acquisition
Aperçu d’un projet institutionnel du portfolio Honadi
Approche orientée conversion Un site web pensé pour générer des ventes. ROI
Aperçu d’une autre réalisation du portfolio Honadi
Aperçu d’une interface digitale conçue dans le cadre d’un projet Honadi
Avantage 02

Maîtrise des modèles économiques

Notre équipe étudie vos marges, votre catalogue et vos flux logistiques pour adapter les fonctionnalités à vos besoins opérationnels.

Chaque décision technique respecte la réalité de votre activité commerciale en ligne.

Optimiser l'expérience utilisateur
03

Transparence et suivi dédié

Un chef de projet unique centralise vos demandes et garantit la visibilité de vos investissements.

Vous gardez un contrôle total sur l'impact budgétaire et les délais de livraison à chaque étape.

Pilotage clair
04

Flexibilité et sur-mesure

Que votre projet nécessite Shopify, PrestaShop ou WooCommerce, nous ajustons la stack technique.

Votre plateforme évolue facilement selon l'augmentation de votre catalogue et de vos ventes.

Évolutivité
05

Mesure et optimisation continue

Nous paramétrons Analytics et votre CRM pour mesurer précisément l'origine du trafic et des commandes.

Les ajustements post-lancement s'appuient sur des données concrètes pour maximiser le panier moyen.

Analyse Analytics
Nos solutions e-commerce

Vos services sur mesure par une agence création site e-commerce France.

Honadi prend en charge l'ensemble de votre projet e-commerce pour garantir une plateforme rapide, sécurisée et performante.

01 — 02 Stratégie & CMS
Choix de la technologie Développement adapté à vos contraintes de catalogue. CMS & Code
Socle technique
01

Développement Shopify

Idéal pour une mise en ligne rapide, Shopify offre une administration simple. Nous configurons vos collections et vos paiements.

Nous personnalisons les thèmes et applications selon votre charte graphique pour offrir un design unique.

Créer une boutique Shopify
02

Développement PrestaShop

Solution spécialisée pour gérer des catalogues complexes et des déclinaisons avancées avec précision.

Nous configurons les taxes, transporteurs, modules et règles de promotion sur mesure.

Découvrir PrestaShop
03 — 04 Vente & Flexibilité
Performance commerciale Du sur-mesure pour accompagner votre croissance. Conversion
Solutions avancées
03

WooCommerce et WordPress

Idéal pour combiner vente en ligne et stratégie de contenu au sein d'une plateforme flexible.

Nous paramétrons vos produits, tunnels de paiement et sauvegardes pour une expérience fluide.

Choisir WooCommerce
04

Magento & Adobe Commerce

Recommandé pour les grands catalogues, le multi-boutique et les règles B2B complexes.

Notre expertise technique garantit une infrastructure robuste et un suivi rigoureux.

Consulter notre équipe
05 — 06 Optimisation & Scalabilité
Évolutivité web Connectivité ERP, refonte et acquisition marketing. Maintenance
Croissance continue
05

Refonte et migration

Modernisez le design et accélérez la vitesse de chargement de votre boutique existante.

Nous réalisons un audit UX/SEO pour supprimer les frictions et accroître vos conversions.

Lancer une refonte
06

Intégrations métier & ERP

Synchronisez votre site avec vos flux CRM, hébergement, outils de stock et logistique.

Nous automatisons les échanges de données pour éviter les doubles saisies et optimiser votre gestion.

Automatiser vos flux
Un accompagnement global pour votre e-commerce Stratégie, web design, développement et référencement gérés par une équipe dédiée. Échanger avec un expert
Notre méthode

Processus de création par votre agence création site e-commerce France.

Une méthode rigoureuse en 7 étapes pour garantir le succès de votre plateforme e-commerce.

Étape 01 Acte I · Cadrage

Découverte du projet e-commerce

Nous organisons un atelier pour cerner votre marché, votre catalogue et vos objectifs.

  • Recueil des besoins.
  • Analyse du catalogue.
  • Étude de l'audience.
  • Choix des fonctionnalités.
Étape 02 Acte I · Structure

Cahier des charges et architecture

Définition des rôles, des flux logistiques et de l'arborescence pour le référencement.

  • Structuration des catégories.
  • Planification des intégrations.
  • Validation de la technologie.
  • Estimation des délais.
Étape 03 Acte I · Maquettes

UX et design graphique

Conception de wireframes et maquettes responsive adaptées à l'image de votre marque.

  • Wireframes des fiches produit.
  • Tunnel de commande fluide.
  • Web design personnalisé.
  • Ergonomie mobile.
Étape 04 Acte II · Production

Développement et intégration

Configuration du CMS, intégration du thème, paramétrage des paiements et import catalogue.

  • Intégration responsive.
  • Connexions ERP / CRM.
  • Paramétrage des transports.
  • Optimisation du code.
Étape 05 Acte III · Contrôle

Tests, optimisation et recette

Contrôle complet des scénarios d'achat, de la vitesse et de la sécurité des transactions.

  • Test des modes de paiement.
  • Contrôle de la vitesse.
  • Audit SEO technique.
  • Validation cross-browser.
Étape 06 Acte III · Publication

Mise en ligne et formation

Bascule du domaine, paramétrage Analytics et formation de vos équipes à la gestion.

  • Migration sécurisée.
  • Configuration du suivi.
  • Formation administrateur.
  • Redirections SEO.
Étape 07 Acte III · Croissance

Suivi, maintenance et ROI

Accompagnement technique continu, mises à jour et optimisation du taux de conversion.

  • Sauvegardes et sécurité.
  • Amélioration du panier.
  • Suivi des performances.
  • Évolutions fonctionnelles.
Une méthodologie orientée performance De la stratégie initiale aux optimisations régulières pour booster vos ventes. Lancer votre projet
(function () { function initHonadiProcessV2() { document.querySelectorAll("[data-hn-process-v2]").forEach(function (root) { if (root.dataset.processV2Ready === "true") return; root.dataset.processV2Ready = "true";var steps = Array.from( root.querySelectorAll("[data-process-v2-step]") ); var images = Array.from( root.querySelectorAll("[data-process-v2-image]") );var indexLabel = root.querySelector("[data-process-v2-stage-index]"); var titleLabel = root.querySelector("[data-process-v2-stage-title]"); var descriptionLabel = root.querySelector( "[data-process-v2-stage-description]" ); var progressLabel = root.querySelector( "[data-process-v2-stage-progress]" );if (!steps.length || !images.length) return;var stages = [ { index: "ACTE I", title: root.dataset.processV2Stage1Title || "", description: root.dataset.processV2Stage1Description || "", progress: "01 — 02" }, { index: "ACTE II", title: root.dataset.processV2Stage2Title || "", description: root.dataset.processV2Stage2Description || "", progress: "03 — 04" }, { index: "ACTE III", title: root.dataset.processV2Stage3Title || "", description: root.dataset.processV2Stage3Description || "", progress: "05 — 07" } ];var currentStage = -1; var currentStep = 0;function activate(stageIndex, stepIndex) { stageIndex = Math.max(0, Math.min(stageIndex, stages.length - 1)); stepIndex = Math.max(0, Math.min(stepIndex, steps.length - 1));if (currentStage !== stageIndex) { images.forEach(function (image, imageIndex) { var active = imageIndex === stageIndex; image.classList.toggle("is-active", active); image.setAttribute("aria-hidden", active ? "false" : "true"); });if (indexLabel) indexLabel.textContent = stages[stageIndex].index; if (titleLabel) titleLabel.textContent = stages[stageIndex].title; if (descriptionLabel) { descriptionLabel.textContent = stages[stageIndex].description; } if (progressLabel) { progressLabel.textContent = stages[stageIndex].progress; }currentStage = stageIndex; }if (currentStep !== stepIndex || !steps[stepIndex].classList.contains("is-current")) { steps.forEach(function (step, index) { step.classList.toggle("is-current", index === stepIndex); });currentStep = stepIndex; } }var observer = new IntersectionObserver( function (entries) { var visible = entries .filter(function (entry) { return entry.isIntersecting; }) .sort(function (a, b) { return b.intersectionRatio - a.intersectionRatio; });if (!visible.length) return;var activeStep = visible[0].target; var stepIndex = steps.indexOf(activeStep); var stageIndex = Number(activeStep.dataset.processStage || 0);activate(stageIndex, stepIndex); }, { rootMargin: "-30% 0px -48% 0px", threshold: [0.01, 0.2, 0.5, 0.8] } );steps.forEach(function (step) { observer.observe(step); });activate(0, 0); }); }if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initHonadiProcessV2); } else { initHonadiProcessV2(); } })();
Pourquoi Honadi

Pourquoi confier votre site à notre agence création site e-commerce France ?

Nous combinons design, performance technique et marketing digital sous un même pilotage.

01 Synergie

Une équipe complète d'experts en e-commerce

Nous intégrons le développement, l'UX design, le SEO et le marketing au sein du même projet.

Cette vision globale évite de séparer votre boutique en ligne de sa stratégie d'acquisition.

Vous bénéficiez d'une plateforme conçue dès le départ pour générer des ventes.

Créer une boutique performante
02 Business

Compréhension de votre modèle économique

Nous analysons vos opérations, votre catalogue et vos coûts pour orienter nos choix techniques.

Chaque décision prise sur l'interface vise directement la rentabilité de votre entreprise.

Découvrir nos audits
03 Gestion

Interlocuteur unique et transparence

Un chef de projet dédié centralise vos demandes et coordonne l'ensemble des experts.

Vous avez une vision claire sur l'impact de chaque décision sur vos délais et votre budget.

Contacter un chef de projet
04 Visibilité

Référencement naturel e-commerce

L'architecture SEO, le maillage et le temps de chargement sont travaillés dès le développement.

Vos fiches produits et catégories se positionnent durablement dans les moteurs de recherche.

Consulter nos services SEO
Analytics

Décisions guidées par les données

Nous installons des outils d'analyse pour suivre les paniers abandonnés et le taux de conversion.

Nos propositions d'amélioration reposent sur des résultats mesurables et concrets.

Optimiser vos conversions
Demander un devis

Parlons de votre projet. Passons à l’action.

Décrivez-nous votre besoin en quelques lignes. Notre équipe revient vers vous avec un premier cadrage adapté à votre activité, votre marché et vos objectifs.

Premier cadrage sans engagement
Premier retour sous 48 h ouvrées
Recommandations adaptées à votre contexte

Demander un devis

Premier retour sous 48 h
Sécurisé · Sans engagement · Confidentiel
Présence nationale

Votre agence création site e-commerce partout en France.

Honadi accompagne les marques et PME à travers des méthodologies collaboratives adaptées à chaque marché régional.

Île-de-France 01 / 05

Paris

Shopify et branding pour marques ambitieuses.

De La Défense au Marais, les entreprises parisiennes doivent se démarquer sur un marché très concurrentiel. Une présentation soignée est indispensable pour réussir.

Honadi conçoit des boutiques Shopify rapides et optimisées pour la conversion, facilitant les campagnes médias et le passage à l'échelle nationale.

Photo : Wikimedia Commons
(function () { function initHonadiAtlasV2() { document.querySelectorAll("[data-hn-atlas-v2]").forEach(function (atlas) { if (atlas.dataset.atlasReady === "true") return; atlas.dataset.atlasReady = "true";var photos = Array.from(atlas.querySelectorAll("[data-atlas-photo]")); var panels = Array.from(atlas.querySelectorAll("[data-atlas-panel]")); var markers = Array.from(atlas.querySelectorAll("[data-atlas-index]")); var rootSection = atlas.closest(".hn-country-atlas-v2"); var tabs = rootSection ? Array.from(rootSection.querySelectorAll("[data-atlas-tab]")) : []; var prev = rootSection ? rootSection.querySelector("[data-atlas-prev]") : null; var next = rootSection ? rootSection.querySelector("[data-atlas-next]") : null; var activeIndex = 0; var touchStartX = 0;if (!photos.length || photos.length !== panels.length) return;function show(index, focusControl) { activeIndex = (index + panels.length) % panels.length;photos.forEach(function (photo, photoIndex) { var active = photoIndex === activeIndex; photo.classList.toggle("is-active", active); photo.setAttribute("aria-hidden", active ? "false" : "true"); });panels.forEach(function (panel, panelIndex) { panel.hidden = panelIndex !== activeIndex; });markers.forEach(function (marker) { var active = Number(marker.dataset.atlasIndex) === activeIndex; marker.setAttribute("aria-pressed", active ? "true" : "false"); });tabs.forEach(function (tab) { var active = Number(tab.dataset.atlasTab) === activeIndex; tab.setAttribute("aria-selected", active ? "true" : "false"); tab.setAttribute("tabindex", active ? "0" : "-1"); });var activeTab = tabs.find(function (tab) { return Number(tab.dataset.atlasTab) === activeIndex; });if (activeTab) { activeTab.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });if (focusControl === "tab") activeTab.focus(); }if (focusControl === "marker") { var activeMarker = markers.find(function (marker) { return Number(marker.dataset.atlasIndex) === activeIndex; });if (activeMarker) activeMarker.focus(); } }markers.forEach(function (marker) { marker.addEventListener("click", function () { show(Number(marker.dataset.atlasIndex), false); }); });tabs.forEach(function (tab) { tab.addEventListener("click", function () { show(Number(tab.dataset.atlasTab), false); }); });if (prev) { prev.addEventListener("click", function () { show(activeIndex - 1, false); }); }if (next) { next.addEventListener("click", function () { show(activeIndex + 1, false); }); }atlas.addEventListener("keydown", function (event) { if (event.key === "ArrowLeft") { event.preventDefault(); show(activeIndex - 1, "tab"); }if (event.key === "ArrowRight") { event.preventDefault(); show(activeIndex + 1, "tab"); } });atlas.addEventListener( "touchstart", function (event) { touchStartX = event.changedTouches[0].clientX; }, { passive: true } );atlas.addEventListener( "touchend", function (event) { var distance = event.changedTouches[0].clientX - touchStartX;if (Math.abs(distance) < 45) return;show(distance < 0 ? activeIndex + 1 : activeIndex - 1, false); }, { passive: true } );show(0, false); }); }if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initHonadiAtlasV2, { once: true }); } else { initHonadiAtlasV2(); } })();
Passez à l'action Honadi · France · Agence E-commerce
Donnez à votre boutique la performance qu'elle mérite

Agence création site e-commerce France pour votre projet.

Transformez vos visiteurs en acheteurs réguliers grâce à une plateforme sécurisée, rapide et parfaitement pensée pour vos produits.

Confiez le développement de votre boutique à Honadi et bénéficiez d'un accompagnement sur mesure pour réussir votre croissance.

01 Présentation du catalogue Analyse de votre offre et cadrage des fonctionnalités techniques.
02 Proposition stratégique Choix de la technologie, calendrier et chiffrage transparent du projet.
03 Lancement et suivi Mise en ligne sécurisée, formation et optimisation de vos ventes.

Nous concrétisons vos exigences en une boutique en ligne fluide et hautement rentable.

Réponses à vos questions

FAQ Agence création site e-commerce France.

Retrouvez nos explications claires sur la sélection de la technologie, les coûts, le SEO et l'optimisation de vos conversions.

Définissez votre catalogue, vos ressources internes et vos objectifs. Évaluez ensuite les références, la méthode de travail et le support technique apporté par l'agence.

Une agence performante doit détailler sa stratégie UX/UI et expliquer concrètement comment le design va impacter votre taux de conversion.

Un projet spécifique à nous soumettre ? Parlez-nous de vos objectifs de vente et de vos contraintes techniques. Poser votre question
(function () { function updateHonadiFaqSchemaV2() { document.querySelectorAll(".hn-country-faq-v2").forEach(function (section, sectionIndex) { var items = Array.from(section.querySelectorAll(".hn-faq-v2-item")); if (!items.length) return;var mainEntity = items.map(function (item) { var questionNode = item.querySelector(".hn-faq-v2-question-title"); var answerParagraphs = Array.from( item.querySelectorAll(".hn-faq-v2-answer-copy p") );var question = questionNode ? questionNode.textContent.trim() : ""; var answer = answerParagraphs .map(function (paragraph) { return paragraph.textContent.trim(); }) .filter(Boolean) .join(" ");return { "@type": "Question", "name": question, "acceptedAnswer": { "@type": "Answer", "text": answer } }; }).filter(function (entity) { return entity.name && entity.acceptedAnswer.text; });if (!mainEntity.length) return;var schema = { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": mainEntity };var schemaId = "hn-faq-v2-schema-" + sectionIndex; var schemaNode = document.getElementById(schemaId);if (!schemaNode) { schemaNode = document.createElement("script"); schemaNode.type = "application/ld+json"; schemaNode.id = schemaId; section.insertAdjacentElement("afterend", schemaNode); }schemaNode.textContent = JSON.stringify(schema); }); }if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", updateHonadiFaqSchemaV2, { once: true }); } else { updateHonadiFaqSchemaV2(); } })();(function () { function initHonadiFaqV2() { document.querySelectorAll("[data-hn-faq-v2]").forEach(function (faq) { if (faq.dataset.faqV2Ready === "true") return; faq.dataset.faqV2Ready = "true";var buttons = Array.from( faq.querySelectorAll(".hn-faq-v2-question") );function close(button) { var answerId = button.getAttribute("aria-controls"); var answer = document.getElementById(answerId);button.setAttribute("aria-expanded", "false"); if (answer) answer.hidden = true; }function open(button) { var answerId = button.getAttribute("aria-controls"); var answer = document.getElementById(answerId);buttons.forEach(function (otherButton) { if (otherButton !== button) close(otherButton); });button.setAttribute("aria-expanded", "true"); if (answer) answer.hidden = false; }buttons.forEach(function (button) { button.addEventListener("click", function () { var isOpen = button.getAttribute("aria-expanded") === "true";if (isOpen) { close(button); } else { open(button); } });button.addEventListener("keydown", function (event) { var index = buttons.indexOf(button);if (event.key === "ArrowDown") { event.preventDefault(); buttons[(index + 1) % buttons.length].focus(); }if (event.key === "ArrowUp") { event.preventDefault(); buttons[(index - 1 + buttons.length) % buttons.length].focus(); }if (event.key === "Home") { event.preventDefault(); buttons[0].focus(); }if (event.key === "End") { event.preventDefault(); buttons[buttons.length - 1].focus(); }if (event.key === "Escape") { close(button); button.focus(); } }); }); }); }if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initHonadiFaqV2, { once: true }); } else { initHonadiFaqV2(); } })();