Контактна форма Shopify: куди йдуть листи?

Куди йдуть повідомлення з контактної форми Shopify

У кожній темі Shopify є контактна форма. Довідка Shopify каже, що вона надсилає усі повідомлення на sender email магазину. Цю адресу задають на сторінці Notifications в адмінці Shopify (Settings → Notifications). Назви пунктів наведено, як в англійському інтерфейсі.

• Довідка описує лише доставку листом. Списку повідомлень в адмінці вона не згадує, тож вважайте лист єдиною копією.
• Тему цих листів змінити не можна.
• Повідомлення, які спам-фільтр Shopify позначив, усе одно приходять — із [SPAM] на початку теми.

Тож шукайте повідомлення в скриньці sender email, разом із папкою «Спам» і всіма фільтрами.

Чому лист із контактної форми не приходить

• Sender email — не та адреса, яку ви читаєте. Відкрийте Settings → Notifications і подивіться Sender email. Повідомлення йдуть туди, а не на email для входу.
• Домен не автентифіковано. Gmail і Yahoo вимагають автентифікації домену й запису DMARC для брендованих відправників. Без них Shopify замінює відправника на адресу на кшталт store+123@shopifyemail.com. Автентифікуйте домен у розділі Sender email.
• В адресі є «noreply». Shopify попереджає, що деякі поштові сервіси відхиляють відправників із «no-reply» чи «noreply» в назві. Використайте звичайну адресу.
• Фільтр ховає листи з [SPAM]. Shopify доставляє й позначені повідомлення, але ваше власне правило може їх переносити. Shopify перевіряє на спам поле повідомлення (contact[body]).
• На сторінці немає справжньої контактної форми. Форма з'являється на сторінці з шаблоном page.contact або в секції Contact form, якщо вона є в темі.

Ширший список причин — у статті чому форма на сайті не надсилає листи.

Як правильно протестувати форму

1. Відкрийте живий магазин у приватному вікні, а не попередній перегляд у редакторі теми.
2. Надішліть коротке повідомлення зі своєю адресою в полі email.
3. Пошукайте тест у скриньці sender email, разом зі спамом і відфільтрованими папками.
4. Якщо тесту немає, змініть sender email на іншу адресу, яку ви можете читати, і повторіть.

Як надсилати повідомлення на іншу адресу

Shopify прив'язує контактну форму до sender email. Якщо потрібна інша адреса, довідка радить зовнішню форму, наприклад Wufoo чи Jotform. Легший варіант — власна HTML-форма в секції Custom Liquid редактора теми, яка надсилає дані на бекенд для форм.

Приклад надсилає дані у Formgong. На безкоштовному тарифі (300 заявок на місяць) повідомлення йдуть у Telegram і максимум п'ятьом одержувачам листів на форму, кожен підтверджує адресу листом. Теги Liquid підставляють мову магазину й сторінку подяки у вашому магазині.

1. Створіть безкоштовну форму у Formgong і скопіюйте її ключ доступу.
2. Створіть сторінку з handle thank-you для переадресації.
3. У редакторі теми відкрийте контактну сторінку, додайте секцію Custom Liquid і вставте код.
4. Замініть ключ, збережіть і надішліть тест із живого магазину.

Більше полів і налаштувань — на сторінці налаштування HTML-форми. Щоб отримувати заявки на телефон, перегляньте, як надсилати заявки з сайту в Telegram.

<!-- Редактор теми Shopify: Add section → Custom Liquid, вставте код -->
<form action="https://formgong.com/submit" method="POST" class="contact-form">
  <input type="hidden" name="access_key" value="fk_your_access_key">
  <input type="hidden" name="_lang" value="{{ request.locale.iso_code }}">
  <input type="hidden" name="_redirect" value="{{ shop.url }}/pages/thank-you">
  <label>Ім'я <input type="text" name="name" required></label>
  <label>Email <input type="email" name="email" required></label>
  <label>Номер замовлення <input type="text" name="order"></label>
  <label>Повідомлення <textarea name="message" required></textarea></label>
  <div style="position:absolute;left:-9999px" aria-hidden="true">
    <input type="text" name="botcheck" tabindex="-1" autocomplete="off">
  </div>
  <button type="submit">Надіслати</button>
</form>

Що змінюється з власною формою

• Спам-фільтр Shopify не працює. Його роль беруть на себе поле-пастка й фільтр спаму Formgong. Можна також увімкнути Cloudflare Turnstile у налаштуваннях форми.
• Стилі теми можуть не застосуватися. Додайте класи форм вашої теми або трохи CSS.
• Залиште одну форму. Приберіть вбудовану секцію Contact form зі сторінки, щоб відвідувачі не бачили двох форм.