CINXE.COM

<!doctype html><html lang="en-gb"><head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Official Ghost + Formspree Integration</title><meta name="description" content="Formspree is a sensible online form builder for businesses which can be integrated with Ghost using a sensible HTML card and some customisable code."><link rel="canonical" href=https://ghost.org/integrations/formspree/><meta name="keywords" content="Surveys & Forms"><meta name="theme-color" content="#15171A"><meta property="og:site_name" content="Ghost - The Professional Publishing Platform"><meta property="og:type" content="website"><meta property="og:title" content="Official Ghost + Formspree Integration"><meta property="og:description" content="Formspree is a sensible online form builder for businesses which can be integrated with Ghost using a sensible HTML card and some customisable code."><meta property="og:url" content="https://ghost.org/integrations/formspree/"><meta property="og:image" content="https://ghost.org/images/meta/ghost-integrations.png"><meta property="og:image:width" content="1280"><meta property="og:image:height" content="640"><meta name="twitter:title" content="Official Ghost + Formspree Integration"><meta name="twitter:description" content="Formspree is a sensible online form builder for businesses which can be integrated with Ghost using a sensible HTML card and some customisable code."><meta name="twitter:url" content="https://ghost.org/integrations/formspree/"><meta name="twitter:site" content="@ghost"><meta name="twitter:creator" content="@ghost"><meta name="twitter:label2" content="Filed under"><meta name="twitter:data2" content="Surveys & Forms"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="https://ghost.org/images/meta/ghost-integrations.png"><script type="application/ld+json">{"@context":"https://schema.org/","@type":"WebSite","url":"https://ghost.org/integrations/formspree/","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/ghost.org/"},"image":{"@type":"ImageObject","url":"https://ghost.org/images/meta/ghost-integrations.png","width":1280,"height":640},"keywords":"Surveys \u0026 Forms","description":"Formspree is a sensible online form builder for businesses which can be integrated with Ghost using a sensible HTML card and some customisable code."}</script><meta name="generator" content="Hugo 0.119.0"><link rel="sitemap" type="application/xml" title="Sitemap" href="https://ghost.org/sitemap.xml"><link rel="preconnect" href="/fonts/"><link rel="preload" as="font" type="font/woff2" href="/fonts/InterVariable.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/InterVariable-Italic.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-Thin.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-ThinItalic.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-ExtraLight.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-ExtraLightItalic.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-Light.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-LightItalic.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-Regular.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-Italic.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-Medium.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-MediumItalic.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-SemiBold.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-SemiBoldItalic.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-Bold.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-BoldItalic.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-ExtraBold.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-ExtraBoldItalic.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-Black.woff2" crossorigin="anonymous"><link rel="preload" as="font" type="font/woff2" href="/fonts/Inter-BlackItalic.woff2" crossorigin="anonymous"><style>@font-face{font-family:InterVariable;font-style:normal;font-weight:100 900;font-display:optional;src:url(/fonts/InterVariable.woff2)format("woff2")}@font-face{font-family:InterVariable;font-style:italic;font-weight:100 900;font-display:optional;src:url(/fonts/InterVariable-Italic.woff2)format("woff2")}@font-face{font-family:inter;font-style:normal;font-weight:100;font-display:optional;src:url(/fonts/Inter-Thin.woff2)format("woff2")}@font-face{font-family:inter;font-style:italic;font-weight:100;font-display:optional;src:url(/fonts/Inter-ThinItalic.woff2)format("woff2")}@font-face{font-family:inter;font-style:normal;font-weight:200;font-display:optional;src:url(/fonts/Inter-ExtraLight.woff2)format("woff2")}@font-face{font-family:inter;font-style:italic;font-weight:200;font-display:optional;src:url(/fonts/Inter-ExtraLightItalic.woff2)format("woff2")}@font-face{font-family:inter;font-style:normal;font-weight:300;font-display:optional;src:url(/fonts/Inter-Light.woff2)format("woff2")}@font-face{font-family:inter;font-style:italic;font-weight:300;font-display:optional;src:url(/fonts/Inter-LightItalic.woff2)format("woff2")}@font-face{font-family:inter;font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/Inter-Regular.woff2)format("woff2")}@font-face{font-family:inter;font-style:italic;font-weight:400;font-display:optional;src:url(/fonts/Inter-Italic.woff2)format("woff2")}@font-face{font-family:inter;font-style:normal;font-weight:500;font-display:optional;src:url(/fonts/Inter-Medium.woff2)format("woff2")}@font-face{font-family:inter;font-style:italic;font-weight:500;font-display:optional;src:url(/fonts/Inter-MediumItalic.woff2)format("woff2")}@font-face{font-family:inter;font-style:normal;font-weight:600;font-display:optional;src:url(/fonts/Inter-SemiBold.woff2)format("woff2")}@font-face{font-family:inter;font-style:italic;font-weight:600;font-display:optional;src:url(/fonts/Inter-SemiBoldItalic.woff2)format("woff2")}@font-face{font-family:inter;font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/Inter-Bold.woff2)format("woff2")}@font-face{font-family:inter;font-style:italic;font-weight:700;font-display:optional;src:url(/fonts/Inter-BoldItalic.woff2)format("woff2")}@font-face{font-family:inter;font-style:normal;font-weight:800;font-display:optional;src:url(/fonts/Inter-ExtraBold.woff2)format("woff2")}@font-face{font-family:inter;font-style:italic;font-weight:800;font-display:optional;src:url(/fonts/Inter-ExtraBoldItalic.woff2)format("woff2")}@font-face{font-family:inter;font-style:normal;font-weight:900;font-display:optional;src:url(/fonts/Inter-Black.woff2)format("woff2")}@font-face{font-family:inter;font-style:italic;font-weight:900;font-display:optional;src:url(/fonts/Inter-BlackItalic.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:normal;font-weight:100;font-display:optional;src:url(/fonts/InterDisplay-Thin.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:italic;font-weight:100;font-display:optional;src:url(/fonts/InterDisplay-ThinItalic.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:normal;font-weight:200;font-display:optional;src:url(/fonts/InterDisplay-ExtraLight.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:italic;font-weight:200;font-display:optional;src:url(/fonts/InterDisplay-ExtraLightItalic.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:normal;font-weight:300;font-display:optional;src:url(/fonts/InterDisplay-Light.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:italic;font-weight:300;font-display:optional;src:url(/fonts/InterDisplay-LightItalic.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/InterDisplay-Regular.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:italic;font-weight:400;font-display:optional;src:url(/fonts/InterDisplay-Italic.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:normal;font-weight:500;font-display:optional;src:url(/fonts/InterDisplay-Medium.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:italic;font-weight:500;font-display:optional;src:url(/fonts/InterDisplay-MediumItalic.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:normal;font-weight:600;font-display:optional;src:url(/fonts/InterDisplay-SemiBold.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:italic;font-weight:600;font-display:optional;src:url(/fonts/InterDisplay-SemiBoldItalic.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/InterDisplay-Bold.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:italic;font-weight:700;font-display:optional;src:url(/fonts/InterDisplay-BoldItalic.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:normal;font-weight:800;font-display:optional;src:url(/fonts/InterDisplay-ExtraBold.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:italic;font-weight:800;font-display:optional;src:url(/fonts/InterDisplay-ExtraBoldItalic.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:normal;font-weight:900;font-display:optional;src:url(/fonts/InterDisplay-Black.woff2)format("woff2")}@font-face{font-family:interdisplay;font-style:italic;font-weight:900;font-display:optional;src:url(/fonts/InterDisplay-BlackItalic.woff2)format("woff2")}</style><link rel="stylesheet" href="https://ghost.org/css/main.min.6fb381487ea28df3a138205bf33364d037d9f81e43a2c3ba9c5ac8581d852818.css"><link rel="stylesheet" href="https://ghost.org/css/integrations.min.99f54578d58fcb3c59db053801ae9bd400db20a3dee4047a2801128fb46279dc.css"><script async defer data-domain="ghost.org" src="/js/script.js"></script> <script>(function(e){e.fpr=e.fpr||function(){e.fpr.q=e.fpr.q||[],e.fpr.q[arguments[0]=="set"?"unshift":"push"](arguments)}})(window),fpr("init",{cid:"pq6gukie"}),fpr("click")</script><script src="https://cdn.firstpromoter.com/fpr.js" async></script> <script>const userAgent=window.navigator.userAgent.toLowerCase()??"",blockedUserAgents=["googlebot","bingbot","acunetix"];if(!blockedUserAgents.some(e=>userAgent.includes(e))){const e=window.location.host??void 0,t=e==="ghost.org"?"phc_BgyIkK5UR1A5pXEZNee5J7DjL0beergcXKWptrmMvZ2":"phc_8NpmCVWz4hA35t8fCtsbno27p7FjqEOO4E02CeWc1v5";!function(e,t){var n,s,o,i;t.__SV||(window.posthog=t,t._i=[],t.init=function(a,r,c){function d(e,t){var n=t.split(".");2==n.length&&(e=e[n[0]],t=n[1]),e[t]=function(){e.push([t].concat(Array.prototype.slice.call(arguments,0)))}}(s=e.createElement("script")).type="text/javascript",s.async=!0,s.src=r.api_host+"/static/array.js",(i=e.getElementsByTagName("script")[0]).parentNode.insertBefore(s,i);var l=t;for(void 0!==c?l=t[c]=[]:c="posthog",l.people=l.people||[],l.toString=function(e){var t="posthog";return"posthog"!==c&&(t+="."+c),e||(t+=" (stub)"),t},l.people.toString=function(){return l.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys onSessionId".split(" "),n=0;n<o.length;n++)d(l,o[n]);t._i.push([a,r,c])},t.__SV=1)}(document,window.posthog||[]),posthog.init(t,{api_host:"https://e.ghost.org/ph/ingest",ui_host:"https://eu.posthog.com"})}</script></head><body class="gh-integrations antialiased text-md" x-data="{ ...searchModal() }" x-on:keydown.escape="closeSearchModal()" x-on:keydown.cmd.k="handleGlobalShortcut($event)"><div class="max-w-full overflow-x-clip relative min-h-screen my-0 mx-auto bg-white"><header class="relative bg-white" x-data="{open: false}" x-on:keydown.escape="open = false"><div class="px-4 sm:px-6"><div class="flex justify-between items-center max-w-8xl mx-auto py-[3vmin] lg:justify-start lg:space-x-10"><div class="flex justify-start"><a href="/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 294" preserveAspectRatio="xMidYMid meet" class="ghost-orb-logo" height="40px"> <title>Ghost Logo</title> <style> svg.ghost-orb-logo { background-size: 100% 100%; background-repeat: no-repeat; background-image: url(/images/logos/logo-black-1.webp); } </style> </svg></a></div><div class="-mr-2 -my-2 lg:hidden"><button type="button" class="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none" aria-expanded="false" x-on:click="open = !open"> <span class="sr-only">Open menu</span><svg class="h-5 w-5 max-w-none" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> </svg></button></div><nav class="hidden lg:flex space-x-10"><div class="relative" x-data="{open: false}" x-on:keydown.escape="open = false"><button type="button" class="text-gray-500 font-medium group bg-white rounded-md inline-flex items-center text-md hover:text-gray-900 focus:outline-none" :class="{ 'text-gray-900': open, 'text-gray-500': !(open) }" aria-expanded="false" x-on:click="open = !open"> <span>Product</span><svg class="text-gray-400 ml-1 h-5 w-5 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg></button><div class="absolute z-50 -ml-4 mt-8 transform px-2 w-screen max-w-xs sm:px-0 lg:ml-0 lg:left-1/2 lg:-translate-x-1/2" x-cloak x-on:click.outside="open = false" x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1"><div class="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden"><div class="relative grid grid-cols-1 gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8"><a href="/creators/" class="-m-4 p-4 flex flex-col justify-between rounded-lg hover:bg-gray-100"><div class="lg:flex-1 lg:flex lg:flex-col lg:justify-between"><div class="flex items-start gap-x-2.5"><span class="h-5 w-5 text-blue-500 shrink-0 mt-1"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(2,0,0,2,0,0)"><path d="M14.885,3A16.977,16.977,0,0,0,7.385.75c-3,0-3.75,1.5-3.75,3,0,1.657.675,3,2.25,3h9c1.3,0,2.25-.127,2.25-1.5A1.989,1.989,0,0,0,14.885,3Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M14.885,3A2.25,2.25,0,0,1,17.135.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M6.635,15.748a9.762,9.762,0,0,0-5.886,7.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M22.823,13.382A2.25,2.25,0,1,1,19.006,11c.794-1.272,2.7-.08,3.895-1.989C22.9,9.009,23.481,12.328,22.823,13.382Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M19.722,14.1a2.035,2.035,0,0,0-2.9.825l-3.262,5.935a1.658,1.658,0,0,0,2.8,1.747l3.9-5.535A2.036,2.036,0,0,0,19.722,14.1Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M5.2,6.653a5.25,5.25,0,1,0,10.375.076" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></g></svg></span><div><p class="text-lg font-bold font-hdg text-gray-900">For Creators</p><p class="mt-1 text-sm text-gray-500">YouTubers, bloggers, podcasters, musicians & artists</p></div></div></div></a><a href="/publishers/" class="-m-4 p-4 flex flex-col justify-between rounded-lg hover:bg-gray-100"><div class="lg:flex-1 lg:flex lg:flex-col lg:justify-between"><div class="flex items-start gap-x-2.5"><span class="h-5 w-5 text-blue-500 shrink-0 mt-1"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48"> <g transform="matrix(2,0,0,2,0,0)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.746 15.75H2.246L1.2 21.479C1.16033 21.695 1.16856 21.917 1.2241 22.1294C1.27964 22.3419 1.38114 22.5395 1.52144 22.7084C1.66173 22.8773 1.8374 23.0134 2.03604 23.107C2.23467 23.2005 2.45143 23.2494 2.671 23.25H21.322C21.5422 23.2504 21.7597 23.2023 21.9592 23.1092C22.1587 23.0161 22.3353 22.8801 22.4763 22.7111C22.6174 22.5421 22.7195 22.3441 22.7755 22.1311C22.8314 21.9182 22.8398 21.6955 22.8 21.479L21.746 15.75Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.246 1.5C5.246 1.40117 5.26553 1.30331 5.30347 1.21206C5.34141 1.1208 5.39702 1.03794 5.46708 0.968246C5.53715 0.89855 5.62031 0.843389 5.71176 0.805934C5.80322 0.768479 5.90117 0.749468 6 0.749995H15L18.75 4.5V11.25H5.246V1.5Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.746 12.75H23.246"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M0.75 12.75H2.25"></path><path stroke="currentColor" stroke-width="1.5" d="M7.125 19.875C6.91789 19.875 6.75 19.7071 6.75 19.5C6.75 19.2929 6.91789 19.125 7.125 19.125"></path><path stroke="currentColor" stroke-width="1.5" d="M7.125 19.875C7.33211 19.875 7.5 19.7071 7.5 19.5C7.5 19.2929 7.33211 19.125 7.125 19.125"></path><path stroke="currentColor" stroke-width="1.5" d="M12 19.875C11.7929 19.875 11.625 19.7071 11.625 19.5C11.625 19.2929 11.7929 19.125 12 19.125"></path><path stroke="currentColor" stroke-width="1.5" d="M12 19.875C12.2071 19.875 12.375 19.7071 12.375 19.5C12.375 19.2929 12.2071 19.125 12 19.125"></path><path stroke="currentColor" stroke-width="1.5" d="M16.875 19.875C16.6679 19.875 16.5 19.7071 16.5 19.5C16.5 19.2929 16.6679 19.125 16.875 19.125"></path><path stroke="currentColor" stroke-width="1.5" d="M16.875 19.875C17.0821 19.875 17.25 19.7071 17.25 19.5C17.25 19.2929 17.0821 19.125 16.875 19.125"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.246 15.75V12.75C2.246 12.3522 2.40404 11.9706 2.68534 11.6893C2.96665 11.408 3.34818 11.25 3.746 11.25H20.246C20.6438 11.25 21.0254 11.408 21.3067 11.6893C21.588 11.9706 21.746 12.3522 21.746 12.75V15.75"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.246 8.25H14.996"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.246 4.5H11.996"></path></g></svg></span><div><p class="text-lg font-bold font-hdg text-gray-900">For Publishers</p><p class="mt-1 text-sm text-gray-500">Writers, journalists, local news and new media outlets</p></div></div></div></a><a href="/business/" class="-m-4 p-4 flex flex-col justify-between rounded-lg hover:bg-gray-100"><div class="lg:flex-1 lg:flex lg:flex-col lg:justify-between"><div class="flex items-start gap-x-2.5"><span class="h-5 w-5 text-blue-500 shrink-0 mt-1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"> <g transform="matrix(2,0,0,2,0,0)"><g> <path d="M6.25,23.25l7.61-12.08a1.12,1.12,0,0,1,1.78,0l7.61,12.08Z" style="fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;stroke-width: 1.5px"></path> <polyline points="6.25 23.25 0.75 23.26 6.75 14.26 9.6 17.94" style="fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;stroke-width: 1.5px"></polyline> <polyline points="11.31 15.22 14.72 17.51 18.16 15.16" style="fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;stroke-width: 1.5px"></polyline> <line x1="14.75" y1="10.73" x2="14.75" y2="0.74" style="fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;stroke-width: 1.5px"></line> <path d="M14.75.74h7.19a.53.53,0,0,1,.47.3.55.55,0,0,1-.06.55L21.21,3a.53.53,0,0,0,0,.65l1.14,1.45a.54.54,0,0,1,.06.55.53.53,0,0,1-.47.3H14.75" style="fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;stroke-width: 1.5px"></path> </g></g></svg></span><div><p class="text-lg font-bold font-hdg text-gray-900">For Business</p><p class="mt-1 text-sm text-gray-500">Modern brands & companies with ambitious content marketing</p></div></div></div></a><a href="/docs/" class="-m-4 p-4 flex flex-col justify-between rounded-lg hover:bg-gray-100"><div class="lg:flex-1 lg:flex lg:flex-col lg:justify-between"><div class="flex items-start gap-x-2.5"><span class="h-5 w-5 text-blue-500 shrink-0 mt-1"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(2,0,0,2,0,0)"><path d="M7.629,4.5l-6.44,6.439a1.5,1.5,0,0,0,0,2.121l6.44,6.44" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M16.371,4.5l6.44,6.439a1.5,1.5,0,0,1,0,2.121l-6.44,6.44" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></g></svg></span><div><p class="text-lg font-bold font-hdg text-gray-900">For Developers</p><p class="mt-1 text-sm text-gray-500">Source code, documentation, guides and tutorials</p></div></div></div></a></div></div></div></div><a href="/explore/" class="text-md text-gray-500 font-medium hover:text-gray-900">Explore</a><div class="relative" x-data="{open: false}" x-on:keydown.escape="open = false"><button type="button" class="text-gray-500 font-medium group bg-white rounded-md inline-flex items-center text-md hover:text-gray-900 focus:outline-none" :class="{ 'text-gray-900': open, 'text-gray-500': !(open) }" aria-expanded="false" x-on:click="open = !open"> <span>Resources</span><svg class="text-gray-400 ml-1 h-5 w-5 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg></button><div class="absolute ml-0 left-1/2 -translate-x-1/2 z-50 -ml-4 mt-8 transform px-2 w-screen max-w-2xl sm:px-0" x-cloak x-on:click.outside="open = false" x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1"><div class="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden"><div class="relative grid grid-cols-2 gap-6 bg-white px-5 py-6 sm:gap-7 sm:p-8"><a href="/marketplace/" class="-m-4 p-4 flex flex-col justify-between rounded-lg hover:bg-gray-100"><div class="ml-4 lg:flex-1 lg:flex lg:flex-col lg:justify-between gap-y-1 lg:ml-0"><div class="flex items-start gap-x-2.5"><span class="h-5 w-5 text-blue-500 shrink-0 mt-1"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" fill="currentColor"> <g> <path d="M11.993,14.251c-0.365,0-0.729-0.088-1.052-0.255L0.732,8.714C0.478,8.584,0.275,8.38,0.144,8.125 c-0.344-0.67-0.079-1.494,0.59-1.838l10.206-5.28c0.324-0.167,0.688-0.255,1.052-0.255s0.729,0.088,1.052,0.255l10.21,5.281 c0.252,0.131,0.454,0.333,0.585,0.585c0.346,0.67,0.083,1.495-0.585,1.842l-10.209,5.281 C12.723,14.162,12.359,14.251,11.993,14.251z M11.63,12.663c0.112,0.058,0.237,0.088,0.364,0.088c0.126,0,0.252-0.031,0.363-0.088 l9.979-5.162l-9.979-5.162c-0.111-0.058-0.237-0.088-0.363-0.088s-0.252,0.03-0.364,0.088L1.652,7.501L11.63,12.663z"/> <path d="M11.996,18.751c-0.366,0-0.73-0.088-1.055-0.256L0.433,13.426c-0.18-0.087-0.316-0.239-0.382-0.428 c-0.066-0.189-0.054-0.393,0.033-0.573c0.124-0.258,0.389-0.424,0.675-0.424c0.114,0,0.224,0.025,0.326,0.075l10.527,5.078 c0.126,0.064,0.256,0.096,0.385,0.096c0.125,0,0.25-0.03,0.361-0.088l10.576-5.087c0.103-0.049,0.212-0.074,0.325-0.074 c0.287,0,0.552,0.167,0.676,0.425c0.179,0.372,0.022,0.821-0.351,1l-10.557,5.078C12.718,18.664,12.359,18.751,11.996,18.751z"/> <path d="M11.996,23.251c-0.366,0-0.73-0.088-1.055-0.256L0.433,17.926c-0.18-0.087-0.316-0.239-0.382-0.428 c-0.066-0.189-0.054-0.393,0.033-0.573c0.124-0.258,0.389-0.424,0.676-0.424c0.114,0,0.223,0.025,0.326,0.075l10.527,5.078 c0.126,0.065,0.256,0.096,0.385,0.096c0.125,0,0.25-0.03,0.361-0.087l10.576-5.087c0.103-0.049,0.212-0.074,0.325-0.074 c0.287,0,0.552,0.167,0.676,0.425c0.179,0.372,0.022,0.821-0.351,1l-10.557,5.078C12.718,23.164,12.359,23.251,11.996,23.251z"/> </g> </svg></span><div><p class="text-lg font-bold font-hdg text-gray-900">Marketplace</p><p class="mt-1 text-sm text-gray-500">Professional themes, custom integrations and qualified experts</p></div></div></div></a><a href="/resources/" class="-m-4 p-4 flex flex-col justify-between rounded-lg hover:bg-gray-100"><div class="ml-4 lg:flex-1 lg:flex lg:flex-col lg:justify-between gap-y-1 lg:ml-0"><div class="flex items-start gap-x-2.5"><span class="h-5 w-5 text-blue-500 shrink-0 mt-1"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(2,0,0,2,0,0)"><path d="M21,23.25H5.25A2.25,2.25,0,0,1,3,21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M12,2.25H6a3,3,0,0,0-3,3V21a2.25,2.25,0,0,1,2.25-2.25h15A.75.75,0,0,0,21,18V3a.75.75,0,0,0-.75-.75H18" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M19.5 23.25L19.5 18.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M18,12.75l-3-3-3,3V2.25A1.5,1.5,0,0,1,13.5.75h3A1.5,1.5,0,0,1,18,2.25Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></g></svg></span><div><p class="text-lg font-bold font-hdg text-gray-900 flex items-center gap-2">Start here <span class="inline-block bg-pink-900 text-white py-0.5 px-1 text-[1rem] font-semibold uppercase tracking-wide rounded-[4px]">New</span></p><p class="mt-1 text-sm text-gray-500">A huge library of guides, stories, interviews and tips for success</p></div></div></div></a><a href="/themes/" class="-m-4 p-4 flex flex-col justify-between rounded-lg hover:bg-gray-100"><div class="ml-4 lg:flex-1 lg:flex lg:flex-col lg:justify-between gap-y-1 lg:ml-0"><div class="flex items-start gap-x-2.5"><span class="h-5 w-5 text-blue-500 shrink-0 mt-1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"> <g transform="matrix(2,0,0,2,0,0)"><g> <rect x="4.75" y="4.75" width="5.75" height="7.25" rx="0.75" style="fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;stroke-width: 1.5px"></rect> <rect x="4.75" y="15" width="5.75" height="4.25" rx="0.75" style="fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;stroke-width: 1.5px"></rect> <rect x="13.5" y="12" width="5.75" height="7.25" rx="0.75" style="fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;stroke-width: 1.5px"></rect> <rect x="13.5" y="4.75" width="5.75" height="4.25" rx="0.75" style="fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;stroke-width: 1.5px"></rect> <rect x="0.75" y="0.75" width="22.5" height="22.5" rx="1.5" style="fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;stroke-width: 1.5px"></rect> </g></g></svg></span><div><p class="text-lg font-bold font-hdg text-gray-900">Themes</p><p class="mt-1 text-sm text-gray-500">Hundreds of beautifully designed publication templates</p></div></div></div></a><a href="/help/" class="-m-4 p-4 flex flex-col justify-between rounded-lg hover:bg-gray-100"><div class="ml-4 lg:flex-1 lg:flex lg:flex-col lg:justify-between gap-y-1 lg:ml-0"><div class="flex items-start gap-x-2.5"><span class="h-5 w-5 text-blue-500 shrink-0 mt-1"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48"> <g transform="matrix(2,0,0,2,0,0)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 9.00004C9.00011 8.45007 9.15139 7.91071 9.43732 7.44091C9.72325 6.97111 10.1328 6.58895 10.6213 6.33619C11.1097 6.08344 11.6583 5.96982 12.2069 6.00776C12.7556 6.04569 13.2833 6.23372 13.7323 6.55129C14.1813 6.86886 14.5344 7.30375 14.7529 7.80843C14.9715 8.31311 15.0471 8.86816 14.9715 9.41291C14.8959 9.95766 14.6721 10.4712 14.3244 10.8973C13.9767 11.3234 13.5185 11.6457 13 11.829C12.7074 11.9325 12.4541 12.1241 12.275 12.3775C12.0959 12.631 11.9998 12.9337 12 13.244V14.25"></path><path stroke="currentColor" stroke-width="1.5" d="M12 18C11.7929 18 11.625 17.8321 11.625 17.625C11.625 17.4179 11.7929 17.25 12 17.25"></path><path stroke="currentColor" stroke-width="1.5" d="M12 18C12.2071 18 12.375 17.8321 12.375 17.625C12.375 17.4179 12.2071 17.25 12 17.25"></path><path stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M12 23.25C18.2132 23.25 23.25 18.2132 23.25 12C23.25 5.7868 18.2132 0.75 12 0.75C5.7868 0.75 0.75 5.7868 0.75 12C0.75 18.2132 5.7868 23.25 12 23.25Z"></path></g></svg></span><div><p class="text-lg font-bold font-hdg text-gray-900">Help center</p><p class="mt-1 text-sm text-gray-500">Get help with product features and answers to common questions.</p></div></div></div></a><a href="/integrations/" class="-m-4 p-4 flex flex-col justify-between rounded-lg hover:bg-gray-100"><div class="ml-4 lg:flex-1 lg:flex lg:flex-col lg:justify-between gap-y-1 lg:ml-0"><div class="flex items-start gap-x-2.5"><span class="h-5 w-5 text-blue-500 shrink-0 mt-1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g transform="matrix(2,0,0,2,0,0)"><defs><style>.a{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>module-four</title><polygon class="a" points="22.5 7.5 22.5 18 12 22.5 1.5 18 1.5 7.5 12 12 22.5 7.5"></polygon><line class="a" x1="12" y1="22.5" x2="12" y2="12"></line><line class="a" x1="7.5" y1="4.929" x2="1.5" y2="7.5"></line><line class="a" x1="16.5" y1="4.929" x2="22.5" y2="7.5"></line><ellipse class="a" cx="12" cy="3" rx="4.5" ry="1.5"></ellipse><path class="a" d="M7.5,3V6c0,.828,2.015,1.5,4.5,1.5s4.5-.672,4.5-1.5V3"></path></g></svg></span><div><p class="text-lg font-bold font-hdg text-gray-900">Integrations</p><p class="mt-1 text-sm text-gray-500">Connect thousands of apps and services with your website</p></div></div></div></a><a href="/changelog/" class="-m-4 p-4 flex flex-col justify-between rounded-lg hover:bg-gray-100"><div class="ml-4 lg:flex-1 lg:flex lg:flex-col lg:justify-between gap-y-1 lg:ml-0"><div class="flex items-start gap-x-2.5"><span class="h-5 w-5 text-blue-500 shrink-0 mt-1"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(2,0,0,2,0,0)"><path d="M7.5 23.248L12 11.248 12 8.248 12 11.248 16.5 23.248" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M17.726.747a9,9,0,0,1,0,15" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M16.5,4.575a5.249,5.249,0,0,1,0,7.347" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M6.275.747a9,9,0,0,0,0,15" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M7.5,4.575a5.251,5.251,0,0,0,0,7.347" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M8.625 20.248L15.375 20.248" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></g></svg></span><div><p class="text-lg font-bold font-hdg text-gray-900">Product updates</p><p class="mt-1 text-sm text-gray-500">All the latest changes and improvements to Ghost</p></div></div></div></a><a href="/experts/" class="-m-4 p-4 flex flex-col justify-between rounded-lg hover:bg-gray-100"><div class="ml-4 lg:flex-1 lg:flex lg:flex-col lg:justify-between gap-y-1 lg:ml-0"><div class="flex items-start gap-x-2.5"><span class="h-5 w-5 text-blue-500 shrink-0 mt-1"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(2,0,0,2,0,0)"><path d="M7.629,4.5l-6.44,6.439a1.5,1.5,0,0,0,0,2.121l6.44,6.44" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M16.371,4.5l6.44,6.439a1.5,1.5,0,0,1,0,2.121l-6.44,6.44" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></g></svg></span><div><p class="text-lg font-bold font-hdg text-gray-900">Experts</p><p class="mt-1 text-sm text-gray-500">Get help building your site from certified Ghost developers</p></div></div></div></a><a href="/about/" class="-m-4 p-4 flex flex-col justify-between rounded-lg hover:bg-gray-100"><div class="ml-4 lg:flex-1 lg:flex lg:flex-col lg:justify-between gap-y-1 lg:ml-0"><div class="flex items-start gap-x-2.5"><span class="h-5 w-5 text-blue-500 shrink-0 mt-1"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(2,0,0,2,0,0)"><path d="M3.75,14v7.5A1.5,1.5,0,0,0,5.25,23h13.5a1.5,1.5,0,0,0,1.5-1.5V14" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M.75,12.629,10.939,2.439a1.5,1.5,0,0,1,2.122,0L23.25,12.629" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M16.5 5.879L16.5 3.5 20.25 3.5 20.25 9.629" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M15.93,11.845a1.9,1.9,0,0,0-2.751,0L12,13.064l-1.179-1.219a1.9,1.9,0,0,0-2.751,0,2.06,2.06,0,0,0,0,2.845l3.511,3.631a.579.579,0,0,0,.838,0L15.93,14.69A2.06,2.06,0,0,0,15.93,11.845Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></g></svg></span><div><p class="text-lg font-bold font-hdg text-gray-900">About us</p><p class="mt-1 text-sm text-gray-500">Learn more about the people behind the platform (We're hiring!)</p></div></div></div></a></div></div></div></div><a href="/pricing/" class="text-md text-gray-500 font-medium hover:text-gray-900">Pricing</a></nav><div class="hidden lg:flex items-center gap-7 justify-end lg:flex-1 lg:w-0"><a id="search-button" class="h-5 w-5 text-slate-400 hover:text-slate-900 transition-all" href="javascript:;" role="button" x-on:click="openSearchModal()" x-on:mouseenter.once="initSearch()" aria-label="Search"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg></a><a href="https://account.ghost.org/signin/" class="whitespace-nowrap text-md text-gray-500 font-medium hover:text-gray-900">Sign in</a> <a href="https://account.ghost.org/signup/" class="plausible-event-name=Signup-CTA-clicked whitespace-nowrap px-4 py-2 border border-transparent rounded-md shadow-sm text-sm text-white bg-base"><strong class="font-semibold">Get Started</strong> — free</a></div></div></div><div class="absolute top-0 inset-x-0 z-50 transition transform origin-top-right lg:hidden" x-cloak x-on:click.outside="open = false" x-show="open"><div class="shadow-lg ring-1 ring-black ring-opacity-5 bg-white divide-y-2 divide-gray-50"><div class="pt-[3vmin] pb-6 px-4 sm:px-6"><div class="flex items-center justify-between"><a href="/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 294" preserveAspectRatio="xMidYMid meet" class="ghost-orb-logo" height="40px"> <title>Ghost Logo</title> <style> svg.ghost-orb-logo { background-size: 100% 100%; background-repeat: no-repeat; background-image: url(/images/logos/logo-black-1.webp); } </style> </svg></a><div class="-mr-2"><button type="button" class="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none" x-on:click="open = !open"> <span class="sr-only">Close menu</span><svg class="h-4 w-4 max-w-none" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg></button></div></div><div class="mt-10"><nav class="grid grid-cols-1 gap-y-7"><a href="/creators/" class="flex flex-col justify-between"><div class="lg:flex-1 lg:flex lg:flex-col lg:justify-between lg:ml-0"><div class="flex items-center gap-x-2.5"><span class="h-5 w-5 text-green-900"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(2,0,0,2,0,0)"><path d="M14.885,3A16.977,16.977,0,0,0,7.385.75c-3,0-3.75,1.5-3.75,3,0,1.657.675,3,2.25,3h9c1.3,0,2.25-.127,2.25-1.5A1.989,1.989,0,0,0,14.885,3Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M14.885,3A2.25,2.25,0,0,1,17.135.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M6.635,15.748a9.762,9.762,0,0,0-5.886,7.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M22.823,13.382A2.25,2.25,0,1,1,19.006,11c.794-1.272,2.7-.08,3.895-1.989C22.9,9.009,23.481,12.328,22.823,13.382Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M19.722,14.1a2.035,2.035,0,0,0-2.9.825l-3.262,5.935a1.658,1.658,0,0,0,2.8,1.747l3.9-5.535A2.036,2.036,0,0,0,19.722,14.1Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M5.2,6.653a5.25,5.25,0,1,0,10.375.076" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></g></svg></span><p class="text-lg font-bold font-hdg text-gray-900">For Creators</p></div><p class="mt-1 text-sm text-gray-500">Join thousands of creators using Ghost to share their work</p></div></a><a href="/publishers/" class="flex flex-col justify-between"><div class="lg:flex-1 lg:flex lg:flex-col lg:justify-between lg:ml-0"><div class="flex items-center gap-x-2.5"><span class="h-5 w-5 text-green-900"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48"> <g transform="matrix(2,0,0,2,0,0)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.746 15.75H2.246L1.2 21.479C1.16033 21.695 1.16856 21.917 1.2241 22.1294C1.27964 22.3419 1.38114 22.5395 1.52144 22.7084C1.66173 22.8773 1.8374 23.0134 2.03604 23.107C2.23467 23.2005 2.45143 23.2494 2.671 23.25H21.322C21.5422 23.2504 21.7597 23.2023 21.9592 23.1092C22.1587 23.0161 22.3353 22.8801 22.4763 22.7111C22.6174 22.5421 22.7195 22.3441 22.7755 22.1311C22.8314 21.9182 22.8398 21.6955 22.8 21.479L21.746 15.75Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.246 1.5C5.246 1.40117 5.26553 1.30331 5.30347 1.21206C5.34141 1.1208 5.39702 1.03794 5.46708 0.968246C5.53715 0.89855 5.62031 0.843389 5.71176 0.805934C5.80322 0.768479 5.90117 0.749468 6 0.749995H15L18.75 4.5V11.25H5.246V1.5Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.746 12.75H23.246"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M0.75 12.75H2.25"></path><path stroke="currentColor" stroke-width="1.5" d="M7.125 19.875C6.91789 19.875 6.75 19.7071 6.75 19.5C6.75 19.2929 6.91789 19.125 7.125 19.125"></path><path stroke="currentColor" stroke-width="1.5" d="M7.125 19.875C7.33211 19.875 7.5 19.7071 7.5 19.5C7.5 19.2929 7.33211 19.125 7.125 19.125"></path><path stroke="currentColor" stroke-width="1.5" d="M12 19.875C11.7929 19.875 11.625 19.7071 11.625 19.5C11.625 19.2929 11.7929 19.125 12 19.125"></path><path stroke="currentColor" stroke-width="1.5" d="M12 19.875C12.2071 19.875 12.375 19.7071 12.375 19.5C12.375 19.2929 12.2071 19.125 12 19.125"></path><path stroke="currentColor" stroke-width="1.5" d="M16.875 19.875C16.6679 19.875 16.5 19.7071 16.5 19.5C16.5 19.2929 16.6679 19.125 16.875 19.125"></path><path stroke="currentColor" stroke-width="1.5" d="M16.875 19.875C17.0821 19.875 17.25 19.7071 17.25 19.5C17.25 19.2929 17.0821 19.125 16.875 19.125"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.246 15.75V12.75C2.246 12.3522 2.40404 11.9706 2.68534 11.6893C2.96665 11.408 3.34818 11.25 3.746 11.25H20.246C20.6438 11.25 21.0254 11.408 21.3067 11.6893C21.588 11.9706 21.746 12.3522 21.746 12.75V15.75"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.246 8.25H14.996"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.246 4.5H11.996"></path></g></svg></span><p class="text-lg font-bold font-hdg text-gray-900">For Publishers</p></div><p class="mt-1 text-sm text-gray-500">The platform for independent publishers</p></div></a><a href="/business/" class="flex flex-col justify-between"><div class="lg:flex-1 lg:flex lg:flex-col lg:justify-between lg:ml-0"><div class="flex items-center gap-x-2.5"><span class="h-5 w-5 text-green-900"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"> <g transform="matrix(2,0,0,2,0,0)"><g> <path d="M6.25,23.25l7.61-12.08a1.12,1.12,0,0,1,1.78,0l7.61,12.08Z" style="fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;stroke-width: 1.5px"></path> <polyline points="6.25 23.25 0.75 23.26 6.75 14.26 9.6 17.94" style="fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;stroke-width: 1.5px"></polyline> <polyline points="11.31 15.22 14.72 17.51 18.16 15.16" style="fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;stroke-width: 1.5px"></polyline> <line x1="14.75" y1="10.73" x2="14.75" y2="0.74" style="fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;stroke-width: 1.5px"></line> <path d="M14.75.74h7.19a.53.53,0,0,1,.47.3.55.55,0,0,1-.06.55L21.21,3a.53.53,0,0,0,0,.65l1.14,1.45a.54.54,0,0,1,.06.55.53.53,0,0,1-.47.3H14.75" style="fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;stroke-width: 1.5px"></path> </g></g></svg></span><p class="text-lg font-bold font-hdg text-gray-900">For Business</p></div><p class="mt-1 text-sm text-gray-500">Content marketing for modern business</p></div></a><a href="/docs/" class="flex flex-col justify-between"><div class="lg:flex-1 lg:flex lg:flex-col lg:justify-between lg:ml-0"><div class="flex items-center gap-x-2.5"><span class="h-5 w-5 text-green-900"><svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(2,0,0,2,0,0)"><path d="M7.629,4.5l-6.44,6.439a1.5,1.5,0,0,0,0,2.121l6.44,6.44" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M16.371,4.5l6.44,6.439a1.5,1.5,0,0,1,0,2.121l-6.44,6.44" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></g></svg></span><p class="text-lg font-bold font-hdg text-gray-900">For Developers</p></div><p class="mt-1 text-sm text-gray-500">Source code, documentation, guides and tutorials</p></div></a></nav></div></div><div class="py-6 px-4 sm:px-6 space-y-10"><div class="grid grid-cols-2 gap-y-4 gap-x-8"><a href="/explore/" class="text-base font-medium text-gray-900 hover:text-gray-700">Explore</a> <a href="/pricing/" class="text-base font-medium text-gray-900 hover:text-gray-700">Pricing</a> <a href="/marketplace/" class="text-base font-medium text-gray-900 hover:text-gray-700">Marketplace</a> <a href="/themes/" class="text-base font-medium text-gray-900 hover:text-gray-700">Themes</a> <a href="/integrations/" class="text-base font-medium text-gray-900 hover:text-gray-700">Integrations</a> <a href="/resources/" class="text-base font-medium text-gray-900 hover:text-gray-700">Resources</a> <a href="/help/" class="text-base font-medium text-gray-900 hover:text-gray-700">Help center</a> <a href="/changelog/" class="text-base font-medium text-gray-900 hover:text-gray-700">Product updates</a> <a href="/docs/" class="text-base font-medium text-gray-900 hover:text-gray-700">Developers</a> <a href="/about/" class="text-base font-medium text-gray-900 hover:text-gray-700">About us</a></div><div><a href="https://account.ghost.org/signup/" class="plausible-event-name=Signup-CTA-clicked w-full block px-4 py-2 border border-transparent rounded-md shadow-sm text-base text-sm text-white bg-base text-center"><strong class="font-semibold">Get Started</strong> — free</a><p class="mt-4 text-center text-base font-medium text-gray-500">Existing customer? <a href="https://account.ghost.org/signin/">Sign in</a></p></div></div></div></div></header><div id="search-modal" class="fixed top-0 right-0 bottom-0 left-0 z-50 flex-col items-center bg-[rgba(34,52,59,.5)]" x-cloak x-show="searchIsOpen()" :class="searchIsOpen() ? 'flex' : 'hidden'" :aria-expanded="searchIsOpen() ? 'true' : 'false'"><section class="gh-modal absolute top-5 right-5 left-5 overflow-hidden mt-0 mx-auto mb-10 lg:my-[8vh] max-w-[80rem] pt-6 pb-10 px-5 lg:py-10 max-h-[95vh] outline-none bg-white rounded-xl shadow-[0_0_1px_rgba(0,0,0,0.03),0_10px_32px_-5px_rgba(0,0,0,0.1)]" x-on:click.outside="closeSearchModal()"><div class="gh-modal-content relative h-auto w-auto border-none text-midgrey bg-white"><header><span class="absolute top-4 left-3 w-4 fill-[#768c96]"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg></span><label class="sr-only" for="search">Search</label> <input id="search-input" class="gh-input py-[1.5rem] pr-[1.5rem] pl-10 border-none text-[rgba(0,0,0,0.5)] text-[1.6rem] font-medium rounded-md bg-wash shadow-[rgba(0,0,0,0.06)_0_0_0_1px_inset] transition-all duration-500 ease-out" type=text placeholder="Quick-search for anything" autocomplete="off" autofocus name="search" x-on:keydown.enter.prevent aria-label="Search"><div class="absolute top-4 right-3 py-px px-[8px] my-0 mt-0 mb-[10px] text-[rgba(0,0,0,0.6)] text-[1.1rem] tracking-[1px] bg-white rounded-[5px] cursor-pointer" x-on:click="closeSearchModal()" role="button" aria-label="Close Search">ESC</div></header><div class="gh-modal-body"><div id="suggestions"><div class="mt-[30px] mx-[-4rem] mb-0"><div class="mx-0 mt-0 mb-[5px] py-0 px-10 text-[#768c96] text-[1.3rem] leading-snug">Common searches</div><ul role="listbox" class="flex flex-col w-full m-0 p-0 text-darkgrey text-[1.6rem] font-semibold leading-snug list-none"><li class="m-0" role="option"><a class="flex items-center py-[0.9rem] px-10 w-full text-darkgrey transition-none hover:no-underline hover:bg-[#f4f8fb]" href="/help/using-custom-domains/"><span class="my-0 mr-[15px] ml-0 w-[16px] h-auto"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg></span><span>how to set up my custom domain</span></a></li><li class="m-0" role="option"><a class="flex items-center py-[0.9rem] px-10 w-full text-darkgrey transition-none hover:no-underline hover:bg-[#f4f8fb]" href="/docs/install/"><span class="my-0 mr-[15px] ml-0 w-[16px] h-auto"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg></span><span>how to install ghost</span></a></li><li class="m-0" role="option"><a class="flex items-center py-[0.9rem] px-10 w-full text-darkgrey transition-none hover:no-underline hover:bg-[#f4f8fb]" href="/help/how-do-i-reset-my-password/"><span class="my-0 mr-[15px] ml-0 w-[16px] h-auto"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg></span><span>login not working, how to reset password</span></a></li><li class="m-0" role="option"><a class="flex items-center py-[0.9rem] px-10 w-full text-darkgrey transition-none hover:no-underline hover:bg-[#f4f8fb]" href="/help/cloudflare-domain-setup/"><span class="my-0 mr-[15px] ml-0 w-[16px] h-auto"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg></span><span>cloudflare setup and config</span></a></li><li class="m-0" role="option"><a class="flex items-center py-[0.9rem] px-10 w-full text-darkgrey transition-none hover:no-underline hover:bg-[#f4f8fb]" href="/docs/themes/"><span class="my-0 mr-[15px] ml-0 w-[16px] h-auto"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg></span><span>how to make a ghost theme</span></a></li></ul></div></div><div id="results"></div><footer class="flex relative items-center mt-[30px] mx-0 mb-[-4rem] h-[65px] bg-white before:content-[''] before:absolute before:top-0 before:-left-10 before:w-[calc(100%+8rem)] before:h-px before:bg-whitegrey"><div class="hidden lg:flex justify-center items-center mr-[6px] h-[22px] border-x border-[#d3e1e9] text-midgrey text-xs leading-none tracking-[0.4px] bg-whitegrey rounded w-[22px]"><span>↓</span></div><div class="hidden lg:flex justify-center items-center mr-[10px] h-[22px] border-x border-[#d3e1e9] text-midgrey text-xs leading-none tracking-[0.4px] bg-whitegrey rounded w-[22px]"><span>↑</span></div><p class="hidden lg:block my-0 mr-[30px] ml-0 leading-snug">to navigate</p><div class="hidden lg:flex justify-center items-center mr-[10px] h-[22px] border-x border-[#d3e1e9] text-midgrey text-xs leading-none tracking-[0.4px] bg-whitegrey rounded pt-px pr-0 pb-0 pl-[2px] w-[34px] font-['Helvetica Neue',Helvetica,Arial,sans-serif] text-sm"><span> &crarr;</span></div><p class="hidden lg:block my-0 mr-[30px] ml-0 leading-snug">to select</p><a class="absolute right-0 py-[5px] pr-0 pl-[5px]" href="https://www.algolia.com" target="_blank" rel="noopener noreferrer"><span class="block w-[120px] h-auto filter-[grayscale(80%)] opacity-40 transition-all duration-500 ease-out hover:filter-none hover:opacity-100 hover:duration-300"><svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" version="1.1" viewBox="0 0 168 24" xml:space="preserve"><g fill="none"><path fill="#5468FF" d="M78.988.938h16.594a2.968 2.968 0 012.966 2.966V20.5a2.967 2.967 0 01-2.966 2.964H78.988a2.967 2.967 0 01-2.966-2.964V3.897A2.961 2.961 0 0178.988.938zm41.937 17.866c-4.386.02-4.386-3.54-4.386-4.106l-.007-13.336 2.675-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-10.846-2.18c.821 0 1.43-.047 1.855-.129v-2.719a6.334 6.334 0 00-1.574-.199 5.7 5.7 0 00-.897.069 2.699 2.699 0 00-.814.24c-.24.116-.439.28-.582.491-.15.212-.219.335-.219.656 0 .628.219.991.616 1.23s.938.362 1.615.362zm-.233-9.7c.883 0 1.629.109 2.231.328.602.218 1.088.525 1.444.915.363.396.609.922.76 1.483.157.56.232 1.175.232 1.85v6.874a32.5 32.5 0 01-1.868.314c-.834.123-1.772.185-2.813.185-.69 0-1.327-.069-1.895-.198a4.001 4.001 0 01-1.471-.636 3.085 3.085 0 01-.951-1.134c-.226-.465-.343-1.12-.343-1.803 0-.656.13-1.073.384-1.525a3.24 3.24 0 011.047-1.106c.445-.287.95-.492 1.532-.615a8.8 8.8 0 011.82-.185 8.404 8.404 0 011.972.24v-.438c0-.307-.035-.6-.11-.874a1.88 1.88 0 00-.384-.73 1.784 1.784 0 00-.724-.493 3.164 3.164 0 00-1.143-.205c-.616 0-1.177.075-1.69.164a7.735 7.735 0 00-1.26.307l-.321-2.192c.335-.117.834-.233 1.478-.349a10.98 10.98 0 012.073-.178zm52.842 9.626c.822 0 1.43-.048 1.854-.13V13.7a6.347 6.347 0 00-1.574-.199c-.294 0-.595.021-.896.069a2.7 2.7 0 00-.814.24 1.46 1.46 0 00-.582.491c-.15.212-.218.335-.218.656 0 .628.218.991.615 1.23.404.245.938.362 1.615.362zm-.226-9.694c.883 0 1.629.108 2.231.327.602.219 1.088.526 1.444.915.355.39.609.923.759 1.483a6.8 6.8 0 01.233 1.852v6.873c-.41.088-1.034.19-1.868.314-.834.123-1.772.184-2.813.184-.69 0-1.327-.068-1.895-.198a4.001 4.001 0 01-1.471-.635 3.085 3.085 0 01-.951-1.134c-.226-.465-.343-1.12-.343-1.804 0-.656.13-1.073.384-1.524.26-.45.608-.82 1.047-1.107.445-.286.95-.491 1.532-.614a8.803 8.803 0 012.751-.13c.329.034.671.096 1.04.185v-.437a3.3 3.3 0 00-.109-.875 1.873 1.873 0 00-.384-.731 1.784 1.784 0 00-.724-.492 3.165 3.165 0 00-1.143-.205c-.616 0-1.177.075-1.69.164a7.75 7.75 0 00-1.26.307l-.321-2.193c.335-.116.834-.232 1.478-.348a11.633 11.633 0 012.073-.177zm-8.034-1.271a1.626 1.626 0 01-1.628-1.62c0-.895.725-1.62 1.628-1.62.904 0 1.63.725 1.63 1.62 0 .895-.733 1.62-1.63 1.62zm1.348 13.22h-2.689V7.27l2.69-.423v11.956zm-4.714 0c-4.386.02-4.386-3.54-4.386-4.107l-.008-13.336 2.676-.424v13.254c0 .322 0 2.358 1.718 2.364v2.248zm-8.698-5.903c0-1.156-.253-2.119-.746-2.788-.493-.677-1.183-1.01-2.067-1.01-.882 0-1.574.333-2.065 1.01-.493.676-.733 1.632-.733 2.788 0 1.168.246 1.953.74 2.63.492.683 1.183 1.018 2.066 1.018.882 0 1.574-.342 2.067-1.019.492-.683.738-1.46.738-2.63zm2.737-.007c0 .902-.13 1.584-.397 2.33a5.52 5.52 0 01-1.128 1.906 4.986 4.986 0 01-1.752 1.223c-.685.286-1.739.45-2.265.45-.528-.006-1.574-.157-2.252-.45a5.096 5.096 0 01-1.744-1.223c-.487-.527-.863-1.162-1.137-1.906a6.345 6.345 0 01-.41-2.33c0-.902.123-1.77.397-2.508a5.554 5.554 0 011.15-1.892 5.133 5.133 0 011.75-1.216c.679-.287 1.425-.423 2.232-.423.808 0 1.553.142 2.237.423a4.88 4.88 0 011.753 1.216 5.644 5.644 0 011.135 1.892c.287.738.431 1.606.431 2.508zm-20.138 0c0 1.12.246 2.363.738 2.882.493.52 1.13.78 1.91.78.424 0 .828-.062 1.204-.178.377-.116.677-.253.917-.417V9.33a10.476 10.476 0 00-1.766-.226c-.971-.028-1.71.37-2.23 1.004-.513.636-.773 1.75-.773 2.788zm7.438 5.274c0 1.824-.466 3.156-1.404 4.004-.936.846-2.367 1.27-4.296 1.27-.705 0-2.17-.137-3.34-.396l.431-2.118c.98.205 2.272.26 2.95.26 1.074 0 1.84-.219 2.299-.656.459-.437.684-1.086.684-1.948v-.437a8.07 8.07 0 01-1.047.397c-.43.13-.93.198-1.492.198-.739 0-1.41-.116-2.018-.349a4.206 4.206 0 01-1.567-1.025c-.431-.45-.774-1.017-1.013-1.694-.24-.677-.363-1.885-.363-2.773 0-.834.13-1.88.384-2.577.26-.696.629-1.298 1.129-1.796.493-.498 1.095-.881 1.8-1.162a6.605 6.605 0 012.428-.457c.87 0 1.67.109 2.45.24.78.129 1.444.265 1.985.415V18.17z"/><path fill="#5D6494" d="M6.972 6.677v1.627c-.712-.446-1.52-.67-2.425-.67-.585 0-1.045.13-1.38.391a1.24 1.24 0 00-.502 1.03c0 .425.164.765.494 1.02.33.256.835.532 1.516.83.447.192.795.356 1.045.495.25.138.537.332.862.582.324.25.563.548.718.894.154.345.23.741.23 1.188 0 .947-.334 1.691-1.004 2.234-.67.542-1.537.814-2.601.814-1.18 0-2.16-.229-2.936-.686v-1.708c.84.628 1.814.942 2.92.942.585 0 1.048-.136 1.388-.407.34-.271.51-.646.51-1.125 0-.287-.1-.55-.302-.79-.203-.24-.42-.42-.655-.542-.234-.123-.585-.29-1.053-.503a61.27 61.27 0 01-.582-.271 13.67 13.67 0 01-.55-.287 4.275 4.275 0 01-.567-.351 6.92 6.92 0 01-.455-.4c-.18-.17-.31-.34-.39-.51-.08-.17-.155-.37-.224-.598a2.553 2.553 0 01-.104-.742c0-.915.333-1.638.998-2.17.664-.532 1.523-.798 2.576-.798.968 0 1.793.17 2.473.51zm7.468 5.696v-.287c-.022-.607-.187-1.088-.495-1.444-.309-.357-.75-.535-1.324-.535-.532 0-.99.194-1.373.583-.382.388-.622.949-.717 1.683h3.909zm1.005 2.792v1.404c-.596.34-1.383.51-2.362.51-1.255 0-2.255-.377-3-1.132-.744-.755-1.116-1.744-1.116-2.968 0-1.297.34-2.316 1.021-3.055.68-.74 1.548-1.11 2.6-1.11 1.033 0 1.852.323 2.458.966.606.644.91 1.572.91 2.784 0 .33-.033.676-.096 1.038h-5.314c.107.702.405 1.239.894 1.611.49.372 1.106.558 1.85.558.862 0 1.58-.202 2.155-.606zm6.605-1.77h-1.212c-.596 0-1.045.116-1.349.35-.303.234-.454.532-.454.894 0 .372.117.664.35.877.235.213.575.32 1.022.32.51 0 .912-.142 1.204-.424.293-.281.44-.651.44-1.108v-.91zm-4.068-2.554V9.325c.627-.361 1.457-.542 2.489-.542 2.116 0 3.175 1.026 3.175 3.08V17h-1.548v-.957c-.415.68-1.143 1.02-2.186 1.02-.766 0-1.38-.22-1.843-.661-.462-.442-.694-1.003-.694-1.684 0-.776.293-1.38.878-1.81.585-.431 1.404-.647 2.457-.647h1.34V11.8c0-.554-.133-.971-.399-1.253-.266-.282-.707-.423-1.324-.423a4.07 4.07 0 00-2.345.718zm9.333-1.93v1.42c.394-1 1.101-1.5 2.123-1.5.148 0 .313.016.494.048v1.531a1.885 1.885 0 00-.75-.143c-.542 0-.989.24-1.34.718-.351.479-.527 1.048-.527 1.707V17h-1.563V8.91h1.563zm5.01 4.084c.022.82.272 1.492.75 2.019.479.526 1.15.79 2.01.79.639 0 1.235-.176 1.788-.527v1.404c-.521.319-1.186.479-1.995.479-1.265 0-2.276-.4-3.031-1.197-.755-.798-1.133-1.792-1.133-2.984 0-1.16.38-2.151 1.14-2.975.761-.825 1.79-1.237 3.088-1.237.702 0 1.346.149 1.93.447v1.436a3.242 3.242 0 00-1.77-.495c-.84 0-1.513.266-2.019.798-.505.532-.758 1.213-.758 2.042zM40.24 5.72v4.579c.458-1 1.293-1.5 2.505-1.5.787 0 1.42.245 1.899.734.479.49.718 1.17.718 2.042V17h-1.564v-5.106c0-.553-.14-.98-.422-1.284-.282-.303-.652-.455-1.11-.455-.531 0-1.002.202-1.411.606-.41.405-.615 1.022-.615 1.851V17h-1.563V5.72h1.563zm14.966 10.02c.596 0 1.096-.253 1.5-.758.404-.506.606-1.157.606-1.955 0-.915-.202-1.62-.606-2.114-.404-.495-.92-.742-1.548-.742-.553 0-1.05.224-1.491.67-.442.447-.662 1.133-.662 2.058 0 .958.212 1.67.638 2.138.425.469.946.703 1.563.703zM53.004 5.72v4.42c.574-.894 1.388-1.341 2.44-1.341 1.022 0 1.857.383 2.506 1.149.649.766.973 1.781.973 3.047 0 1.138-.309 2.109-.925 2.912-.617.803-1.463 1.205-2.537 1.205-1.075 0-1.894-.447-2.457-1.34V17h-1.58V5.72h1.58zm9.908 11.104l-3.223-7.913h1.739l1.005 2.632 1.26 3.415c.096-.32.48-1.458 1.15-3.415l.909-2.632h1.66l-2.92 7.866c-.777 2.074-1.963 3.11-3.559 3.11a2.92 2.92 0 01-.734-.079v-1.34c.17.042.351.064.543.064 1.032 0 1.755-.57 2.17-1.708z"/><path fill="#FFF" d="M89.632 5.967v-.772a.978.978 0 00-.978-.977h-2.28a.978.978 0 00-.978.977v.793c0 .088.082.15.171.13a7.127 7.127 0 011.984-.28c.65 0 1.295.088 1.917.259.082.02.164-.04.164-.13m-6.248 1.01l-.39-.389a.977.977 0 00-1.382 0l-.465.465a.973.973 0 000 1.38l.383.383c.062.061.15.047.205-.014.226-.307.472-.601.746-.874.281-.28.568-.526.883-.751.068-.042.075-.137.02-.2m4.16 2.453v3.341c0 .096.104.165.192.117l2.97-1.537c.068-.034.089-.117.055-.184a3.695 3.695 0 00-3.08-1.866c-.068 0-.136.054-.136.13m0 8.048a4.489 4.489 0 01-4.49-4.482 4.488 4.488 0 014.49-4.482 4.488 4.488 0 014.489 4.482 4.484 4.484 0 01-4.49 4.482m0-10.85a6.363 6.363 0 100 12.729 6.37 6.37 0 006.372-6.368 6.358 6.358 0 00-6.371-6.36"/></g></svg></span></a></footer></div></div></section></div><main role="main"><div class="bg-gradient-to-b from-white via-gray-200 to-gray-200"><header class="relative max-w-8xl mx-auto py-[12vmin] text-center"><div class="flex justify-center items-center mb-4"><div class="p-10 w-32 h-32 -mx-2 bg-white flex items-center justify-center rounded-full border border-whitegrey shadow-lg"><img class="max-w-full" src="/images/logos/integrations/formspree_hucd82a1c27dfbd4582a162fd662b6cfc3_2876_100x0_resize_q100_h2_box_3.webp" alt="Formspree" width="100" height="92" loading="lazy"></div><div class="p-10 w-32 h-32 -mx-2 bg-white flex items-center justify-center rounded-full border border-whitegrey shadow-lg"><img class="max-w-full" src="/images/docs/integration-icon_hu69092da731c9e95325dfc807e01eb17a_6704_170x0_resize_q100_h2_box_3.webp" alt="Ghost" width="170" height="170" loading="lazy"></div></div><h1 class="text-4xl sm:text-5xl text-gray-900">Formspree + Ghost</h1><p class="max-w-sm mx-auto lg:max-w-none mt-2 text-xl text-gray-500">How to use Ghost and Formspree together</p></header><section class="my-0 mx-auto max-w-8xl w-full px-4 sm:px-6 pt-0 pb-[6vmin]"><div class="gh-integration-inner"><div class="gh-integration-wrapper"><div class="gh-integration-sidebar"><div><aside class="gh-docstoc"><div class="gh-docstoc-widget"><h5>On this page</h5><div class="toc overflow-auto max-h-[calc(100vh-240px)]"></div></div></aside><div class="gh-integration-related"><h5>You might also like...</h5><ul><li><a class="gh-related-link" href=/integrations/custom-integrations/><div class="gh-related-link-logo"><img src="/images/logos/integrations/custom.svg" alt="Custom Integrations" style="object-fit:contain" loading="lazy"></div><div class="gh-related-link-title">Custom Integrations</div></a></li><li><a class="gh-related-link" href=/integrations/tally/><div class="gh-related-link-logo"><img src="/images/logos/integrations/tally_hua6f2d93b3473e03cb0bdd8940252547d_39015_50x0_resize_q100_h2_box_3.webp" alt="Tally" width="50" height="50" style="object-fit:contain" loading="lazy"></div><div class="gh-related-link-title">Tally</div></a></li><li><a class="gh-related-link" href=/integrations/typeform/><div class="gh-related-link-logo"><img src="/images/logos/integrations/typeform.svg" alt="Typeform" style="object-fit:contain" loading="lazy"></div><div class="gh-related-link-title">Typeform</div></a></li><li><a class="gh-related-link" href=/integrations/google-forms/><div class="gh-related-link-logo"><img src="/images/logos/integrations/google-forms_hub1368791be0dd7f659badad74b0da86d_3375_50x0_resize_q100_h2_box_3.webp" alt="Google Forms" width="50" height="50" style="object-fit:contain" loading="lazy"></div><div class="gh-related-link-title">Google Forms</div></a></li><li><a class="gh-related-link" href=/integrations/wufoo/><div class="gh-related-link-logo"><img src="/images/logos/integrations/wufoo.svg" alt="Wufoo" style="object-fit:contain" loading="lazy"></div><div class="gh-related-link-title">Wufoo</div></a></li></ul></div></div></div><article class="gh-integration-content js-toc"><div class="gh-integration-breadcrumbs"><a class="gh-integration-breadcrumbs-link" href="/integrations/">Integrations</a> <span>/</span> <a class="gh-integration-breadcrumbs-link" href="/integrations/?tag=Surveys%20%26%20Forms">Surveys & Forms</a></div><p>Formspree is a sensible online form builder for businesses which can be integrated with Ghost to build email contact or feedback forms with ease</p><p>Whether you want to add an email contact form to a page on your Ghost site, collect data from your readers or gather feedback, <a href="https://formspree.io/">Formspree</a> has a variety of HTML forms which you can quickly integrate on your site, and have Formspree email you the submissions - no sign up required!</p><h2 id="create-a-free-formspree-account-and-form-endpoint">Create a free Formspree account and form endpoint</h2><p>Once logged in to your Formspree account, navigate to the dashboard and click <strong>+New Form”</strong>. Name your new form something memorable and click <strong>Create Form</strong>.</p><img src="/images/integrations/formspree-endpoint_hu41ee023a9d3588604f41f98922717d9f_41778_676x0_resize_q100_h2_box_3.webp" width="676" height="444" loading="lazy"><p>Copy the provided endpoint URL. This URL will be used as the value of the <code>action</code> in your form.</p><h2 id="select-a-form-style">Select a form style</h2><p>Once you’ve found one that you like, click <strong>View</strong> to find the editable HTML for your new form.</p><img src="/images/integrations/Formspree-library_hu5991e436523f0022739c17491fdab9e2_350893_2000x0_resize_q100_h2_box_3.webp" width="2000" height="1432" loading="lazy"><h2 id="edit-the-form-code">Edit the form code</h2><p>Connect your form by entering the form endpoint URL that you created in Step 1 into the code as highlighted below:</p><img src="/images/integrations/formspree-code_hubc119e8103c76b143740c0e1de7f5ddf_118945_979x0_resize_q100_h2_box_3.webp" width="979" height="640" loading="lazy"><p>If you’d like to change the names of the fields in the form, or the placeholder text, you can make any amends to the code in the editor from the same page.</p><h2 id="copy-the-form-html-code">Copy the form HTML code</h2><p>Copy your final form HTML code:</p><img src="/images/integrations/formspree-copy-code_hu8aadceee265b54f777dc06d1a43678af_16952_744x0_resize_q100_h2_box_3.webp" width="744" height="333" loading="lazy"><p>The default Formspree code includes some inline styling. These styles can be edited to suit your site’s design directly in the form code, in your site’s theme, or using code injection.</p><h2 id="paste-the-code-into-a-new-html-card">Paste the code into a new HTML card</h2><p>Now you can paste the form code within an HTML card on any post or page in Ghost:</p><img src="/images/integrations/Ghost-cards_huedc570934e065d9fb5514b16c7852436_24138_1872x0_resize_q100_h2_box_3.webp" width="1872" height="988" loading="lazy"><h2 id="final-tips">Final tips</h2><p>Once you’ve published and activated your form — that’s it, you’re all set up! Your submission will appear in the form’s Submissions tab within your Formspree dashboard, and you’ll receive an email containing the submission.</p></article></div></div></section></div></main><div class="py-[14vmin] text-center bg-base text-gray-400 font-semibold"><div class="max-w-8xl mx-auto flex flex-col items-center gap-6"><h2 class="text-xs md:text-md font-semibold text-lime-900 uppercase tracking-widest">Launch your site</h2><p class="text-2xl md:text-5xl font-hdg leading-tight">Last week, <span class="text-white font-bold">6,195</span> brand new<br>publications got started with Ghost.</p><p class="text-2xl md:text-5xl font-hdg leading-tight"><span class="text-white font-bold">Today, it's your turn.</span></p><a class="plausible-event-name=Signup-CTA-clicked mt-10 text-xl text-black font-semibold font-hdg py-4 px-6 rounded-lg bg-lime-900" href="https://account.ghost.org/signup/">Start a free trial now →</a></div></div><div class="bg-base px-4 sm:px-6"><div class="max-w-8xl mx-auto text-slate-400 text-md"><div class="flex justify-center sm:justify-between items-center py-[4vmin]"><nav class="flex justify-start items-center font-medium text-white text-sm sm:text-md"><a class="pr-4 hover:text-lime-900 hidden sm:block" href="/" class="gh-nav-logo"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 294" preserveAspectRatio="xMidYMid meet" class="ghost-orb-logo-light" height="40px"> <title>Ghost Logo</title> <style> svg.ghost-orb-logo-light { background-size: 100% 100%; background-repeat: no-repeat; background-image: url(/images/logos/ghost-logo-light.webp); } </style> </svg></a><a class="px-4 hover:text-lime-900" href="/about/">About</a> <a class="px-4 hover:text-lime-900" href="/explore/">Explore</a> <a class="px-4 hover:text-lime-900" href="https://careers.ghost.org/" target="_blank" rel="noopener noreferrer">Careers</a> <a class="px-4 hover:text-lime-900" href="https://ghost.org/resources/">Resources</a></nav><iframe class="hidden sm:block" src="https://ghbtns.com/github-btn.html?user=tryghost&repo=ghost&type=star&count=true" frameborder="0" scrolling="0" width="110" height="20" title="Star Ghost on GitHub" loading="lazy"></iframe></div><div class="hidden sm:grid gap-[4vmin] grid-cols-3 md:grid-cols-4 lg:grid-cols-5 mt-[4vmin] justify-start pb-[5vmin]"><section><span class="text-white font-medium mb-1">Product</span><ul class="text-md"><li><a class="block py-2 leading-tight hover:text-white" href="/">Creator platform</a></li><li><a class="block py-2 leading-tight hover:text-white" href="/marketplace/">Theme marketplace</a></li><li><a class="block py-2 leading-tight hover:text-white" href="/integrations/">Integrations</a></li><li><a class="block py-2 leading-tight hover:text-white" href="/experts/">Experts</a></li><li><a class="block py-2 leading-tight hover:text-white" href="/news/">Ghost for news</a></li></ul></section><section><span class="text-white font-medium mb-1">Developers</span><ul class="text-md"><li><a class="block py-2 leading-tight hover:text-white" href="/docs/install/">How to install Ghost</a></li><li><a class="block py-2 leading-tight hover:text-white" href="/docs/">Core concepts</a></li><li><a class="block py-2 leading-tight hover:text-white" href="/pricing/">Ghost hosting</a></li><li><a class="block py-2 leading-tight hover:text-white" href="/docs/content-api/">API documentation</a></li><li><a class="block py-2 leading-tight hover:text-white" href="/docs/security/">Security overview</a></li><li><a class="block py-2 leading-tight hover:text-white" href="https://github.com/TryGhost/Ghost" target="_blank" rel="noopener noreferrer">Source code</a></li></ul></section><section class="hidden md:block"><span class="text-white font-medium mb-1">Resources</span><ul class="text-md"><li><a class="block py-2 leading-tight hover:text-white" href="/tutorials/">Ghost tutorials</a></li><li><a class="block py-2 leading-tight hover:text-white" href="/resources/">Resources</a></li><li><a class="block py-2 leading-tight hover:text-white" href="https://nodecms.guide" target="_blank" rel="noopener noreferrer">Node.js CMS guide</a></li><li><a class="block py-2 leading-tight hover:text-white" href="https://opensubscriptionplatforms.com">Open Subscription Platforms</a></li></ul></section><section class="hidden lg:block"><span class="text-white font-medium mb-1">Comparisons</span><ul class="text-md"><li><a class="block py-2 leading-tight hover:text-white" href="/vs/substack/">Ghost vs Substack</a></li><li><a class="block py-2 leading-tight hover:text-white" href="/vs/wordpress/">Ghost vs WordPress</a></li><li><a class="block py-2 leading-tight hover:text-white" href="/vs/medium/">Ghost vs Medium</a></li><li><a class="block py-2 leading-tight hover:text-white" href="/vs/memberful/">Ghost vs Memberful</a></li><li><a class="block py-2 leading-tight hover:text-white" href="/vs/patreon/">Ghost vs Patreon</a></li><li><a class="block py-2 leading-tight text-lime-900" href="/alternatives/" class="lime">Ghost alternatives →</a></li></ul></section><section><span class="text-white font-medium mb-1">Support</span><ul class="text-md"><li><a class="block py-2 leading-tight hover:text-white" href="/help/">Help center</a></li><li><a class="block py-2 leading-tight hover:text-white" href="https://forum.ghost.org/">Community forum</a></li><li><a class="inline-flex items-center py-2 hover:text-white group" href="https://status.ghost.org/" target="_blank" rel="noopener noreferrer">Status  <span class="flex-grow-0 inline-flex items-center bg-slate-700 text-slate-300 group-hover:text-slate-300 rounded px-1 text-xs font-semibold"><svg width="7" height="4" viewBox="0 0 7 4" xmlns="http://www.w3.org/2000/svg"> <title> Triangle </title> <path d="M3.5 0L7 4H0z" fill="#BFD0DC" fill-rule="evenodd"/> </svg>  99.9%</span></a></li></ul></section></div><div class="flex flex-col sm:flex-row items-center justify-center sm:justify-between py-[8vmin]"><div class="flex items-center"><a class="mr-12" href="/about/"><img src="/images/logos/indie.svg" alt="Non-Profit Foundation" width="89" height="34" loading="lazy"></a> <a class="mr-12" href="https://github.com/tryghost" target="_blank" rel="noopener noreferrer"><img src="/images/logos/opensource.svg" alt="Open Source" width="89" height="34" loading="lazy"></a> <a href="https://climate.stripe.com/6MNofu" target="_blank" rel="noopener noreferrer"><img src="/images/logos/carbonneutral.svg" alt="Carbon Neutral" width="102" height="34" loading="lazy"></a></div><nav class="hidden md:flex items-center text-sm"><a class="inline-block px-2 hover:text-white" href="/terms/">Terms</a> <a class="inline-block px-2 hover:text-white" href="/privacy/">Privacy</a> <a class="inline-block px-2 hover:text-white" href="/contact/">Contact</a> <a class="inline-block pl-2 hover:text-white" href="/">Ghost Foundation © 2024</a></div></div></div></div><div class="fixed bottom-0 left-0 right-0 -z-10 bg-base h-80"></div></div><link rel="preload" href="https://ghost.org/js/integrations.min.js" as="script"><script type="text/javascript" src="https://ghost.org/js/integrations.min.js"></script> <link rel="preload" href="https://ghost.org/js/app.min.js" as="script"><script type="text/javascript" src="https://ghost.org/js/app.min.js"></script> <script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="b54082da-718e-4f06-bca9-6a862fa09e20" data-netlify-deploy-branch="main" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiYjU0MDgyZGEtNzE4ZS00ZjA2LWJjYTktNmE4NjJmYTA5ZTIwIiwiYWNjb3VudF9pZCI6IjViOWE1YTVkZGQyOGVmNzJjZGI1ZDkyMyIsImRlcGxveV9pZCI6IjY3M2RkMjI0NjdkYTQ4MDAwOGUxNzZmNCIsImlzc3VlciI6Im5mc2VydmVyIn0.CqEmRwqMiGngoVBiZ0BmzndECJP5Fb0eLYRUQH_3I2g"></script></body></html>