manual de contact form 7
TRANSCRIPT
-
7/25/2019 Manual de Contact Form 7
1/18
-
7/25/2019 Manual de Contact Form 7
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
-
7/25/2019 Manual de Contact Form 7
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
-
7/25/2019 Manual de Contact Form 7
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
-
7/25/2019 Manual de Contact Form 7
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:
-
7/25/2019 Manual de Contact Form 7
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 comopulsar 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/25/2019 Manual de Contact Form 7
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.
-
7/25/2019 Manual de Contact Form 7
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 )
-
7/25/2019 Manual de Contact Form 7
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:
-
7/25/2019 Manual de Contact Form 7
10/18
-
7/25/2019 Manual de Contact Form 7
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 nosaparecer la pantalla siguiente:
-
7/25/2019 Manual de Contact Form 7
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
-
7/25/2019 Manual de Contact Form 7
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.
-
7/25/2019 Manual de Contact Form 7
14/18
5.3.
Pulsamos insertar y escribimos
-
7/25/2019 Manual de Contact Form 7
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
-
7/25/2019 Manual de Contact Form 7
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.
-
7/25/2019 Manual de Contact Form 7
17/18
Resumen grfico:
-
7/25/2019 Manual de Contact Form 7
18/18