integraciones · site builder

Un formulario para Ghost, que no tiene recepción de mensajes.

Ghost convierte emails en miembros, su única entrada. Sin formulario de contacto, bloque ni almacenamiento de mensajes en administración. Publicar email como alternativa facilita el rastreo y spam.

La solución es HTML, no plugins. Pega un formulario en tarjeta HTML, página o tema y dirígelo a mailcontact. Los mensajes llegan con Discord, Slack, email o webhook.

configuración recomendada

Utiliza el script de MailContact con tu diseño.

Añade este HTML a tu sitio o utiliza el generador de formularios. Sustituye el enlace por el de tu formulario. El script alojado inserta la comprobación oculta, gestiona el envío y la verificación automática y conserva el borrador si hay errores. Tú controlas el HTML y el CSS. Los formularios Free muestran un enlace visible «Processed by mailcontact.app»; Pro y Plus no. Los avisos siguen el idioma del navegador; configura data-mailcontact-language="fr" en el formulario para forzar el francés.

contact.html
<form action="https://mailcontact.app/api/forms/your-form-id" method="POST" data-mailcontact-form lang="es" data-mailcontact-language="es">
  <input type="hidden" name="_language" value="es" />
  <fieldset>
    <legend>Contáctanos</legend>
    <label>
      Nombre (opcional)
      <input name="name" type="text" autocomplete="name" maxlength="200" />
    </label>
    <label>
      Correo electrónico
      <input name="email" type="email" autocomplete="email" maxlength="320" required />
    </label>
    <label>
      Mensaje
      <textarea name="message" rows="5" maxlength="5000" required></textarea>
    </label>
    <noscript>
    <div aria-hidden="true" style="position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;">
      <label>Sitio web
        <input name="company_website" type="text" tabindex="-1" autocomplete="off" />
      </label>
    </div>
    </noscript>
    <button type="submit">Enviar mensaje</button>
  </fieldset>
  <p data-contact-status role="status" aria-live="polite" aria-atomic="true"></p>
</form>
<script defer src="https://mailcontact.app/forms/v1.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Para un componente con su propio controlador de envío, carga el mismo script y utiliza MailContact.prepare(form) y MailContact.send() en lugar del marcador automático. Consulta la referencia de interfaces personalizadas para carga, avisos y atribución de Free.

el código

Alternativa: una integración directa para Ghost.

Este ejemplo envía directamente a la API. Mantén el campo obligatorio company_website presente y vacío. Los envíos nativos abren JSON si tienen éxito o una página de verificación si hace falta. Los scripts sin verificación envían los mensajes sospechosos a Spam; el spam claro también se retiene sin alertas ni consumo de cuota. Una respuesta de éxito confirma recepción, incluida revisión, o el descarte silencioso de una trampa rellenada. Consulta protección contra spam para conocer todo el funcionamiento.

Tarjeta HTML o themes/your-theme/page-contact.hbs
<!-- Editor: insert an HTML card and paste this in.
     Theme: drop it into page-contact.hbs and publish a page
     with the "contact" slug. Either works; the card needs no theme edit. -->

<form action="https://mailcontact.app/api/forms/your-form-id" method="POST">
  <input type="text" name="name" placeholder="Your name" required />
  <input type="email" name="email" placeholder="[email protected]" required />
  <textarea name="message" placeholder="What's on your mind?" required></textarea>

  <!-- Honeypot: bots fill it, humans never see it. -->
  <input type="text" name="company_website" type="text" tabindex="-1" autocomplete="off"
      style="position:absolute;left:-10000px" aria-hidden="true" />

  <button type="submit">Send</button>
</form>

cómo funciona

Tres pasos de principio a fin.

01

Crear una bandeja

Una bandeja por publicación con endpoint y email como [email protected].

02

Pégalo en una página

Crea Contacto y añade una tarjeta HTML con el formulario o utiliza page-contact.hbs. La tarjeta no exige acceso al tema.

03

Recibe avisos

Añade Discord, Slack, email o webhook. Recibe lectores sin entrar en administración.

por qué mailcontact

Pensado para funcionar con Ghost.

Sin complicaciones con plugins de Ghost

Sin buscar extensiones ni mantener compatibilidad. La tarjeta HTML es una función oficial del editor.

Los miembros no son mensajes

El registro de Ghost crea miembros y envía enlaces de acceso. Quien pregunta no debería convertirse en suscriptor por accidente.

Tu dirección no aparece en la página

La alternativa es publicar email rastreable. El formulario mantiene el contacto sin exponerlo.

preguntas frecuentes

Ghost + mailcontact: tus preguntas resueltas

¿Ghost tiene formularios de contacto integrados?

No. El único formulario entrante de Ghost registra miembros con su email. No hay campo de mensaje ni almacenamiento en administración. Sus páginas de contacto publican un email o insertan formularios externos.

¿Tengo que editar mi tema?

No. Basta con la tarjeta HTML del editor: crea página, inserta tarjeta, pega código y publica. Editar page-contact.hbs solo compensa para repetir el formulario o usar las clases del tema.

¿Funciona en Ghost(Pro)?

Sí. La tarjeta HTML no requiere archivos y funciona igual en Ghost(Pro) y autoalojado. Incluso con temas subidos, es más sencilla para una página.

¿Puedo utilizar las clases de mi tema?

Sí. Añade las clases de tu tema a campos y botones. mailcontact solo lee name: email y message obligatorios; name y subject opcionales; company_website presente y vacío.

relacionado

También funciona con

Una bandeja por cada proyecto de Ghost que publiques.

Formularios y una dirección de email real, juntos, con avisos en tus herramientas. Empieza con una cuenta gratuita.

Crear formulario gratis

Sin tarjeta de crédito. Free incluye un proyecto y 50 mensajes de formulario al mes.