Ghost A/Blocalhost:3000

Website configuration

Setup

Everything that connects your website to Ghost A/B.

01

Your website

Select the website you want to manage.

Local Demo Ghost Site
localhost:3000

02

Installation

Connect experiment delivery to your Ghost website.

The existing homepage edge canary remains in place. This is the standard browser snippet; do not add it alongside an existing edge installation.

Standard installation snippet

For sites using standard delivery, paste into Ghost’s Site Header under Code Injection.

<style id="ghost-ab-hide">[data-ab-slot]{visibility:hidden}</style>
<script>setTimeout(function(){var el=document.getElementById("ghost-ab-hide");if(el)el.remove()},1200)</script>
<script async src="https://ghost-ab-testing-poc.vercel.app/ghost-ab.js" data-site-key="LOCAL_DEMO_SITE_KEY"></script>
03

Testable surfaces

Prepare headings, buttons, and images for experiments.

Theme slot injector

Add testable surfaces to a Ghost theme and review the detected elements.

Open theme slot injector →
04

Diagnostics

Technical tools for verifying your configuration.

Inspect configuration

See the standard configuration returned for a running experiment’s page.

Inspect config ↗