إذا كنت تكافح من أجل الحصول على نموذج على موقعك ، فيمكنك تثبيت مكون إضافي^{(install a plugin)} للوظائف الأساسية ، ولكن قد يؤدي ذلك إلى إبطاء موقعك^{(slow down your site)} إذا كان لديك بالفعل العديد من المكونات الإضافية.

باستخدام نماذج Google^{(Google Forms)} ، لا يمكنك فقط إضافة نموذج إلى موقعك بشكل أسرع ، ولكن ستحصل أيضًا على المزيد من الميزات. على سبيل المثال ، يمكنك إدراج ملفات الوسائط واستيراد الأسئلة والتكامل بسهولة مع WordPress والبريد الإلكتروني والمشاركة على المزيد من الأنظمة الأساسية والاستمتاع بمساحة تخزين إضافية في Google Drive^{(additional storage in Google Drive)} .

بالإضافة إلى ذلك ، تتيح لك نماذج Google^{(Google Forms)} التعاون مع زملائك في الفريق ، وتتبع جميع النتائج من النماذج الخاصة بك من قنوات مختلفة ، وليس موقعك فقط.

إليك كيفية تضمين نماذج Google^{(Google Forms)} بسرعة على موقع الويب الخاص بك في بضع خطوات بسيطة.

كيفية تضمين نماذج جوجل على موقع الويب الخاص بك^{(How to Embed Google Forms on Your Website)}

للبدء ، ستحتاج إلى نموذج Google^{(Google Form)} وشفرة التضمين الخاصة به ، والتي ستضيفها إلى الصفحة أو تنشر حيث تريد أن يظهر النموذج على موقعك.

قم بإنشاء نموذج Google^{(Create a Google Form)}

1. لإنشاء نموذج Google^{(Google Form)} ، تأكد من تسجيل الدخول إلى حساب Google الخاص بك ثم حدد رمز نماذج Google في قائمة ^{(Google Forms)}تطبيقات Google^{(Google Apps)} . بدلاً من ذلك ، انتقل إلى Forms.google.com .

1. حدد المربع الفارغ^(Blank) من شريط الأدوات لإنشاء النموذج الخاص بك من البداية ، أو حدد نموذجًا^{(select a template)} من الخيارات المتاحة.

1. أضف عنوانًا ووصفًا^{(title and description)} إلى النموذج الخاص بك.

1. بعد ذلك ، استخدم شريط الأدوات الموجود على اليمين لإضافة أسئلة أو استيراد أسئلة من نموذج مختلف أو تحميل مقاطع فيديو وصور أو إضافة قسم. 

1. إذا كنت تريد اختيار نوع الإجابة ، فحدد السهم بجوار قسم نوع الإجابة.

1. من الخيارات ، يمكنك اختيار السماح للمستخدمين بترك إجابة أو فقرة قصيرة ، أو الاختيار من متعدد ، أو تحديد مربعات الاختيار ، أو تحديد الخيارات من القائمة المنسدلة.

1. لتخصيص أو تغيير سمة النموذج ، استخدم رمز اللوحة^(palette) في أعلى الجانب الأيمن من الشاشة.

1. يمكنك أيضًا معاينة التصميم النهائي باستخدام رمز العين قبل حفظه وتضمينه في موقع الويب الخاص بك.

1. إذا كنت ترغب في جمع عناوين البريد الإلكتروني ، أو تقييد المستخدمين برد واحد لكل منهم ، أو السماح لهم بتعديل ردودهم بعد إرسال النموذج ، فحدد الإعدادات المتقدمة^{(Advanced Settings)} (رمز الترس).

1. حدد رمز النقاط الثلاث^{(three-dot icon)} لمزيد من الخيارات مثل إضافة المتعاونين أو التراجع عن الإجراءات أو إضافة التفضيلات أو الوظائف الإضافية من Google Workspace Marketplace .

ملاحظة^(Note) : يتيح لك تحديد إضافة متعاونين على وجه التحديد ^{(Add Collaborators)}دعوة أعضاء فريقك للعمل^{(invite members of your team to work)} في النموذج. يمكنك إرسال دعوات باستخدام خيار مشاركة الرابط أو كتابة عناوين بريدهم الإلكتروني وسيتلقون إشعارًا بالبريد الإلكتروني مع الدعوة.

تضمين نموذج Google الخاص بك على موقع الويب الخاص بك^{(Embed Your Google Form on Your Website)}

الآن بعد أن أصبح لديك نموذج Google^{(Google Form)} جاهزًا ، فإن الخطوة التالية هي إضافته إلى موقع الويب الخاص بك. للقيام بذلك ، تحتاج إلى الحصول على رمز التضمين الخاص بالنموذج ، وهو مقتطف رمز فريد ستضيفه إلى الصفحة أو النشر حيث تريد أن يظهر النموذج.

1. للحصول على رمز التضمين الخاص بالنموذج ، حدد إرسال^(Send) في الجانب الأيمن العلوي من نافذة محرر النموذج.

1. في نموذج الإرسال^{(Send form)} ، سترى خيارات متنوعة يمكنك استخدامها لمشاركة النموذج على سبيل المثال عبر رابط أو بريد إلكتروني أو وسائط اجتماعية أو HTML . يمكنك اختيار ما إذا كنت تريد مشاركة النموذج على Facebook أو Twitter ، أو إرساله إلى قائمة البريد الإلكتروني الخاصة بالمشتركين.

1. لتضمين النموذج على موقع الويب الخاص بك ، تحتاج إلى استخدام خيار HTML . حدد علامة التبويب <>

1. في حقل تضمين HTML^{(Embed HTML)} ، سترى مقتطفًا من التعليمات البرمجية ، بالإضافة إلى مربعات ^(height)العرض^(width) والارتفاع حيث يمكنك تغيير أبعاد الحجم للنموذج المضمن.

1. حدد نسخ^(Copy) لنسخ كود التضمين وانتقل إلى لوحة معلومات موقع الويب الخاص بك.

أضف كود التضمين الخاص بنموذج Google إلى موقع الويب الخاص بك^{(Add Your Google Form’s Embed Code to Your Website)}

الآن بعد أن أصبح لديك رمز التضمين الخاص بك ، قم بتسجيل الدخول إلى لوحة تحكم المسؤول في موقعك وانتقل إلى الصفحة أو النشر حيث تريد تضمين النموذج.

ملاحظة^(Note) : تنطبق التعليمات الواردة في هذا الدليل على WordPress باستخدام محرر Gutenberg / Block .

1. الخطوة الأولى هي إضافة كتلة HTML مخصصة^{(custom HTML block)} . للقيام بذلك ، افتح محرر الحظر عن طريق تحديد الصفحات^(Pages) أو المنشورات^(Posts) في لوحة الإدارة وابحث عن الصفحة أو المنشور الذي تريد تحريره.

1. حدد رمز Add block (+) في أعلى الجانب الأيسر من محرر الكتلة بجوار شعار WordPress.z^(WordPress)

1. انتقل إلى قسم التنسيق وقم بالتمرير لأسفل للعثور على ^(Formatting)HTML مخصص^{(Custom HTML)} وتحديده .

1. الصق مقتطف كود HTML^{(HTML code snippet)} الذي نسخته سابقًا في الحقل المتوفر.

1. في شريط أدوات Custom HTML block ، حدد علامة التبويب معاينة^(Preview) لمشاهدة معاينة لكيفية ظهور النموذج الخاص بك على موقع الويب الخاص بك.

1. سيظهر نموذج Google^{(Google Form)} الخاص بك على صفحتك أو منشورك.

1. تأكد^(Make) من تحديث منشورك أو صفحتك بعد التحرير ليتم حفظ التغييرات.

قم بصياغة النموذج المثالي لموقعك^{(Craft the Perfect Form for Your Site)}

سواء كنت ترغب في إضافة استبيان إلى موقعك ، أو نموذج طلب إلى متجرك عبر الإنترنت ، أو تسجيل الحدث ، أو نموذج الاتصال ، يمكن أن تساعدك  نماذج Google في إنشاء النماذج المثالية لموقعك على الويب.^{(Google Forms)}

تحقق من أدلةنا حول كيفية تضمين تقويم Google على موقع الويب الخاص بك^{( how to embed Google Calendar on your website)} وكيفية إنشاء قسيمة منبثقة في WordPress^{( how to create your own coupon popup in WordPress)} لوظائف إضافية وتجربة مستخدم أفضل.

هل^(Were) كنت قادرًا على إنشاء نماذج Google وتضمينها^{(Google Forms)} على موقع الويب الخاص بك باستخدام هذا الدليل؟ مشاركة معنا في التعليقات.

How to Embed Google Forms on Your Website

If you’re struggling to get a fоrm on уour site, you could install a plugin for basic functionality, but that may further slow down your site if you already have many plugins.

With Google Forms, you not only get to add a form to your site faster, but you also get more features. For instance, you can insert media files, import questions, integrate easily with WordPress and email, share on more platforms, and enjoy additional storage in Google Drive.

Additionally, Google Forms allows you to collaborate with your teammates, and track all results from your forms from different channels, not just your site.

Here’s how you can quickly embed Google Forms on your website in just a few simple steps.

How to Embed Google Forms on Your Website

To get started, you’ll need a Google Form and its embed code, which you’ll add to the page or post where you want the form to appear on your site.

Create a Google Form

1. To create a Google Form, make sure you’re signed in to your Google account and then select the Google Forms icon in the Google Apps menu. Alternatively, go to forms.google.com.

1. Select the Blank tile from the toolbar to create your form from scratch, or select a template from the available options.

1. Add a title and description to your form.

1. Next, use the toolbar on the right to add questions, import questions from a different form, upload videos and images, or add a section. 

1. If you want to choose the answer type, select the arrow next to the answer type section.

1. From the options, you can choose to let users leave a short answer or paragraph, multiple choice, mark checkboxes, or select choices from a dropdown menu.

1. To customize or change the form’s theme, use the palette icon at the top right side of the screen.

1. You can also preview the final design using the eye icon before saving and embedding it on your website.

1. If you want to collect email addresses, limit users to one response each, or allow them to edit their responses after submitting the form, select the Advanced Settings (gear icon).

1. Select the three-dot icon for more options such as adding collaborators, undoing actions, adding preferences, or add-ons from Google Workspace Marketplace.

Note: Selecting Add Collaborators specifically allows you to invite members of your team to work on the form. You can send invites using the link-sharing option or type in their email addresses and they’ll receive an email notification with the invite.

Embed Your Google Form on Your Website

Now that you have your Google Form ready, the next step is to add it to your website. To do this, you need to get the form’s embed code, which is a unique code snippet that you’ll add to the page or post where you want the form to appear.

1. To get the form’s embed code, select Send at the top right side of the form editor window.

1. In the Send form, you’ll see various options you can use to share the form for example via a link, email, social media, or HTML. You can choose whether to share the form on Facebook or Twitter, or send it to your email list of subscribers.

1. In order to embed the form on your website, you need to use the HTML option. Select the <> tab.

1. In the Embed HTML field, you’ll see a code snippet, as well as the width and height boxes where you can change the size dimensions for your embedded form.

1. Select Copy to copy the embed code and go to your website’s dashboard.

Add Your Google Form’s Embed Code to Your Website

Now that you have your embed code, sign in to your site’s admin dashboard and go to the page or post where you want to embed the form.

Note: Instructions in this guide apply to WordPress using the Gutenberg/Block Editor.

1. The first step is to add a custom HTML block. To do this, open the block editor by selecting Pages or Posts in the admin panel and find the page or post you want to edit.

1. Select Add block (+) icon at the top left side of the block editor next to the WordPress logo.z

1. Go to the Formatting section and scroll down to find and select Custom HTML.

1. Paste the HTML code snippet you copied earlier into the field provided.

1. In the Custom HTML block’s toolbar, select the Preview tab to see a preview of how your form will appear on your website.

1. Your Google Form will appear on your page or post.

1. Make sure you update your post or page after editing for the changes to be saved.

Craft the Perfect Form for Your Site

Whether you want to add a survey to your site, an order form to your online store, event registration, or contact form, Google Forms can help you create the perfect forms for your website. 

Check out our guides on how to embed Google Calendar on your website and how to create your own coupon popup in WordPress for added functionality and better user experience.

Were you able to create and embed Google Forms on your website using this guide? Share with us in the comments.

Related posts

• كيفية تضمين تقويم Google على موقع الويب الخاص بك

• طرق بحث مستخدم Google Analytics لزيادة حركة المرور على الموقع

• أضف اتجاهات القيادة في خرائط Google إلى موقع الويب الخاص بك

• كيفية استخدام قوائم Google Sheets Drop Down

• 9 Hidden ميزات في Google Maps يجب عليك المغادرة

• 7 Best Gmail Add-Ons

• لماذا Does Chrome Have So العديد من العمليات التي تعمل؟

• كيفية إلغاء أو إيقاف مؤقت YouTube Premium Subscription

• ما هو Software Reporter Tool ​​في Chrome and How لتعطيله

• Google Search Bar Widget Missing؟ كيفية استعادةها على Android

• كيفية استخدام SUMIF في صفائح Google

• كيفية تعقب Changes في Google Docs

• كيف يقوم YouTube Algorithm Work؟

• كيفية Unsend على Email في Gmail

• كيفية استخدام مهام Google - دليل البدء

• كيفية جعل Google Form: Complete Guide

• ما هو Google App & How لاستخدامه

• لا تحصل على إخطارات Gmail؟ 10 طرق لإصلاح

• كيفية إعداد Voicemail على Google Voice

• كيفية Export and Import Chrome Bookmarks