mai
/
posimai-store
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(store): お問い合わせフォームを Resend API に切り替え（Formspree 廃止）

This commit is contained in:
posimai 2026-04-21 19:53:05 +09:00
parent 1017acae0d
commit 4981d32a1e
1 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
contact.html
View File

@ -169,8 +169,7 @@
<h1>お問い合わせ</h1> <h1>お問い合わせ</h1>
<p class="subtitle">通常 1〜2 営業日以内にご返信します</p> <p class="subtitle">通常 1〜2 営業日以内にご返信します</p>
<!-- Formspree: https://formspree.io でフォームを作成し、YOUR_FORM_ID を置き換えてください --> <form id="contact-form">
<form id="contact-form" action="https://formspree.io/f/YOUR_FORM_ID" method="POST">
<div class="field"> <div class="field">
<label for="type" class="required">お問い合わせ種別</label> <label for="type" class="required">お問い合わせ種別</label>
@ -205,9 +204,6 @@
<textarea id="message" name="message" required placeholder="詳しい状況をお書きください"></textarea> <textarea id="message" name="message" required placeholder="詳しい状況をお書きください"></textarea>
</div> </div>
<!-- Formspree スパム対策（ハニーポット） -->
<input type="text" name="_gotcha" style="display:none">
<button type="submit" class="submit-btn" id="submit-btn">送信する</button> <button type="submit" class="submit-btn" id="submit-btn">送信する</button>
</form> </form>
@ -230,18 +226,27 @@
btn.disabled = true; btn.disabled = true;
btn.textContent = '送信中...'; btn.textContent = '送信中...';
const data = {
type: document.getElementById('type').value,
name: document.getElementById('name').value,
email: document.getElementById('email').value,
subject: document.getElementById('subject').value,
message: document.getElementById('message').value,
};
try { try {
const res = await fetch(form.action, { const res = await fetch('https://api.soar-enrich.com/api/store/contact', {
method: 'POST', method: 'POST',
body: new FormData(form), headers: { 'Content-Type': 'application/json' },
headers: { Accept: 'application/json' } body: JSON.stringify(data),
}); });
if (res.ok) { if (res.ok) {
form.style.display = 'none'; form.style.display = 'none';
success.style.display = 'block'; success.style.display = 'block';
} else { } else {
alert('送信に失敗しました。時間をおいて再度お試しください。'); const err = await res.json().catch(() => ({}));
alert(err.error || '送信に失敗しました。時間をおいて再度お試しください。');
btn.disabled = false; btn.disabled = false;
btn.textContent = '送信する'; btn.textContent = '送信する';
} }