Uso del campo de contenido

El campo de contenido es una función básica

Desbloquee Content Field y otras potentes funciones para hacer crecer su negocio.

Obtener WPForms Basic

¿Le gustaría añadir contenido a sus formularios de WordPress? El campo Contenido para WPForms proporciona una forma sencilla y fácil de usar para añadir contenido como encabezados, listas, párrafos y medios a sus formularios.

Este tutorial le mostrará todo lo que necesita saber para empezar con el campo Contenido en WPForms.

Visión general del campo de contenidos

Antes de empezar, primero tendrá que asegurarse de que WPForms está instalado y activado en su sitio de WordPress y que ha verificado su licencia. A continuación, puede crear un nuevo formulario o editar uno existente para acceder al constructor de formularios.

Eche un vistazo a nuestra plantilla de formulario de participación en concursos para ver el campo Contenido en acción y si desea empezar con una plantilla personalizable.

Añadir un campo de contenido al formulario

Una vez que hayas abierto el generador de formularios, encontrarás el campo Contenido en la sección Campos de fantasía. Haz clic en el campo Contenido o arrástralo y suéltalo en el área de vista previa para añadirlo a tu formulario.

click-content-field-to-add-to-form

Añadir contenido

Ahora que has añadido un campo Contenido a tu formulario, es el momento de añadir tu contenido. Para empezar, haz clic en el campo en el área de vista previa del formulario.

haga clic para editar el contenido del campo

Esto te llevará al panel de Opciones de Campo. Aquí verás un sencillo editor que utilizarás para añadir tu contenido.

editor de contenidos

El editor tiene 2 modos diferentes que puede elegir para añadir contenido: Visual y Texto.

Uso del editor visual

El editor visual ofrece una forma sencilla y sin código de añadir contenido. Te permite ver el aspecto que tendrá tu contenido a medida que lo editas, como si fuera un editor WYSIWYG.

Para utilizar el editor visual, seleccione la pestaña Visual.

seleccione-visual-tab

Para añadir contenido, basta con sustituir el texto por defecto por el suyo propio.

añadir-texto-a-editor-visual

En la parte superior del editor, verás varias opciones en las que puedes hacer clic para dar formato a tu contenido.

formato-texto-visual-editor

Para ver más opciones de formato, pulse el botón Expandir editor situado debajo del área de texto del editor.

click-expand-editor-button

A continuación, el editor se expandirá y verás aún más opciones para dar formato a tu contenido.

opciones de formato adicionales

Para contraer el editor a su tamaño original, haga clic en Contraer editor.

click-collapse-editor-button

Uso del editor de texto

El editor de texto te permite añadir y editar tu contenido utilizando HTML. Esto puede ser útil si desea tener más control sobre el estilo y el formato de su contenido.

Para utilizar el editor de texto, haz clic en la pestaña Texto.

clic-texto-pestaña

En la parte superior del editor de texto, verás algunas opciones básicas para dar formato a tu contenido con marcas HTML.

opciones de formato del editor de texto

Cuando amplíes el editor, verás aún más opciones para dar formato a tu contenido.

opción-html-adicional

Añadir medios al campo de contenido

Para añadir medios al campo Contenido, como una imagen o un vídeo, haga clic en el botón Añadir medios situado encima del editor.

click-add-media-button

A continuación, aparecerá una superposición que muestra opciones para subir nuevos archivos o seleccionar los existentes de la biblioteca multimedia de WordPress.

Para nuestro ejemplo, seleccionaremos una imagen que ya hemos añadido a la Mediateca de WordPress. Para ello, haz clic en la pestaña Mediateca.

cllick-media-library-tab

Seleccione una imagen y haga clic en el botón Insertar en formulario.

click-insert-into-form-button

Ahora debería ver la imagen en el área de texto del editor de campos de contenido. Si utiliza el editor visual, verá una vista previa del aspecto de la imagen.

media-added-to-visual-editor

Si cambias al editor de texto, verás el HTML de la imagen.

html-para-imagen-en-editor-de-texto

Previsualización del contenido en el Generador de formularios

El campo Contenido tiene una función muy útil que te permite previsualizar el aspecto que tendrá tu contenido directamente en el constructor de formularios.

Para previsualizar el contenido que ha añadido a su formulario, simplemente haga clic en el botón Actualizar vista previa.

click-update-preview-button

En la parte derecha del constructor de formularios, ahora verás una vista previa de cómo se muestra el contenido en tu formulario.

preview-content-field-in-form-builder

Nota: Al hacer clic en el botón Actualizar vista previa no se guarda el contenido del formulario. Para guardar el contenido y cualquier otro cambio que hayas realizado en el formulario, deberás hacer clic en el botón Guardar situado en la parte superior del generador de formularios.

Guardar y previsualizar el formulario

Una vez que hayas añadido el contenido y le hayas dado el formato que desees, es hora de guardar y previsualizar el formulario.

Para guardar los cambios realizados en el formulario, haz clic en el botón Guardar situado en la parte superior del generador de formularios.

click-save-button-in-form-builder

Después de guardar el formulario, haga clic en el botón Vista previa.

botón de vista previa

Se abrirá una nueva página en su navegador con una vista previa de cómo se ve su formulario en el frontend de su sitio.

content-field-form-preview

Preguntas frecuentes

A continuación figuran algunas de las preguntas más frecuentes que recibimos sobre el ámbito de los Contenidos.

¿Por qué desaparece el contenido después de guardar el formulario?

Si el contenido pierde su formato o desaparece por completo después de guardar el formulario, es probable que se deba a que el rol de usuario de WordPress no tiene activada la función unfiltered_html. Si esta función está desactivada, los usuarios no pueden publicar marcas HTML en páginas, entradas, comentarios o widgets, incluidos los formularios. Esto ayuda a evitar que los usuarios publiquen código potencialmente malicioso.

Para solucionar este problema, deberá activar la función unfiltered_html o ponerse en contacto con el administrador de su sitio para que la active.

¿Por qué no se incluye el contenido en los correos electrónicos de notificación?

Por defecto, los campos que no son de entrada, como el campo Contenido y los Saltos de Página, se excluyen de las notificaciones por correo electrónico. Sin embargo, puede actualizar el comportamiento predeterminado para incluirlos en sus notificaciones por correo electrónico. Consulte nuestro tutorial sobre la inclusión de campos no de entrada en los correos electrónicos de notificación si desea saber cómo hacerlo.

Ya está. Ahora ya sabe como usar el campo Contenido en WPForms.

A continuación, ¿quieres saber cómo incluir archivos adjuntos en los correos electrónicos de notificación de formularios? Asegúrate de consultar nuestra guía para subir archivos adjuntos para conocer todos los detalles.

El mejor plugin de WordPress para crear formularios arrastrando y soltando

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.

Active JavaScript en su navegador para rellenar este formulario.