Add Live Chat to Ghost

Ghost:  Add Live Chat to your Website

Ghost is an open-source publishing platform perfect for bloggers, journalists, and website creators. Adding Live Chat to your Ghost site allows you to connect with readers in real-time, respond to their questions, gather feedback, and grow your subscriber base. Setup is simple and requires no coding skills—just a few quick steps to start engaging with your audience instantly on your Ghost website.

How to Add Live Chat in your Ghost Website

Adding live chat to your Ghost website is simple with Social Intents. By following these steps, you’ll be able to chat with visitors in real-time, answer questions, and boost engagement with minimal effort.  You can build a 1-click ai chatbot trained on all of your Ghost website content and respond to visitors using ChatGTP.

Step 1: Get Your Social Intents Live Chat Code

1. Log into your Social Intents account: If you don’t have an account, sign up at Social Intents and set up your live chat widget.
2. Copy the Code Snippet: Once you’re in your dashboard, click on Apps, then the code snippet icon.

Copy your code snippet for use in your Ghost website.

Step 2: Access the Code Injection Settings in Ghost

1. Log into your Ghost Admin panel: Go to your-website.com/ghost and log in with your credentials.
2. Navigate to Code Injection:
   • From the main Ghost dashboard, go to Settings.
• Scroll down and select Code Injection from the list of options. This feature allows you to add custom code snippets to the header or footer of your website without modifying the theme files.G

Step 3: Paste the Social Intents Code Snippet

1. Paste the Code in the Footer Section:
   • In the Code Injection area, you’ll see two tabs: Site header and Site footer.
   • Paste the Social Intents code snippet you copied earlier into the Site footer section. Placing the live chat code here ensures it loads with every page, providing consistent availability across your site.
   • If you have a Subscribe button in the bottom right where the live chat button typically is, you can move the Live Chat button to the left side of your page by adding this code snippet to your Site header: 

#si-wrapper .silc-btn {        
  left:25px !important;      
  right: inherit !important;  
 } 
#siWidget-chat {   
  left: 25px !important;  
}

Step 4: Save and Publish Changes

1. Save Your Changes: After pasting the code, click Save to ensure your live chat is added to your site.
2. Verify on the Frontend: Open your Ghost website in a new tab or refresh an existing tab to verify the live chat widget appears as expected. You should see the Social Intents live chat widget in the bottom corner, ready for interaction with your site visitors.

Benefits of Adding Social Intents Live Chat to Ghost

With Social Intents Live Chat on your Ghost site, you can:

• Engage Visitors in Real-Time: Start conversations with visitors instantly.
• Answer Chats with AI: Respond to visitors using AI trained on your content.
• Improve Support and Interaction: Offer quick responses to questions, boosting user satisfaction.
• Increase Conversions and Subscribers: Convert visitors to subscribers by offering a helpful, interactive experience.

Adding live chat to Ghost is that simple! By following these steps, you’ll bring a new level of engagement to your Ghost site with Social Intents Live Chat.