Help center
Go to home
Go to templates
Go to settings
Go to help center

Embed forms on a Ghost site

Add a form to a Ghost post or page by pasting its link, or paste the Standard snippet into an HTML card for control over the frame.

Ghost is a good fit for a reader survey, a contact form or a membership application, and a form built in Tinyform embeds in it without a plugin. There are two levels of control, and both start on the form's Share tab.

  1. Publish the form

    Build it at /forms/<id>/edit and publish it.

  2. The quick way: paste the link

    Copy the address under Share Link and paste it straight into the Ghost editor. Ghost turns a pasted link into an embed card.

  3. The precise way: the Standard snippet

    For a say in the frame's height, title and background, open Embed Form, choose Standard, set the embed options, click Get the code and copy the snippet.

  4. Paste it into an HTML card

    In any Ghost post or page, add an HTML card and paste the snippet into it.

  1. Preview

    Open the post's preview and fill the form in once to check it.
Transparent background is on by default in Standard mode, so the frame takes on the Ghost theme's page colour and reads as part of the post. Turn it off if you want the form on its own white surface.
To give the form a whole page of its own, pick Full page under Embed Form. That snippet is a complete HTML document framing the published form at /r/<id>; the frame is the viewport and the form scrolls inside it, so no height negotiation is needed.

Back to Embed guides.