טופס יצירת קשר מינימלי
תוויות, שלושה שדות וכפתור. בלי בלוק עיצוב. הדפדפן מצייר את השדות. השליחה זהה לשאר תבניות ההתחלה.
מה אתם מעתיקים
תבנית זו היא טופס יצירת הקשר בלי בלוק עיצוב ובלי מחלקות עזר. הדפדפן מצייר את הפקדים במראה ברירת המחדל שלו.
זה שימושי כשאתם רוצים לראות את הבקשה בבירור, או כשגיליון העיצוב שלכם יעשה את הצביעה.
השדות עדיין שם, דוא״ל, טלפון אופציונלי והודעה. הכפתור שולח POST רגיל.
אין framework, אין גופן ואין סקריפט. אם ה-CSS הגלובלי שלכם מעצב מחדש שדות קלט, הוא יחול. הקובץ הזה אינו נלחם בו.
התצוגה המקדימה בעמוד זה גם מדלגת על סגנונות הכרטיס של התבניות האחרות, כך שהפקדים נראים קרובים יותר לטופס בלי עיצוב.
מה עדיין נדרש
גם טופס חשוף צריך את access_key, את _lang ואת botcheck. כך Formgong מזהה את הטופס, את השפה ואת המלכודת.
המלכודת מוסתרת עם מאפיין עיצוב קצר על המעטפת שלה. זה העיצוב היחיד במקטע. בלי זה אנשים עלולים למלא את המלכודת.
Turnstile נמצא בתוך הערה. המקטע הנוסף הוא אותו טופס עם השורות האלה בלי הערה, ואת YOUR_TURNSTILE_SITE_KEY עדיין צריך להחליף.
הסרת ההערה מהשורות אינה יוצרת מפתח. צרו את הווידג׳ט ב-Cloudflare, הפעילו את Turnstile בטופס, ואז הדביקו את מפתח האתר.
סקריפט בתוך הערה אינו רץ. השאירו את ההערה במקומה עד שאתם באמת רוצים את הווידג׳ט.
אותה מסירה כמו בתבניות המעוצבות
Telegram מדפיס את שמות השדות בהדגשה. השאירו אותם קצרים. תרגמו רק את הטקסט שהמבקר קורא.
בלי _redirect Formgong מציג את עמוד התודה שלו. הוסיפו _redirect רק ככתובת https מוחלטת שבבעלותכם.
התוכנית החינמית כוללת 300 פניות בחודש, 30 ימי שמירה, Telegram מיידי וסיכום דוא״ל יומי.
הנתונים מאוחסנים באיחוד האירופי. Formgong מפעיל את השירות. כתובת התמיכה היא support@formgong.com.
כשהטופס החשוף עובד, אתם יכולים לעטוף אותו בפריסה שלכם. אין חובה להתחיל מתבנית מעוצבת.
תצוגה מקדימה
קוד הטופס
<form action="https://formgong.com/submit" method="POST"> <input type="hidden" name="access_key" value="fk_your_access_key"> <input type="hidden" name="_lang" value="he"> <label>שם <input type="text" name="name" autocomplete="name" required></label> <label>אימייל <input type="email" name="email" autocomplete="email" required></label> <label>טלפון <input type="tel" name="phone" autocomplete="tel"></label> <label>הודעה <textarea name="message" required></textarea></label> <div aria-hidden="true" style="position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)"> <label>השאירו שדה זה ריק <input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label> </div> <!-- אופציונלי. הפעילו Turnstile לטופס הזה, הסירו את סימני ההערה והדביקו את מפתח האתר. <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script> <div class="cf-turnstile" data-sitekey="YOUR_TURNSTILE_SITE_KEY" data-language="he"></div> --> <button type="submit">שליחה</button> </form>
אותו טופס עם שורות Turnstile בלי הערה
<form action="https://formgong.com/submit" method="POST"> <input type="hidden" name="access_key" value="fk_your_access_key"> <input type="hidden" name="_lang" value="he"> <label>שם <input type="text" name="name" autocomplete="name" required></label> <label>אימייל <input type="email" name="email" autocomplete="email" required></label> <label>טלפון <input type="tel" name="phone" autocomplete="tel"></label> <label>הודעה <textarea name="message" required></textarea></label> <div aria-hidden="true" style="position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)"> <label>השאירו שדה זה ריק <input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label> </div> אופציונלי. הפעילו Turnstile לטופס הזה, הסירו את סימני ההערה והדביקו את מפתח האתר. <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script> <div class="cf-turnstile" data-sitekey="YOUR_TURNSTILE_SITE_KEY" data-language="he"></div> <button type="submit">שליחה</button> </form>
שאלות ותשובות
למה עדיין יש עיצוב על המלכודת?
כדי שהמלכודת תישאר מחוץ למסך. כל השאר בלי עיצוב בכוונה. הסרה של הכלל היחיד הזה הופכת את המלכודת לגלויה.
האם ה-CSS של האתר שלי ישבור את ה-POST?
CSS אינו משנה את ה-POST. עיצוב יכול להסתיר את כפתור השליחה, אבל שמות השדות וכתובת ה-action הם מה שחשוב.
האם הוא קטן יותר מסיבה?
כן. זו אותה בקשה עם פחות צבע, כדי שתוכלו להניח אותו בעמוד שכבר יש לו עיצוב.
האם צריך את שדה הטלפון?
לא. מחקו את התווית הזאת אם אינכם רוצים מספר טלפון. השאירו את email אם אתם רוצים כתובת למענה בתיבה.