Як створити поля введення ціни/валюти у WordPress

Збір грошових значень вимагає більше, ніж просто числове поле. Користувачі очікують побачити символи валют, правильне форматування та відповідні десяткові знаки. Поле із запитом «Бюджет» має відображати «$5,000.00», а не просто «5000». Правильне форматування валюти робить форми професійними та зменшує кількість помилок введення.

У цьому посібнику ви дізнаєтеся, як створювати правильно відформатовані поля введення ціни та валюти у WordPress.

Чому форматування валют має значення

Без форматування

• Користувач вводить: 5000
• Це 5,000 доларів чи 5,000 євро?
• Долари чи центи?
• Без візуального підтвердження
• Виглядає непрофесійно

З правильним форматуванням

• Користувач бачить: $5,000.00
• Валюта чиста
• Десяткова точність очевидна
• Професійний зовнішній вигляд
• Менше помилок

Переваги полів валют

• Чіткість: Користувачі точно знають, що вводити
• Перевірка: Приймаються лише дійсні номери
• Послідовність: Всі записи в одному форматі
• Професіоналізм: Форми виглядають відшліфованими
• Якість даних: Чисті фінансові дані

Створення полів валюти в Auto Form Builder

Крок 1: Додати числове поле

1. Створіть або відредагуйте свою форму в АФБ
2. перетягніть Номер поле у ​​вашу форму
3. Натисніть, щоб відкрити налаштування

Крок 2: Виберіть формат валюти

1. Знайти сформований установка
2. Виберіть Валюта
3. Поле тепер відображається у валютному форматі

Крок 3: Виберіть символ валюти

Виберіть валюту:

Крок 4: Налаштування десяткових розрядів

Встановіть точність для вашої валюти:

Крок 5: Встановлення мінімальних/максимальних значень (необов'язково)

Визначте допустимий діапазон:

• мінімум: Найнижча допустима кількість (наприклад, 0, 100)
• максимум: Найбільша прийнятна сума (наприклад, 100000)

Крок 6: Встановлення розміру кроку (необов'язково)

Точність приросту керування:

• 0.01: Дозволено центів ($99.99)
• 1: Тільки цілі долари (100 доларів)
• 100: Круглі сотні ($1,100, $1,200)

Крок 7: Додайте мітку та заповнювач

Чітка ідентифікація:

• Лейбл: «Бюджет проекту» або «Сума»
• Заповнювач: «$0.00» або «Введіть суму в доларах США»

Приклади полів валюти

Поле базової ціни (дол. США)

Налаштування:

• Мітка: «Ціна»
• Формат: Валюта
• Символ: $
• Decimals: 2
• Крок: 0.01
• Заповнювач: «$0.00»

Результат: Стандартний ввід доларів США з центами.

Бюджетний діапазон (без центів)

Налаштування:

• Мітка: «Річний бюджет»
• Формат: Валюта
• Символ: $
• Decimals: 0
• Мінімум: 1000
• Максимум: 1000000
• Крок: 1000

Результат: Цілі суми в тисячах доларів.

Європейська ціна (євро)

Налаштування:

• Мітка: «Prezzo» або «Ціна»
• Формат: Валюта
• Символ: €
• Decimals: 2
• Крок: 0.01

Результат: Суми в євро з центами (формат €1.234,56 залежить від регіону).

британські фунти

Налаштування:

• Мітка: «Сума (фунти стерлінгів)»
• Формат: Валюта
• Символ: £
• Decimals: 2
• Крок: 0.01

Результат: Внесок у британських фунтах (1,500.00 фунтів стерлінгів).

Японська єна (без десяткових знаків)

Налаштування:

• Мітка: «金額» або «Сума»
• Формат: Валюта
• Символ: ¥
• Decimals: 0
• Крок: 1

Результат: Єна без десяткових знаків (¥15 000).

Шкала заробітної плати

Налаштування:

• Мітка: «Очікувана річна зарплата»
• Формат: Валюта
• Символ: $
• Decimals: 0
• Мінімум: 30000
• Максимум: 500000
• Крок: 5000

Результат: Зарплата з кроком у розмірі 5 тис. доларів.

Варіанти використання полів валюти

Бланки запитів цитати

Збір бюджетної інформації:

• «Який у вас бюджет на цей проєкт?»
• «Максимальна сума, яку ви готові витратити?»
• «Цільова ціна?»

Конфігурація: Діапазон з мін/макс, можливо, режим повзунка.

Форми замовлення

Ціни на продукцію:

• Ціна за одиницю
• Загальна кількість
• Сума індивідуальної котирування

Конфігурація: Точно з центами (2 знаки під комою).

Форми пожертвування

Суми внесків:

• Сума пожертви
• Щомісячна обіцянка
• Одноразовий подарунок

Конфігурація: Мінімальна сума, попередньо встановлені пропозиції або власний запис.

Робота додатків

Очікування заробітної плати:

• Очікувана зарплата
• Поточна компенсація
• Мінімально прийнятний

Конфігурація: Цілі суми, центи не потрібні.

Форми нерухомості

Значення властивостей:

• Діапазон цін на житло
• Щомісячний бюджет оренди
• Сума початкового внеску

Конфігурація: Великі діапазони, кроки на тисячі.

Форми рахунків-фактур/платежів

Точні суми:

• Сума рахунку-фактури
• Сума оплати
• Залишок до сплати

Конфігурація: Точно з центами, без обмежень.

Міркування щодо міжнародної валюти

Позиція символу валюти

Розміщення залежить від місцевості:

• Сума до: 100 доларів США, 100 фунтів стерлінгів, 100 ієн
• Після суми: 100 євро, 100 крон

Десяткові роздільники

У різних регіонах використовуються різні формати:

Відповідність вашій аудиторії

• Використовуйте символ валюти, який очікує ваша аудиторія
• Враховуйте форматування, специфічне для локалізації
• Додайте довідковий текст, якщо формат може викликати плутанину

Поле валюти з режимом повзунка

Коли використовувати слайдер для валюти

• Бюджетні діапазони
• Оцінки цін
• Приблизні значення
• Обмежені діапазони

Налаштування валюти слайдера

Налаштування:

• Формат: Валюта
• Символ: $
• Режим слайдера: УВІМК.
• Мінімум: 1000
• Максимум: 50000
• Крок: 1000
• Показати значення: УВІМК.

Результат: Візуальний слайдер, що показує від 1,000 до 50 000 доларів США у форматованому відображенні.

Коли НЕ слід використовувати слайдер

• Точні необхідні суми (рахунки-фактури)
• Потрібна точність у центах
• Необмежені значення
• Бажано швидкий вхід

Перевірка полів валюти

Вбудована перевірка

• Дозволено лише цифри
• Дотримується мінімальних/максимальних меж
• Перевіряє точність десяткового числа
• Обов'язкова перевірка поля

Загальні правила перевірки

Мінімальна сума

Вимагати мінімального значення:

• Пожертви: Мінімум 5 доларів США
• Замовлення: Мінімальна сума $25
• Бюджет: мінімум 1,000 доларів США

Максимальна сума

Максимальне значення обмеження:

• Запобігання нереалістичним записам
• Безпека (запобігання переповненню)
• Правила бізнесу

Перевірка кроків

Забезпечити дотримання вимог щодо приросту:

• Тільки цілі долари (крок: 1)
• Тільки сотні (крок: 100)

Найкращі практики дизайну

1. Завжди показувати символ валюти

Ніколи не залишайте неоднозначних:

• Символ у полі або мітці
• «Бюджет (дол. США)», якщо не вказано в полі
• Послідовність у всій формі

2. Відповідність точності меті

• Рахунки-фактури: 2 знаки після коми (центи мають значення)
• Бюджети: 0 знаків після коми (округлені числа)
• Нерухомість: 0 знаків після коми (тисяч)

3. Використовуйте відповідний розмір кроку

• Не використовуйте крок 0.01 для бюджетних питань
• Не використовуйте крок 100 для сум рахунків-фактур
• Збіг очікуваної точності

4. Надайте контекст

Довідковий текст уточнює:

• «Введіть суму в доларах США»
• «Мінімальне замовлення $25»
• «Річна зарплата (до сплати податків)»

5. Розгляньте попередньо встановлені параметри

Для звичайних сум (пожертви, плани):

• Перемикачі: $25, $50, $100, Налаштування
• Випадаючий список із сумами
• У поєднанні з користувацьким записом

Приклади форм з полями валюти

Форма запиту на пропозицію

1. Ім'я (обов'язково)
2. E-mail (обов'язково)
3. Компанія
4. Тип проекту (випадаючий список)
5. Бюджетний діапазон (поле валюти, $1 тис.–$100 тис.)
6. Хронологія (випадаючий список)
7. Деталі проекту (текстове поле)

Форма пожертвування

1. Сума пожертви (поле валюти, мінімум $5)
2. ІМ'Я
3. Електронна пошта
4. Присвятити комусь? (позначка)
5. Повідомлення (текстове поле)

Форма бронювання послуг

1. Тип послуги (випадаючий список)
2. Дата
3. Time
4. Готовність сплатити до (поле валюти)
5. Спеціальні запити (текстове поле)
6. Контактна інформація

Виправлення неполадок у полях валют

Символ не відображається

• Перевірте вибраний формат валюти
• Перевірте збереження налаштувань символу
• Очистити кеш та оновити

Неправильні десяткові розряди

• Перевірте налаштування десяткових знаків
• Перевірте відповідність розміру кроку точності
• Повторно зберегти налаштування поля

Користувачі, які вводять нечислові дані

• Поле цифри має бути друкованими літерами
• Якщо ні, перевірте тип поля «Число»
• Перевірка має відбутися після надсилання

Форматування виглядає неправильним

• Перевірте налаштування локалі
• Перевірте вибір формату
• Тестування в різних браузерах

Поширені запитання

Чи можу я мати кілька валют в одній формі?

Так. Додайте кілька числових полів, кожне з яких налаштовано з різними символами валюти. Або скористайтеся випадаючим списком, щоб дозволити користувачам вибирати валюту з одним полем суми.

Як мені зібрати точні ціни за допомогою центів?

Встановіть кількість знаків після коми на 2 та крок на 0.01. Це дозволяє вводити значення, наприклад, $99.99.

Чи варто використовувати текстове поле чи числове поле для цін?

Завжди використовуйте числове поле. Це забезпечує правильність числового введення, дозволяє перевірку мінімальних/максимальних значень та підтримує форматування валюти.

Як мені обробити конвертацію валют?

Форми зазвичай збираються в одній валюті. Конвертація відбувається у вашому серверному процесорі або платіжному процесорі. Чітко позначте, яку валюту ви збираєте.

Чи може символ валюти бути з правого боку?

Позиція символу залежить від реалізації поля. Більшість відображає символ перед сумою ($100), що відповідає загальноприйнятій домовленості США/Великої Британії.

Резюме

Створення полів для введення валюти:

1. Додати поле «Номер» – База для валюти
2. Виберіть формат валюти – Увімкнути форматування
3. Виберіть символ валюти – $, €, £ тощо.
4. Встановлення десяткових знаків – 0 за ціле, 2 за центи
5. Налаштувати мін/макс – Прийнятний діапазон
6. Встановити розмір кроку – Точність введення
7. Додати чіткі мітки – Валютний контекст

Висновок

Правильно відформатовані поля валюти роблять форми професійними та зменшують кількість помилок. Користувачі одразу розуміють, що потрібно вводити, коли бачать символ валюти та правильне форматування. Більше жодної плутанини щодо того, чи потрібно вводити центи чи яку валюту ви запитуєте.

Автоматичний конструктор формс Числове поле підтримує форматування валюти з кількома символами валют, налаштовувані десяткові знаки, перевірку мінімуму/максимуму та додатковий режим повзунка для бюджетних діапазонів.

Готові додати поля для валюти? Завантажити автоматичний конструктор форм та створювати професійні форми для введення фінансових даних.