<html lang="es-es" dir="ltr"><head></head><body>### [Cómo establecer un símbolo de moneda antes de un campo de artículo único](https://wpforms.com/developers/how-to-set-a-currency-symbol-before-a-single-item-field/)

**Publicado:** 19 de julio de 2023
**Autor:** Equipo Editorial

**Extracto:** Este tutorial te mostrará cómo puedes establecer automáticamente un símbolo de moneda antes del campo de artículo único (Single Item) usando JavaScript.

**Contenido:**

## Introducción

¿Te gustaría establecer un símbolo de moneda antes de un campo de pago de **Artículo Único** (Single Item)? Por defecto, cuando usas este campo y el **Tipo de artículo** (Item Type) se establece en **Definido por el usuario** (User Defined), no hay símbolo de moneda que mostrar.

![no hay símbolo de moneda por defecto al usar el campo de pago de artículo único definido por el usuario](https://wpforms.com/wp-content/uploads/2023/07/wpforms-currency-symbol-single-item-field-before.jpg)

Sin embargo, en este tutorial, te mostraremos cómo puedes lograr esto usando un pequeño script.

## Creando tu formulario

Para empezar, crea un nuevo formulario y añade tus campos.

Si necesitas ayuda para crear tu formulario, [por favor revisa esta útil documentación](https://wpforms.com/docs/creating-first-form/ "Creando tu primer formulario").

![comienza creando tu formulario y añadiendo tus campos](https://wpforms.com/wp-content/uploads/2023/07/wpforms-add-currency-symbol-creating-form.jpg)

## Estableciendo el Tipo de artículo

Una vez que hayas añadido tus otros campos a tu formulario, asegúrate de añadir el campo de formulario **Artículo Único** (Single Item) que se encuentra en los **Campos de pago** (Payment Fields) dentro del constructor de formularios. Una vez añadido, establece el **Tipo de artículo** (Item Type) en **Definido por el usuario** (User Defined).

![añade el campo de pago de artículo único y establece el tipo de artículo en definido por el usuario](https://wpforms.com/wp-content/uploads/2023/07/wpforms-add-single-item.jpg)

## Añadiendo el fragmento

Ahora que los campos están configurados, es hora de añadir el fragmento a tu sitio. Para cualquier ayuda sobre cómo y dónde añadir fragmentos a tu sitio, [por favor revisa este tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Cómo añadir PHP o JavaScript personalizado para WPForms").

```

/**
 * Establecer un símbolo de moneda en el campo de pago de artículo único
 *
 * @link https://wpforms.com/developers/how-to-set-a-currency-symbol-before-a-single-item-field/
 */

function wpf_add_dollar_symbol_to_singleitem() {
    ?&gt;

**Categorías:** Tutoriales

**Etiquetas:** Javascript, JS

---</body></html>