GitBook

Adding a Form to GitBook

GitBook's custom HTML block lets you embed interactive content directly in your documentation, making it straightforward to add a feedback or contact form backed by Formward.

1. 01Create your form in Formward

   Sign up at formward.eu, create a new form, and copy the endpoint URL (https://formward.eu/f/your-form-id).

2. 02Insert an HTML block in GitBook

   Open the page in the GitBook editor. Type / to open the block picker, search for HTML, and select the HTML block. Paste the form markup below into the block editor.

   Note: HTML blocks are available on GitBook's Pro and Business plans. On free plans you can link to an external contact page instead.

   <form action="https://formward.eu/f/your-form-id" method="POST"
     style="display:flex;flex-direction:column;gap:14px;font-family:inherit;max-width:480px">
     <div style="display:flex;flex-direction:column;gap:4px">
       <label style="font-size:0.875rem;font-weight:600">Name</label>
       <input type="text" name="name" required
         style="padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem" />
     </div>
     <div style="display:flex;flex-direction:column;gap:4px">
       <label style="font-size:0.875rem;font-weight:600">Email</label>
       <input type="email" name="email" required
         style="padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem" />
     </div>
     <div style="display:flex;flex-direction:column;gap:4px">
       <label style="font-size:0.875rem;font-weight:600">Message</label>
       <textarea name="message" rows="4" required
         style="padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:0.875rem;resize:vertical"></textarea>
     </div>
     <!-- honeypot: keep hidden -->
     <input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off" />
     <button type="submit"
       style="align-self:flex-start;padding:8px 20px;background:#000;color:#fff;border:none;border-radius:6px;font-size:0.875rem;cursor:pointer">Send</button>
   </form>

3. 03Test and view submissions

   Publish the GitBook space and navigate to the page. Fill out the form and submit it. Log in to the Formward dashboard to confirm the submission arrived. Because GitBook renders HTML blocks in a sandboxed iframe, the form POST goes directly to Formward's servers without any GitBook middleware.