CINXE.COM

<!DOCTYPE html><html lang="en-us"><head><meta charSet="utf-8"/><link rel="canonical" href="https://www.beehiiv.com/web-builder"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="text/html; charset=utf-8" http-equiv="Content-Type"/><meta content="website" property="og:type"/><meta content="630" property="og:image:height"/><meta content="1200" property="og:image:width"/><meta content="en_US" property="og:locale"/><meta content="summary_large_image" name="twitter:card"/><meta content="@beehiiv" name="twitter:site"/><title>Launch a website and newsletter at the same time - Features - beehiiv</title><meta content="https://www.beehiiv.com/web-builder" name="url"/><meta content="Build beautiful websites without writing any code" name="description"/><link rel="icon" href="https://beehiiv-marketing-images.s3.amazonaws.com/Redesign2023/favicon.png"/><meta content="https://www.beehiiv.com/web-builder" property="og:url"/><meta content="Launch a website and newsletter at the same time - Features - beehiiv" property="og:title"/><meta content="Build beautiful websites without writing any code" property="og:description"/><meta content="https://media.beehiiv.com/cdn-cgi/image/format=auto/www/website-feature-page/OG_Website-2.png" property="og:image"/><meta content="https://www.beehiiv.com/web-builder" name="twitter:url"/><meta content="Launch a website and newsletter at the same time - Features - beehiiv" name="twitter:title"/><meta content="Build beautiful websites without writing any code" name="twitter:description"/><meta content="https://media.beehiiv.com/cdn-cgi/image/format=auto/www/website-feature-page/OG_Website-2.png" name="twitter:image"/><link rel="preload" as="image" imageSrcSet="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=640,quality=75/www/pop-up-modal-multi-step/profile.png 1x, https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=1080,quality=75/www/pop-up-modal-multi-step/profile.png 2x" fetchpriority="high"/><meta name="next-head-count" content="23"/><link rel="preconnect" href="https://www.googletagmanager.com"/><link rel="preconnect" href="https://api.fontshare.com"/><link href="https://api.fontshare.com/v2/css?f[]=satoshi@300,301,400,401,500,501,700,701,900,901&f[]=clash-grotesk@700&display=swap" rel="stylesheet"/><link as="font" href="https://api.fontshare.com/css?f[]=clash-display@700&display=swap" rel="stylesheet"/><link rel="shortcut icon" href="https://beehiiv-marketing-images.s3.amazonaws.com/Redesign2023/favicon.png" type="image/png"/><meta name="norton-safeweb-site-verification" content="s7wkfu9v5hga8wmz5tl63ol-yegmkmgwjok0oco1m2v98e9802f-in0lsv4-z40wk33swk3hhjkx94z3q35js9g6-se-3vho77zyun7q1hpgnkfmoarmdp1zzjyjjd4p"/><link rel="preload" href="/_next/static/media/086a70ddba625929-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/271f77516f49b23e-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/a30e8d257174607a.css" as="style"/><link rel="stylesheet" href="/_next/static/css/a30e8d257174607a.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-c2c92b9457de0f6c.js" defer=""></script><script src="/_next/static/chunks/framework-945b357d4a851f4b.js" defer=""></script><script src="/_next/static/chunks/main-4bb68cc17459a006.js" defer=""></script><script src="/_next/static/chunks/pages/_app-0f36c39db8709bf1.js" defer=""></script><script src="/_next/static/chunks/187-557b353b0998926e.js" defer=""></script><script src="/_next/static/chunks/5214-d46b66602b5e52fb.js" defer=""></script><script src="/_next/static/chunks/1458-bd91d98092d0cc38.js" defer=""></script><script src="/_next/static/chunks/1814-8a06d380ca215631.js" defer=""></script><script src="/_next/static/chunks/111-1032968a17b8e5cf.js" defer=""></script><script src="/_next/static/chunks/9883-939bcce46ada39b5.js" defer=""></script><script src="/_next/static/chunks/pages/web-builder-452cdb092c2de540.js" defer=""></script><script src="/_next/static/EypHmzUwSuOLWEtw2snbZ/_buildManifest.js" defer=""></script><script src="/_next/static/EypHmzUwSuOLWEtw2snbZ/_ssgManifest.js" defer=""></script></head><body><div id="__next"><div class="__variable_82c284"><header role="banner" id="cio-banner-marketing"></header><nav class="relative lg:hidden px-4 md:px-8 xl:px-32 py-5 min-h-[83px] flex items-center z-50 border-b-2"><div class="flex items-center justify-between w-full"><a href="/" aria-label="beehiiv logo" class="cursor-pointer"><svg version="1.1" id="beehiiv-logo-a" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 439.4 110.2" xml:space="preserve" class="fill-black h-[24px]"><g id="beehiiv-logo-b"><g id="beehiiv-logo-c"><g><g id="beehiiv-logo-d"><g><path class="st0" d="M101.7,51.8H15.3c-2.2,0-4-1.8-4-4v-6.1c0-6.9,5.6-12.5,12.5-12.5h69.3c6.9,0,12.5,5.6,12.5,12.5v6.1 C105.7,50,103.9,51.8,101.7,51.8z"></path><path class="st0" d="M83.5,22.6h-50c-2.2,0-4.1-1.8-4.1-4.1l0,0C29.4,8.3,37.7,0,47.9,0h21.2c10.2,0,18.5,8.3,18.5,18.5l0,0 C87.6,20.8,85.8,22.6,83.5,22.6C83.5,22.6,83.5,22.6,83.5,22.6z"></path><path class="st0" d="M105.7,58.4H11.3C5.1,58.4,0,63.5,0,69.7S5.1,81,11.3,81h33.5c1.2-6.4,6.8-11.3,13.6-11.3 S70.9,74.6,72.1,81h33.5c6.2,0,11.3-5.1,11.3-11.3S111.9,58.4,105.7,58.4C105.7,58.4,105.7,58.4,105.7,58.4z"></path><g><path class="st0" d="M101.6,87.6H72.3v22.6h22c6.2,0,11.3-5.1,11.3-11.3v-7.2C105.7,89.5,103.9,87.6,101.6,87.6 C101.6,87.6,101.6,87.6,101.6,87.6z"></path><path class="st0" d="M15.3,87.6c-2.2,0-4.1,1.8-4.1,4.1v7.2c0,6.2,5.1,11.3,11.3,11.3h22V87.6C44.6,87.6,15.3,87.6,15.3,87.6z "></path></g></g></g><g><path class="st1" d="M206.4,63c0,12.3-8.5,20.2-19.6,20.2c-5.3,0-9.5-1.7-12.3-5.1v4.5h-10.9V28.5H175v19.1 c2.9-3.2,6.9-4.8,11.8-4.8C197.8,42.8,206.4,50.7,206.4,63z M194.8,63c0-6.8-4.3-10.9-10-10.9s-10,4.1-10,10.9s4.3,10.9,10,10.9 S194.8,69.8,194.8,63z"></path><path class="st1" d="M243.6,70.3l6.1,6.6c-3.6,4.2-9.1,6.3-16.2,6.3c-13.6,0-22.4-8.5-22.4-20.2s8.9-20.2,21-20.2 c11.1,0,20.2,7.3,20.3,19.9l-29.1,5.6c1.7,3.9,5.3,5.8,10.4,5.8C237.9,74.1,240.9,72.9,243.6,70.3L243.6,70.3z M222.2,61.8 l19.1-3.7c-1.1-4-4.5-6.7-9.3-6.7C226.4,51.4,222.4,55.2,222.2,61.8L222.2,61.8z"></path><path class="st1" d="M289.6,70.3l6.1,6.6c-3.6,4.2-9.1,6.3-16.2,6.3c-13.6,0-22.4-8.5-22.4-20.2s8.9-20.2,21-20.2 c11.1,0,20.2,7.3,20.3,19.9l-29,5.6c1.7,3.9,5.3,5.8,10.4,5.8C283.9,74.1,286.9,72.9,289.6,70.3L289.6,70.3z M268.2,61.8 l19.1-3.7c-1.1-4-4.5-6.7-9.3-6.7C272.4,51.4,268.5,55.2,268.2,61.8z"></path><path class="st1" d="M346.2,60.2v22.5h-11.4V61.9c0-6.3-2.9-9.3-8-9.3c-5.5,0-9.4,3.4-9.4,10.6v19.4h-11.4V28.5h11.4v19 c3.1-3.1,7.5-4.7,12.5-4.7C339.2,42.8,346.2,48.2,346.2,60.2L346.2,60.2z"></path><path class="st1" d="M355.1,31.5c0-3.6,2.9-6.4,7.1-6.4s7.1,2.6,7.1,6.1c0,3.8-2.9,6.6-7.1,6.6S355.1,35.1,355.1,31.5z M356.5,43.4h11.4v39.3h-11.4C356.5,82.6,356.5,43.4,356.5,43.4z"></path><path class="st1" d="M377.1,31.5c0-3.6,2.9-6.4,7.1-6.4s7.1,2.6,7.1,6.1c0,3.8-2.9,6.6-7.1,6.6S377.1,35.1,377.1,31.5z M378.5,43.4h11.4v39.3h-11.4C378.5,82.6,378.5,43.4,378.5,43.4z"></path><path class="st1" d="M439.4,43.4l-16.6,39.3h-11.8l-16.5-39.3h11.8l10.9,26.7l11.2-26.7C428.5,43.4,439.4,43.4,439.4,43.4z"></path></g></g></g></g></svg></a><div class="flex gap-2"><a class="false text-[14px] text-black py-2 px-2 lg:px-3 hover:bg-[#F7F5FF] rounded-md transition h-fit font-medium" href="https://app.beehiiv.com/login" target="_blank" rel="noreferrer">Login</a><button class="false" aria-label="mobile navigation menu toggle button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6"><path fill-rule="evenodd" d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path></svg></button></div></div></nav><nav class="relative w-full z-50 px-4 py-5 md:px-8 xl:px-32 hidden lg:block undefined sticky top-0 bg-white border-b-2"><div class="mx-auto flex max-w-screen-lg flex-row items-center justify-between"><div class="flex items-center gap-2 xl:gap-6"><a href="/" aria-label="logo" class="relative"><svg version="1.1" id="beehiiv-logo-a" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 439.4 110.2" xml:space="preserve" class="fill-black h-[24px]"><g id="beehiiv-logo-b"><g id="beehiiv-logo-c"><g><g id="beehiiv-logo-d"><g><path class="st0" d="M101.7,51.8H15.3c-2.2,0-4-1.8-4-4v-6.1c0-6.9,5.6-12.5,12.5-12.5h69.3c6.9,0,12.5,5.6,12.5,12.5v6.1 C105.7,50,103.9,51.8,101.7,51.8z"></path><path class="st0" d="M83.5,22.6h-50c-2.2,0-4.1-1.8-4.1-4.1l0,0C29.4,8.3,37.7,0,47.9,0h21.2c10.2,0,18.5,8.3,18.5,18.5l0,0 C87.6,20.8,85.8,22.6,83.5,22.6C83.5,22.6,83.5,22.6,83.5,22.6z"></path><path class="st0" d="M105.7,58.4H11.3C5.1,58.4,0,63.5,0,69.7S5.1,81,11.3,81h33.5c1.2-6.4,6.8-11.3,13.6-11.3 S70.9,74.6,72.1,81h33.5c6.2,0,11.3-5.1,11.3-11.3S111.9,58.4,105.7,58.4C105.7,58.4,105.7,58.4,105.7,58.4z"></path><g><path class="st0" d="M101.6,87.6H72.3v22.6h22c6.2,0,11.3-5.1,11.3-11.3v-7.2C105.7,89.5,103.9,87.6,101.6,87.6 C101.6,87.6,101.6,87.6,101.6,87.6z"></path><path class="st0" d="M15.3,87.6c-2.2,0-4.1,1.8-4.1,4.1v7.2c0,6.2,5.1,11.3,11.3,11.3h22V87.6C44.6,87.6,15.3,87.6,15.3,87.6z "></path></g></g></g><g><path class="st1" d="M206.4,63c0,12.3-8.5,20.2-19.6,20.2c-5.3,0-9.5-1.7-12.3-5.1v4.5h-10.9V28.5H175v19.1 c2.9-3.2,6.9-4.8,11.8-4.8C197.8,42.8,206.4,50.7,206.4,63z M194.8,63c0-6.8-4.3-10.9-10-10.9s-10,4.1-10,10.9s4.3,10.9,10,10.9 S194.8,69.8,194.8,63z"></path><path class="st1" d="M243.6,70.3l6.1,6.6c-3.6,4.2-9.1,6.3-16.2,6.3c-13.6,0-22.4-8.5-22.4-20.2s8.9-20.2,21-20.2 c11.1,0,20.2,7.3,20.3,19.9l-29.1,5.6c1.7,3.9,5.3,5.8,10.4,5.8C237.9,74.1,240.9,72.9,243.6,70.3L243.6,70.3z M222.2,61.8 l19.1-3.7c-1.1-4-4.5-6.7-9.3-6.7C226.4,51.4,222.4,55.2,222.2,61.8L222.2,61.8z"></path><path class="st1" d="M289.6,70.3l6.1,6.6c-3.6,4.2-9.1,6.3-16.2,6.3c-13.6,0-22.4-8.5-22.4-20.2s8.9-20.2,21-20.2 c11.1,0,20.2,7.3,20.3,19.9l-29,5.6c1.7,3.9,5.3,5.8,10.4,5.8C283.9,74.1,286.9,72.9,289.6,70.3L289.6,70.3z M268.2,61.8 l19.1-3.7c-1.1-4-4.5-6.7-9.3-6.7C272.4,51.4,268.5,55.2,268.2,61.8z"></path><path class="st1" d="M346.2,60.2v22.5h-11.4V61.9c0-6.3-2.9-9.3-8-9.3c-5.5,0-9.4,3.4-9.4,10.6v19.4h-11.4V28.5h11.4v19 c3.1-3.1,7.5-4.7,12.5-4.7C339.2,42.8,346.2,48.2,346.2,60.2L346.2,60.2z"></path><path class="st1" d="M355.1,31.5c0-3.6,2.9-6.4,7.1-6.4s7.1,2.6,7.1,6.1c0,3.8-2.9,6.6-7.1,6.6S355.1,35.1,355.1,31.5z M356.5,43.4h11.4v39.3h-11.4C356.5,82.6,356.5,43.4,356.5,43.4z"></path><path class="st1" d="M377.1,31.5c0-3.6,2.9-6.4,7.1-6.4s7.1,2.6,7.1,6.1c0,3.8-2.9,6.6-7.1,6.6S377.1,35.1,377.1,31.5z M378.5,43.4h11.4v39.3h-11.4C378.5,82.6,378.5,43.4,378.5,43.4z"></path><path class="st1" d="M439.4,43.4l-16.6,39.3h-11.8l-16.5-39.3h11.8l10.9,26.7l11.2-26.7C428.5,43.4,439.4,43.4,439.4,43.4z"></path></g></g></g></g></svg></a><nav class="navigation flex items-center font-medium" role="navigation"><div class="dropdown-item"><a href="#" class="dropdown-link text-sm flex items-center gap-1 px-2 py-2 rounded-lg cursor-default group hover:text-fusion-blue transition-colors duration-200">Platform<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="relative top-[1px] h-3 w-3 stroke-[2px] transition-transform duration-200 group-hover:rotate-180"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></a><div class="dropdown-menu" aria-label="submenu"><div class="w-full bg-white relative top-[22px] border-t-2 border-[#D4D7F5] border-b-2 border-b-cyber-ink"><div class="dropdown-container grid gap-2 rounded-lg bg-white mx-auto max-w-screen-lg w-full"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 gap-4 lg:gap-6"><div class="col-span-1 md:col-span-2 lg:col-span-3 xl:col-span-4 flex flex-col py-11"><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3"><a class="flex items-start gap-3 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/newsletter-platform"><div class="flex-shrink-0 p-2 rounded-md bg-[#F7F5FF]"><div class=""></div></div><div class=""> <span class="font-bold mb-2 block">Newsletters</span><p class="text-sm font-medium text-[#6F6F8A]">Make a statement in the inbox with your next newsletter</p></div></a><a class="flex items-start gap-3 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/web-builder"><div class="flex-shrink-0 p-2 rounded-md bg-[#F7F5FF]"><div class=""></div></div><div class=""> <span class="font-bold mb-2 block">Web Builder</span><p class="text-sm font-medium text-[#6F6F8A]">Build your digital home base. No coding required</p></div></a><a class="flex items-start gap-3 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/ad-network"><div class="flex-shrink-0 p-2 rounded-md bg-[#F7F5FF]"><div class=""></div></div><div class=""> <span class="font-bold mb-2 block">Ad Network</span><p class="text-sm font-medium text-[#6F6F8A]">Connecting premium publishers with high-quality advertisers</p></div></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 border-t border-[#D4D7F5] mt-4 relative"><div class=" pt-6 "><div class="flex items-center gap-2 mb-3"><a href="/features?tag=content" class="flex items-center gap-2 text-fusion-blue hover:underline px-3"><span class="font-bold text-sm">Content</span><div class=""></div></a></div><div class=""><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/editor"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Editor</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/customization"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Customization</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/artificial-intelligence"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">beehiiv AI</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/automations"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Automations</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/polls"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Polls</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/audio-newsletter"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Audio</span></div></a></div></div><div class="hidden lg:block absolute left-[24.8%] inset-y-0 w-[1px] bg-[#D4D7F5]"></div><div class=" pt-6 "><div class="flex items-center gap-2 mb-3"><a href="/features?tag=growth" class="flex items-center gap-2 text-fusion-blue hover:underline px-3"><span class="font-bold text-sm">Growth</span><div class=""></div></a></div><div class=""><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/boosts-grow"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Boosts</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/referral-program"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Referral Program</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/subscribe-forms"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Subscribe Forms</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/pop-ups-gating"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Pop-ups</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/magic-links"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Magic Links</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/recommendations"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Recommendations</span></div></a></div></div><div class="hidden lg:block absolute left-[49.8%] inset-y-0 w-[1px] bg-[#D4D7F5]"></div><div class=" pt-6 "><div class="flex items-center gap-2 mb-3"><a href="/features?tag=data" class="flex items-center gap-2 text-fusion-blue hover:underline px-3"><span class="font-bold text-sm">Data</span><div class=""></div></a></div><div class=""><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/analytics"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Analytics</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/ab-testing"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">A/B Testing</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/verified-clicks"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Verified Clicks</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/api-and-integrations"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">API & Integrations</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/segmentation"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Segmentation</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/survey-forms"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Surveys</span></div></a></div></div><div class="hidden lg:block absolute left-[74.8%] inset-y-0 w-[1px] bg-[#D4D7F5]"></div><div class=" pt-6 "><div class="flex items-center gap-2 mb-3"><a href="/features?tag=earn" class="flex items-center gap-2 text-fusion-blue hover:underline px-3"><span class="font-bold text-sm">Earn</span><div class=""></div></a></div><div class=""><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/ad-network"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Ad Network</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/premium-subscriptions"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Paid Subscriptions</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/boosts-earn"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Boosts</span></div></a><a class="flex items-start gap-2 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/direct-sponsorships"><div class=""></div><div><span class="font-medium text-sm whitespace-nowrap text-[#4E4E6C]">Direct Sponsorships</span></div></a></div></div></div></div><div class="hidden xl:block col-span-2"><div class="hidden xl:flex col-span-2 py-11 p-6 flex-col justify-between bg-[#F7F5FF] h-full relative"><div class="absolute inset-0 bg-[#F7F5FF] right-[-9999px]"></div><div class="relative"><div class="mb-6"><img alt="Take a tour" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="min-w-[250px]" style="color:transparent" srcSet="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=640,quality=75/www/navigation/tour.png 1x, https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=1080,quality=75/www/navigation/tour.png 2x" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=1080,quality=75/www/navigation/tour.png"/></div><h3 class="text-lg fonSot-bold mb-2">Take a tour of beehiiv</h3><p class="text-sm text-slate-600 mb-8">Explore the features and capabilities of beehiiv</p></div><div class="relative space-y-3"><a href="/overview" class="flex items-center text-fusion-blue font-medium text-sm gap-1">Product Overview<div class=""></div></a><a href="/integrations" class="flex items-center text-fusion-blue font-medium text-sm gap-1">Integrations<div class=""></div></a><a href="/features" class="flex items-center text-fusion-blue font-medium text-sm gap-1">View all features<div class=""></div></a></div></div></div></div></div></div></div></div><div class="dropdown-item"><a href="#" class="dropdown-link text-sm flex items-center gap-1 px-2 py-2 rounded-lg cursor-default group hover:text-fusion-blue transition-colors duration-200">Solutions<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="relative top-[1px] h-3 w-3 stroke-[2px] transition-transform duration-200 group-hover:rotate-180"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></a><div class="dropdown-menu" aria-label="submenu"><div class="w-full bg-white relative top-[22px] border-t-2 border-[#D4D7F5] border-b-2 border-b-cyber-ink"><div class="dropdown-container grid gap-2 rounded-lg bg-white mx-auto max-w-screen-lg w-full"><div class="py-11"><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 py-2"><div class="lg:border-r border-[#D4D7F5]"><div class="px-3"><div class="flex items-start gap-3 "><div class="mb-3 font-bold whitespace-nowrap relative top-[6px]">I want to...</div><div class="flex-grow gap-1"><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/i-want-to/influence-public-opinion"><div class=""></div><div><span class="font-medium text-sm">Influence Public Opinion</span></div></a><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/i-want-to/reach-more-customers"><div class=""></div><div><span class="font-medium text-sm">Reach More Customers</span></div></a><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/i-want-to/inform-stakeholders"><div class=""></div><div><span class="font-medium text-sm">Inform Stakeholders</span></div></a><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/i-want-to/connect-my-local-community"><div class=""></div><div><span class="font-medium text-sm">Connect My Local Community</span></div></a><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/i-want-to/engage-my-audience"><div class=""></div><div><span class="font-medium text-sm">Engage My Audience</span></div></a><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/i-want-to/build-a-media-brand"><div class=""></div><div><span class="font-medium text-sm">Build A Media Brand</span></div></a><div class="ml-2 mt-1"><a href="/i-want-to" class="flex items-center text-fusion-blue font-medium text-sm gap-1">View all<div class=""></div></a></div></div></div><div class="mt-4"><a href="https://blog.beehiiv.com/p/case-study-status-news" class="block" target="_blank"><div class="flex justify-center"><img alt="Status Case Study" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="max-w-[316px]" style="color:transparent" srcSet="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=640,quality=75/www/navigation/status.png 1x, https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=1080,quality=75/www/navigation/status.png 2x" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=1080,quality=75/www/navigation/status.png"/></div></a></div></div></div><div class="lg:border-r border-[#D4D7F5]"><div class="px-3"><div class="flex items-start gap-3 "><div class="mb-3 font-bold whitespace-nowrap relative top-[6px]">I am a...</div><div class="flex-grow gap-1"><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/i-am-a/independent-journalist"><div class=""></div><div><span class="font-medium text-sm">Independent Journalist</span></div></a><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/i-am-a/publisher"><div class=""></div><div><span class="font-medium text-sm">Publisher</span></div></a><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/i-am-a/newsroom"><div class=""></div><div><span class="font-medium text-sm">Newsroom</span></div></a><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/i-am-a/startup"><div class=""></div><div><span class="font-medium text-sm">Startup</span></div></a><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/i-am-a/writer"><div class=""></div><div><span class="font-medium text-sm">Writer</span></div></a><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/i-am-a/founder"><div class=""></div><div><span class="font-medium text-sm">Founder</span></div></a><div class="ml-2 mt-1"><a href="/i-am-a" class="flex items-center text-fusion-blue font-medium text-sm gap-1">View all<div class=""></div></a></div></div></div><div class="mt-4"><a href="https://blog.beehiiv.com/p/case-study-grit" class="block" target="_blank"><div class="flex justify-center"><img alt="Grit Case Study" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="max-w-[316px]" style="color:transparent" srcSet="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=640,quality=75/www/navigation/grit.png 1x, https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=1080,quality=75/www/navigation/grit.png 2x" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=1080,quality=75/www/navigation/grit.png"/></div></a></div></div></div><div><div class="px-3"><div class="flex items-start gap-3 "><div class="mb-3 font-bold whitespace-nowrap relative top-[6px]">beehiiv For...</div><div class="flex-grow gap-1"><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/beehiiv-for/business"><div class=""></div><div><span class="font-medium text-sm">Business</span></div></a><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/beehiiv-for/content-creators"><div class=""></div><div><span class="font-medium text-sm">Content Creators</span></div></a><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/beehiiv-for/crypto"><div class=""></div><div><span class="font-medium text-sm">Web 3 & Crypto</span></div></a><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/beehiiv-for/fitness"><div class=""></div><div><span class="font-medium text-sm">Health & Fitness</span></div></a><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/beehiiv-for/food"><div class=""></div><div><span class="font-medium text-sm">Food</span></div></a><a class="flex items-start gap-2 px-1 py-2 hover:bg-slate-50 rounded-lg" href="/beehiiv-for/pop-culture"><div class=""></div><div><span class="font-medium text-sm">Pop Culture</span></div></a><div class="ml-2 mt-1"><a href="/beehiiv-for" class="flex items-center text-fusion-blue font-medium text-sm gap-1">View all<div class=""></div></a></div></div></div><div class="mt-4"><a href="https://blog.beehiiv.com/p/case-study-soiree-by-pepper" class="block" target="_blank"><div class="flex justify-center"><img alt="Pepper Case Study" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="max-w-[316px]" style="color:transparent" srcSet="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=640,quality=75/www/navigation/pepper.png 1x, https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=1080,quality=75/www/navigation/pepper.png 2x" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=1080,quality=75/www/navigation/pepper.png"/></div></a></div></div></div></div></div></div></div></div></div><div class="dropdown-item"><a href="#" class="dropdown-link text-sm flex items-center gap-1 px-2 py-2 rounded-lg cursor-default group hover:text-fusion-blue transition-colors duration-200">Resources<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="relative top-[1px] h-3 w-3 stroke-[2px] transition-transform duration-200 group-hover:rotate-180"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></a><div class="dropdown-menu" aria-label="submenu"><div class="w-full bg-white relative top-[22px] border-t-2 border-[#D4D7F5] border-b-2 border-b-cyber-ink"><div class="dropdown-container grid gap-2 rounded-lg bg-white mx-auto max-w-screen-lg w-full"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6 gap-4"><div class="col-span-1 md:col-span-2 lg:col-span-3 xl:col-span-4 py-11"><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2"><a class="flex items-start gap-3 px-3 py-2 hover:bg-slate-50 rounded-lg" href="https://blog.beehiiv.com" target="_blank" rel="noopener noreferrer"><div class="flex-shrink-0 p-2 rounded-md bg-[#F7F5FF]"><div class=""></div></div><div class=""> <span class="font-bold mb-2 block">Blog</span><p class="text-sm font-medium text-[#6F6F8A]">Best practices for scaling your newsletter</p></div></a><a class="flex items-start gap-3 px-3 py-2 hover:bg-slate-50 rounded-lg" href="https://product.beehiiv.com" target="_blank" rel="noopener noreferrer"><div class="flex-shrink-0 p-2 rounded-md bg-[#F7F5FF]"><div class=""></div></div><div class=""> <span class="font-bold mb-2 block">Product</span><p class="text-sm font-medium text-[#6F6F8A]">Regularly released product updates</p></div></a><a class="flex items-start gap-3 px-3 py-2 hover:bg-slate-50 rounded-lg" href="https://developers.beehiiv.com" target="_blank" rel="noopener noreferrer"><div class="flex-shrink-0 p-2 rounded-md bg-[#F7F5FF]"><div class=""></div></div><div class=""> <span class="font-bold mb-2 block">Developers</span><p class="text-sm font-medium text-[#6F6F8A]">API docs and other developer resources</p></div></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mt-4 lg:mt-6"><a class="flex items-start gap-3 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/resources"><div class="flex-shrink-0 p-2 rounded-md bg-[#F7F5FF]"><div class=""></div></div><div class=""> <span class="font-bold mb-2 block">Tools & Guides</span><p class="text-sm font-medium text-[#6F6F8A]">Resources and growth assets</p></div></a><a class="flex items-start gap-3 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/partners"><div class="flex-shrink-0 p-2 rounded-md bg-[#F7F5FF]"><div class=""></div></div><div class=""> <span class="font-bold mb-2 block">Partners</span><p class="text-sm font-medium text-[#6F6F8A]">Earn up to 60% commission</p></div></a><a class="flex items-start gap-3 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/comparisons"><div class="flex-shrink-0 p-2 rounded-md bg-[#F7F5FF]"><div class=""></div></div><div class=""> <span class="font-bold mb-2 block">Comparisons</span><p class="text-sm font-medium text-[#6F6F8A]">How beehiiv stacks up against competitors</p></div></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mt-4 lg:mt-6"><a class="flex items-start gap-3 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/features/newsletter-templates" target="_blank" rel="noopener noreferrer"><div class="flex-shrink-0 p-2 rounded-md bg-[#F7F5FF]"><div class=""></div></div><div class=""> <span class="font-bold mb-2 block">Templates</span><p class="text-sm font-medium text-[#6F6F8A]">Newsletter and website templates</p></div></a><a class="flex items-start gap-3 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/virtual-events"><div class="flex-shrink-0 p-2 rounded-md bg-[#F7F5FF]"><div class=""></div></div><div class=""> <span class="font-bold mb-2 block">Virtual Events</span><p class="text-sm font-medium text-[#6F6F8A]">Live and past online events</p></div></a><a class="flex items-start gap-3 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/changelog"><div class="flex-shrink-0 p-2 rounded-md bg-[#F7F5FF]"><div class=""></div></div><div class=""> <span class="font-bold mb-2 block">Changelog</span><p class="text-sm font-medium text-[#6F6F8A]">See our latest feature launches</p></div></a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mt-4 lg:mt-6"><a class="flex items-start gap-3 px-3 py-2 hover:bg-slate-50 rounded-lg" href="https://www.creatorspotlight.com/" target="_blank" rel="noopener noreferrer"><div class="flex-shrink-0 p-2 rounded-md bg-[#F7F5FF]"><div class=""></div></div><div class=""> <span class="font-bold mb-2 block">Creator Spotlight</span><p class="text-sm font-medium text-[#6F6F8A]">Stories from the creator economy</p></div></a><a class="flex items-start gap-3 px-3 py-2 hover:bg-slate-50 rounded-lg" href="https://beehiiv.com/support" target="_blank" rel="noopener noreferrer"><div class="flex-shrink-0 p-2 rounded-md bg-[#F7F5FF]"><div class=""></div></div><div class=""> <span class="font-bold mb-2 block">Support</span><p class="text-sm font-medium text-[#6F6F8A]">Product support and documentation</p></div></a><a class="flex items-start gap-3 px-3 py-2 hover:bg-slate-50 rounded-lg" href="/case-studies"><div class="flex-shrink-0 p-2 rounded-md bg-[#F7F5FF]"><div class=""></div></div><div class=""> <span class="font-bold mb-2 block">Case Studies</span><p class="text-sm font-medium text-[#6F6F8A]">Email marketing and newsletter terms</p></div></a></div></div><div class="hidden xl:block col-span-2"><div class="hidden xl:flex col-span-2 py-11 p-6 flex-col justify-between bg-[#F7F5FF] h-full relative"><div class="absolute inset-0 bg-[#F7F5FF] right-[-9999px]"></div><div class="relative"><div class="mb-6"><img alt="Take a tour" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="min-w-[250px]" style="color:transparent" srcSet="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=640,quality=75/www/navigation/state-of-newsletters.png 1x, https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=1080,quality=75/www/navigation/state-of-newsletters.png 2x" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=1080,quality=75/www/navigation/state-of-newsletters.png"/></div><h3 class="text-lg fonSot-bold mb-2">State of Newsletters</h3><p class="text-sm text-slate-600 mb-8">The latest beehiiv data, trends & innovations shaping the newsletter industry</p></div><div class="relative"><a href="https://blog.beehiiv.com/p/2024-state-of-newsletters" class="flex items-center text-fusion-blue font-medium text-sm gap-1">Learn more<div class=""></div></a></div></div></div></div></div></div></div></div><a class="false text-sm transition-colors hover:bg-[#F7F5FF] px-2 py-2 rounded-lg" href="/i-want-to/advertise">Ad Network</a><a class="false text-sm transition-colors hover:bg-[#F7F5FF] px-2 py-2 rounded-lg" href="/pricing">Pricing</a></nav></div><div class="flex items-center gap-3"><a class="false text-[14px] text-black px-2 py-2 hover:bg-gray-200/50 rounded-md transition font-medium" href="https://app.beehiiv.com/login" target="_blank" rel="noreferrer">Login</a><a href="/pricing" tabindex="-1" class="flex cursor-pointer justify-center gap-[10px] text-white bg-[#2F39BA] border-[#2F39BA] border-2 rounded-[10px] text-[14px] py-2 px-6 font-medium transition-colors hover:bg-[#060419] hover:text-white "> Start trial</a><a href="/demo/form" tabindex="-1" class="flex cursor-pointer justify-center gap-[10px] text-[#3843D0] border-[#3843D0] border-2 bg-white rounded-[10px] text-[14px] py-2 px-6 font-medium transition-colors hover:bg-[#060419] hover:text-white "> Get a demo</a></div></div></nav> <main class="relative"><section class="bg-cyber-ink text-white relative overflow-hidden bg-cover bg-center bg-no-repeat"><div class="px-4 md:px-8 xl:px-32 py-16 md:py-24"><div class="mx-auto max-w-screen-lg"><div class="flex flex-col gap-6 items-center text-center"><h1 class="clash-grotesk-font-family uppercase font-bold text-5xl md:text-6xl max-w-4xl mx-auto">The <span class="bg-clip-text text-transparent bg-gradient-to-r from-[#FF5EC4] to-[#4E9AF8]">ONE</span> Place To <span class="bg-clip-text text-transparent bg-gradient-to-r from-[#4E9AF8] to-[#FF5EC4]">Build</span></h1><p class="text-lg md:text-xl font-medium max-w-2xl mx-auto">Build your brand, your audience, and your business - all in one place. <br/>No coding required</p><div class="flex flex-col items-center mt-10"><a href="/pricing" class="custom-box-shadow-button relative flex cursor-pointer justify-center gap-[10px]"> <div class="text-white bg-[#2F39BA] border-[#2F39BA] border-2 rounded-[10px] text-base font-bold py-2 px-6 inline-flex items-center gap-2 max-w-fit whitespace-nowrap custom-box-shadow-text relative z-10 h-full w-full p-4 text-center">Get Started <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path></svg></div><div class="bg-[#F092DD] rounded-[10px] transform-style-preserve-3d custom-box-shadow-2 absolute inset-0 h-full w-full border-2 border-[#0B0D2A]"></div><div class="bg-[#FFC8EB] rounded-[10px] transform-style-preserve-3d custom-box-shadow-1 absolute inset-0 h-full w-full border-2 border-[#0B0D2A]"></div></a></div></div><div class="px-4 py-6 sm:py-10"><div class="relative mx-auto"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="63" fill="none" class="w-16 h-16 absolute -left-20 top-0"><path fill="url(#star_svg__a)" d="M26.389.738c-.252-.745-1.384-.52-1.331.265l1.78 26.517a.68.68 0 0 1-.468.684L.62 36.762c-.763.253-.542 1.361.26 1.303l27.063-1.963a.68.68 0 0 1 .694.452l8.518 25.175c.252.745 1.384.52 1.331-.266l-1.78-26.516a.68.68 0 0 1 .468-.684l25.75-8.558c.763-.254.542-1.362-.26-1.303l-27.063 1.963a.68.68 0 0 1-.694-.452z"></path><defs><linearGradient id="star_svg__a" x1="25.609" x2="37.935" y1="0.297" y2="62.17" gradientUnits="userSpaceOnUse"><stop stop-color="#060419"></stop><stop offset="1" stop-color="#D4D7F5"></stop></linearGradient></defs></svg><section class="mx-auto max-w-screen-lg lg:min-h-[552px]"><div class="relative overflow-auto rounded-xl translate-y-6" style="padding:3px;border-radius:0.5rem;background:linear-gradient(to top, rgba(0, 0, 0, 0), #4E4E6C, rgba(0, 0, 0, 0))"><iframe class="aspect-video w-full rounded-lg bg-cyber-ink" src="https://www.youtube.com/embed/QrHFcWJCXXA?si=9G85lrflocSU1PVL" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe></div></section><svg xmlns="http://www.w3.org/2000/svg" width="64" height="63" fill="none" class="w-16 h-16 absolute -right-20 top-0"><path fill="url(#star-2_svg__a)" d="M37.155.738c.252-.745 1.384-.52 1.331.265l-1.78 26.517a.68.68 0 0 0 .468.684l25.75 8.558c.763.253.542 1.361-.26 1.303l-27.063-1.963a.68.68 0 0 0-.694.452L26.389 61.73c-.252.745-1.384.52-1.332-.266l1.78-26.516a.68.68 0 0 0-.467-.684L.62 25.705c-.763-.254-.542-1.362.26-1.303l27.063 1.963a.68.68 0 0 0 .694-.452z"></path><defs><linearGradient id="star-2_svg__a" x1="37.935" x2="25.609" y1="0.297" y2="62.17" gradientUnits="userSpaceOnUse"><stop stop-color="#060419"></stop><stop offset="1" stop-color="#D4D7F5"></stop></linearGradient></defs></svg></div></div><div class="mt-16"><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><div class="flex gap-4 items-start border-t border-[#FF5EC4] py-4"><div class="flex-shrink-0 relative top-[3px]"><div class=""></div></div><p class="text-base md:text-lg font-medium max-w-2xl text-left">Your website is your digital home. Make it look and feel exactly how you want.</p></div><div class="flex gap-4 items-start border-t border-[#FF5EC4] py-4"><div class="flex-shrink-0 relative top-[3px]"><div class=""></div></div><p class="text-base md:text-lg font-medium max-w-2xl text-left">Powerful customization, seamless integrations, and built-in monetization tools help you grow without limits.</p></div><div class="flex gap-4 items-start border-t border-[#FF5EC4] py-4"><div class="flex-shrink-0 relative top-[3px]"><div class=""></div></div><p class="text-base md:text-lg font-medium max-w-2xl text-left">From personal blogs to full-scale media brands, build a site that works for you. If you dream it, you can build it.</p></div></div></div></div></div></section><section class="bg-white text-[#060419] border-b-2 border-[#FF5EC4] "><div class="px-4 md:px-8 xl:px-32 py-16 md:py-24"><div class="mx-auto max-w-screen-lg"><div class="flex flex-col gap-16 md:gap-24"><div class="flex flex-col gap-14"><div class="flex flex-col lg:flex-row items-center lg:items-start justify-between gap-8 lg:gap-4"><div class="flex flex-col gap-6 items-center text-center lg:items-start lg:text-left"><h2 class="clash-grotesk-font-family uppercase font-bold text-4xl md:text-5xl max-w-2xl">EVERYTHING YOU NEED TO BUILD</h2><p class="text-lg md:text-xl font-medium max-w-2xl">No code, no limits - just complete creative freedom to build the website you've always wanted.</p></div><a href="/pricing" class="custom-box-shadow-button relative flex cursor-pointer justify-center gap-[10px]"> <div class="text-white bg-[#2F39BA] border-[#2F39BA] border-2 rounded-[10px] text-base font-bold py-2 px-6 inline-flex items-center gap-2 max-w-fit whitespace-nowrap custom-box-shadow-text relative z-10 h-full w-full p-4 text-center">Get Started<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path></svg></div><div class="bg-[#F092DD] rounded-[10px] transform-style-preserve-3d custom-box-shadow-2 absolute inset-0 h-full w-full border-2 border-[#0B0D2A]"></div><div class="bg-[#FFC8EB] rounded-[10px] transform-style-preserve-3d custom-box-shadow-1 absolute inset-0 h-full w-full border-2 border-[#0B0D2A]"></div></a></div><div class="relative grid gap-6 md:grid-cols-2"><div class="order-2 flex flex-col md:order-1"><button class=" flex-1 p-4 text-left transition-all md:p-6 border-l-4 border-[#FF5EC4] "><div class="flex flex-col gap-4"><span class="block text-base font-semibold text-[#060419]">Easy, Flexible, and Engaging Creation</span><div class="flex justify-between items-center"><span class="block text-base font-medium max-w-lg text-[#060419]">Drag, drop, and design with an intuitive, no-code editor. Customize layouts, embed multimedia, and structure content exactly how you want.</span></div><a href="/features?tags=content" class="flex items-center gap-2 font-medium hover:underline text-[#060419]">View Features<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path></svg></a></div></button><button class=" flex-1 p-4 text-left transition-all md:p-6 border-l-4 border-[#FF5EC4] border-opacity-40 "><div class="flex flex-col gap-4"><span class="block text-base font-semibold text-[#060419]">Activate and Expand Your Audience</span><div class="flex justify-between items-center"><span class="block text-base font-medium max-w-lg text-[#060419]">SEO-friendly foundations, audience referral programs, and more that help you grow organically.</span></div><a href="/features?tags=web" class="flex items-center gap-2 font-medium hover:underline text-[#060419]">View Features<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path></svg></a></div></button><button class=" flex-1 p-4 text-left transition-all md:p-6 border-l-4 border-[#FF5EC4] border-opacity-40 "><div class="flex flex-col gap-4"><span class="block text-base font-semibold text-[#060419]">Turn Your Audience into Revenue</span><div class="flex justify-between items-center"><span class="block text-base font-medium max-w-lg text-[#060419]">Monetization is built in. Earn from subscriptions, sponsorships, or ads without the hassle of third-party tools.</span></div><a href="/features?tags=earn" class="flex items-center gap-2 font-medium hover:underline text-[#060419]">View Features<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path></svg></a></div></button><button class=" flex-1 p-4 text-left transition-all md:p-6 border-l-4 border-[#FF5EC4] border-opacity-40 "><div class="flex flex-col gap-4"><span class="block text-base font-semibold text-[#060419]">Track, Analyze, and Optimize</span><div class="flex justify-between items-center"><span class="block text-base font-medium max-w-lg text-[#060419]">Get real-time insights on performance, audience behavior, and growth trends to make informed decisions.</span></div><a href="/features?tags=growth" class="flex items-center gap-2 font-medium hover:underline text-[#060419]">View Features<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path></svg></a></div></button></div><div class="relative order-1 flex items-center justify-center rounded-lg md:order-2"><img alt="" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="object-contain" style="color:transparent" srcSet="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=640,quality=75/www/web-builder/drag-drop.png 1x, https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=1080,quality=75/www/web-builder/drag-drop.png 2x" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=1080,quality=75/www/web-builder/drag-drop.png"/></div></div></div><div class="relative pt-16 md:pt-24 before:absolute before:top-0 before:left-0 before:right-0 before:h-[2px] before:bg-gradient-to-r before:from-[#FF5EC4] before:to-[#FFFFFF] relative"><div class="flex flex-col gap-6 items-center text-center lg:text-left lg:flex-row lg:justify-between w-full"><div class="flex flex-col gap-6 items-center text-center lg:items-start lg:text-left"><h2 class="clash-grotesk-font-family uppercase font-bold text-4xl md:text-5xl max-w-2xl">START BUILDING TODAY</h2><p class="text-xl md:text-2xl font-medium max-w-2xl">Your website, your rules. Get started for free - no credit card required.</p></div><a href="/pricing" class="custom-box-shadow-button relative flex cursor-pointer justify-center gap-[10px]"> <div class="text-white bg-[#2F39BA] border-[#2F39BA] border-2 rounded-[10px] text-base font-bold py-2 px-6 inline-flex items-center gap-2 max-w-fit whitespace-nowrap custom-box-shadow-text relative z-10 h-full w-full p-4 text-center">Start 30-day Free Trial</div><div class="bg-[#F092DD] rounded-[10px] transform-style-preserve-3d custom-box-shadow-2 absolute inset-0 h-full w-full border-2 border-[#0B0D2A]"></div><div class="bg-[#FFC8EB] rounded-[10px] transform-style-preserve-3d custom-box-shadow-1 absolute inset-0 h-full w-full border-2 border-[#0B0D2A]"></div></a></div></div></div></div></div></section><section class="bg-[#FFDCFF] text-[#060419] border-b-2 border-[#FF5EC4] "><div class="px-4 md:px-8 xl:px-32 py-16 md:py-24"><div class="mx-auto max-w-screen-lg"><div class="flex flex-col items-center text-center max-w-3xl mx-auto gap-8"><div class="w-12 h-12 flex items-center justify-center"><div class=""></div></div><p class="text-xl md:text-2xl font-medium">“My favorite feature is being able to easily customize how the newsletter looks when I send it. With other platforms, you're limited in fonts or you need to know HTML to make it customized. With beehiiv, I was able to get my very simple, clean, newsletter that matches my website, so the branding is cohesive.”</p><div class="flex flex-col items-center gap-2"><p class="font-bold text-xl">Dan Koe</p><p class="font-medium">CEO, Kortex </p></div></div></div></div></section><section class="bg-white text-cyber-ink"><div class="px-4 md:px-8 xl:px-32 py-16 md:py-24"><div class="mx-auto max-w-screen-lg"><div class="flex flex-col items-center lg:flex-row lg:justify-between lg:items-end gap-6 mb-12"><div class="flex flex-col gap-6 items-center text-center lg:items-start lg:text-left"><h2 class="clash-grotesk-font-family uppercase font-bold text-4xl md:text-5xl">CONNECT YOUR NEWSLETTER<br/>WITH THE TOOLS YOU LOVE</h2><p class="text-lg md:text-xl font-medium">Seamless integrations with analytics, e-commerce, and automation platforms.</p></div><div class="min-w-fit"><a href="/pricing" class="custom-box-shadow-button relative flex cursor-pointer justify-center gap-[10px]"> <div class="text-[#3843D0] border-[#3843D0] border-2 bg-white rounded-[10px] text-base font-bold py-2 px-6 inline-flex items-center gap-2 max-w-fit whitespace-nowrap custom-box-shadow-text relative z-10 h-full w-full p-4 text-center">Get Started<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path></svg></div><div class="bg-[#F092DD] rounded-[10px] transform-style-preserve-3d custom-box-shadow-2 absolute inset-0 h-full w-full border-2 border-[#0B0D2A]"></div><div class="bg-[#FFC8EB] rounded-[10px] transform-style-preserve-3d custom-box-shadow-1 absolute inset-0 h-full w-full border-2 border-[#0B0D2A]"></div></a></div></div><img alt="" loading="lazy" width="1000" height="500" decoding="async" data-nimg="1" class="w-full mb-16" style="color:transparent" srcSet="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=1080,quality=75/www/newsletter-feature-page/integrations.png 1x, https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=2048,quality=75/www/newsletter-feature-page/integrations.png 2x" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=2048,quality=75/www/newsletter-feature-page/integrations.png"/><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><div class="flex gap-4 items-start border-t-2 border-[#FF5EC4] py-4"><div class="flex-shrink-0 relative top-[3px]"><div class=""></div></div><p class="font-medium text-left">Effortlessly connect with Stripe, Zapier, Google Analytics, and more.</p></div><div class="flex gap-4 items-start border-t-2 border-[#FF5EC4] py-4"><div class="flex-shrink-0 relative top-[3px]"><div class=""></div></div><p class="font-medium text-left">Enhance your workflow with AI-powered recommendations and segmentation.</p></div><div class="flex gap-4 items-start border-t-2 border-[#FF5EC4] py-4"><div class="flex-shrink-0 relative top-[3px]"><div class=""></div></div><p class="font-medium text-left">Sync your subscribers with CRM and marketing automation platforms.</p></div></div></div></div></section><section class="bg-white text-[#060419] border-b-2"><div class="px-4 md:px-8 xl:px-32 py-16 md:py-24"><div class="mx-auto max-w-screen-lg"><div class="flex flex-col gap-6"><h2 class="clash-grotesk-font-family uppercase font-bold text-4xl md:text-5xl text-center mb-12">Frequently Asked Questions</h2><div class=""><details class="group "><summary class="flex w-full px-4 py-6 justify-between items-center border-t-2 border-[#F7F5FF] text-left font-heading text-lg font-medium focus:outline-none focus-visible:ring focus-visible:ring-violet-500 focus-visible:ring-opacity-75 cursor-pointer"><span class="pr-2 text-xl font-semibold w-[95%]">What is beehiiv's Web Builder?</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2F39BA" aria-hidden="true" data-slot="icon" class="transform transition-transform duration-300 h-5 w-5 stroke-[2px]"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></summary><div class="rounded-b-lg px-4 overflow-hidden transition-[max-height] duration-300 ease-in-out max-h-0"><section class="text-xl pb-6 font-medium"><div><p>beehiiv's Web Builder is a no-code platform that allows you to create and customize websites easily. It's designed for anyone looking to build their brand, audience, or business without needing coding skills.</p></div></section></div></details><details class="group "><summary class="flex w-full px-4 py-6 justify-between items-center border-t-2 border-[#F7F5FF] text-left font-heading text-lg font-medium focus:outline-none focus-visible:ring focus-visible:ring-violet-500 focus-visible:ring-opacity-75 cursor-pointer"><span class="pr-2 text-xl font-semibold w-[95%]">Do I need coding knowledge to use beehiiv's Website Builder?</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2F39BA" aria-hidden="true" data-slot="icon" class="transform transition-transform duration-300 h-5 w-5 stroke-[2px]"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></summary><div class="rounded-b-lg px-4 overflow-hidden transition-[max-height] duration-300 ease-in-out max-h-0"><section class="text-xl pb-6 font-medium"><div><p>No, coding is not required. beehiiv offers a drag-and-drop editor and intuitive tools to help you design your website effortlessly.</p></div></section></div></details><details class="group "><summary class="flex w-full px-4 py-6 justify-between items-center border-t-2 border-[#F7F5FF] text-left font-heading text-lg font-medium focus:outline-none focus-visible:ring focus-visible:ring-violet-500 focus-visible:ring-opacity-75 cursor-pointer"><span class="pr-2 text-xl font-semibold w-[95%]">Can I monetize my website with beehiiv?</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2F39BA" aria-hidden="true" data-slot="icon" class="transform transition-transform duration-300 h-5 w-5 stroke-[2px]"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></summary><div class="rounded-b-lg px-4 overflow-hidden transition-[max-height] duration-300 ease-in-out max-h-0"><section class="text-xl pb-6 font-medium"><div><p>Yes, beehiiv has built-in monetization tools that let you earn from subscriptions, sponsorships, or ads without relying on third-party platforms.</p></div></section></div></details><details class="group "><summary class="flex w-full px-4 py-6 justify-between items-center border-t-2 border-[#F7F5FF] text-left font-heading text-lg font-medium focus:outline-none focus-visible:ring focus-visible:ring-violet-500 focus-visible:ring-opacity-75 cursor-pointer"><span class="pr-2 text-xl font-semibold w-[95%]">Is beehiiv's Web Builder suitable for large-scale projects?</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2F39BA" aria-hidden="true" data-slot="icon" class="transform transition-transform duration-300 h-5 w-5 stroke-[2px]"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></summary><div class="rounded-b-lg px-4 overflow-hidden transition-[max-height] duration-300 ease-in-out max-h-0"><section class="text-xl pb-6 font-medium"><div><p>Absolutely. Whether you're building a personal blog or a full-scale media brand, beehiiv's tools are designed to scale with your needs.</p></div></section></div></details><details class="group "><summary class="flex w-full px-4 py-6 justify-between items-center border-t-2 border-[#F7F5FF] text-left font-heading text-lg font-medium focus:outline-none focus-visible:ring focus-visible:ring-violet-500 focus-visible:ring-opacity-75 cursor-pointer"><span class="pr-2 text-xl font-semibold w-[95%]">What customization options are available?</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2F39BA" aria-hidden="true" data-slot="icon" class="transform transition-transform duration-300 h-5 w-5 stroke-[2px]"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></summary><div class="rounded-b-lg px-4 overflow-hidden transition-[max-height] duration-300 ease-in-out max-h-0"><section class="text-xl pb-6 font-medium"><div><p>You can customize layouts, embed multimedia, adjust fonts and colors, and structure content exactly how you want using the no-code editor.</p></div></section></div></details><details class="group "><summary class="flex w-full px-4 py-6 justify-between items-center border-t-2 border-[#F7F5FF] text-left font-heading text-lg font-medium focus:outline-none focus-visible:ring focus-visible:ring-violet-500 focus-visible:ring-opacity-75 cursor-pointer"><span class="pr-2 text-xl font-semibold w-[95%]">Does beehiiv's Website Builder support SEO?</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2F39BA" aria-hidden="true" data-slot="icon" class="transform transition-transform duration-300 h-5 w-5 stroke-[2px]"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></summary><div class="rounded-b-lg px-4 overflow-hidden transition-[max-height] duration-300 ease-in-out max-h-0"><section class="text-xl pb-6 font-medium"><div><p>Yes, the platform includes SEO-friendly foundations to help your website rank higher and grow organically.</p></div></section></div></details><details class="group "><summary class="flex w-full px-4 py-6 justify-between items-center border-t-2 border-[#F7F5FF] text-left font-heading text-lg font-medium focus:outline-none focus-visible:ring focus-visible:ring-violet-500 focus-visible:ring-opacity-75 cursor-pointer"><span class="pr-2 text-xl font-semibold w-[95%]">Can I track my website's performance?</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2F39BA" aria-hidden="true" data-slot="icon" class="transform transition-transform duration-300 h-5 w-5 stroke-[2px]"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></summary><div class="rounded-b-lg px-4 overflow-hidden transition-[max-height] duration-300 ease-in-out max-h-0"><section class="text-xl pb-6 font-medium"><div><p>Yes, beehiiv provides real-time analytics on audience behavior, growth trends, and performance metrics so you can optimize your site effectively.</p></div></section></div></details><details class="group "><summary class="flex w-full px-4 py-6 justify-between items-center border-t-2 border-[#F7F5FF] text-left font-heading text-lg font-medium focus:outline-none focus-visible:ring focus-visible:ring-violet-500 focus-visible:ring-opacity-75 cursor-pointer"><span class="pr-2 text-xl font-semibold w-[95%]">What integrations does beehiiv support?</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2F39BA" aria-hidden="true" data-slot="icon" class="transform transition-transform duration-300 h-5 w-5 stroke-[2px]"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></summary><div class="rounded-b-lg px-4 overflow-hidden transition-[max-height] duration-300 ease-in-out max-h-0"><section class="text-xl pb-6 font-medium"><div><p>beehiiv integrates with more than 10,000 popular apps like email platforms, analytics software, social media apps, and more to streamline your workflows using no-code connectors. Our open API facilitates integration with any tool that has an API.</p></div></section></div></details><details class="group "><summary class="flex w-full px-4 py-6 justify-between items-center border-t-2 border-[#F7F5FF] text-left font-heading text-lg font-medium focus:outline-none focus-visible:ring focus-visible:ring-violet-500 focus-visible:ring-opacity-75 cursor-pointer"><span class="pr-2 text-xl font-semibold w-[95%]">Is there a free plan available?</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2F39BA" aria-hidden="true" data-slot="icon" class="transform transition-transform duration-300 h-5 w-5 stroke-[2px]"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></summary><div class="rounded-b-lg px-4 overflow-hidden transition-[max-height] duration-300 ease-in-out max-h-0"><section class="text-xl pb-6 font-medium"><div><p>Yes, you can start building your website for free with no credit card required.</p></div></section></div></details><details class="group "><summary class="flex w-full px-4 py-6 justify-between items-center border-t-2 border-[#F7F5FF] text-left font-heading text-lg font-medium focus:outline-none focus-visible:ring focus-visible:ring-violet-500 focus-visible:ring-opacity-75 cursor-pointer"><span class="pr-2 text-xl font-semibold w-[95%]">How does beehiiv ensure cohesive branding across my website and newsletter?</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2F39BA" aria-hidden="true" data-slot="icon" class="transform transition-transform duration-300 h-5 w-5 stroke-[2px]"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></summary><div class="rounded-b-lg px-4 overflow-hidden transition-[max-height] duration-300 ease-in-out max-h-0"><section class="text-xl pb-6 font-medium"><div><p>beehiiv allows you to customize both your website and newsletter design to match your brand seamlessly. You can choose fonts, colors, and layouts that align with your visual identity.</p></div></section></div></details><details class="group "><summary class="flex w-full px-4 py-6 justify-between items-center border-t-2 border-[#F7F5FF] text-left font-heading text-lg font-medium focus:outline-none focus-visible:ring focus-visible:ring-violet-500 focus-visible:ring-opacity-75 cursor-pointer"><span class="pr-2 text-xl font-semibold w-[95%]">Can I use beehiiv for e-commerce purposes?</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2F39BA" aria-hidden="true" data-slot="icon" class="transform transition-transform duration-300 h-5 w-5 stroke-[2px]"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></summary><div class="rounded-b-lg px-4 overflow-hidden transition-[max-height] duration-300 ease-in-out max-h-0"><section class="text-xl pb-6 font-medium"><div><p>While beehiiv focuses on audience building and monetization through subscriptions or sponsorships, we don't yet offer full e-commerce functionality like shopping carts or inventory management.</p></div></section></div></details><details class="group "><summary class="flex w-full px-4 py-6 justify-between items-center border-t-2 border-[#F7F5FF] text-left font-heading text-lg font-medium focus:outline-none focus-visible:ring focus-visible:ring-violet-500 focus-visible:ring-opacity-75 cursor-pointer"><span class="pr-2 text-xl font-semibold w-[95%]">Is the platform beginner-friendly?</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2F39BA" aria-hidden="true" data-slot="icon" class="transform transition-transform duration-300 h-5 w-5 stroke-[2px]"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></summary><div class="rounded-b-lg px-4 overflow-hidden transition-[max-height] duration-300 ease-in-out max-h-0"><section class="text-xl pb-6 font-medium"><div><p>Yes, beehiiv is designed for users of all skill levels. The intuitive editor makes it easy for beginners to create professional websites without technical expertise.</p></div></section></div></details><details class="group "><summary class="flex w-full px-4 py-6 justify-between items-center border-t-2 border-[#F7F5FF] text-left font-heading text-lg font-medium focus:outline-none focus-visible:ring focus-visible:ring-violet-500 focus-visible:ring-opacity-75 cursor-pointer"><span class="pr-2 text-xl font-semibold w-[95%]">What is the difference between "pausing" and "archiving" and active Boost?</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2F39BA" aria-hidden="true" data-slot="icon" class="transform transition-transform duration-300 h-5 w-5 stroke-[2px]"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></summary><div class="rounded-b-lg px-4 overflow-hidden transition-[max-height] duration-300 ease-in-out max-h-0"><section class="text-xl pb-6 font-medium"><div><p>Pausing will prevent people from seeing your newsletter boosted on their profile, but you can choose to resume it whenever. Archiving it will remove that publication from being able to boost your newsletter.</p></div></section></div></details></div></div></div></div></section><section class="bg-[#3843D0] text-[#FFFFFF] border-b-2 border-[#3843D0] " style="background-image:url(https://beehiiv-images-production.s3.us-east-1.amazonaws.com/www/prismic-components/hexagon+gradient.png)"><div class="px-4 md:px-8 xl:px-32 py-16 md:py-24"><div class="mx-auto max-w-screen-lg"><div class="relative flex flex-col items-center text-center max-w-3xl mx-auto gap-8"><img alt="" loading="lazy" width="200" height="200" decoding="async" data-nimg="1" class="mb-4 max-w-[200px]" style="color:transparent" srcSet="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=256,quality=75/www/boosts-promo-2x/rockets.svg 1x, https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=640,quality=75/www/boosts-promo-2x/rockets.svg 2x" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=640,quality=75/www/boosts-promo-2x/rockets.svg"/><div class="flex flex-col gap-6"><h2 class="clash-grotesk-font-family uppercase font-bold text-4xl md:text-5xl">MAKE YOUR DREAMS A REALITY</h2><p class="text-xl md:text-2xl font-medium max-w-2xl mx-auto">Start for free and build something that inspires you.</p></div><a href="/pricing" class="custom-box-shadow-button relative flex cursor-pointer justify-center gap-[10px]"> <div class="text-white bg-[#2F39BA] border-white border-2 rounded-[10px] text-base font-bold py-2 px-6 inline-flex items-center gap-2 max-w-fit whitespace-nowrap custom-box-shadow-text relative z-10 h-full w-full p-4 text-center">Start Free Trial<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path></svg></div><div class="bg-[#F092DD] rounded-[10px] transform-style-preserve-3d custom-box-shadow-2 absolute inset-0 h-full w-full border-2 border-[#0B0D2A]"></div><div class="bg-[#FFC8EB] rounded-[10px] transform-style-preserve-3d custom-box-shadow-1 absolute inset-0 h-full w-full border-2 border-[#0B0D2A]"></div></a></div></div></div></section></main><button class=" fixed border-[#D7D9F6] border-2 right-6 bottom-20 z-50 flex items-center gap-1 rounded-full p-1 font-medium bg-white transition-transform duration-500 ease-in-out max-w-[calc(50%-1rem)] opacity-0 translate-y-16 sm:left-4 sm:right-[unset] sm:bottom-5 sm:gap-2 sm:p-2 sm:pr-3 "><img alt="" fetchpriority="high" loading="eager" width="500" height="500" decoding="async" data-nimg="1" class="rounded-full h-7 w-7 sm:h-8 sm:w-8" style="color:transparent" srcSet="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=640,quality=75/www/pop-up-modal-multi-step/profile.png 1x, https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=1080,quality=75/www/pop-up-modal-multi-step/profile.png 2x" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,onerror=redirect,format=auto,width=1080,quality=75/www/pop-up-modal-multi-step/profile.png"/><span class="text-xs sm:text-sm whitespace-nowrap overflow-hidden text-ellipsis">Trial Premium Features</span></button><span hidden="" style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></span><div class="bg-cyber-ink"><div class="py-8 px-4 md:py-16 md:px-8 xl:px-32 text-white"><div class="mx-auto max-w-screen-lg"><div class="flex flex-col items-center md:flex-row md:items-center md:justify-between gap-6 md:gap-10 w-full pb-10 text-center md:text-left"><svg version="1.1" id="beehiiv-logo-a" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 439.4 110.2" xml:space="preserve" class="w-[180px] fill-white"><g id="beehiiv-logo-b"><g id="beehiiv-logo-c"><g><g id="beehiiv-logo-d"><g><path class="st0" d="M101.7,51.8H15.3c-2.2,0-4-1.8-4-4v-6.1c0-6.9,5.6-12.5,12.5-12.5h69.3c6.9,0,12.5,5.6,12.5,12.5v6.1 C105.7,50,103.9,51.8,101.7,51.8z"></path><path class="st0" d="M83.5,22.6h-50c-2.2,0-4.1-1.8-4.1-4.1l0,0C29.4,8.3,37.7,0,47.9,0h21.2c10.2,0,18.5,8.3,18.5,18.5l0,0 C87.6,20.8,85.8,22.6,83.5,22.6C83.5,22.6,83.5,22.6,83.5,22.6z"></path><path class="st0" d="M105.7,58.4H11.3C5.1,58.4,0,63.5,0,69.7S5.1,81,11.3,81h33.5c1.2-6.4,6.8-11.3,13.6-11.3 S70.9,74.6,72.1,81h33.5c6.2,0,11.3-5.1,11.3-11.3S111.9,58.4,105.7,58.4C105.7,58.4,105.7,58.4,105.7,58.4z"></path><g><path class="st0" d="M101.6,87.6H72.3v22.6h22c6.2,0,11.3-5.1,11.3-11.3v-7.2C105.7,89.5,103.9,87.6,101.6,87.6 C101.6,87.6,101.6,87.6,101.6,87.6z"></path><path class="st0" d="M15.3,87.6c-2.2,0-4.1,1.8-4.1,4.1v7.2c0,6.2,5.1,11.3,11.3,11.3h22V87.6C44.6,87.6,15.3,87.6,15.3,87.6z "></path></g></g></g><g><path class="st1" d="M206.4,63c0,12.3-8.5,20.2-19.6,20.2c-5.3,0-9.5-1.7-12.3-5.1v4.5h-10.9V28.5H175v19.1 c2.9-3.2,6.9-4.8,11.8-4.8C197.8,42.8,206.4,50.7,206.4,63z M194.8,63c0-6.8-4.3-10.9-10-10.9s-10,4.1-10,10.9s4.3,10.9,10,10.9 S194.8,69.8,194.8,63z"></path><path class="st1" d="M243.6,70.3l6.1,6.6c-3.6,4.2-9.1,6.3-16.2,6.3c-13.6,0-22.4-8.5-22.4-20.2s8.9-20.2,21-20.2 c11.1,0,20.2,7.3,20.3,19.9l-29.1,5.6c1.7,3.9,5.3,5.8,10.4,5.8C237.9,74.1,240.9,72.9,243.6,70.3L243.6,70.3z M222.2,61.8 l19.1-3.7c-1.1-4-4.5-6.7-9.3-6.7C226.4,51.4,222.4,55.2,222.2,61.8L222.2,61.8z"></path><path class="st1" d="M289.6,70.3l6.1,6.6c-3.6,4.2-9.1,6.3-16.2,6.3c-13.6,0-22.4-8.5-22.4-20.2s8.9-20.2,21-20.2 c11.1,0,20.2,7.3,20.3,19.9l-29,5.6c1.7,3.9,5.3,5.8,10.4,5.8C283.9,74.1,286.9,72.9,289.6,70.3L289.6,70.3z M268.2,61.8 l19.1-3.7c-1.1-4-4.5-6.7-9.3-6.7C272.4,51.4,268.5,55.2,268.2,61.8z"></path><path class="st1" d="M346.2,60.2v22.5h-11.4V61.9c0-6.3-2.9-9.3-8-9.3c-5.5,0-9.4,3.4-9.4,10.6v19.4h-11.4V28.5h11.4v19 c3.1-3.1,7.5-4.7,12.5-4.7C339.2,42.8,346.2,48.2,346.2,60.2L346.2,60.2z"></path><path class="st1" d="M355.1,31.5c0-3.6,2.9-6.4,7.1-6.4s7.1,2.6,7.1,6.1c0,3.8-2.9,6.6-7.1,6.6S355.1,35.1,355.1,31.5z M356.5,43.4h11.4v39.3h-11.4C356.5,82.6,356.5,43.4,356.5,43.4z"></path><path class="st1" d="M377.1,31.5c0-3.6,2.9-6.4,7.1-6.4s7.1,2.6,7.1,6.1c0,3.8-2.9,6.6-7.1,6.6S377.1,35.1,377.1,31.5z M378.5,43.4h11.4v39.3h-11.4C378.5,82.6,378.5,43.4,378.5,43.4z"></path><path class="st1" d="M439.4,43.4l-16.6,39.3h-11.8l-16.5-39.3h11.8l10.9,26.7l11.2-26.7C428.5,43.4,439.4,43.4,439.4,43.4z"></path></g></g></g></g></svg><p class="text-xl font-bold">The one place to build.</p></div><div class="md:hidden w-full border-t py-10 border-[#4E4E6C]"><div class="border-b border-gray-700 last:border-b-0"><button class="flex w-full items-center justify-between py-4"><h3 class="text-sm font-bold">Platform</h3><div class=""></div></button><div class="overflow-hidden transition-all duration-200 max-h-0"><div class="flex flex-col"><a href="/newsletter-platform" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Newsletter Platform</a><a href="/web-builder" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Web Builder</a><a href="/ad-network" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Ad Network</a><a href="/features?tag=content" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Content</a><a href="/features?tag=growth" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Growth</a><a href="/features?tag=data" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Data</a><a href="/features?tag=earn" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Earn</a></div></div></div><div class="border-b border-gray-700 last:border-b-0"><button class="flex w-full items-center justify-between py-4"><h3 class="text-sm font-bold">I want to...</h3><div class=""></div></button><div class="overflow-hidden transition-all duration-200 max-h-0"><div class="flex flex-col"><a href="/i-want-to/influence-public-opinion" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Influence Public Opinion</a><a href="/i-want-to/reach-more-customers" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Reach More Customers</a><a href="/i-want-to/inform-stakeholders" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Inform Stakeholders</a><a href="/i-want-to/connect-my-local-community" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Connect My Local Community</a><a href="/i-want-to/engage-my-audience" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Engage My Audience</a><a href="/i-want-to/build-a-media-brand" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Build A Media Brand</a><a href="/i-want-to/advertise" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Advertise on beehiiv</a></div></div></div><div class="border-b border-gray-700 last:border-b-0"><button class="flex w-full items-center justify-between py-4"><h3 class="text-sm font-bold">I am a...</h3><div class=""></div></button><div class="overflow-hidden transition-all duration-200 max-h-0"><div class="flex flex-col"><a href="/i-am-a/independent-journalist" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Independent Journalist</a><a href="/i-am-a/publisher" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Publisher</a><a href="/i-am-a/newsroom" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Newsroom</a><a href="/i-am-a/startup" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Startup</a><a href="/i-am-a/writer" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Writer</a><a href="/i-am-a/founder" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Founder</a></div></div></div><div class="border-b border-gray-700 last:border-b-0"><button class="flex w-full items-center justify-between py-4"><h3 class="text-sm font-bold">beehiiv for</h3><div class=""></div></button><div class="overflow-hidden transition-all duration-200 max-h-0"><div class="flex flex-col"><a href="/beehiiv-for/business" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Business</a><a href="/beehiiv-for/content-creators" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Content Creators</a><a href="/beehiiv-for/crypto" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Web 3 & Crypto</a><a href="/beehiiv-for/fitness" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Health & Fitness</a><a href="/beehiiv-for/food" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Food</a><a href="/beehiiv-for/pop-culture" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Pop Culture</a></div></div></div><div class="border-b border-gray-700 last:border-b-0"><button class="flex w-full items-center justify-between py-4"><h3 class="text-sm font-bold">Resources</h3><div class=""></div></button><div class="overflow-hidden transition-all duration-200 max-h-0"><div class="flex flex-col"><a href="https://blog.beehiiv.com" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Blog</a><a href="https://product.beehiiv.com" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Product</a><a href="https://developers.beehiiv.com" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Developers</a><a href="/resources" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Tools & Guides</a><a href="/partners" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Partners</a><a href="/comparisons" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Comparisons</a></div></div></div><div class="border-b border-gray-700 last:border-b-0"><button class="flex w-full items-center justify-between py-4"><h3 class="text-sm font-bold">Help</h3><div class=""></div></button><div class="overflow-hidden transition-all duration-200 max-h-0"><div class="flex flex-col"><a href="https://beehiiv.com/support" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Support</a><a href="/virtual-events" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Virtual Events</a><a href="/changelog" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Changelog</a><a href="https://www.creatorspotlight.com/" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Creator Spotlight</a><a href="/case-studies" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Case Studies</a><a href="/features/newsletter-templates" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Templates</a></div></div></div><div class="border-b border-gray-700 last:border-b-0"><button class="flex w-full items-center justify-between py-4"><h3 class="text-sm font-bold">Company</h3><div class=""></div></button><div class="overflow-hidden transition-all duration-200 max-h-0"><div class="flex flex-col"><a href="/about" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">About</a><a href="https://careers.beehiiv.com/" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Careers</a><a href="https://shop.beehiiv.com/" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Shop</a><a href="/overview" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Product Overview</a><a href="/integrations" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Integrations</a><a href="/features" class="py-3 px-2 text-[14px] font-medium text-[#D6D6E0] transition hover:bg-white/5 active:bg-white/10 rounded-md">Features</a></div></div></div></div><div class="hidden md:grid md:grid-cols-4 lg:grid-cols-7 gap-8 w-full border-t border-b py-10 border-[#4E4E6C]"><div class="flex flex-col items-center md:items-start text-center md:text-left"><h3 class="text-sm font-bold mb-4">Platform</h3><div class="flex flex-col gap-2"><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/newsletter-platform">Newsletter Platform</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/web-builder">Web Builder</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/ad-network">Ad Network</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/features?tag=content">Content</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/features?tag=growth">Growth</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/features?tag=data">Data</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/features?tag=earn">Earn</a></div></div><div class="flex flex-col items-center md:items-start text-center md:text-left"><h3 class="text-sm font-bold mb-4">I want to...</h3><div class="flex flex-col gap-2"><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/i-want-to/influence-public-opinion">Influence Public Opinion</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/i-want-to/reach-more-customers">Reach More Customers</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/i-want-to/inform-stakeholders">Inform Stakeholders</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/i-want-to/connect-my-local-community">Connect My Local Community</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/i-want-to/engage-my-audience">Engage My Audience</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/i-want-to/build-a-media-brand">Build A Media Brand</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/i-want-to/advertise">Advertise on beehiiv</a></div></div><div class="flex flex-col items-center md:items-start text-center md:text-left"><h3 class="text-sm font-bold mb-4">I am a...</h3><div class="flex flex-col gap-2"><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/i-am-a/independent-journalist">Independent Journalist</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/i-am-a/publisher">Publisher</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/i-am-a/newsroom">Newsroom</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/i-am-a/startup">Startup</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/i-am-a/writer">Writer</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/i-am-a/founder">Founder</a></div></div><div class="flex flex-col items-center md:items-start text-center md:text-left"><h3 class="text-sm font-bold mb-4">beehiiv for</h3><div class="flex flex-col gap-2"><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/beehiiv-for/business">Business</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/beehiiv-for/content-creators">Content Creators</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/beehiiv-for/crypto">Web 3 & Crypto</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/beehiiv-for/fitness">Health & Fitness</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/beehiiv-for/food">Food</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/beehiiv-for/pop-culture">Pop Culture</a></div></div><div class="flex flex-col items-center md:items-start text-center md:text-left"><h3 class="text-sm font-bold mb-4">Resources</h3><div class="flex flex-col gap-2"><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="https://blog.beehiiv.com">Blog</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="https://product.beehiiv.com">Product</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="https://developers.beehiiv.com">Developers</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/resources">Tools & Guides</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/partners">Partners</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/comparisons">Comparisons</a></div></div><div class="flex flex-col items-center md:items-start text-center md:text-left"><h3 class="text-sm font-bold mb-4">Help</h3><div class="flex flex-col gap-2"><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="https://beehiiv.com/support">Support</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/virtual-events">Virtual Events</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/changelog">Changelog</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="https://www.creatorspotlight.com/">Creator Spotlight</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/case-studies">Case Studies</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/features/newsletter-templates">Templates</a></div></div><div class="flex flex-col items-center md:items-start text-center md:text-left"><h3 class="text-sm font-bold mb-4">Company</h3><div class="flex flex-col gap-2"><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/about">About</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="https://careers.beehiiv.com/">Careers</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="https://shop.beehiiv.com/">Shop</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/overview">Product Overview</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/integrations">Integrations</a><a class="rounded-md text-[12px] font-medium text-[#D6D6E0] transition hover:underline cursor-pointer" href="/features">Features</a></div></div></div><div class="flex flex-col items-center justify-center py-8 md:flex-row md:justify-between gap-6"><div class="flex flex-col items-center md:items-start gap-6"><p class="max-w-lg font-bold text-center text-base md:text-left text-[#D6D6E0]">Get beehiiv updates delivered directly to your inbox.</p><div class="mx-auto md:mx-0"><iframe src="https://embeds.beehiiv.com/2437321d-52a5-4086-bceb-1550db1eed6d?slim=true" data-test-id="beehiiv-embed" title="Product updates newsletter sign up form powered by beehiiv" height="52" frameBorder="0" scrolling="no" style="margin:0;border-radius:0px !important;background-color:transparent"></iframe></div><span class="leading-2 block max-w-sm text-center text-[12px] md:text-left">By subscribing you agree to our <a href="/privacy">Privacy Policy</a> and provide consent to receive updates from our company.</span></div><div class="flex flex-col gap-8 justify-between items-center md:items-end"><div class="flex items-center justify-center md:justify-end space-x-6 mb-auto"><span style="transform:translate(0px, 0px) rotate(0deg) scale(1)"><a class="flex items-center justify-center " href="https://www.youtube.com/@beehiiv" title="YouTube"><span class="sr-only">YouTube</span><div class=""></div></a></span><span style="transform:translate(0px, 0px) rotate(0deg) scale(1)"><a class="" href="https://www.tiktok.com/@beehiiv/" title="TikTok"><span class="sr-only">TikTok</span><div class=""></div></a></span><span style="transform:translate(0px, 0px) rotate(0deg) scale(1)"><a class="" href="https://www.facebook.com/trybeehiiv/"><span class="sr-only">Facebook</span><div class=""></div></a></span><span style="transform:translate(0px, 0px) rotate(0deg) scale(1)"><a class="" href="https://www.instagram.com/beehiiv/"><span class="sr-only">Instagram</span><div class=""></div></a></span><span style="transform:translate(0px, 0px) rotate(0deg) scale(1)"><a class="" href="https://www.x.com/beehiiv/"><span class="sr-only">X</span><div class=""></div></a></span><span style="transform:translate(0px, 0px) rotate(0deg) scale(1)"><a class="flex items-center justify-center " href="https://www.linkedin.com/company/beehiiv" title="LinkedIn"><span class="sr-only">LinkedIn</span><div class=""></div></a></span></div><div class="mt-auto text-center md:text-right"><span class="block text-sm text-gray-400 mb-4">© 2025 beehiiv, Inc. All rights reserved.</span><div class="flex flex-row justify-center md:justify-end flex-wrap gap-4"><a class="p-2 text-sm iubenda-nostyle no-brand iubenda-noiframe iubenda-embed" href="https://www.iubenda.com/terms-and-conditions/39979771" title="Terms and Conditions">Terms</a><a class="p-2 text-sm iubenda-nostyle no-brand iubenda-noiframe iubenda-embed" href="https://www.iubenda.com/privacy-policy/39979771" title="Privacy Policy">Privacy</a><a class="p-2 text-sm iubenda-nostyle no-brand iubenda-noiframe iubenda-embed" href="https://www.iubenda.com/privacy-policy/39979771/cookie-policy" title="Cookie Policy">Cookie Policy</a><a class="p-2 text-sm iubenda-nostyle no-brand iubenda-noiframe iubenda-embed" href="https://www.iubenda.com/dsar-form/en/aa120c5a-f10b-47c2-86d0-522f810b22bc" title="DSAR Form">DSAR Form</a><a class="p-2 text-sm" href="https://beehiiv.com/support" target="_blank" rel="noreferrer">Support</a><a class="p-2 text-sm" href="/sitemap" target="_blank" rel="noreferrer">Sitemap</a></div></div></div></div></div></div><div class="bg-cyber-ink py-4 sm:py-9"><section class="ticker gap-[40px]"><div class="ticker-image-container duration-[200s] gap-[40px] animate-ticker-left"><div><span class="clash-grotesk-font-family mx-auto max-w-4xl text-left text-xl uppercase md:text-3xl lg:text-6xl gradient-text">Newsletters made simple</span></div><div><span class="clash-grotesk-font-family mx-auto max-w-4xl text-left text-xl uppercase md:text-3xl lg:text-6xl gradient-text">Newsletters made simple</span></div><div><span class="clash-grotesk-font-family mx-auto max-w-4xl text-left text-xl uppercase md:text-3xl lg:text-6xl gradient-text">Newsletters made simple</span></div><div><span class="clash-grotesk-font-family mx-auto max-w-4xl text-left text-xl uppercase md:text-3xl lg:text-6xl gradient-text">Newsletters made simple</span></div><div><span class="clash-grotesk-font-family mx-auto max-w-4xl text-left text-xl uppercase md:text-3xl lg:text-6xl gradient-text">Newsletters made simple</span></div><div><span class="clash-grotesk-font-family mx-auto max-w-4xl text-left text-xl uppercase md:text-3xl lg:text-6xl gradient-text">Newsletters made simple</span></div></div><div class="ticker-image-container duration-[200s] gap-[40px] animate-ticker-left"><div><span class="clash-grotesk-font-family mx-auto max-w-4xl text-left text-xl uppercase md:text-3xl lg:text-6xl gradient-text">Newsletters made simple</span></div><div><span class="clash-grotesk-font-family mx-auto max-w-4xl text-left text-xl uppercase md:text-3xl lg:text-6xl gradient-text">Newsletters made simple</span></div><div><span class="clash-grotesk-font-family mx-auto max-w-4xl text-left text-xl uppercase md:text-3xl lg:text-6xl gradient-text">Newsletters made simple</span></div><div><span class="clash-grotesk-font-family mx-auto max-w-4xl text-left text-xl uppercase md:text-3xl lg:text-6xl gradient-text">Newsletters made simple</span></div><div><span class="clash-grotesk-font-family mx-auto max-w-4xl text-left text-xl uppercase md:text-3xl lg:text-6xl gradient-text">Newsletters made simple</span></div><div><span class="clash-grotesk-font-family mx-auto max-w-4xl text-left text-xl uppercase md:text-3xl lg:text-6xl gradient-text">Newsletters made simple</span></div></div></section></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/web-builder","query":{},"buildId":"EypHmzUwSuOLWEtw2snbZ","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>