طریقه فعالسازی کد کپچا گوگل در فرم های تماس وردپرسی

سلسله مباحث آموزش ویدئویی طراحی سایت با وردپرس
نام درس: طریقه فعالسازی کد کپچا گوگل در افزونه Contact Forms 7 وردپرس
مدرس: مهندس حجت حاتمی شاه میر
مدت زمان ویدئو: ۶ دقیقه

در همه ی سایت های امروزی برگه ی تماس با ما برای ارتباط بازدید کننده یا کاربران با مدیریت سایت وجود دارد. این برگه باعث بهبود رابط کاربری سایت، ارتباط بازدید کنندگان با بخش مدیریت و همچنین افزایش اعتماد کاربران به سایت می شود. می توان به دلیل پر کاربرد بودن این برگه (در همه ی سایت ها وجود دارد!) آن را یکی از برگه های مهم سایت به شمار آورد.
افزونه های متعددی برای ساخت فرم تماس با ما در وردپرس وجود دارد(خیلی زیاد!) که می توانید با آن ها فرم های متنوعی را ایجاد کنید.
از افزونه های قدیمی و پرکاربرد می توان افزونه ” فرم تماس با ما ۷ ” یا Contact form 7 را یاد کرد که محبوبیت بالایی را در میان وبمستران وردپرسی دارد. تو این جلسه قصد داریم، نحوه قرار دادن کپچا در فرم های افزونه Contact Forms 7 وردپرس رو بهتون آموزش بدیم.

مرحله اول: نصب و فعالسازی افزونه Contact Forms 7

برای شروع، بعد از نصب افزونه Contact Forms 7، وارد قسمت Contact میشیم و در اینجا لیست فرم هایی که از قبل آماده است را می بینید.

روی یکی از فرم ها کلیک کنید.

تو این قسمت فیلدها و تنظیماتی که بر روی این فرم قرار دادیم را می بینید. می خواهیم در انتهای فرم، بعد از متن “پیام شما” و قبل از دکمه ارسال، بینشون کد reCaptcha را قرار بدیم.

برای این کار روی گزینه “reCaptcha” کلیک می کنیم.

به محض کلیک بر روی این گزینه، پیغامی را به شما نشان میده و ازتون درخواست می کنه که در ابتدا “API Key Pair”  را نصب کنید.

مرحله دوم: نحوه دریافت Google API برای دریافت کد Captcha

اگر از قبل با جی میل خودتان لاگین کرده باشین به طور مستقیم وارد صفحه اصلی “reCaptcha” میشین که من از قبل یک سایتی را معرفی کردم و قرار هست در قسمت “Label” سایت جدیدم را وارد کنم.

سپس گزینه اول “reCaptcha V2”  را انتخاب می کنیم. در قسمت “Domains” باید آدرس دامنه بدون “Http, Https” وارد کنیم.

و تیک گزینه “Accept The reCaptch” می زنیم.

و در نهایت بر روی گزینه “Register” کلیک می کنیم.

همچنین می تونیم در فیلد “Label” اسم دامنه بدون پسوند وارد کنیم. (بسته به سلیقه خودتون)

بعد از انجام عملیات بالا، برای شما “Site Key”  و “Secret Key” را می سازه.

بر می گردیم به داشبورد مدیریتی وردپرس، در قسمت “Contact” بر روی گزینه “Integration” کلیک می کنیم و وارد بخش “Configure keys” میشیم.

در این قسمت ازتون می خواد که “Site Key” و “Secret Key” را وارد کنید. کدهایی که در مرحله قبل در سایت “reCaptcha” گرفتیم را در این فیلدها وارد می کنیم.

و در آخر بر روی دکمه “Save” کلیک می کنیم.

مرحله سوم: اضافه کردن Google reCaptcha به فرم ساز ۷ گوگل

بعد از انجام این عملیات وارد بخش “Contact Forms” می شویم و بر روی گزینه “Edit” فرم کلیک می کنیم.

و درنهایت بین دو قسمت “متن پیام شما” و “ارسال”، گزینه “reCaptcha” را انتخاب می کنیم.

در این قسمت یک سری تنظیمات از جمله Size ، Theme ، Id attribute  و Class attribute وجود دارد.

ما هیچکدام از این تنظیمات را تغییر نمیدم و با کلیک بر روی گزینه “Insert Tag” از این بخش صرف نظر می کنم.

“reCaptcha” بین دو قسمت گفته شده قرار گرفت. در نهایت بر روی گزینه “Save” کلیک می کنیم.

حالا برگه ای که از این فرم استفاده کردیم رو در سایت باز می کنیم، که معمولا در قسمت “ارتباط با ما” از این فرم ها زیاد استفاده میشه تا تغییرات اعمال شده را مشاهده کنیم و اگر همه عملیات به درستی انجام شده باشد، قسمت “reCaptcha” شما فعال خواهد شد.

از این به بعد با قرار دادن “reCaptcha” در فرم تماستون از ورود فرم اسپم به سایتتان جلوگیری کنین.

امیدوارم که این آموزش براتون مفید بوده باشه.

موفق و پیروز باشید.
تا آموزش های بعد، خدانگهدار

خوشحال می شویم که نظرات و پیشنهاد خود را در قسمت دیدگاه مطرح فرمایید.

1 پاسخ
  1. yt
    yt گفته:

    با سلام و تشکر از آموزش شما
    در صورت امکان نحوه فعال سازی کد کپچا گوگل در فرم ثبت نام، ورود و عضویت کاربران در وردپرس را به صورت تصویری و یا ویدیویی نیز آموزش دهید.
    با تشکر

    پاسخ

دیدگاه خود را ثبت کنید

تمایل دارید در گفتگوها شرکت کنید؟
در گفتگو ها شرکت کنید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *