Title: Color Picker for Elementor Forms
Author: add-ons.org
Published: <strong>19 جولای 2026</strong>
Last modified: 14 آگوست 2026

---

جستجوی افزونه‌ها

![](https://ps.w.org/color-picker-for-elementor-forms/assets/banner-772x250.png?
rev=3613328)

![](https://ps.w.org/color-picker-for-elementor-forms/assets/icon-256x256.png?rev
=3613328)

# Color Picker for Elementor Forms

 توسط [add-ons.org](https://profiles.wordpress.org/addonsorg/)

[دانلود](https://downloads.wordpress.org/plugin/color-picker-for-elementor-forms.1.0.0.zip)

 * [جزئیات](https://fa.wordpress.org/plugins/color-picker-for-elementor-forms/#description)
 * [نقد و بررسی‌ها](https://fa.wordpress.org/plugins/color-picker-for-elementor-forms/#reviews)
 *  [نصب](https://fa.wordpress.org/plugins/color-picker-for-elementor-forms/#installation)
 * [توسعه](https://fa.wordpress.org/plugins/color-picker-for-elementor-forms/#developers)

 [پشتیبانی](https://wordpress.org/support/plugin/color-picker-for-elementor-forms/)

## توضیحات

**Color Picker for Elementor Forms** lets you add a professional and customizable
color selector to any Elementor Pro Form field.
 Users can easily pick a color visually,
type a color code manually, or select from predefined color options — perfect for
product customization, design requests, or survey choices.

Now it also supports **dynamic color binding** — when a user selects a color, you
can automatically apply it to any element in your form or theme using a custom CSS
selector (e.g. `.elementor-button` or `#heading`).
 Let users select from a pre-
defined set of swatches you make available or even let them choose a custom hex 
value from the color picker.

**Demo:** [https://demo.add-ons.org/demo-color-picker-field/](https://demo.add-ons.org/demo-color-picker-field/)
**
Documentation:** [https://add-ons.org/document-color-picker-for-elementor-forms/](https://add-ons.org/document-color-picker-for-elementor-forms/);

### Perfect for

 * Product customization (choose a color, theme, or paint)
 * Design requests or branding forms
 * Surveys or polls involving color preference
 * Any form where users need to choose a color

### Features

 * Works with **Text** or **Select** field types (no new field type needed).
 * Built-in **visual color picker** powered by `jscolor`.
 * Support for color formats: **HEX, RGB(A), HSL**.
 * Optional **Custom Color** input for users to choose their own color.
 * Predefined palette options.
 * **Dynamic color binding**: apply the selected color to any element via a custom
   CSS selector (e.g., `.elementor-button`, `#title`).
 * Live sync: input and color picker stay in sync dynamically.
 * Fully responsive and customizable with CSS variables.
 * Compatible with Elementor Pro Forms and frontend submissions.

### Usage

 1. Edit a form with Elementor Pro.
 2. Add a **Text** or **Select** field.
 3. In field settings, toggle **Enable Color Picker**.
 4. (Optional) In **Target Element Selector**, enter a CSS selector to auto-apply the
    chosen color (e.g., `.elementor-button`).
 5. Add predefined colors or allow users to choose their own.
 6. Customize layout, border, and color preview styles with CSS.

## عکس‌های صفحه

[⌊Enable Color Picker in field settings.⌉⌊Enable Color Picker in field settings.⌉[

Enable **Color Picker** in field settings.

## نصب

 1. Upload the plugin files to the `/wp-content/plugins/color-picker-for-elementor-
    forms` directory, or install the plugin through the WordPress Plugins screen.
 2. Activate the plugin through the “Plugins” screen in WordPress.
 3. Create or edit a form using Elementor Pro.
 4. Enable **Color Picker** in field settings.
 5. (Optional) Configure **Target Element Selector** to bind color dynamically.
 6. Save and preview the form — users can now visually select colors.

## نقد و بررسی‌ها

نقد و بررسی‌ای برای این افزونه یافت نشد.

## توسعه دهندگان و همکاران

“Color Picker for Elementor Forms” نرم افزار متن باز است. افراد زیر در این افزونه
مشارکت کرده‌اند.

مشارکت کنندگان

 *   [ add-ons.org ](https://profiles.wordpress.org/addonsorg/)

[ترجمه “Color Picker for Elementor Forms” به زبان شما.](https://translate.wordpress.org/projects/wp-plugins/color-picker-for-elementor-forms)

### علاقه‌ مند به توسعه هستید؟

[کد را مرور کنید](https://plugins.trac.wordpress.org/browser/color-picker-for-elementor-forms/)،
[مخزن SVN](https://plugins.svn.wordpress.org/color-picker-for-elementor-forms/) 
را بررسی کنید، یا از طریق [RSS](https://plugins.trac.wordpress.org/log/color-picker-for-elementor-forms/?limit=100&mode=stop_on_copy&format=rss)
در [گزارش توسعه](https://plugins.trac.wordpress.org/log/color-picker-for-elementor-forms/)
مشترک شوید.

## گزارش تغییرات

#### 1.0.0

 * Initial release with full color picker support for Elementor Forms (HEX, RGBA,
   custom palette, jscolor integration, dynamic color binding).

## اطلاعات

 *  نگارش **1.0.0**
 *  آخرین به‌روزرسانی **3 هفته پیش**
 *  نصب‌های فعال **کمتر از 10**
 *  نگارش وردپرس ** 5.0 یا بالاتر **
 *  آزمایش‌شده تا **7.1**
 *  زبان
 * [English (US)](https://wordpress.org/plugins/color-picker-for-elementor-forms/)
 * برچسب
 * [color field](https://fa.wordpress.org/plugins/tags/color-field/)[color picker](https://fa.wordpress.org/plugins/tags/color-picker/)
   [elementor](https://fa.wordpress.org/plugins/tags/elementor/)[form field](https://fa.wordpress.org/plugins/tags/form-field/)
 *  [نمایش پیشرفته](https://fa.wordpress.org/plugins/color-picker-for-elementor-forms/advanced/)

## امتیازها

هنوز هیچ نقدی ارسال نشده است.

[بررسی شما](https://wordpress.org/support/plugin/color-picker-for-elementor-forms/reviews/#new-post)

[مشاهدهٔ همهٔ بررسی‌ها](https://wordpress.org/support/plugin/color-picker-for-elementor-forms/reviews/)

## مشارکت کنندگان

 *   [ add-ons.org ](https://profiles.wordpress.org/addonsorg/)

## پشتیبانی

چیزی برای گفتن دارید؟ نیاز به کمک دارید؟

 [مشاهده انجمن پشتیبانی](https://wordpress.org/support/plugin/color-picker-for-elementor-forms/)