В этой статье обсуждается использование HTML-кода для активации почтового ящика для отправки почты. Чтобы настроить HTML-код для начала, перейдите к нашему последнему руководству.
Преимущество такого подхода заключается в том, что почта, с которой вы должны отправить письмо, будет дважды проверена.
Давайте начнем с выполнения шагов;
Шаг 1.Первый шаг — добавить код контактной формы на HTML-страницу или шаблон, где вы хотите изменить триггер для отправки электронной почты через почтовый ящик. Ниже приведен пример кода контактной формы.
Шаг 2.Проверьте функциональность HTML-файла в браузере. Для этого дважды щелкните HTML-файл, и откроется ваш обычный браузер.
Шаг 3. Чтобы активировать почтовый ящик, введите необходимую информацию в нужном месте. Шаг 4. Теперь вам нужно нажать кнопку отправить сообщение, чтобы активировать почтовый ящик. и отправить почту.
Как только вы нажмете кнопку, появится почтовый ящик по умолчанию, как показано ниже.
Шаг 4.Теперь вам нужно нажать кнопку отправить сообщение, чтобы активировать почтовый ящик и отправить почту.
Как только вы нажмете кнопку, появится почтовый ящик по умолчанию, как показано ниже.
Шаг 5:Здесь вам нужно снова выбрать идентификатор электронной почты, с которого вы хотите отправить сообщение. После выбора вашего почтового идентификатора вы автоматически получите точную информацию, которую вы ввели в контактную форму в браузере. В первый раз, если вы не получите точную информацию о сообщении, попробуйте сделать то же самое во второй раз, когда вы получите его. Ниже приведен образец, который вы увидите.
Шаг 6. Отправьте письмо после проверки информации. Я получаю почту на свое мобильное устройство, поэтому пример ниже. И получатель может получить вашу почту.
На этом этапе ваша система и никакая другая система не может получить доступ к вашему проекту, потому что он работает локально. Мы должны развернуть наш проект в инфраструктуре хостинга Cloudflare, чтобы сделать его доступным для всех. Hostinger, Heroku и многие другие платформы могут размещать наш статический или динамический веб-сайт HTML и CSS, однако в качестве демонстрации использования Cloudflare мы развертываем наш проект в cloudflare.
Шаг 7. Создайте учетную запись Cloudflare, если у вас ее еще нет. Вы должны войти в Cloudflare, так как я предполагаю, что у вас там есть учетная запись.
Шаг 8.Введите данные для входа, чтобы получить доступ к панели управления.
Шаг 9.Если вы включили двухфакторную аутентификацию для своей учетной записи, появится окно, показанное ниже.
Шаг 10.После этого вы можете получить доступ к панели инструментов Cloudflare.
Шаг 11.Перейдите к разделу страниц на левой панели навигации.
Шаг 12.Оттуда используйте опцию «Создать проект», чтобы начать новый проект. и ссылку на репозиторий проекта на Github.
Шаг 13. После этого вы должны предоставить Cloudflare разрешение на использование вашего проекта GitHub. Образец снимка экрана, который будет запрошен, показан ниже. Необходимо нажать кнопку «Установить и авторизовать».
Шаг 14.Затем вы увидите, что ваш проект Github подключен к Cloudflare.
Шаг 15.На этом этапе необходимо настроить команды сборки и развертывания. В настройках сборки вы должны выбрать «Нет» для предустановки Framework, а затем нажать «сохранить и развернуть». Вы заметите, что развертывание вашего проекта в Cloudflare должно иметь начал.
Шаг 16. На этом этапе вы увидите ссылку на проект вверху. Вы должны нажать на ссылку, чтобы определить, доступен ли ваш проект для всех.
Как только вы нажмете кнопку отправить сообщение ниже, появится всплывающее окно с образцом фотографии. Вам просто нужно нажать кнопку «отправить в любом случае» один раз, так что не беспокойтесь.
Теперь вы можете использовать те же процедуры, что и при локальном тестировании проекта.
Я надеюсь, что эта статья была информативной и предоставила вам необходимую информацию. Если у вас возникнут вопросы во время чтения блога, пишите мне в Instagram или LinkedIn. По любым вопросам, связанным с веб-разработкой, вы можете связаться со мной по адресу [email protected].
Спасибо…
