ComponentsMembership
Member CTA
Context-aware member CTA for visitors, free members, paid members, and protected posts.
Install
npx ghostcn@1.4.0 add member-cta --skip-existingUsage
The action varies by membership and post access. For protected posts use the starter’s partials/content-cta.hbs pattern; don’t append a second paywall after protected {{content}}. See Integrate with Ghost.
{{#post}}
{{> "components/member-cta"}}
{{/post}}Customize this instance
{{#post}}
{{> "components/member-cta" class="my-6" titleClass="text-purple-700 dark:text-purple-300"}}
{{/post}}Styling parameters
| Parameter | Target |
|---|---|
class | Component root — .ghcn-member-cta |
titleClass | .ghcn-member-cta__title |
descriptionClass | .ghcn-member-cta__description |
buttonClass | .ghcn-button |
Styling parameters affect only elements that render. See Style component instances for specificity, dark mode, and preserving customizations.
Installed files
partials/components/member-cta.hbsassets/css/components/member-cta.css
Was this helpful?