Как добавить контактную форму на статический сайт?

У меня есть в основном "статический" веб-сайт без серверного кода и немного JavaScript. Теперь я хотел бы добавить контактную форму. Мне все равно, как я получаю данные контактной формы (так что просто запись этих данных в текстовый файл на сервере будет в порядке).

Какое самое простое решение для этой проблемы? Как люди обычно справляются с этим?

Я полагаю, что могу добавить некоторый серверный код (PHP или что-то еще) для обработки формы (и, например, записать данные формы в файл), но я бы предпочел решение на стороне клиента.

Источник

4 ответа

Решение

Используйте внешний инструмент, они обычно упоминаются как " Formmailer". Вы в основном отправляете форму на их сервер, и они отправляют содержимое формы по почте вам.

Если вы не хотите этого, вы должны сделать что-то на стороне сервера: хранение данных на сервере без серверной программы, которая принимает данные от клиента, просто невозможно.

Вы можете установить CouchDB и взаимодействовать с ним из Javascript:) Каждый может использовать это и тогда:)

Самый простой PHP-скрипт, который хранит данные POST на вашем жестком диске:

<?php file_put_contents('/path/to/file', serialize($_POST) . "\n", FILE_APPEND); ?>
Источник

Вы можете использовать Google Drive и создать форму с необходимыми полями. и вставьте код (который будет iframe) в вашу статическую веб-страницу. Вы сможете получить отправленные данные в электронной таблице.

Источник

Вы можете использовать Qontacto. Это бесплатная контактная форма, которую вы можете добавить на любой сайт. он пересылает вам сообщения.

Источник

Я настроил сервис fwdform именно для этого.

Всего два простых шага, чтобы отправить вашу форму на ваш электронный адрес.

1.Register

Сделайте HTTP-запрос POST для регистрации вашей электронной почты.

$ curl --data "email=<your_email>" https://fwdform.herokuapp.com/register
Token: 780a8c9b-dc2d-4258-83af-4deefe446dee

2. Настройте свою форму

<form action="https://fwdform.herokuapp.com/user/<token>" method="post">
    Email: <input type="text" name="name"><br>
    Name: <input type="text" name="email"><br>
    Message: <textarea name="message" cols="40" rows="5"></textarea>
    <input type="submit" value="Send Message">
</form>

С помощью пары дополнительных секунд вы можете раскрутить свой экземпляр на Heroku.

Источник
Другие вопросы по тегам