Ghost Integration
Add Text2MySite™ SMS alerts to your Ghost website
Ghost makes it easy to add custom code with its built-in features. There are two primary methods for embedding code or widgets.
This is the best method for adding code that needs to appear on every page of your site, such as a Google Analytics tracking script, a social media pixel, or a live chat widget.
Step-by-Step Instructions:
- From your Ghost admin dashboard, navigate to Settings → Code injection.
- You will see two sections: Site Header and Site Footer.
- Site Header: Place code here that needs to load early on the page. This is ideal for analytics scripts and external CSS stylesheets.
- Site Footer: Place code here that can load later, typically at the very end of the page body. This is a good location for chat widgets or other JavaScript that isn't critical for the initial page load.
- After pasting your code, click the Save button in the top right corner. The code will now be live on all pages of your site.
For adding a specific widget (like a YouTube video, a form, or a Spotify playlist) to a single piece of content, use the HTML card in the editor.
Step-by-Step Instructions:
- While editing a post or page, click the plus icon (+) to add a new card.
- Scroll down and select the HTML card.
- Paste your embed code (e.g., the
<iframe>or<script>provided by the widget creator) directly into the card. - The editor will render a preview of the widget.
- Once you are finished, save or publish your post.
Embed A Forum Into Your Ghost Website
Guide for embedding custom content and widgets into Ghost websites
From the channel Website Toolbox • 1 minute 29 seconds
Watch TutorialEmbed A Chat Room Into Your Ghost Website
Tutorial for embedding interactive widgets and custom code in Ghost
From the channel Website Toolbox • 1 minute 25 seconds
Watch Tutorial