آیا می خواهید فرم های دوستانه AMP را در سایت وردپرس خود ایجاد کنید؟
Accelerated Mobile Pages یا AMP یک پروژه Google است که باعث بارگیری سریعتر وب سایت ها در دستگاه های تلفن همراه می شود.
در حالی که AMP با بارگیری سریعتر صفحات وب شما ، تجربه مرور موبایل خوبی را ارائه می دهد ، اما بسیاری از ویژگی های مفید وب سایت شما را غیرفعال می کند.
یکی از آنها فرم های تماس است. از آنجا که AMP از مجموعه محدودی از HTML و JavaScript استفاده می کند ، نمی تواند فرم های وردپرس شما را به درستی در صفحات AMP بارگیری کند.
اما خوشبختانه اکنون یک راه حل آسان در دسترس است. WPForms ، دوستانه ترین برای مبتدیان افزونه فرم وردپرس اکنون به شما کمک می کند فرم های وردپرس آماده AMP را ایجاد کنید. تیم آنها اخیراً با Google کار کرده تا فرمهای AMP را برای وردپرس آسان کند.
در این مقاله ، ما به شما نحوه ایجاد فرم های AMP در وردپرس با استفاده از WPForms (راه آسان) را به شما نشان خواهیم داد.
ایجاد فرم های AMP در وردپرس (مرحله به مرحله) h4>
برای استفاده از AMP با وردپرس ، باید افزونه رسمی AMP را نصب و فعال کنید. برای وردپرس . برای جزئیات بیشتر ، به راهنمای گام به گام ما در نحوه نصب افزونه وردپرس .
پس از فعال شدن ، این افزونه به طور خودکار پشتیبانی Google AMP را برای سایت وردپرس شما اضافه می کند.
با این وجود می توانید تنظیمات AMP را برای وب سایت خود با رفتن به AMP »عمومی از داشبورد خود تغییر دهید.
از صفحه تنظیمات AMP ، می توانید AMP را در وب سایت خود فعال یا غیرفعال کنید ، حالت وب سایت را برای AMP انتخاب کنید و الگوهای پشتیبانی شده را انتخاب کنید.
پس از پیکربندی AMP ، مرحله بعدی ایجاد فرم تماس سازگار با AMP در سایت وردپرس خود است.
مرحله 1. یک فرم وردپرس با WPForms ایجاد کنید h4>
برای شروع ، افزونه WPForms Lite را در سایت خود نصب و فعال کنید. نسخه ساده پلاگین WPForms Pro است.
هم نسخه lite و هم نسخه حرفه ای WPForms به شما امکان می دهد یک فرم تماس اولیه آماده AMP ایجاد کنید. در مقاله خود ، از نسخه رایگان برای عکسهای صفحه استفاده خواهیم کرد.
پس از نصب و فعال سازی افزونه ، باید صفحه WPForms »افزودن جدید را برای ایجاد فرم جدید WordPress وارد کنید.
در صفحه تنظیم فرم ، می توانید یک الگوی فرم را برای شروع سریع انتخاب کنید. اگر می خواهید از ابتدا شروع کنید می توانید فرم خالی را انتخاب کنید.
سپس ، صفحه سازنده فرم را باز می کند.
از اینجا می توانید قسمتهای فرم را اضافه یا حذف کنید. برای افزودن فیلد جدید به فرم خود ، می توانید از قسمت پانل سمت چپ بر روی یک قسمت فرم کلیک کنید ، و در پانل فرم ساز در سمت راست ظاهر می شود.
بعد از آن ، می توانید گزینه های قسمت را پیکربندی کنید. به سادگی بر روی یک قسمت کلیک کنید ، و سپس Field Options ظاهر می شود.
به همین ترتیب ، می توانید تمام قسمتهای دیگر را سفارشی کنید.
پس از آن ، می توانید بر روی برگه تنظیمات کلیک کنید تا تنظیمات فرم خود را پیکربندی کنید.
تنظیمات عمومی به شما امکان می دهد نام فرم خود را تغییر دهید ، متن دکمه ارسال کنید ، متن پردازش دکمه ارسال کنید ، Honeypot ضد هرزنامه را فعال کنید و موارد دیگر.
در مرحله بعدی ، می توانید بر روی برگه اعلان ها کلیک کنید تا اعلان های ایمیل را تنظیم کنید تا وقتی کاربر فرم را تکمیل می کند ، به شما اطلاع دهد.
در مرحله بعد ، می توانید بر روی برگه تأیید کلیک کنید تا پیام تأییدی تنظیم شود تا هنگام ارسال فرم توسط کاربر نمایش داده شود.
بعد از کامل شدن پیکربندی ، می توانید فرم خود را ذخیره کنید.
مرحله 2. فرم AMP خود را به صفحه اضافه کنید h4>
اکنون که فرم وردپرس شما آماده است ، می توانید آن را به یک صفحه اضافه کنید.
ابتدا باید یک صفحه جدید ایجاد کنید یا یک صفحه موجود را که می خواهید فرم را اضافه کنید باز کنید.
در صفحه ویرایش صفحه خود ، بر روی نماد Add New Block کلیک کنید و بلوک WPForms را انتخاب کنید.
پس از آن ، می توانید ابزارک WPForms را که به صفحه ویرایش صفحه شما اضافه شده است مشاهده کنید. شما فقط باید شکلی را که قبلاً ایجاد کرده اید انتخاب کنید و ابزارک فوراً آن را در ویرایشگر صفحه بارگیری می کند.
بعد ، می توانید صفحه خود را منتشر یا به روز کنید.
این همه! شما نیازی به پیکربندی چیز دیگری ندارید. افزونه WPForms Lite اکنون پشتیبانی کامل AMP را به فرم شما اضافه می کند.
اگر می خواهید شکل ظاهری آن را ببینید ، می توانید صفحه را در تلفن همراه خود باز کنید.
یا می توانید با افزودن / amp / یا /؟ amp در انتهای URL صفحه خود ، صفحه را در مرورگر دسک تاپ خود باز کنید. به عنوان مثال ، https://www.example.com/contact/؟amp.
افزودن Google reCAPTCHA به فرم AMP شما h4>
به طور پیش فرض ، WPForms شامل هانی پات ضد اسپم برای گرفتن و مسدود کردن هرزنامه است. علاوه بر این ، می توانید از reCAPTCHA Google برای کاهش ارسال هرزنامه استفاده کنید.
برای استفاده از reCAPTCHA Google با فرمهای AMP خود ، باید سایت خود را برای Google reCAPTCHA v3 ثبت کنید و کلیدهای Google API را دریافت کنید.
به وب سایت Google reCAPTCHA بروید و روی آن کلیک کنید دکمه “Admin Console” در گوشه سمت راست بالای صفحه.
پس از آن ، باید با حساب Google خود وارد سیستم شوید. پس از اتمام ، صفحه “ثبت سایت جدید” را مشاهده خواهید کرد.
ابتدا باید نام وب سایت خود را در قسمت Label وارد کنید. Google AMP فقط از reCAPTCHA v3 پشتیبانی می کند ، بنابراین باید آن را از میان گزینه های نوع reCAPTCHA انتخاب کنید.
پس از آن ، نام دامنه خود را در بخش دامنه ها وارد کنید.
بخش مالکان به طور پیش فرض آدرس ایمیل شما را نشان می دهد. در صورت تمایل می توانید ایمیل دیگری نیز اضافه کنید.
برای ادامه ، باید شرایط خدمات reCAPTCHA را بپذیرید. همچنین ، کادر تأیید “ارسال هشدار به صاحبان” را انتخاب کنید ، که به Google امکان می دهد درمورد مشکلاتی مانند پیکربندی غلط و ترافیک مشکوک در سایت شما را مطلع کند.
پس از اتمام ، بر روی دکمه ارسال کلیک کنید.
در مرحله بعدی ، یک پیام موفقیت همراه با کلید سایت و کلید مخفی برای افزودن reCAPTCHA در سایت خود مشاهده خواهید کرد.
اکنون کلیدهای Google API برای افزودن reCAPTCHA به فرم های خود دارید. با این حال ، برای اطمینان از سازگاری AMP با reCATCHA ، یک تنظیم دیگر لازم است. روی پیوند «رفتن به تنظیمات» در آنجا کلیک کنید.
بعد ، تنظیمات reCAPTCHA را با کادر تأیید “اجازه دادن به این کلید برای کار با صفحات AMP” دوباره مشاهده خواهید کرد. به سادگی کادر را علامت بزنید و روی دکمه ذخیره زیر کلیک کنید.
اکنون که کلیدهای Google API برای افزودن reCAPTCHA در فرمهای AMP در اختیار دارید ، باید صفحه WPForms »Settings» reCAPTCHA را در داشبورد وردپرس خود باز کنید.
در این صفحه ، باید گزینه reCAPTCHA v3 را انتخاب کرده و کلید سایت و کلید مخفی را جایگذاری کنید. پس از آن ، بر روی دکمه ذخیره تنظیمات کلیک کنید.
اکنون که Google reCAPTCHA به WPForms اضافه شد ، می توانید در صورت نیاز آن را در فرم های خود فعال کنید. به WPForms »همه فرم ها بروید و فرم مورد نظر را برای فعال کردن reCAPTCHA انتخاب کنید.
هنگامی که صفحه تنظیم فرم ظاهر شد ، روی برگه تنظیمات کلیک کرده و قسمت General Settings را انتخاب کنید. در پایین ، می توانید کادر تأیید “Enable Google v3 reCAPTCHA” را مشاهده کنید.
کادر را علامت بزنید و سپس با کلیک کردن روی دکمه ذخیره در گوشه بالا سمت راست ، فرم خود را ذخیره کنید.
پس از آن ، می توانید مجدداً از صفحه تماس خود بازدید کرده و فرم AMP را با reCAPTCHA در عمل مشاهده کنید.
امیدواریم این مقاله به شما کمک کند تا یاد بگیرید چگونه به راحتی فرمهای AMP را در وردپرس ایجاد کنید. همچنین ممکن است بخواهید راهنمای ما را در نحوه ایجاد فرم های سازگار با GDPR مشاهده کنید. در وردپرس .
اگر این مقاله را دوست داشتید ، لطفاً در کانال YouTube برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در Twitter و فیس بوک
منبع:
https://www.wpbeginner.com/wp-tutorials/how-to-create-amp-forms-in-wordpress/.