Ghost Integration Guide

Complete guide to integrate MyFormConnect with Ghost

Setup time: 5-10 minutes

Difficulty: Easy

Compatible versions: Ghost 4.x, 5.x

Integrate MyFormConnect with your Ghost blog to capture leads from newsletter signups, contact forms, and content engagement. Ghost powers thousands of professional publications and blogs worldwide.

Prerequisites

A MyFormConnect account - Sign up here
Your MyFormConnect integration code from your dashboard
Ghost site admin access
Ghost 4.x or 5.x installation
Access to Ghost theme files (for advanced integration)

Integration Methods

Code Injection

5 minutes Easy

Use Ghost's built-in Code Injection feature to add MyFormConnect site-wide. This is the easiest and most reliable method.

Access Code Injection Settings

Navigate to Ghost admin settings to add custom code.

Log into your Ghost admin panel
Go to Settings (gear icon)
Click Code Injection
You'll see Site Header and Site Footer sections

Important Note

Code Injection is available on all Ghost plans, including self-hosted installations.

Add MyFormConnect to Site Header

Insert your MyFormConnect integration code in the Site Header section.

Click in the Site Header text area
Paste your MyFormConnect integration code
Click Save
The code will be active immediately on all pages

<!-- MyFormConnect Integration for Ghost -->
<script>
(function() {
  var script = document.createElement('script');
  script.src = 'https://widget.callmebackbutton.com/widget.js';
  script.setAttribute('data-account', 'YOUR_ACCOUNT_ID');
  script.setAttribute('data-ghost', 'true');
  script.setAttribute('data-blog', 'true');
  document.head.appendChild(script);
})();
</script>

Important Note

The data-ghost and data-blog attributes help optimize the widget for blogging platforms and content sites.

Configure for Content Sites

Optimize MyFormConnect settings for blog and content-focused websites.

In your MyFormConnect dashboard, enable 'Content Site' mode
Set up triggers for newsletter subscriptions
Configure timing for blog post engagement
Test on both blog posts and static pages

Important Note

Content site optimization helps capture leads at optimal moments during content consumption.

Theme File Integration

10 minutes Intermediate

Integrate MyFormConnect directly into your Ghost theme files for maximum control and customization.

Access Theme Files

Download and modify your Ghost theme files.

In Ghost admin, go to Design
Click Change theme
Download your current theme
Extract the theme files for editing

Important Note

Always backup your theme before making modifications. Consider creating a custom theme to avoid losing changes during theme updates.

Modify default.hbs Template

Add MyFormConnect code to your theme's main template file.

Open default.hbs in your theme folder
Locate the {{ghost_head}} helper
Add MyFormConnect code just after this helper
Save the file

{{!-- Ghost Theme Template --}}
<!DOCTYPE html>
<html>
<head>
    {{ghost_head}}
    
    {{!-- MyFormConnect Integration --}}
    <script>
    (function() {
        var script = document.createElement('script');
        script.src = 'https://widget.callmebackbutton.com/widget.js';
        script.setAttribute('data-account', 'YOUR_ACCOUNT_ID');
        script.setAttribute('data-ghost', 'true');
        script.setAttribute('data-blog', 'true');
        document.head.appendChild(script);
    })();
    </script>
</head>

Important Note

Placing code after {{ghost_head}} ensures it loads after Ghost's core scripts.

Upload Modified Theme

Upload your modified theme back to Ghost.

Zip your modified theme folder
In Ghost admin, go to Design
Click Change theme → Upload theme
Select your modified theme zip file
Activate the theme

Important Note

Test your site thoroughly after uploading a modified theme to ensure everything works correctly.

Post-Specific Integration

3 minutes per post Easy

Add MyFormConnect to specific blog posts using Ghost's post-level code injection.

Edit Target Post

Open the blog post where you want to add MyFormConnect.

In Ghost admin, go to your Posts
Click on the post you want to edit
Click the Settings gear icon (top-right)

Add Post-Level Code

Insert MyFormConnect code in the post's code injection section.

Scroll down to Code Injection
Add your code to Post Header
Click Update to save
Publish or update your post

<!-- MyFormConnect for this specific post -->
<script>
(function() {
  // Only load if not already loaded site-wide
  if (!window.callmebackLoaded) {
    var script = document.createElement('script');
    script.src = 'https://widget.callmebackbutton.com/widget.js';
    script.setAttribute('data-account', 'YOUR_ACCOUNT_ID');
    script.setAttribute('data-ghost', 'true');
    script.setAttribute('data-blog', 'true');
    script.setAttribute('data-post-specific', 'true');
    document.head.appendChild(script);
    window.callmebackLoaded = true;
  }
})();
</script>

Important Note

This method is useful for high-value content or specific landing pages where you want targeted lead capture.

Troubleshooting

Still having issues?

Can't find the answer you're looking for? Our support team is here to help with your integration.

Contact Support

Related Integrations

References & Official Documentation

Next Steps

Configure MyFormConnect

Set up your timezone
Configure lead notifications
Set up advanced spam detection
Add team members to your account

Advanced Features

Use our custom form templates
Try AI Insights for Leads
Integrate with your CRM
Set up automated workflows

Need Help?

Our support team is here to help you with your integration.

Contact Support

Prerequisites

A MyFormConnect account - Sign up here
Your MyFormConnect integration code from your dashboard
Ghost site admin access
Ghost 4.x or 5.x installation
Access to Ghost theme files (for advanced integration)

Integration Methods

Code Injection

5 minutes Easy

Use Ghost's built-in Code Injection feature to add MyFormConnect site-wide. This is the easiest and most reliable method.

Access Code Injection Settings

Navigate to Ghost admin settings to add custom code.

Log into your Ghost admin panel
Go to Settings (gear icon)
Click Code Injection
You'll see Site Header and Site Footer sections

Important Note

Code Injection is available on all Ghost plans, including self-hosted installations.

Add MyFormConnect to Site Header

Insert your MyFormConnect integration code in the Site Header section.

Click in the Site Header text area
Paste your MyFormConnect integration code
Click Save
The code will be active immediately on all pages

<!-- MyFormConnect Integration for Ghost -->
<script>
(function() {
  var script = document.createElement('script');
  script.src = 'https://widget.callmebackbutton.com/widget.js';
  script.setAttribute('data-account', 'YOUR_ACCOUNT_ID');
  script.setAttribute('data-ghost', 'true');
  script.setAttribute('data-blog', 'true');
  document.head.appendChild(script);
})();
</script>

Important Note

The data-ghost and data-blog attributes help optimize the widget for blogging platforms and content sites.

Configure for Content Sites

Optimize MyFormConnect settings for blog and content-focused websites.

In your MyFormConnect dashboard, enable 'Content Site' mode
Set up triggers for newsletter subscriptions
Configure timing for blog post engagement
Test on both blog posts and static pages

Important Note

Content site optimization helps capture leads at optimal moments during content consumption.

Post-Specific Integration

3 minutes per post Easy

Add MyFormConnect to specific blog posts using Ghost's post-level code injection.

Edit Target Post

Open the blog post where you want to add MyFormConnect.

In Ghost admin, go to your Posts
Click on the post you want to edit
Click the Settings gear icon (top-right)

Add Post-Level Code

Insert MyFormConnect code in the post's code injection section.

Scroll down to Code Injection
Add your code to Post Header
Click Update to save
Publish or update your post

<!-- MyFormConnect for this specific post -->
<script>
(function() {
  // Only load if not already loaded site-wide
  if (!window.callmebackLoaded) {
    var script = document.createElement('script');
    script.src = 'https://widget.callmebackbutton.com/widget.js';
    script.setAttribute('data-account', 'YOUR_ACCOUNT_ID');
    script.setAttribute('data-ghost', 'true');
    script.setAttribute('data-blog', 'true');
    script.setAttribute('data-post-specific', 'true');
    document.head.appendChild(script);
    window.callmebackLoaded = true;
  }
})();
</script>

Important Note

This method is useful for high-value content or specific landing pages where you want targeted lead capture.

Troubleshooting

Still having issues?

Can't find the answer you're looking for? Our support team is here to help with your integration.

Contact Support

References & Official Documentation

Next Steps

Configure MyFormConnect

Set up your timezone
Configure lead notifications
Set up advanced spam detection
Add team members to your account

Advanced Features

Use our custom form templates
Try AI Insights for Leads
Integrate with your CRM
Set up automated workflows

Ghost Integration Guide

Prerequisites

Integration Methods

Code Injection

Access Code Injection Settings

Important Note

Add MyFormConnect to Site Header

Important Note

Configure for Content Sites

Important Note

Theme File Integration

Access Theme Files

Important Note

Modify default.hbs Template

Important Note

Upload Modified Theme

Important Note

Post-Specific Integration

Edit Target Post

Add Post-Level Code

Important Note

Troubleshooting

Still having issues?

Related Integrations

References & Official Documentation

Next Steps

Configure MyFormConnect

Advanced Features

Need Help?

Ghost Integration Guide

Prerequisites

Integration Methods

Code Injection

Access Code Injection Settings

Important Note

Add MyFormConnect to Site Header

Important Note

Configure for Content Sites

Important Note

Theme File Integration

Access Theme Files

Important Note

Modify default.hbs Template

Important Note

Upload Modified Theme

Important Note

Post-Specific Integration

Edit Target Post

Add Post-Level Code

Important Note

Troubleshooting

Still having issues?

Related Integrations

References & Official Documentation

Next Steps

Configure MyFormConnect

Advanced Features

Need Help?

MyFormConnect - Request Demo

Thank you for scheduling a demo!

MyFormConnect - Any issues?

Thank you for your request!

MyFormConnect - Tailored Solution