نحوه ایجاد صفحه ثبت نام در Elementor

آیا می خواهید یک صفحه ثبت نام در Elementor ایجاد کنید؟

اگر شما می خواهید ایجاد یک وب سایت وردپرس که امکان ثبت نام کاربر را فراهم می کند، چیزی که بسیار مهم است که باید ارائه دهید صفحه ثبت نام است. Elementor ویجت پیش فرضی برای افزودن a ندارد فرم اشتراک در یک صفحه، اما می توانید با استفاده از ویجت یکی را اضافه کنید فرم با یک ترفند کوچک به زودی در این مقاله متوجه خواهیم شد.

از آنجایی که ویجت فرم فقط در Elementor Pro موجود است، شما باید Elementor خود را به نسخه حرفه ای ارتقا دهید.

نحوه ایجاد فرم ثبت نام در Elementor

Elementor یک ابزارک پیش فرض برای اضافه کردن فرم ثبت نام ندارد. اما ، همانطور که قبلا ذکر شد ، شما می توانید با استفاده از ابزارک Form با کمی ترفند یک صفحه ثبت نام کاربر ایجاد کنید. شما دو م componentsلفه نیاز دارید:

• فرم ثبت نام کاربر خود
• اسکریپت PHP که به شما امکان می دهد کاربر جدیدی اضافه کنید

قبل از شروع ، فرض کنید شما مدتی است که از Elementor استفاده می کنید و قبلاً فرم را با استفاده از ابزارک Form ایجاد کرده اید.

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

مرحله 1: فرم ثبت نام را ایجاد کنید

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

برای سفارشی کردن فرم به پانل سمت چپ بروید. اولین بلوک گزینه ای که باید باز کنید بلوک است قسمتهای فرم زیر زبانه محتوا. فرم ثبت نامی که می خواهیم ایجاد کنیم شامل 5 قسمت به شرح زیر است:

قهرمان	نوع فیلد	برچسب
نام	متن	نام
اسم	متن	نام
کاربر (الزامی)	متن	کاربر
پست الکترونیکی (اجباری)	پست الکترونیک	پست الکترونیک
رمز عبور (الزامی)	رمز عبور	رمز عبور

نام فرم: یک کاربر جدید ایجاد کنید

یک نکته اساسی که باید به آن توجه کنید. اطمینان حاصل کنید که از برچسب های درست مشابه جدول بالا از جمله حروف کوچک و بزرگ استفاده کنید زیرا آنها به عنوان متغیرهایی در اسکریپت PHP استفاده می شوند.

دفعات بازدید: نحوه ایجاد یک پنجره بازپذیری رضایت از کوکی با Elementor

همچنین ، حتماً به فرم خود نامگذاری کنید. باز هم ، مطمئن شوید که دقیقاً از همان نام (شامل حروف بزرگ و کوچک) که در این مثال استفاده می کنیم استفاده کنید ("ایجاد یک کاربر جدید" در این مورد).

در اینجا مثالی از فرم ما ایجاد شده است.

از وقتی که تعریف فیلدهای فرم تکمیل شده، بلوک را باز کنید اقدام پس از ارسال از آنجا که می خواهید فرم ثبت نام کاربر ایجاد کنید ، می توانید عملکرد را بر روی تنظیم کنید تغییر مسیر.

در بلوک تغییر مسیر ، پس از ایجاد کاربر جدید ، URL را که می خواهید کاربران شما به آن هدایت شوند ، جایگذاری کنید. به عنوان مثال ، می توانید آنها را به صفحه ورود وب سایت خود هدایت کنید.

بلوک را باز کنید گزینه های اضافی و گزینه را فعال کنید سفارشی پیام ها. می توانید پیام موفقیت را با چیزی مانند "کاربر ایجاد شده است" جایگزین کنید.

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

مرحله 2: برای افزودن کاربر جدید ، عملکرد جدیدی اضافه کنید

در اینجا اسکریپت PHP وجود دارد که به شما امکان می دهد کاربر جدیدی به وب سایت وردپرس خود اضافه کنید.

add_action ('elementor_pro / forms / new_record'، 'blogpascher_creer_un_nouvel_user'، 10، 2)؛ تابع blogpascher_creer_un_new_user ($ record، $ ajax_handler) {$ form_name = $ record-> get_form_settings ('form_name')؛ // بررسی کنید که فرم در غیر این صورت "ایجاد کاربر جدید" باشد - متوقف شوید و برگردید. if ("ایجاد کاربر جدید"! == $ form_name) {return؛ } $ form_data = $ record-> get_formatted_data ()؛ $ user = $ form_data ["کاربر"]؛ // مقدار وارد شده به عنوان "نام کاربری" را دریافت کنید $ password = $ form_data ['رمز عبور']؛ // مقدار وارد شده به عنوان "رمز عبور" را دریافت کنید $ email = $ form_data ['Email']؛ // مقدار وارد شده به عنوان "ایمیل" را دریافت کنید $ user = wp_create_user ($ نام کاربری ، رمز عبور $ ، $ ایمیل)؛ // در صورت موفقیت کاربر جدید ایجاد کنید ، اگر (is_wp_error ($ user)) است user_id را بازگردانید {// اگر خطایی در ایجاد کاربر جدید ایجاد شد $ ajax_handler-> add_error_message ("ایجاد کاربر جدید غیرممکن است: ". $ user-> get_error_message ())؛ // افزودن پیام $ ajax_handler-> is_success = false؛ return؛} $ first_name = $ form_data [" First name "]؛ //مقدار وارد شده به عنوان "نام"
    $ last_name = $ form_data ["نام"]؛ //مقدار وارد شده را به عنوان "N دریافت کنیدom"
    wp_update_user (آرایه ("ID" => $ کاربر ، "first_name" => $ first_name ، "last_name" => $ last_name))؛ // کاربر را با نام و نام خانوادگی به روز کنید}

کد فوق را می توانید در پرونده قرار دهید functions.php از موضوع شما برای این کار به ظاهر -> ویرایشگر قالب در داشبورد وردپرس خود قرار دهید. روی پرونده کلیک کنید functions.php در پانل سمت راست آنرا ویرایش کرده و اسکریپت PHP را در انتهای پرونده جایگذاری کنید توابع. php

در اینجا یک پیش نمایش است.

کلیک بر روی دکمه پرونده را به روز کنید در ویرایشگر پرونده را به روز کنید functions.php.

خطاهای احتمالی

هنگامی که کاربران شما با موفقیت یک حساب جدید ایجاد کردند ، احتمال اینکه حتی اگر با موفقیت وارد سیستم شده باشند نیز امکان دسترسی به داشبورد وردپرس را نخواهد داشت. اگر این مشکل را تجربه کردید ، سعی کنید نقش کاربر را به Contributor یا نقش بالاتر (نویسنده یا ویرایشگر) تغییر دهید.

همچنین بخوانید: نحوه صادرات و واردات مدلهای Elementor

برای انجام این کار ، به حسابها -> همه حسابها. موشواره را روی کاربری قرار دهید که می خواهید نقش او را تغییر دهید و روی پیوند کلیک کنید ویرایش.

به پایین بروید و به گزینه بروید نقش و از منوی کشویی نقش جدیدی را انتخاب کنید. روی دکمه کلیک کنید کاربر را به روز کنید در پایین برای اعمال اصلاح جدید.

اگر می خواهید هر کاربر تازه ثبت شده دارای نقش مشارکت کننده باشد ، می توانید آن (نقش مشارکت کننده) را به عنوان نقش پیش فرض تنظیم کنید.

همچنین ببینید: نحوه ایجاد صفحه ورود به سیستم با Elementor

برای انجام این کار ، به تنظیمات -> عمومی. به پایین بروید و به گزینه بروید نقش پیش فرض برای هر حساب جدید و از منوی کشویی یک نقش پیش فرض را انتخاب کنید. فراموش نکنید که روی دکمه کلیک کنید ذخیره تغییرات در پایین برای اعمال اصلاح جدید.

اگر همچنان می خواهید کاربران جدید نقش مشترک داشته باشند و می خواهید به داشبورد وردپرس اجازه دسترسی به آنها را بدهید ، می توانید با غیرفعال کردن موقت افزونه های فعال و فعال کردن مجدد آنها یک به یک ، مشکل را حل کنید. تا زمانی که ببینید کدام افزونه است ایجاد مشکل

اکنون Elementor Pro را دریافت کنید!

نتیجه

اینجاست این برای این مقاله است که به شما نشان می دهد چگونه یک صفحه ثبت نام در Elementor ایجاد کنید. اگر در مورد چگونگی رسیدن به آنجا نگرانی دارید fبه ما اطلاع دهید در نظر.

با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.

...