Formulario de Contacto en WordPress

A veces nos puede interesar tener un formulario de contacto en una página dedicada, para ello, en wordpress, y podemos hacerlo muy fácilmente con el plugin WP-ContactForm. Mira un ejemplo de como queda

WP-ContactForm es un fantástico Formulario de Contacto creado por Ryan Duff, y es uno de los más sencillos y faciles de instalar, ya que no necesita ningún tipo de configuración.

Instalación de Cforms

Descargar WP-ContactForm, he encontrado la versión traducida, al español, y aquí la tienes lista para descargar.

Subir y activar el plugin como hacemos con cualquier otro.

Una vez que hemos activado el plugin ya podemos crear una nueva pagina en WordPress, y llamarla por ejemplo contacto.  Y utilizando el editor HTML  introduciremos

<!--contact form-->

Y ya tenemos una pagina a través de la cual los visitantes pueden comunicarse con nosotros.

Repositorio formularios en wordpress

Existen recursos de lo más variado para crear e insertar formularios en wordpress, y aquí dejo mi selección de los que he ido probando:

Google Docs

• Google Docs: nos ofrece la posibilidad de crear formularios con diferentes tipos de campos dependiendo de nuestras necesidades. Puedes saber más leyendo la entrada dedicada.

Plugins WordPress

• Cforms: es un plugin de worpress que nos permite crear formularios personalizados. Puedes saber más leyendo la entrada dedicada.

Formspring.me

• Formspring.me: es un tipo de formulario simple que básicamente nos permite recibir preguntas de otras personas y responderlas públicamente. Puedes saber más leyendo la entrada dedicada.

Formularios on-line

• Recursos para crear fácilmente Formularios Online: recopilación de recursos y plugin de wordpress para crear formularios fácilmente. Enlace a la recopilación.

]]> http://mtperez.es/2010/02/04/repositorio-formularios-en-wordpress/feed/ 0 http://mtperez.es/2010/02/02/formularios-en-wordpress-con-cforms/ http://mtperez.es/2010/02/02/formularios-en-wordpress-con-cforms/#comments Tue, 02 Feb 2010 14:13:36 +0000 mtperez http://mtperez.es/?p=1715

Cforms

Cforms es un plugin de wordpress que nos permite crear tantos formularios como necesitemos, desde un simple formulario de contacto, como él que trae como predeterminado, hasta formularios más elaborados como encuestas, exámenes, recogida de datos….

Cforms nos permite personalizar su aspecto, mediante hojas de estilo CSS, e insertar un amplio abanico de campos, y todo desde la página de administración del plugin.

Instalación de Cforms

• Descargar Cforms y descargar la traducción al español, es muy recomendable dadas la cantidad de opciones que tiene este plugin.

• Subir y activar el plugin como cualquier otro.

• Subir la traducción en español. Para usarla hay que subir el archivo .mo a la carpeta /wp-content/plugins/ (¡ojo!, NO dentro de la carpeta Cforms, sino dentro de plugins).

Tras la activación del plugin, automáticamente observamos que se instala:

• Un nuevo menú en el panel de administración desde donde accedemos a la administración del plugin.

Menú Cforms

• Un botón en el editor visual, lo que va permitir de una manera limpia y sencilla insertar el formulario en una entrada o página de nuestro blog.

Botón Cforms en el editor visual de wordpress

Crear un formulario

• Ir al menú Cforms II

• En Admin Actions pulsar Añadir nuevo formulario

• Dar nombre al formulario en Nombre Formulario

• Editar nuestro formulario:

Interface Cforms para la creación formularios

1. permite arrastrar un campo y colocarlo en la posición deseada
2. nombre del campo
3. edita las diversas opciones del campo
4. puede seleccionar el tipo de campo, línea única, línea múltiple, casilla de verificación, lista selección,…
5. borra el campo
6. si esta marcado, el campo es obligatorio
7. comprueba que se introduzca un email valido, funciona solo con el tipo de campo Línea de texto única
8. limpia el texto del campo al pulsar sobre él
9. permite desactivar el campo, no se mostrará en el formulario
10. campo de solo lectura

Pulsar el botón Actualizar ajustes para que los cambios tengan efecto

Cforms también permite duplicar y borrar formularios

• Agregar un nuevo campo al formulario:

Añadir campos al formulario

1. indica la posición que ocupará el o los campos con respecto a los ya existentes
2. el número de campos a agregar
3. agrega el o los campos

Pulsar el botón Actualizar ajustes para que los cambios tengan efecto.

Insertar un formulario

Podemos insertar un formulario tanto en una página com en una entrada de nuestro blog, para ello:

• en el editor  de contenido colocamos el cursor donde queremos que aparezca el formulario y pulsamos el botón de Cforms, ver imagen “Botón Cforms en el editor visual de wordpress”.

• en la ventana emergente seleccionamos el titulo del formulario que queremos insertar y pulsamos en el botón Insert

Insertar un formulario

Más detalles

Cforms tiene un amplio abanico de posibilidades y su uso es bastante intuitivo.

• Personalizar el aspecto de los formularios, Cforms dispone de plantillas predeterminadas con las que podemos definir el diseño gráfico de nuestros formularios.

• Ajustes globales opciones que afectan a todos los formularios que tenemos.

• Formulario en la barra lateral, cada formulario que creamos genera un widget que podemos insertar en la barra lateral.

]]> http://mtperez.es/2010/02/02/formularios-en-wordpress-con-cforms/feed/ 5 http://mtperez.es/2010/01/04/crear-un-foro-en-wordpress-con-simplepress-forum/ http://mtperez.es/2010/01/04/crear-un-foro-en-wordpress-con-simplepress-forum/#comments Mon, 04 Jan 2010 11:08:50 +0000 mtperez http://mtperez.es/?p=1493

Desde hace unos días me ha dado por probar como integrar un foro en wordpress. WordPress, en un principio no se pensó para foros sino para blogs. Pero disponemos de herramientas para agregarlo a nuestro wordpress. Estas herramientas pueden ser externas o internas:

• Conocemos como herramientas Externas a aquellas que no requieren de un blog para funcionar, como bbPress, phpBB,…
• Llamaremos herramientas Internas a las que generán un foro a partir de un plugin

y después de probar varias opciones me decanto, de momento, por Simple:Press

Simple:Press Forum

Simple:Press Forum es un plugin que nos permite instalar un foro en nuestro WordPress. Este plugin genera automáticamente una página, al instalarlo, en la cual se encuentra el foro, a diferencia de otros casos como el WP-Forum donde se necesita crear una página aparte. Es totalmente personalizable y cuenta con varias plantillas y series de iconos.

Dispone de un poderoso y flexible sistema de permisos adecuado para quienes deseen crear un foro privado y especializado con miembros invitados, sin embargo, es al mismo tiempo capaz de contener foros abiertos y públicos que permiten que los invitados envíen sus propios posts.

También contiene un sub-sistema de Mensajería Privada, con capacidad de enlazar posts de blogs con temas del foro, la habilidad de ampliar la visualización del foro con un código personalizado, varias etiquetas de plantilla para utilizar fuera del foro, importante ayuda en línea que explica cada una de las opciones y soporte integral de idiomas.

Demo: Foro integrado en WordPress

Características:

▪ Totalmente incorporado en los registros y logins del usuario de WordPress

▪ Crea permalinks ‘pretty/SEO friendly’

▪ Respaldado por un poderoso sistema de usuarios y de permisos

▪ Puede crear foros privados

▪ Los foros pueden ser ‘Sólo para Miembros’ o pueden admitir Invitados

▪ Sistema de Mensajería Privada

▪ Los administradores pueden permitir moderación de posts (aprobación)

▪ Herramienta para Búsqueda incorporada

▪ Plantillas e iconos totalmente personalizables

▪ La mayoría de las funciones de interpretación de datos son ‘conectables’

▪ Actualización del Perfil de los Miembros – los usuarios pueden cambiar sus propias contraseñas

▪ Elección de Editores (RTE, HTML, bbCODE)

▪ Options Signatures, Signature Image, Avatares, y Rankings

▪ Variedad de Etiquetas de Plantilla – posts recientes, etc.

▪ Ganchos (Hooks) Programables para la extensión del usuario

▪ Herramientas Opcionales para la Prevención de Correo Basura (Spam)

▪ Cookies Opcionales para rastrear Invitados y Miembros

▪ Con soporte de idiomas

▪ Canales (feeds) RSS opcionales y variados, además de suscripción a temas a través de email

▪ Diferentes opciones de visualización de acuerdo a tus necesidades y a tu tema

▪ Una serie de herramientas de administrador para realizar una diversidad de tareas desde el mismo foro

▪ Los Posts de un Blog y los Temas del Foro se pueden enlazar

▪ Soporte para el plugin ‘Democracy Polls’

▪ Soporte para el plugin ‘Gravatars 2′

▪ Estadísticas del Foro – incluye quién está en línea

▪ Opción de desinstalación/eliminación total

▪ Soporte para el plugin All In One SEO Pack (Browser title bar)

▪ Visualiza Lista de Nuevos Posts en el Administrador en lugar de TODAS las visualizaciones con ‘Quick Reply’

▪ Soporte de idiomas de derecha a izquierda en el editor TinyMCE

▪ Topic Status Tracking

▪ Emiticones o Smileys Personalizados

▪ Personalización de la barra de herramientas RTE (RTE toolbar)

▪ Opción de visualización de la política de pre-registro

▪ Post Ratings

▪ Agrega Datos Personalizados al Perfil

▪ Temas ‘Seguidos’

▪ Administradores con foros múltiples

▪ Lista de Miembros

Simple:Press tiene su propio sistema de dominio y soporte.

• Sitio Oficial: Simple-Press Forum.
• Ver Demo
• vía: WTC

Google ofrece una serie de herramientas de gestión de documentos, hojas de cálculo y presentaciones, y también nos ofrece la posibilidad de crear formularios para recolectar datos e incorporarlos en hojas de cálculo y poder así, por ejemplo, que nuestros usuarios realicen la inscripción on-line en un curso, o recoger una encuesta…

Además Google Docs permite crear diferentes tipo de preguntas, dependiendo de nuestras necesidades.

Cómo funciona:

Entramos en nuestra cuenta gmail, te puedes crear una cuenta es gratuito, y accedemos a Google Docs

Formularios: Crear formularios

Podemos crear un formulario desde la lista de documentos o desde cualquier hoja de cálculo:

A. Cómo crear un formulario desde la lista de documentos:

• 1. Haz clic en Nuevo > Formulario.
• 2. En la plantilla del formulario que se abre puedes añadir todas las preguntas y opciones que desees. Opciones que se pueden realizar con las preguntas:

- Editar: para editar una pregunta existente, basta con hacer clic en el botón Editar situado a la derecha de la pregunta que desees editar.

- Eliminar: para suprimir una pregunta, basta con hacer clic en el botón Eliminar situado a la derecha de la pregunta que desees suprimir.

- Duplicar: para duplicar una pregunta de forma rápida, basta con hacer clic en el botón Duplicar situado a la derecha de la pregunta que desees duplicar.

- Tipos de preguntas:  haz clic en el botón Añadir pregunta situado en la parte superior del editor y en el menú desplegable selecciona opción que más te pueda interesar

• 3. Una vez que hayas acabado de añadir las preguntas en el formulario, puedes:

- insertarlo en tu sitio web o blog >  haz clic en el menú desplegable Más acciones situado encima del formulario, selecciona la opción Insertar y pega la URL en el sitio o blog.

- o enviarlo por correo electrónico > haz clic en Enviar este formulario por correo electrónico. Añade las direcciones de correo electrónico de las personas a las que deseas enviar este formulario y haz clic en Enviar.

B. Cómo crear un formulario desde una hoja de cálculo:

• 1.    Haz clic en el menú desplegable Formulario y selecciona Crear un formulario.
• 2.    En la plantilla del formulario que se abre puedes añadir todas las preguntas y opciones que desees, del mismo modo que hemos visto en el apartado anterior.

• 3. Una vez que hayas acabado de añadir las preguntas en el formulario, puedes:

- insertarlo en tu sitio web o blog >  haz clic en el menú desplegable Más acciones situado encima del formulario, selecciona la opción Insertar y pega la URL en el sitio o blog.

- o enviarlo por correo electrónico > haz clic en Enviar este formulario por correo electrónico. Añade las direcciones de correo electrónico de las personas a las que deseas enviar este formulario y haz clic en Enviar.

Sugerencias de edición:

• Puedes editar el mensaje de confirmación que los usuarios que rellenan tu formulario van a ver tras enviar sus respuestas. Haz clic en el menú desplegable Más acciones en la parte superior derecha del formulario y selecciona Editar confirmación.
• Si has editado un formulario y necesitas enviarlo de nuevo, haz clic en el botón Editar y volver a enviar situado en la esquina inferior izquierda de la pestaña Compartir.

Formularios: Ver las respuestas del formulario

Las respuestas dadas por nuestros usuarios se recogen en una hoja de calculo. Para ver la hoja de cálculo con las respuestas de formulario, haz clic en Ver respuestas en la parte superior derecha del formulario y selecciona Hoja de cálculo. Resulta conveniente usar el mismo nombre en el formulario y en la hoja de cálculo, ya que así podrás encontrarlos rápidamente en la lista de documentos.

Para saber fácilmente el número de usuarios que ha rellenado un formulario y cuáles han sido sus respuestas, puedes consultar el resumen de respuestas. En la hoja de cálculo, ve a Formulario > Mostrar resumen para verlo. La página de resumen de respuestas se abre en una ventana nueva.

Puedes permitir que quienes hayan rellenado el formulario puedan ver un resumen de respuestas, en la ventana: Editar confirmación selecciona la opción: Dejar que todos vean el resumen de respuestas.

Editar la hoja de cálculo con las respuestas

Algunas de las modificaciones que podemos llevar a cabo en la hoja de cálculo con las respuestas:

• Insertar columnas para añadir tu contenido personal al lado de las respuestas al formulario, así como cálculos, notas y búsquedas.
• Insertar filas de información en la parte superior, debajo de los encabezados de columna y encima del área donde se recopilan los datos. Las respuestas del formulario se introducen siempre en la primera fila disponible.

Formularios: Cómo añadir temas a los formularios

Para elegir un tema para un formulario, haz clic en el botón Temas situado en la parte superior del formulario y selecciona tu tema favorito.

A continuación, haz clic en Aplicar

Si quieres usar una plantilla de formulario con un tema, ve a la lista de documentos, selecciona Nuevo > Desde plantilla y haz clic en Formularios bajo Elementos por tipo, en la parte izquierda de la página. Cuando hayas decidido la plantilla que vas a utilizar, haz clic en Usar esta plantilla y en el botón Tema. Hay más de 70 temas de todos los colores y estilos para elegir.

Ver Demo