<html lang="es-es" dir="ltr"><head></head><body>### [Usar fragmentos de código de WPForms](https://wpforms.com/docs/using-wpforms-code-snippets/)

**Publicado:** 7 de noviembre de 2023
**Autor:** Umair Majeed

**Extracto:** Aprende a mejorar WPForms usando los fragmentos de código de WPCode.

**Contenido:**

¿Te gustaría una solución sencilla y con un solo clic para añadir fragmentos de código personalizados a tus formularios? Con WPForms y el plugin WPCode, puedes usar fácilmente fragmentos de código para tus formularios sin editar el archivo `function.php` de tu tema.

En esta guía, te mostraremos cómo instalar y usar el plugin WPCode con solo unos pocos clics, mejorando tus WPForms con funcionalidades adicionales sin esfuerzo.

---

### Primeros pasos con WPCode

Para empezar, ve a **WPForms » Herramientas**. Una vez allí, selecciona la pestaña **Fragmentos de código**.

![Pestaña Fragmentos de código en WPForms](https://wpforms.com/wp-content/uploads/2023/10/code-snippets-tab.png)

Cuando navegues a la pestaña Fragmentos de código, verás un aviso que te pedirá que instales y actives el plugin WPCode.

Simplemente haz clic en el botón **Instalar + Activar WPCode** para acceder a todos los fragmentos de código de WPForms a través del plugin WPCode.

![Botón Instalar y Activar para WPCode](https://wpforms.com/wp-content/uploads/2023/10/install-activate-WPCode.png)

### Añadir fragmentos de código de WPForms

Una vez instalado WPCode, verás todos los fragmentos de código de WPForms disponibles. Instalarlos activará su funcionalidad en todos tus formularios.

![Lista de fragmentos en la pestaña Fragmentos de código](https://wpforms.com/wp-content/uploads/2023/11/available-code-snippets.png)

Todos los fragmentos de código se muestran con un título y una breve descripción que resume su funcionalidad o los cambios que introducirán en los formularios.

Para implementar una característica deseada, simplemente revisa sus detalles y haz clic en el botón **Instalar fragmento** correspondiente a ese fragmento.

![Botón Instalar fragmento](https://wpforms.com/wp-content/uploads/2023/11/install-snippet.png)

Después de seleccionar Instalar fragmento, serás redirigido a la página de WPCode que muestra los detalles del fragmento.

![Vista detallada de un fragmento](https://wpforms.com/wp-content/uploads/2023/11/code-snippet-preview.png)

Aquí, puedes ver la vista previa del código, ajustar la configuración de inserción y especificar el tipo de dispositivo en el que debe ejecutarse el fragmento. Además, puedes utilizar la lógica condicional inteligente para determinar páginas específicas para la auto-inserción.

 **Nota:** Para una comprensión más profunda de la configuración disponible y la funcionalidad detallada, consulta la [documentación oficial de WPCode](https://wpcode.com/docs/).

Para tu comodidad, la configuración óptima para tu sitio se ha aplicado por defecto. Si bien no es necesario realizar cambios, tienes la flexibilidad de ajustar cualquier configuración si lo deseas.

Después de realizar los cambios, asegúrate de activar la opción **Activo**.

![Activar el fragmento para que esté Activo](https://wpforms.com/wp-content/uploads/2023/11/activate-snippet.png)

A continuación, simplemente haz clic en el botón **Actualizar** para activar el fragmento en tu sitio, aplicando las modificaciones especificadas a tus formularios.

![Haz clic en el botón Actualizar para activar el fragmento de código](https://wpforms.com/wp-content/uploads/2023/11/update-snippet.png)

### Editar o eliminar un fragmento de código

Con WPForms, tienes acceso simplificado a los fragmentos de WPCode. La gestión de estos fragmentos es sencilla y puedes editarlos o eliminarlos fácilmente según sea necesario.

#### Editar un fragmento de código

Para editar un fragmento de código instalado, ve a la pestaña **Fragmentos de código** y haz clic en el botón **Editar fragmento** correspondiente al fragmento que deseas ajustar.

![Botón Editar fragmento](https://wpforms.com/wp-content/uploads/2023/11/edit-snippet.png)

Esto te llevará a su página detallada, donde podrás realizar las modificaciones necesarias en el fragmento.

#### Eliminar un fragmento de código

Para eliminar un fragmento de código, haz clic en **Fragmentos de código** **»** **Fragmentos de código** en el menú lateral de tu WordPress. Esto mostrará una lista de todos los fragmentos instalados, indicando cuáles están activos.

![Lista de fragmentos de código instalados en WPCode](https://wpforms.com/wp-content/uploads/2023/11/all-code-snippets-wpcode-1.png)

Para eliminar un fragmento, pasa el ratón sobre él y haz clic en **Papelera**. Esto eliminará el fragmento junto con su funcionalidad de tu sitio.

![Haz clic en Papelera para eliminar un fragmento de código](https://wpforms.com/wp-content/uploads/2023/11/trash-snippet.png)

¡Eso es todo! Ahora sabes cómo WPForms facilita el uso del plugin WPCode y la aplicación de fragmentos de código para mejorar las funcionalidades de los formularios.

¿A continuación, te gustaría aún más opciones de personalización? Asegúrate de consultar nuestro tutorial sobre [cómo personalizar el botón de envío](https://wpforms.com/docs/how-to-customize-the-submit-button/ "Cómo personalizar el botón de envío").

**Categorías:** Funcionalidad, Extensión de la funcionalidad

---</body></html>