easyappsecom.com
내용
Shopify 다국어 스토어 완전 가이드 (2026)
작성자: Jack Smith | EasyApps Ecommerce | 최종 업데이트: 2026년 3월
왜 중요한가
Shopify 다국어 스토어 완전 가이드. 스토어 번역, 다중 통화 지원, 글로벌 판매 방법. 경쟁이 치열한 전자상거래 시장에서 이러한 전략을 마스터하는 것은 스토어의 장기적 성공에 필수적입니다.
핵심 전략 & 모범 사례
성공적인 구현의 핵심은 대상 고객과 데이터를 이해하는 것입니다. Shopify 대시보드의 전환율, AOV, 고객 행동 데이터를 분석하여 더 현명한 결정을 내리세요.
고정 장바구니 담기로 구매 버튼이 항상 보이게 하세요. 스핀 휠 팝업으로 이메일 주소를 효율적으로 수집하세요.
단계별 구현 가이드
1단계: 현재 성과 데이터를 감사하고 기준선을 설정하세요. 2단계: 가장 큰 최적화 기회를 식별하세요 — 일반적으로 전환율이 가장 낮은 페이지입니다. 3단계: 변경 사항을 구현하고 A/B 테스트로 효과를 검증하세요.
무료 배송 바으로 AOV를 10-20% 높일 수 있습니다. 현재 평균 주문 금액보다 약간 높은 무료 배송 임계값을 설정하세요.
고급 기법
카운트다운 타이머로 긴박감을 조성하고, 공지 바로 사이트 전체에 핵심 프로모션 메시지를 전달하세요.
데이터에 따르면 카운트다운 타이머를 사용한 프로모션은 전환율이 25-30% 향상됩니다.
추천 도구
EasyApps는 전환 최적화의 모든 측면을 커버하는 10개의 완전 무료 Shopify 앱을 제공합니다. 페이지 속도 부스터에서 업셀 & 크로스셀까지, 각 앱은 스토어 성능을 극대화하도록 최적화되어 있습니다.
원문 자막 펼치기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<link rel="dns-prefetch" href="https://www.googletagmanager.com">
<link rel="dns-prefetch" href="https://www.google-analytics.com">
<link rel="dns-prefetch" href="https://apps.shopify.com">
<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
<link rel="preconnect" href="https://www.google-analytics.com" crossorigin>
<link rel="manifest" href="/manifest.json">
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">
<meta name="msapplication-TileColor" content="#0f1222">
<meta name="msapplication-config" content="/browserconfig.xml">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#0f1222">
<title>Shopify 다국어 스토어 완전 가이드 (2026)</title>
<meta name="description" content="Shopify 다국어 스토어 완전 가이드. 스토어 번역, 다중 통화 지원, 글로벌 판매 방법." />
<meta name="robots" content="index,follow" />
<link rel="canonical" href="https://easyappsecom.com/ko/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="x-default" href="https://easyappsecom.com/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="en" href="https://easyappsecom.com/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="ar" href="https://easyappsecom.com/ar/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="bn" href="https://easyappsecom.com/bn/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="de" href="https://easyappsecom.com/de/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="es" href="https://easyappsecom.com/es/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="fa" href="https://easyappsecom.com/fa/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="fr" href="https://easyappsecom.com/fr/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="he" href="https://easyappsecom.com/he/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="hi" href="https://easyappsecom.com/hi/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="it" href="https://easyappsecom.com/it/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="ja" href="https://easyappsecom.com/ja/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="ko" href="https://easyappsecom.com/ko/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="ms" href="https://easyappsecom.com/ms/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="pt" href="https://easyappsecom.com/pt/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="ro" href="https://easyappsecom.com/ro/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="ru" href="https://easyappsecom.com/ru/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="ta" href="https://easyappsecom.com/ta/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="te" href="https://easyappsecom.com/te/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="fil" href="https://easyappsecom.com/tl/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="uk" href="https://easyappsecom.com/uk/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="ur" href="https://easyappsecom.com/ur/guides/shopify-multilingual-guide" />
<link rel="alternate" hreflang="zh" href="https://easyappsecom.com/zh/guides/shopify-multilingual-guide" />
<meta property="og:title" content="Shopify 다국어 스토어 완전 가이드 (2026)" />
<meta property="og:description" content="Shopify 다국어 스토어 완전 가이드. 스토어 번역, 다중 통화 지원, 글로벌 판매 방법." />
<meta property="og:image" content="https://cdn.shopify.com/app-store/listing_images/c07fd81787b2e14dc3159d29b88f6a97/icon/CKvV1ab4qowDEAE=.png" />
<meta property="og:url" content="https://easyappsecom.com/ko/guides/shopify-multilingual-guide" />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="EasyApps Ecommerce" />
<meta property="og:locale" content="ko_KR" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Shopify 다국어 스토어 완전 가이드 (2026)" />
<meta name="twitter:description" content="Shopify 다국어 스토어 완전 가이드. 스토어 번역, 다중 통화 지원, 글로벌 판매 방법." />
<link rel="icon" href="/favicon.ico" /><link rel="icon" type="image/svg+xml" href="/favicon.svg" /><link rel="apple-touch-icon" href="/apple-touch-icon.png" /><link rel="manifest" href="/site.webmanifest" />
<link rel="stylesheet" href="../../common.css" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"Article","headline":"Shopify 다국어 스토어 완전 가이드 (2026)","description":"Shopify 다국어 스토어 완전 가이드. 스토어 번역, 다중 통화 지원, 글로벌 판매 방법.","author":{"@type":"Person","name":"Jack Smith","url":"https://easyappsecom.com/about/jack-smith"},"publisher":{"@type":"Organization","name":"EasyApps Ecommerce","url":"https://easyappsecom.com","logo":{"@type":"ImageObject","url":"https://cdn.shopify.com/app-store/listing_images/c07fd81787b2e14dc3159d29b88f6a97/icon/CKvV1ab4qowDEAE=.png"}},"datePublished":"2026-03-21","dateModified":"2026-03-21","inLanguage":"ko-KR"}
</script>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"이 전략은 모든 Shopify 스토어에 적용되나요?","acceptedAnswer":{"@type":"Answer","text":"네. 이 가이드의 전략은 모든 규모와 업종의 Shopify 스토어에 적용됩니다. 구체적인 구현 방식은 제품 유형에 따라 다를 수 있습니다."}},{"@type":"Question","name":"이 권장 사항을 구현하는 데 얼마나 걸리나요?","acceptedAnswer":{"@type":"Answer","text":"대부분의 전략은 몇 시간 내에 구현할 수 있습니다. 적합한 Shopify 앱을 사용하면 코딩 없이 전체 프로세스를 가속화할 수 있습니다."}},{"@type":"Question","name":"이 전략의 효과를 보려면 얼마나 걸리나요?","acceptedAnswer":{"@type":"Answer","text":"고정 장바구니 담기와 무료 배송 바 같은 전략은 즉각적인 효과를 보입니다. SEO나 이메일 마케팅은 몇 주가 걸릴 수 있습니다."}}]}
</script>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"홈","item":"https://easyappsecom.com/ko/"},{"@type":"ListItem","position":2,"name":"가이드","item":"https://easyappsecom.com/ko/guides/"},{"@type":"ListItem","position":3,"name":"다국어 스토어","item":"https://easyappsecom.com/ko/guides/shopify-multilingual-guide"}]}
</script>
<link rel="preconnect" href="https://www.googletagmanager.com">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2NVSVX6E1D"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-2NVSVX6E1D');</script>
<link rel="alternate" type="text/markdown" href="https://easyappsecom.com/ko/guides/shopify-multilingual-guide.md">
<meta name="twitter:site" content="@EasyAppsEcom">
<meta name="twitter:creator" content="@JackSmithDev">
<meta property="og:image:alt" content="EasyApps Ecommerce - Free Shopify Apps">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="color-scheme" content="dark light">
<meta name="format-detection" content="telephone=no">
<meta name="referrer" content="strict-origin-when-cross-origin">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="mobile-web-app-capable" content="yes">
<meta property="article:author" content="https://easyappsecom.com/about/jack-smith">
<meta property="article:publisher" content="https://easyappsecom.com">
<meta property="article:published_time" content="2026-03-12T00:00:00Z">
<meta property="article:modified_time" content="2026-04-07T00:00:00Z">
<meta property="article:section" content="Shopify Guides">
<meta property="article:tag" content="Shopify">
<meta property="article:tag" content="Ecommerce">
<meta name="author" content="Jack Smith">
<meta name="DC.title" content="Shopify 다국어 스토어 완전 가이드 (2026)">
<meta name="DC.creator" content="Jack Smith">
<meta name="DC.publisher" content="EasyApps Ecommerce">
<meta name="DC.date" content="2026-04-07">
<meta name="DC.language" content="ko">
<meta name="DC.type" content="Text">
<meta name="DC.format" content="text/html">
<meta name="DC.identifier" content="https://easyappsecom.com/ko/guides/shopify-multilingual-guide">
</head>
<body>
<header class="header">
<a class="brand" href="/ko/"><img src="https://cdn.shopify.com/app-store/listing_images/c07fd81787b2e14dc3159d29b88f6a97/icon/CKvV1ab4qowDEAE=.png" alt="EasyApps Ecommerce Logo" width="42" height="42" fetchpriority="high" decoding="async" /><span>EasyApps Ecommerce</span></a>
<button class="menu-toggle" aria-label="메뉴 열기" aria-controls="mobileNav" aria-expanded="false"><span></span><span></span><span></span></button>
<nav id="mobileNav" class="nav-links" aria-label="기본 탐색">
<a href="/ko/">홈</a><a href="/ko/#apps">모든 앱</a><a href="/ko/guides/">가이드</a>
<a class="btn primary nav-cta" href="https://apps.shopify.com/partners/ea-apps" target="_blank" rel="noopener">무료 설치</a>
</nav>
<div class="lang-switcher" style="position:relative;display:inline-block;margin-left:1rem;"><button onclick="document.getElementById('langMenu').classList.toggle('show')" style="background:transparent;border:1px solid rgba(255,255,255,0.2);color:#fff;padding:0.4rem 0.8rem;border-radius:6px;cursor:pointer;font-size:0.9rem;">🌐 한국어 ▾</button><div id="langMenu" class="lang-menu" style="display:none;position:absolute;top:100%;right:0;background:#1a1d2e;border:1px solid rgba(255,255,255,0.1);border-radius:6px;padding:0.5rem 0;min-width:160px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.3);"><a href="/guides/shopify-multilingual-guide" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇺🇸 English</a><a href="/es/guides/shopify-multilingual-guide" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇪🇸 Español</a><a href="/fr/guides/shopify-multilingual-guide" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇫🇷 Français</a><a href="/de/guides/shopify-multilingual-guide" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇩🇪 Deutsch</a><a href="/it/guides/shopify-multilingual-guide" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇮🇹 Italiano</a><a href="/pt/guides/shopify-multilingual-guide" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇵🇹 Português</a><a href="/nl/" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇳🇱 Nederlands</a><a href="/sv/" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇸🇪 Svenska</a><a href="/pl/" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇵🇱 Polski</a><a href="/cs/" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇨🇿 Čeština</a><a href="/tr/" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇹🇷 Türkçe</a><a href="/ru/guides/shopify-multilingual-guide" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇷🇺 Русский</a><a href="/ar/guides/shopify-multilingual-guide" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇸🇦 العربية</a><a href="/hi/guides/shopify-multilingual-guide" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇮🇳 हिन्दी</a><a href="/zh/guides/shopify-multilingual-guide" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇨🇳 中文</a><a href="/ja/guides/shopify-multilingual-guide" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇯🇵 日本語</a><a href="/ko/guides/shopify-multilingual-guide" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇰🇷 한국어</a><a href="/id/" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇮🇩 Indonesia</a><a href="/th/" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇹🇭 ไทย</a><a href="/vi/" style="display:block;padding:0.4rem 1rem;color:#fff;text-decoration:none;font-size:0.9rem;">🇻🇳 Tiếng Việt</a></div></div></header>
<div class="container"><nav class="breadcrumb" aria-label="Breadcrumb"><a href="/ko/">홈</a><span>›</span><a href="/ko/guides/">가이드</a><span>›</span><span>다국어 스토어</span></nav></div>
<article class="container" style="max-width:800px;margin:2rem auto;padding:0 1rem;">
<h1>Shopify 다국어 스토어 완전 가이드 (2026)</h1>
<p style="color:var(--muted);font-size:.9rem;margin-bottom:2rem;">작성자: Jack Smith | EasyApps Ecommerce | 최종 업데이트: 2026년 3월</p>
<div class="highlight-box" style="border-left:3px solid #9C27B0;padding:16px;margin:24px 0;background:rgba(156,39,176,.08);border-radius:8px;">
<p style="margin:0"><strong>📊</strong> Shopify 다국어 스토어 완전 가이드. 스토어 번역, 다중 통화 지원, 글로벌 판매 방법.</p>
</div>
<h2 id="s1">왜 중요한가</h2>
<p>Shopify 다국어 스토어 완전 가이드. 스토어 번역, 다중 통화 지원, 글로벌 판매 방법. 경쟁이 치열한 전자상거래 시장에서 이러한 전략을 마스터하는 것은 스토어의 장기적 성공에 필수적입니다.</p>
<h2 id="s2">핵심 전략 & 모범 사례</h2>
<p>성공적인 구현의 핵심은 대상 고객과 데이터를 이해하는 것입니다. Shopify 대시보드의 전환율, AOV, 고객 행동 데이터를 분석하여 더 현명한 결정을 내리세요.</p>
<p><a href="/ko/apps/sticky-add-to-cart">고정 장바구니 담기</a>로 구매 버튼이 항상 보이게 하세요. <a href="/ko/apps/spin-wheel-popup">스핀 휠 팝업</a>으로 이메일 주소를 효율적으로 수집하세요.</p>
<h2 id="s3">단계별 구현 가이드</h2>
<p>1단계: 현재 성과 데이터를 감사하고 기준선을 설정하세요. 2단계: 가장 큰 최적화 기회를 식별하세요 — 일반적으로 전환율이 가장 낮은 페이지입니다. 3단계: 변경 사항을 구현하고 A/B 테스트로 효과를 검증하세요.</p>
<p><a href="/ko/apps/free-shipping-bar">무료 배송 바</a>으로 AOV를 10-20% 높일 수 있습니다. 현재 평균 주문 금액보다 약간 높은 무료 배송 임계값을 설정하세요.</p>
<h2 id="s4">고급 기법</h2>
<p><a href="/ko/apps/countdown-timer">카운트다운 타이머</a>로 긴박감을 조성하고, <a href="/ko/apps/announcement-bar">공지 바</a>로 사이트 전체에 핵심 프로모션 메시지를 전달하세요.</p>
<p>데이터에 따르면 카운트다운 타이머를 사용한 프로모션은 전환율이 25-30% 향상됩니다.</p>
<h2 id="s5">추천 도구</h2>
<p>EasyApps는 전환 최적화의 모든 측면을 커버하는 10개의 완전 무료 Shopify 앱을 제공합니다. <a href="/ko/apps/page-speed-booster">페이지 속도 부스터</a>에서 <a href="/ko/apps/upsell-cross-sell">업셀 & 크로스셀</a>까지, 각 앱은 스토어 성능을 극대화하도록 최적화되어 있습니다.</p>
</article>
<section class="section" style="padding-top:0">
<div class="container" style="max-width:800px;">
<h2 class="section-title">자주 묻는 질문</h2>
<details class="faq-item"><summary class="faq-item"><span>이 전략은 모든 Shopify 스토어에 적용되나요?</span></summary><div class="faq-body"><p>네. 이 가이드의 전략은 모든 규모와 업종의 Shopify 스토어에 적용됩니다. 구체적인 구현 방식은 제품 유형에 따라 다를 수 있습니다.</p></div></details>
<details class="faq-item"><summary class="faq-item"><span>이 권장 사항을 구현하는 데 얼마나 걸리나요?</span></summary><div class="faq-body"><p>대부분의 전략은 몇 시간 내에 구현할 수 있습니다. 적합한 Shopify 앱을 사용하면 코딩 없이 전체 프로세스를 가속화할 수 있습니다.</p></div></details>
<details class="faq-item"><summary class="faq-item"><span>이 전략의 효과를 보려면 얼마나 걸리나요?</span></summary><div class="faq-body"><p>고정 장바구니 담기와 무료 배송 바 같은 전략은 즉각적인 효과를 보입니다. SEO나 이메일 마케팅은 몇 주가 걸릴 수 있습니다.</p></div></details>
</div>
</section>
<section class="section" style="padding-top:0;padding-bottom:72px">
<div class="container">
<div class="cta-banner">
<h2>EasyApps로 Shopify 스토어를 성장시키세요</h2>
<p>10개의 무료 Shopify 앱으로 전환율, AOV, 이메일 수집, 스토어 성능을 모두 커버합니다.</p>
<a class="btn primary" href="https://apps.shopify.com/partners/ea-apps" target="_blank" rel="noopener">모든 앱 보기</a>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div>
<div class="footer-brand"><img src="https://cdn.shopify.com/app-store/listing_images/c07fd81787b2e14dc3159d29b88f6a97/icon/CKvV1ab4qowDEAE=.png" alt="EasyApps Ecommerce" width="36" height="36" loading="lazy" decoding="async" />EasyApps Ecommerce</div>
<p class="footer-tagline">전 세계 성장 지향적 판매자를 위한 고전환 Shopify 앱.</p>
</div>
<div class="footer-col"><h4>모든 앱</h4><ul>
<li><a href="/ko/apps/spin-wheel-popup">스핀 휠 팝업</a></li>
<li><a href="/ko/apps/sticky-add-to-cart">고정 장바구니 담기</a></li>
<li><a href="/ko/apps/upsell-cross-sell">업셀 & 크로스셀</a></li>
<li><a href="/ko/apps/free-shipping-bar">무료 배송 바</a></li>
<li><a href="/ko/apps/rewards-bar">리워드 바</a></li>
<li><a href="/ko/apps/announcement-bar">공지 바</a></li>
<li><a href="/ko/apps/countdown-timer">카운트다운 타이머</a></li>
<li><a href="/ko/apps/page-speed-booster">페이지 속도 부스터</a></li>
<li><a href="/ko/apps/accessibility">접근성</a></li>
<li><a href="/ko/apps/auto-translate">자동 번역</a></li>
</ul></div>
<div class="footer-col"><h4>인기 가이드</h4><ul>
<li><a href="/ko/guides/cro-hub">CRO 가이드</a></li>
<li><a href="/ko/guides/shopify-upsell-strategies">업셀 전략</a></li>
<li><a href="/ko/guides/shopify-email-marketing-guide">이메일 마케팅</a></li>
<li><a href="/ko/guides/shopify-page-speed-optimization">페이지 속도</a></li>
</ul></div>
<div class="footer-col"><h4>회사</h4><ul>
<li><a href="/ko/">홈</a></li>
<li><a href="/">English</a></li>
<li><a href="https://apps.shopify.com/partners/ea-apps" target="_blank" rel="noopener">Shopify 파트너 페이지</a></li>
<li><a href="/privacy-policy">개인정보 보호</a></li>
</ul></div>
</div>
<div class="footer-bottom">
<span>© <span class="js-year">2025</span> EasyApps Ecommerce. 모든 권리 보유.</span>
<span>전 세계 Shopify 판매자를 위해 제작되었습니다.</span>
</div>
</div>
</footer>
<script>
document.querySelectorAll('.js-year').forEach(el=>el.textContent=new Date().getFullYear());
(function(){const btn=document.querySelector('.menu-toggle'),nav=document.getElementById('mobileNav');if(!btn||!nav)return;function setOpen(o){nav.classList.toggle('open',o);document.body.classList.toggle('nav-open',o);btn.setAttribute('aria-expanded',o);}btn.addEventListener('click',()=>setOpen(!nav.classList.contains('open')));nav.addEventListener('click',e=>{if(e.target.tagName==='A')setOpen(false);});window.addEventListener('keydown',e=>{if(e.key==='Escape')setOpen(false);});})();
</script>
</body>
</html>