Skip to content

How to get started with a Ghost website

TIP

You can also follow-along with our tutorial https://www.iamkonstantin.eu/adding-feedbackbulb-to-a-ghost-website/

  • In your Ghost admin panel, navigate to Settings > Advanced > Code injection

Ghost code injection

Add Site Header

Paste the following snippet into the header section

html
<link
  rel="stylesheet"
  href="https://cdn.feedbackbulb.com/packages/web-v1.css"
/>
<script
  defer=""
  type="text/javascript"
  src="https://cdn.feedbackbulb.com/packages/web-v1.js"
></script>
<link
  rel="stylesheet"
  href="https://cdn.feedbackbulb.com/packages/web-v1.css"
/>
<script
  defer=""
  type="text/javascript"
  src="https://cdn.feedbackbulb.com/packages/web-v1.js"
></script>

Add the feedback widget

Paste the following snippted into the Site Footer section:

html
<aside data-fbb-feedback="XXX-XXX-XX" />
<aside data-fbb-feedback="XXX-XXX-XX" />

Replace XXX-XXX-XX with your FeedbackBulb application key.

All done 🎉!

Configure the feedback widget

You can customize the look and feel of the feedback widget. Read more about the configuration options.

🚧 Work in progress