---
title: "ایجاد فرم ثبت نام با فرم ساز المنتور و افزونه Action Pack"
url: "https://elementorfa.ir/action-pack-register-form/"
type: "post"
published: "2020-06-15T14:20:00+04:30"
modified: "2023-07-26T10:50:56+03:30"
author: "المنتور فارسی"
---

4.8/5 - (17 امتیاز)

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

حالا اگر بتوان با استفاده از فرم ساز المنتور، فرم ثبت نام و فرم ورود را طراحی کرد چی؟ طراحی کاملا سفارشی نسبت به سلیقه خودتان و همچنین راحتی کار با این فرم ساز.

در این آموزش قصد داریم تا توسط افزونه های زیر، فرم ثبت نام را با استفاده از فرم ساز المنتور طراحی کنیم.

- [افزونه المنتور پرو](https://elementorfa.ir/%d8%ae%d8%b1%db%8c%d8%af-%d8%a7%d9%81%d8%b2%d9%88%d9%86%d9%87-%d8%a7%d9%84%d9%85%d9%86%d8%aa%d9%88%d8%b1-%d9%be%d8%b1%d9%88/)
- [افزونه Action Pack](https://elementorfa.ir/item/%d8%a7%d9%81%d8%b2%d9%88%d9%86%d9%87-action-pack/)

برای ادامه این آموزش، حتما 2 افزونه را نصب و فعال کنید.

## طراحی فرم ثبت نام با فرم ساز المنتور

### فعال کردن قابلیت ثبت نام در وردپرس

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

![فرم ثبت نام با فرم ساز المنتور](https://elementorfa.ir/wp-content/uploads/2020/06/wordpress-register-allow.png)بعد از اینکه این گزینه را فعال کردید، تنظیمات را ذخیره کرده و به پیشخوان وردپرس برید.

### ایجاد پاپ آپ

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

![فرم ثبت نام با المنتور](https://elementorfa.ir/wp-content/uploads/2020/06/register-popup-elementor.png)

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

### ایجاد فیلد های ثبت نام

سپس 3 تا فیلد با عنوان های نام کاربری، ایمیل و کلمه عبور انتخاب می کنیم.

#### فیلد نام کاربری

فیلد اول برای**نام کاربری** استفاده می شود. نوع فیلد روی گزینه **متن** قرار گیرد.

![فرم ثبت نام با المنتور](https://elementorfa.ir/wp-content/uploads/2020/06/elementor-register-username-e1592147447616.png)

#### فیلد ایمیل

فیلد دوم، برای **ایمیل** استفاده می شود. نوع فیلد را روی گزینه **ایمیل** قرار دهید.

![فرم ثبت نام با المنتور](https://elementorfa.ir/wp-content/uploads/2020/06/elementor-register-email-e1592147480180.png)

#### فیلد رمز عبور

فیلد سوم برای**رمزعبور** استفاده می شود. نوع فیلد را روی **کلمه عبور** قرار دهید.

![فرم ثبت نام با المنتور](https://elementorfa.ir/wp-content/uploads/2020/06/elementor-register-password.png)

### واکنش بعد از ارسال

بعد از قرار دادن فیلد ها، به تب واکنش بعد از ارسال رفته و از بین لیست گزینه ثبت نام را انتخاب کنید. گزینه ثبت نام، ورود، فراموشی رمز عبور و … با نصب افزونه Action Pack به لیست اضافه خواهد شد.

![فرم ثبت نام با المنتور](https://elementorfa.ir/wp-content/uploads/2020/06/action-pack-register-elementor.png)

بعد از انتخاب گزینه ثبت نام، یک تب با همین نام به المنتور اضافه می شود.

در اینجا باید شناسه فیلد هایی که ساختیم را در تب ثبت نام اضافه کنیم.

![فرم ثبت نام با المنتور](https://elementorfa.ir/wp-content/uploads/2020/06/action-oack-register-id-e1592147187825.png)

در دریافت شناسه ها، کافیه به تب اول یعنی**فیلد های فرم** رفته و در تب پیشرفته هر فیلد، عبارت دلخواه آیدی را پر کنید. این شناسه باید غیر تکراری و یونیک باشد.

![فرم ثبت نام با المنتور](https://elementorfa.ir/wp-content/uploads/2020/06/elementor-form-id-1-e1592147261905.png)

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

![فرم ثبت نام با المنتور](https://elementorfa.ir/wp-content/uploads/2020/06/action-pack-id-e1592147349959.png)

در نهایت فرم ثبت نام به شکل زیر در می اید. حالا باید از تب استایل، فرم را سفارشی سازی کنیم.

![فرم ثبت نام با المنتور](https://elementorfa.ir/wp-content/uploads/2020/06/popup-form-register.png)

می توینم پاپ آپ را به صورت 2 ستونه قرار داده و یک سمت تصویر و یک سمت فرم ثبت نام باشد. بالای فرم پاپ آپ یک**ویجت سربرگ** با عنوان ثبت نام قرار می دهیم.

![](https://elementorfa.ir/wp-content/uploads/2020/06/elementor-style-form.png)

برایطراحی فرم ورود هم می توانید از آموزش [طراحی فرم ورود با فرم ساز المنتور و افزونه Action Pack](https://elementorfa.ir/action-pack-login-form/) استفاده کنید.

امیدواریم که از این آموزش هم به خوبی استفاده کرده باشید. اگر مشکلی در هنگام اجرای آموزش دارید، از بخش نظرات با ما در میان بگذارید.