Help Center – Contact Button Help Center – Contact Button
  • Home
  • About
  • Pricing
  • Log In
Sign Up
Help Center – Contact Button Help Center – Contact Button
Sign Up
Help Center – Contact Button Help Center – Contact Button
  • Home
  • About
  • Pricing
  • Log In
loading
  1. Home
  2. Articles
  3. Website Installation
  4. Install on Ghost
Updated on March 6, 2025

Articles

  • Folder icon closed Folder open iconGetting Started
    • Setup Guide – Get Started in 15 Minutes or Less
    • Setup Guide – How to Create a Button
    • Setup Guide – How to Create a New App
    • Setup Guide – Creating New Workspaces
    • Setup Guide – How To Create a List or Menu
  • Folder icon closed Folder open iconApp Guides
    • App Setup Guide – Contact Forms App
    • App Setup Guide – Chat Widgets
    • App Setup Guide – Facebook Messenger
    • App Setup Guide – WhatsApp Business
    • App Setup Guide – Click-to-Call
    • App Setup Guide – Map Links
    • App Setup Guide – Website Links
    • App Setup Guide – HTML Embed
    • App Setup Guide – Business Hours
    • App Setup Guide – Social Links
    • App Setup Guide – Send Messages
    • App Setup Guide – Images & PDFs
    • App Setup Guide – Email Subscriptions
    • App Setup Guide – Reservations & Bookings
    • App Setup Guide – Lists & Menus
  • Folder icon closed Folder open iconWebsite Installation
    • Install on Cardd
    • Install on Ecwid
    • Install on Framer
    • Install on Ghost
    • Install on Google Tag Manager
    • Install with HTML
    • Install on Lightspeed
    • Install on Shopify
    • Install on Squarespace
    • Install on Wix
    • Install on Webflow
    • Install on Weebly
    • Install on WordPress
  • Folder icon closed Folder open iconIntegration Guides
    • Integrate the Tawk.to Chat Widget
    • Integrate the Crisp Chat Widget
    • Integrate the 2Chat Chat Widget
    • Integrate the Hubspot Chat Widget
  • Folder icon closed Folder open iconProduct FAQs
    • How do I remove the "⚡ by Contact Button" branding?
    • Why are my Buttons and/or Apps not displaying on my site?
    • How Do I Change Default Button & Menu Font?
    • Where do contact form responses go?
    • How do Contact Form app webhooks and callback URLs work?
    • Which countries & languages does Contact Button support?
    • Can I use the same kind of app multiple times in one button?
    • Can I have multiple buttons on same domain?
    • Do I need to have website development skills to use Contact Button?
    • How do I switch between workspaces?
    • Can I change my account email address?
    • How do I request a new password?
    • What happens when I go over a monthly plan limit?
    • Can I use a hyperlink to automatically open button menu?
  • Folder icon closed Folder open iconAccounts & Billing
    • What kind of support do you offer?
    • Accepted Payment Methods
    • Calculating Taxes
    • How Are Plan Limits Tracked?
    • How Do I Cancel My Subscription?
    • How To Find Your Billing History & Invoices
    • How Do I Upgrade My Account?
    • Is it possible to downgrade plans?
Website Installation

Install on Ghost

Estimated reading: 2 minutes 6293 views

How to install your Contact Button on a Carrd website

You can easily add your Contact Button to website built using Ghost.org without the need of a developer. Simply complete the following steps to enable one of your buttons.

Step 1

Log in to your Ghost dashboard.
Log in to your Ghost account and select the website you want to add your button to


Step 2

Go to the Code Injections
1. A link to your code injections page can be found in the sidebar under settings
2. Click </> Embed.
3. Make sure “Type” is set to Code.
4. Copy the code snipped from your button’s setting page in the text box.
5. Set Style to Hidden and Body End.


Step 3

Add your Contact Button code snippet
1. Copy the code snippet from your button’s setting page in the text box.
2. Scroll down to the Site Footer section on the Code Injection page and paste the code on its own line.


Step 4

Save your work
Make sure you save your changes in the dashboard


Step 5

Test the installation by refreshing your website.
Open a browser page to your website. If you already have it open, just refresh the page. 

If you don’t see the button, please check this article on common reasons a button isn’t showing up. 

“Troubleshooting: Button or Apps Not Displaying“

If you’re still having issues, please contact us for further assistance.

Still stuck? Click here to message us.

How can we help?

Was this page helpful? Yes No

CONTENTS

Powered By EazyDocs

© 2024 All Rights Reserved by Contact Button