web-dev-qa-db-fra.com

Envoyer un email à partir d'une page statique hébergée sur GitHub Pages

J'ai hébergé une seule page HTML statique à l'aide de GitHub Pages. Je dois ajouter une fonctionnalité "Envoyer des commentaires" à ma page statique, où un utilisateur peut saisir son nom, son courrier électronique, ses commentaires et cliquer sur le bouton ENVOYER. Cela enverra un email avec le contenu de mon adresse email. Cela peut-il fonctionner dans une page HTML statique sur GitHub? GitHub Pages supporte-t-il cette fonctionnalité de mailing? 

Je souhaite également connaître les fonctionnalités/plug-ins, etc. que le serveur GitHub Pages peut-il prendre en charge en fonction du serveur Web sous-jacent utilisé?

htmlformshtml-emailgithub-pages
37
A9S6

Cela ne peut pas être fait de manière native sur les pages GitHub. Vous devrez utiliser certainsgenredeoutil de soumission de formulaire .

La documentation pages de GitHub décrit ce que vous pouvez et ne pouvez pas faire avec l'hébergement, et les plugins qu'il supporte.

25
Moshe Katz

Oui, cela peut être fait de cette façon avec l’aide de formspee. 

Formspree

http://formspree.io/

Formulaires HTML Envoyez simplement votre formulaire à notre URL et nous le transférerons à votre adresse email. Pas de PHP, Javascript ou inscription requise - parfait pour les sites statiques! Vous devez simplement ouvrir votre éditeur de texte et coller le code suivant:

<form action="http://formspree.io/[email protected]"><input type="email" name="_replyto"><textarea   name="body"></textarea><input type="submit" value="Send"></form>

Ça y est, votre formulaire fonctionne déjà! Il publiera le formulaire sur un domaine externe, formspree.io, et vous enverra un courrier électronique avec tout le contenu du formulaire. Pas de base de données. Et vous pouvez simplement cliquer sur répondre dans votre boîte aux lettres pour poursuivre la conversation avec votre visiteur.

Cet outil a été créé par les gars de Brace, puis open-source et hébergé par Assembly.

L'installation est facile et gratuite. Voici comment:

Vous n'êtes même pas obligé de vous inscrire.

  1. Configurer le formulaire HTML

Changez l'attribut action de votre formulaire en ceci et remplacez [email protected] avec votre propre email.

http://formspree.io/[email protected]

  1. Envoyez le formulaire et confirmez votre adresse email

Accédez à votre site Web et envoyez le formulaire une fois. Cela vous enverra un email demandant de confirmer votre adresse email, afin que personne ne puisse commencer vous envoyer du spam à partir de sites Web aléatoires.

  1. Tous ensemble, recevoir des emails

À partir de maintenant, lorsque quelqu'un soumettra ce formulaire, nous vous ferons parvenir le données comme email.

63
Parvez Hassan

Les pages Github ne prennent pas en charge php et quelques-uns des autres éléments de base dont vous auriez besoin pour cela. Une approche simple consiste à créer un formulaire Google qui correspond à votre formulaire HTML et à utiliser l'action submit to that. Il est un peu plus délicat de le faire avec une redirection, mais cela peut être fait.

Voici comment je l'ai fait: https://github.com/toperkin/staticFormEmails/blob/master/README.md

16
user3835730

GitHub Pages ne propose ni ne prend en charge rien de ce genre, car il ne s'agit que d'un hébergement statique de sites Web. Il sert des fichiers HTML et des ressources, mais n'exécute pas de scripts côté serveur.

Il y a quelques mois, j'ai rencontré le même problème et effectué des recherches. Comme d'autres l'ont mentionné, un service de gestionnaire de formulaire externe est nécessaire pour cette tâche. Heureusement, il y en a des tonnes:

J'ai comparé leurs fonctionnalités et leurs limites en fonction de leur site Web, puis j'ai choisi, essayé Basin et je suis resté fidèle à cela. Il offre des soumissions illimitées, filtre anti-spam, vérification captcha, intégration Zapier; cache votre adresse électronique dans votre formulaire et il peut envoyer un accusé de réception électronique à celui qui a soumis le formulaire - tout cela gratuitement. Cela fonctionne comme un charme sur mon site Web (hébergé sur GitHub Pages) derrière mon formulaire de contact.

Il est très facile à configurer, l'interface d'administration affiche des extraits de code HTML à copier-coller. Votre formulaire ressemblera à ceci:

<form accept-charset="UTF-8" action="https://usebasin.com/f/123456xabcdef" enctype="multipart/form-data" method="POST">
  <input type="email" id="email" name="email" required>
  <textarea rows="4" cols="50" name="comment" required></textarea>
  <button type="submit">Submit</button>
</form>

Il y a quelque temps, j'ai écrit un article sur blog à propos de tester Basin avec plus de détails.

4
juzraai

J'ai construit https://www.formbackend.com pour des choses comme celles-ci. La seule chose dont vous avez besoin est de créer un back-up de formulaire sur le site Web et d'utiliser l'URL unique en tant que action dans votre <form action="[FORMBACKEND_UNIQUE_URL]">.

Le champ que vous ajoutez au formulaire sera soumis à notre backend, où vous pourrez soit les visualiser en ligne, soit le configurer pour que vous receviez un courrier électronique chaque fois que quelqu'un soumettra votre formulaire! :)

0
Jesper

Non, cela n'est pas pris en charge par les sites statiques que vous allez créer. Pourtant, il existe une tonne de services qui peuvent vous aider à le faire. Pour le moment, vous avez simplement besoin d’un static form sur votre site Web, mais avec le temps, vous voudrez faire plus de choses comme:

  • Que font les utilisateurs sur votre site
  • leur envoyer des offres
  • augmenter l'engagement et beaucoup plus. 

J'essaie un outil Formester.com qui vous aidera à faire tout cela à un prix abordable.

0
aks