Connecting...
Tags: website-builder embed

Ghost Integration

Embed FolioReady on your Ghost website using a simple code snippet. Visitors fill out your document collection form without leaving your site, and submissions go straight to your FolioReady account.

Why Embed on Your Ghost Site?

Collect documents without sending clients elsewhere

Linking to an external portal adds friction. An embedded form on your Ghost site lets clients upload documents in the same place they already trust — your website, your brand, your domain.

One snippet, no plugins to maintain

Ghost doesn't have a plugin ecosystem to manage. Paste a single HTML snippet and you're done. No dependencies to update, no compatibility issues with Ghost themes or versions.

Submissions managed in one place

Everything your clients submit flows into your FolioReady account automatically. You don't need to check Ghost for new entries — your existing FolioReady workflow handles it all.

Prerequisites

  • A Ghost website

Adding to a Page

Step 1: Copy Your Embed Code

In your FolioReady account, go to Template Design → Website Code. Copy the embed snippet — it contains everything needed to display your form.

Copy the embed code from your FolioReady account

Step 2: Add an HTML Card in Ghost

In the Ghost editor, create or edit a page or post. Click the + button to add a new card and select HTML. Paste your embed snippet into the HTML card.

Paste the embed snippet into a Ghost HTML card

Step 3: Publish Your Page

Publish your page to make the form live. Visitors can now fill out your document collection form directly on your website.

The FolioReady collector live on your Ghost site
Site-wide installation

If you want FolioReady available on multiple pages, add the script tag to Settings → Code Injection → Site Footer. Then you only need to add the collector element in each page's HTML card — without repeating the script tag.

How It Works

  Visitor                Your Ghost Site           FolioReady
    │                         │                        │
    │   Visits your page      │                        │
    ├────────────────────────►│                        │
    │                         │   Loads form design    │
    │   Collector renders     │◄──────────────────────►│
    │   form                  │                        │
    │                         │                        │
    │   Fills out form and    │                        │
    │   uploads documents     │                        │
    ├────────────────────────►│                        │
    │                         │   Saves submission     │
    │                         ├───────────────────────►│
    │                         │                        │
    │   Confirmation shown    │       ✓ Stored         │
    │◄────────────────────────┤◄───────────────────────┤
    │                         │                        │

When a visitor opens your page, the embed snippet loads your form design from FolioReady and displays it inline. The visitor fills out the form and uploads any required documents. Submissions are saved to your FolioReady account in real time.

You manage all submissions from your FolioReady account — there is no admin interface inside Ghost.

Removing

To remove FolioReady from your Ghost site, delete the HTML card containing the embed snippet. If you added the script tag to Code Injection, remove it from Settings → Code Injection → Site Footer.

What happens when you remove the snippet

Your existing submissions and client data remain in your FolioReady account. Only the embed code is removed from your Ghost site. You can add it back at any time.

Troubleshooting

Form Not Showing on Published Page

Make sure the HTML card contains both the script tag and the collector element. The script tag loads the FolioReady component, and the collector element displays your form. If either is missing, the form won't appear.

Script Not Loading

Verify that the script tag URL is correct. If your Ghost site or hosting provider uses a Content Security Policy, it may block external scripts. Check your browser's developer console for blocked resource errors.

Template Code Not Working

Make sure the code attribute in the collector element matches a template in your FolioReady account. Go to Template Design → Website Code to find your code. Copy and paste it exactly — do not add extra spaces or characters.