إرسال نموذج Google في موقع Hugo

في بعض الأحيان، تحتاج إلى إضافة إرسال نموذج إلى موقعك الإلكتروني القائم على هوجو.

Page content

ليس كل يوم خميس الثاني، ولكن لا يزال…

لدينا نهج رئيسيان

‘البريد المُسَدَّر’

خيارات شائعة لخدمات إرسال النماذج

  1. استخدام نوع من خدمات إرسال النماذج عبر الإنترنت، مثل https://getform.io ($15.83/شهر لخطة البدء) أو https://kwesforms.com (19/شهر)، أو https://form-data.com ($10/1000 إرسال). هناك بعض الخيارات البديلة مع إمكانية إرسال 100 نموذج مجانًا في الشهر. لكن لا تزال - تحتاج إلى حماية نفسك من البريد العشوائي. راجع بعض مصادقة reCapcha المزعجة.

  2. نماذج جوجل. سهلة وجميلة.

إليك قائمة الخطوات لتكوين إرسال نماذج من موقع ويب هوجو إلى نماذج جوجل.

إعداد النموذج على جوجل

انتقل إلى نموذج جوجل صفحة إعداد: https://docs.google.com/forms/u/0/

أنشئ نموذجًا عبر الإنترنت مع بعض الحقول مثل

  • البريد الإلكتروني للتواصل
  • الاسم
  • الرسالة

إعداد نموذج جوجل لإرساله من موقع ويب هوجو

ثم في الزاوية العلوية اليمنى من الشاشة هناك زر دائرية ثلاث نقاط عمودية. انسخ كود التضمين HTML، يجب أن يكون مشابهًا لهذا:

<iframe src="https://docs.google.com/forms/d/e/qwesomenumbersandlettersqwe/viewform?embedded=true"
width="640" height="1142" frameborder="0" marginheight="0" marginwidth="0">جارٍ التحميل...</iframe>

قائمة سياق نماذج جوجل

إعداد موقع ويب هوجو

rawhtml

تأكد من أن لديك قصاصة rawhtml.

في الملف layouts/shortcodes/rawhtml.html

<!-- html خام -->
{{ .Inner }}

إنشاء صفحة للتواصل

يمكنك إضافته إلى أي صفحة، لكن دعنا نجربه أولاً على صفحة “اتصل بنا”:

hugo new contact-us.md

أضف في نهاية هذه الصفحة الكود المُضمن الذي نسخته من جوجل:

rawhtml على موقع ويب هوجو

اختبار صفحة التواصل على موقع ويب هوجو

للمراجعة محليًا لموقع ويب هوجو:

hugo server -D

بعد أن يقول هوجو:

البيئة: "التطوير"
الصفحات تُقدّم من القرص
التشغيل في وضع الإعادة السريعة. للإعادة الكاملة عند التغيير: hugo server --disableFastRender
الخادم متاح على http://localhost:1313/ (عنوان الربط 127.0.0.1)
اضغط Ctrl+C لوقفه

انتقل إلى: http://localhost:1313/contact-us

و راجع ما إذا كان الإرسال يعمل أو لا يعمل

نص بديل

هناك أيضًا إعداد في النموذج يحدّد إرسال واحد لكل مُرسِل. وهو يتطلب تسجيل دخول جوجل. وهو الإعداد مفعل بالعَيْنِ الافتراضي.

لذا قد ترغب في إيقافه.

رؤية بيانات النماذج المُرسَلة على نماذج جوجل أو الجداول

بعد أن تضغط على “إرسال” - انتقل إلى نماذج جوجل

وراجع التفاصيل المُرسَلة.

نص بديل

أو على جدول جوجل:

نص بديل

صفحة اتصل بي على موقعنا تستخدم هذا الطرق بالضبط.

روابط مفيدة