Skip to main content
On this page

Site-wide Call-to-Action Banner (CTA Banner) Configuration Guide

The site-wide CTA banner is a large layout element situated at the bottom of the page (right above the Footer). This is a powerful tool to increase conversion rates, encourage newsletter subscriptions, grow your community, or drive traffic to a course or product landing page.

The TanaFlows theme allows you to configure the button link and customize all the display content of this Banner directly from Ghost Admin.

Step 1: Configure the Target Link (Button URL)

When readers click the call-to-action button on the Banner, they will be redirected to your target URL. To set this link:

  1. Go to Ghost Admin > Settings > Design > Custom Settings (or Custom Brand).
  2. Locate the CTA Banner (or cta_banner) field.
  3. Enter the URL of the page you want to direct readers to.
    • Example: https://tanaflows.com/challenge-30-days/
  4. Click Save.

Step 2: Customize Display Content (Title, Description, Button Text)

You can flexibly customize the text shown on the Banner using Ghost’s Code Injection feature.

  1. Go to Ghost Admin > Settings > Code Injection.

  2. In the Site Header box, paste the following configuration code:

    <!-- CTA Banner Configuration -->
    <script>
        window.ctaConfig = {
           title: "Cure Draft Hoarding & Writer's Block",
           desc: "✨ Join the 30-Day Challenge to get the (Free) Tana Second Brain Nursery Template. A system that automatically guides ideas and pushes you to publish daily.",
           btn: "VIEW GUIDE & GET TEMPLATE"
        };
    </script>

  3. Edit the content inside the double quotes ("...") to your liking:

    • title: The main heading of the Banner (Bold and prominent).
    • desc: Detailed description persuading users to act (supports emojis for better visual appeal).
    • btn: The text shown on the CTA Button.

  4. Click Save and reload your website to check the changes.

Important Considerations

Fallback Text

If you do not configure the window.ctaConfig script, the theme will automatically fall back to built-in default texts (automatically translated based on your website’s language setting).

Instant Sync

Any content changes in the script within Code Injection will be updated on the website immediately without needing to reinstall the theme.