چگونه فرم های گوگل را در وب سایت خود جاسازی کنیم

اگر برای دریافت فرم در سایت خود مشکل دارید، می توانید یک افزونه(install a plugin) برای عملکردهای اولیه نصب کنید، اما اگر قبلاً افزونه های زیادی دارید ، ممکن است سرعت سایت شما را کاهش دهد.(slow down your site)

با Google Forms نه تنها فرم را سریعتر به سایت خود اضافه می کنید، بلکه ویژگی های بیشتری نیز دریافت می کنید. برای مثال، می‌توانید فایل‌های رسانه‌ای را وارد کنید، سؤالات را وارد کنید، به راحتی با وردپرس(WordPress) و ایمیل ادغام کنید، در پلتفرم‌های بیشتری به اشتراک بگذارید و از فضای ذخیره‌سازی اضافی در Google Drive(additional storage in Google Drive) لذت ببرید .

علاوه بر این، Google Forms به شما امکان می دهد با هم تیمی های خود همکاری کنید و همه نتایج فرم های خود را از کانال های مختلف و نه فقط سایت خود ردیابی کنید.

در اینجا نحوه قرار دادن سریع Google Forms در وب سایت خود تنها در چند مرحله ساده آورده شده است.

چگونه فرم های گوگل را در وب سایت خود جاسازی کنیم(How to Embed Google Forms on Your Website)

برای شروع، به یک فرم گوگل(Google Form) و کد تعبیه شده آن نیاز دارید که آن را به صفحه ای اضافه کنید یا جایی که می خواهید فرم در سایت شما نمایش داده شود، پست کنید.

یک فرم گوگل ایجاد کنید(Create a Google Form)

  1. برای ایجاد یک Google Form ، مطمئن شوید که به حساب Google خود وارد شده‌اید و سپس نماد Google Forms را در منوی (Google Forms)Google Apps انتخاب کنید. یا به forms.google.com بروید(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) روی فرم کار کنند. می‌توانید با استفاده از گزینه اشتراک‌گذاری پیوند، دعوت‌نامه‌ها را ارسال کنید یا آدرس ایمیل آنها را تایپ کنید و آنها یک اعلان ایمیلی همراه با دعوت دریافت خواهند کرد.

فرم گوگل خود را در وب سایت خود جاسازی کنید(Embed Your Google Form on Your Website)

اکنون که فرم Google(Google Form) خود را آماده کرده اید، گام بعدی این است که آن را به وب سایت خود اضافه کنید. برای انجام این کار، باید کد جاسازی فرم را دریافت کنید، که یک قطعه کد منحصر به فرد است که به صفحه یا پستی که می خواهید فرم در آن نمایش داده شود، اضافه می کنید.

  1. برای دریافت کد جاسازی فرم، Send را در سمت راست بالای پنجره ویرایشگر فرم انتخاب کنید.

  1. در فرم ارسال(Send form) ، گزینه‌های مختلفی را مشاهده می‌کنید که می‌توانید برای اشتراک‌گذاری فرم از طریق پیوند، ایمیل، رسانه‌های اجتماعی یا HTML استفاده کنید. شما می توانید انتخاب کنید که آیا فرم را در فیس بوک(Facebook) یا توییتر(Twitter) به اشتراک بگذارید یا آن را به لیست ایمیل مشترکین خود ارسال کنید.

  1. برای قرار دادن فرم در وب سایت خود باید از گزینه HTML استفاده کنید. <> را انتخاب کنید.

  1. در فیلد Embed HTML ، یک قطعه کد و همچنین کادرهای عرض(width) و ارتفاع(height) را مشاهده می کنید که می توانید ابعاد اندازه فرم تعبیه شده خود را تغییر دهید.

  1. برای کپی(Copy) کردن کد جاسازی و رفتن به داشبورد وب سایت خود، Copy را انتخاب کنید .

کد جاسازی فرم Google خود را به وب سایت خود اضافه کنید(Add Your Google Form’s Embed Code to Your Website)

اکنون که کد جاسازی خود را دارید، وارد داشبورد مدیریت سایت خود شوید و به صفحه یا پستی بروید که می‌خواهید فرم را در آن جاسازی کنید.

توجه(Note) : دستورالعمل‌های این راهنما برای وردپرس(WordPress) با استفاده از ویرایشگر گوتنبرگ/بلاک اعمال می‌شود .

  1. اولین قدم اضافه کردن یک بلوک HTML سفارشی است(custom HTML block) . برای انجام این کار، ویرایشگر بلوک را با انتخاب صفحات(Pages) یا پست ها(Posts) در پنل مدیریت باز کنید و صفحه یا پستی را که می خواهید ویرایش کنید پیدا کنید.

  1. Add block (+) را در سمت چپ بالای ویرایشگر بلوک در کنار logo.z WordPress انتخاب کنید

  1. به بخش Formatting بروید و به پایین بروید تا (Formatting)Custom HTML را پیدا کرده و انتخاب کنید .

  1. قطعه کد HTML را(HTML code snippet) که قبلاً کپی کرده‌اید در فیلد ارائه شده جای‌گذاری کنید .

  1. در نوار ابزار بلوک سفارشی HTML ، برگه (Custom HTML)پیش نمایش(Preview) را انتخاب کنید تا پیش نمایشی از نحوه نمایش فرم خود در وب سایت خود مشاهده کنید.

  1. فرم Google(Google Form) شما در صفحه یا پست شما ظاهر می شود.

  1. مطمئن(Make) شوید که پست یا صفحه خود را پس از ویرایش به روز کرده اید تا تغییرات ذخیره شوند.

فرم ایده آل را برای سایت خود بسازید(Craft the Perfect Form for Your Site)

چه بخواهید یک نظرسنجی به سایت خود اضافه کنید، یک فرم سفارش به فروشگاه آنلاین خود، ثبت نام رویداد یا فرم تماس، Google Forms می تواند به شما در ایجاد فرم های عالی برای وب سایت خود کمک کند. 

راهنمای ما را در مورد نحوه جاسازی تقویم گوگل در وب سایت خود( how to embed Google Calendar on your website) و نحوه ایجاد پنجره بازشو کوپن خود در وردپرس( how to create your own coupon popup in WordPress) برای عملکرد بیشتر و تجربه کاربری بهتر بررسی کنید.

آیا(Were) با استفاده از این راهنما توانستید فرم های Google(Google Forms) را ایجاد و در وب سایت خود جاسازی کنید؟ به اشتراک گذاشتن با ما در نظرات.



About the author

من یک کارشناس باتجربه ویندوز 10 و 11/10 هستم که هم در مرورگرها و هم در برنامه های گوشی های هوشمند تجربه دارم. من بیش از 15 سال مهندس نرم افزار هستم و با تعدادی از شرکت های بزرگ از جمله مایکروسافت، گوگل، اپل، یوبی سافت و غیره کار کرده ام. من همچنین توسعه ویندوز 10/11 را در سطح کالج تدریس کرده ام.



Related posts