A head-to-toe visual reference for using wild oregano oil — dilution by area, application by zone.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover" />
<title>The Complete Wild Oregano Oil Body Map | Purely Wild Naturals</title>
<meta name="description" content="A head-to-toe visual reference for using wild oregano oil — dilution by area, application by zone." />
<meta name="theme-color" content="#00666E" />
<link rel="canonical" href="https://purelywildnatural.com/pages/oregano-oil-body-map" />
<!-- Open Graph / Facebook / LinkedIn -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Purely Wild Naturals" />
<meta property="og:title" content="The Complete Wild Oregano Oil Body Map" />
<meta property="og:description" content="A head-to-toe visual reference for using wild oregano oil — dilution by area, application by zone." />
<meta property="og:url" content="https://purelywildnatural.com/pages/oregano-oil-body-map" />
<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0761/0836/6121/files/Purely_Wild_Logo.jpg?v=1777193615" />
<!-- Twitter / TikTok -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="The Complete Wild Oregano Oil Body Map" />
<meta name="twitter:description" content="A head-to-toe visual reference for using wild oregano oil — dilution by area, application by zone." />
<meta name="twitter:image" content="https://cdn.shopify.com/s/files/1/0761/0836/6121/files/Purely_Wild_Logo.jpg?v=1777193615" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet" />
<style>
:root{
--bg:#FFFFFF;
--form-bg:#F2F8F8;
--ink:#1E2E22;
--ink-soft:#3C4A3E;
--muted:#6E7768;
--line:#D9E5E4;
--primary:#0096AD;
--primary-dark:#00666E;
--accent:#F09A3E;
--shadow:0 1px 2px rgba(0,102,110,.06), 0 8px 24px rgba(0,102,110,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg)}
body{
font-family:'Inter',system-ui,-apple-system,sans-serif;
color:var(--ink);
line-height:1.6;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
.wrap{max-width:560px;margin:0 auto;padding:48px 24px 64px}
.brand{display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.brand img{height:72px;width:auto;max-width:100%;display:block}
.card{
background:var(--form-bg);
border:1px solid var(--line);
border-radius:18px;
padding:32px 28px;
box-shadow:var(--shadow);
}
h1{
font-family:'Cormorant Garamond',serif;
font-weight:600;
font-size:36px;line-height:1.1;letter-spacing:-.01em;
margin:0 0 16px;color:var(--primary-dark);
}
.sub{font-size:16px;line-height:1.6;color:var(--ink-soft);margin:0 0 24px}
form .field{display:flex;flex-direction:column;gap:8px}
input[type="email"]{
width:100%;font-family:inherit;font-size:16px;
padding:14px 16px;border:1px solid var(--line);border-radius:10px;
background:#fff;color:var(--ink);outline:none;
transition:border-color .15s, box-shadow .15s;
}
input[type="email"]:focus{
border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,150,173,.15);
}
button.cta{
font-family:inherit;font-size:16px;font-weight:600;
padding:14px 18px;border:0;border-radius:10px;
background:var(--primary);color:#fff;cursor:pointer;
transition:background .15s;letter-spacing:.01em;
}
button.cta:hover{background:var(--primary-dark)}
button.cta:disabled{opacity:.6;cursor:not-allowed}
.fineprint{font-size:12px;color:var(--muted);margin:14px 0 0;line-height:1.5}
.trust{
margin-top:18px;padding-top:18px;border-top:1px solid var(--line);
font-size:13px;color:var(--muted);text-align:center;letter-spacing:.02em;
}
.msg{
margin-top:14px;font-size:14px;border-radius:8px;padding:10px 12px;display:none;
}
.msg.show{display:block}
.msg.err{background:#F5E5DD;color:#7A3A1F;border:1px solid #E2C2B0}
/* Success state */
.success{display:none;text-align:center}
.success.show{display:block}
.success .check{
width:56px;height:56px;border-radius:50%;
background:var(--primary);color:#fff;
display:inline-flex;align-items:center;justify-content:center;
font-size:28px;margin-bottom:16px;
}
.success h2{
font-family:'Cormorant Garamond',serif;font-weight:600;
font-size:28px;color:var(--primary-dark);margin:0 0 8px;
}
.success p{margin:0 0 20px;color:var(--ink-soft)}
.download-btn{
display:inline-block;font-family:inherit;font-size:16px;font-weight:600;
padding:14px 28px;border-radius:10px;
background:var(--accent);color:#fff;text-decoration:none;
transition:background .15s;
}
.download-btn:hover{background:#d8852f}
footer{text-align:center;margin-top:32px;font-size:12px;color:var(--muted)}
footer a{color:var(--primary);text-decoration:none;border-bottom:1px solid rgba(0,150,173,.3)}
@media (min-width:520px){
.field{flex-direction:row}
input[type="email"]{flex:1}
button.cta{flex-shrink:0}
}
</style>
</head>
<body>
<main class="wrap">
<div class="brand">
<a href="https://purelywildnatural.com" aria-label="Purely Wild Naturals">
<img src="https://cdn.shopify.com/s/files/1/0761/0836/6121/files/Purely_Wild_Logo.jpg?v=1777193615" alt="Purely Wild Naturals" />
</a>
</div>
<section class="card">
<!-- Sign-up state -->
<div id="form-state">
<h1>Where on your body, exactly.</h1>
<p class="sub">A head-to-toe visual reference for using wild oregano oil — dilution by area, application by zone. Free when you join the community.</p>
<form id="pw-subscribe" novalidate>
<div class="field">
<input id="email" name="email" type="email" required autocomplete="email"
placeholder="you@example.com" aria-label="Email address" />
<button class="cta" id="pw-submit" type="submit">Send Me the Body Map</button>
</div>
<p class="fineprint">We respect your inbox. Unsubscribe anytime.</p>
<div id="pw-msg" class="msg err" role="status" aria-live="polite"></div>
</form>
</div>
<!-- Success state -->
<div id="success-state" class="success">
<div class="check" aria-hidden="true">✓</div>
<h2>You're in.</h2>
<p>Your Body Map is ready. We've also emailed you a copy.</p>
<a class="download-btn" id="pdf-link" href="https://cdn.shopify.com/s/files/1/0761/0836/6121/files/Complete-Body-Map-Wild-Oregano-Oil-Guide.pdf" target="_blank" rel="noopener" download>
Download Your Guide
</a>
</div>
<div class="trust">Wild-harvested · Family-owned · Founded by Dr. Cass Ingram · Third-party tested</div>
</section>
<footer>
© Purely Wild Naturals · <a href="https://purelywildnatural.com">purelywildnatural.com</a><br />
<span style="font-size:11px;color:#9aa28f">
These statements have not been evaluated by the Food and Drug Administration.
This product is not intended to diagnose, treat, cure, or prevent any disease.
</span>
</footer>
</main>
<script>
const KLAVIYO_PUBLIC_API_KEY = "UnZyYV";
const KLAVIYO_LIST_ID = "X2Uw44";
const SOURCE_TAG = "body-map-lp";
const PDF_URL = "https://cdn.shopify.com/s/files/1/0761/0836/6121/files/Complete-Body-Map-Wild-Oregano-Oil-Guide.pdf";
const form = document.getElementById('pw-subscribe');
const button = document.getElementById('pw-submit');
const msg = document.getElementById('pw-msg');
const formState = document.getElementById('form-state');
const successState = document.getElementById('success-state');
function showError(text){
msg.textContent = text;
msg.className = 'msg err show';
}
function showSuccess(){
formState.style.display = 'none';
successState.classList.add('show');
if (window.gtag) gtag('event','generate_lead',{ method: SOURCE_TAG });
}
form.addEventListener('submit', async (e) => {
e.preventDefault();
const email = document.getElementById('email').value.trim();
if (!email || !/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email)){
showError('Please enter a valid email address.');
return;
}
button.disabled = true;
button.textContent = 'Sending...';
try {
const resp = await fetch(
`https://a.klaviyo.com/client/subscriptions/?company_id=${KLAVIYO_PUBLIC_API_KEY}`,
{
method:'POST',
headers:{
'Content-Type':'application/json',
'revision':'2024-10-15'
},
body: JSON.stringify({
data:{
type:'subscription',
attributes:{
custom_source: SOURCE_TAG,
profile:{
data:{
type:'profile',
attributes:{
email,
properties:{
Source: SOURCE_TAG,
pdf_url: PDF_URL
}
}
}
}
},
relationships:{
list:{ data:{ type:'list', id: KLAVIYO_LIST_ID } }
}
}
})
}
);
if (resp.ok || resp.status === 202){
showSuccess();
} else {
console.warn('Klaviyo error', resp.status, await resp.text());
showError('Something went wrong. Please try again in a moment.');
button.disabled = false;
button.textContent = "Send Me the Body Map";
}
} catch (err){
console.warn(err);
showError('Network error. Please try again.');
button.disabled = false;
button.textContent = "Send Me the Body Map";
}
});
</script>
</body>
</html>
