manual de contact form 7

7/25/2019 Manual de Contact Form 7

1/18


2/18

Tabla de contenido

1.

Crear un nuevo formulario ................................ ................................. ............................... ............... 2

1.1 Primeros pasos ............................................................................................................................ 2

1.2 Descripcin de la pantalla del formulario ............................... ................................. ........ 3

2. Opciones de configuracin del formulario .................................................................................... 4

2.1. Opciones que tienes en el epgrafe Formulario ................................ ................................ ... 4

2.2. Opciones que tienes en el epgrafe E-mail ............................................................................ 5

2.3. Opciones que ves en el epgrafe Mensajes .............................. ................................. ............. 6

3. Caso practico ............................................................................................................................................. 7

Resumen grfico: ........................................................................................................................................ 17


3/18

Este manual define las lneas bsicas de uso de Contact form 7. En los siguientes

apartados veremos cmo crear un formulario de contacto usando este plugin.

1.Crear un nuevo formulario

1.1Primeros pasos

Una vez dentro de nuestro panel de control de Wordpress nos

dirigimos a la parte izquierda del mismo. Encontraremos un

desplegable que tiene por titulo contacto(1). Hacemos click

en el y acto seguido hacemos click en aadir nuevo.

A continuacin el plugin nos pide elegir el idioma, para usar

espaol como idioma por defecto solo debemos hacer click

en aadir nuevo(2) otra vez.

1

2


4/18

1.2Descripcin de la pantalla del formulario

En el punto (1)tenemos la posibilidad de editar el nombre de tu formulario.

En el punto(2)que se titula Formulario encontraremos el conjunto de

herramientas para crear los campos de tu formulario.

El punto (3)se titulaE-mail.Aqu tienes un conjunto de opciones para

configurar cmo y a qu correo electrnico llegar el contenido del


5/18

2. Opciones de configuracin del formulario

2.1. Opciones que tienes en el epgrafe Formulario

En el rectngulo superior tenemos de una lista de 16 etiquetas. Cada una de ellas estn

pensadas para habilitar en tu formulario un tipo de campo destinado a recopilar aquella

informacin que estimemos oportuna. Las diferentes etiquetas son:


6/18

Con la etiqueta archivo permitimos que el usuario adjunte ficheros con el

formulario.

La etiqueta Enviaraade el botn de envio al formulario.

Las dos opciones dynamicsnos permiten elaborar formularios ms avanzados.

Con estas etiquetas podemos hacer que diferentes tems aparezcan o se oculten

a travs de una funcin condicional de tipo SI.

En los otros rectngulos ms pequeos vemos resaltadas las cadenas de texto
y

. Cuando escribimos
indicamos un salto de lnea. Para entendernos, es como

pulsar la tecla Enter en un documento Word. Al escribir

indicamos el comienzo

de un prrafo y al escribir
indicamos el final del mismo.
2.2. Opciones que tienes en el epgrafe E-mail


7/18

2.3. Opciones que ves en el epgrafe Mensajes

En la pestaa mensajes podemos editar las frases que se mostraran en pantalla en las

diferentes situaciones. En la captura se muestran solo algunos de los mensajes como

ilustracin. El plugin contempla muchos tipos de situaciones diferentes.


8/18

3. Caso practico

Digamos que queremos crear un formulario de contacto creado en contact form 7 y

contiene los campos:

Nombre

Apellidos

Email

Asunto Mensaje

Sexo

Qu te interesa: Soluciones informticas, RRHH o Soluciones sectoriales? (Puede

elegir ambas)

Cmo nos has conocido?

Botn Enviar

Empezamos!

1. Para abrir un nuevo formulario hacemos click en contactoy aadir nuevoen la

parte izquierda del panel de control de wordpress. Se abrir una nueva ventana,

hacemos click nuevamente en aadir nuevo. (Este paso esta detallado en el punto

1 d t d t )


9/18

3.

Vamos ahora a aadir los campos que nos faltan. Empezamos con apellidos.

Situamos el cursor entre Nombre y Correo. Ahora escribimos

Apellido
.

Hacemos click en la etiqueta texto y nos aparecer la pantalla siguiente:


10/18


11/18

4. Ahora vamos con el campo sexo. Situamos el cursos entre apellido y Correo.

Escribimos

Sexo
. Hacemos click en la etiqueta botn de seleccin y nos

aparecer la pantalla siguiente:


12/18

4.3. Hacemos click en instertar y escribimos

5 V bi ! Ah l Q t i t S l i I f ti


13/18

5.1.

Los rectngulos marcados en rojo funcionan de manera idntica a los puntos

anteriores. En nombre escribiremos Intereses. En opciones: Soluciones

Informaticas(Pulsamos Enter) RRHH(Pulsamos Enter) Soluciones

sectoriales. Y finalmente [checkbox Intereses].

5.2.

En el rectngulo marcado en verde es una casilla de verificacin. Si esta

seleccionada solo dejara escoger una opcin al usuario. En nuestro caso se

quedara sin seleccionar.


14/18

5.3.

Pulsamos insertar y escribimos


15/18

7.

As ha quedado el cdigo de nuestro formulario!

8. Ahora vamos a construir el mensaje que nos llegara al pulsar enviar. La parte

i d t t li d l t d 2 2 C d ibi t


16/18

9.

Vamos a explicar en este paso como insertar el formulario en una pgina de la web.

Pulsamos en guardar formulario. Vamos a la pgina donde queramos insertarlo. En

Visual composerhacemos click en aadir elementoy elegimos Contact form 7.

9.1.

Seleccionamos el formulario que queremos de la lista.


17/18

Resumen grfico:


18/18

manual de contact form 7

Documents