Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

WIX-7. Página de contacto. - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 21 de diciembre de 2023 por Roberto S.

12 visualizaciones

Se describe cómo crear una página de comunicación para los visitantes de una página creada con el editor de contenidos WIX.

Más información Transcripción

Descargar la transcripción

Hola a todos de nuevo. Bien, en este vídeo vamos a introducir una página de contacto 00:00:00
para que cualquier usuario pueda mandarme información al correo electrónico con el 00:00:07
cual tengo configurado mi sitio web, en este caso mi correo de gmail. Bien, para ello venimos aquí 00:00:12
a la lista de páginas web que tengo. Damos a administrar páginas y daríamos a crear 00:00:19
una página bien en este menú o en este otro. Hacemos clic y aquí en contacto elegimos 00:00:26
cualquiera digamos de los formatos que me ofrece Wix. Vamos a elegir por ejemplo el 00:00:33
formato visual, le vamos a agregar página. Bien, ya nos ha preparado la página y aquí 00:00:39
estamos en menú. Le podemos cambiar el nombre aquí mismo, lo podríamos hacer después, le vamos a poner 00:00:51
por ejemplo contacta con nosotros. Hecho y automáticamente me aparece también en el menú 00:00:58
que está sincronizado con las páginas, me aparece el nombre de la página. Bien, ¿qué tenemos en esta 00:01:06
página de contacto? Aquí nos aparecen más cosas, por supuesto tenemos el encabezado, tenemos una 00:01:13
sección de texto, otra sección en donde podemos meter una imagen de nuestra empresa, corporación, lo que sea, 00:01:20
el formulario en donde vamos a enviar la información al propietario o a la empresa en este caso, 00:01:29
otra sección de comunicación, en este caso por ejemplo horario de atención y luego podremos poner 00:01:37
aquí nuestra ubicación dentro de Google Maps. Por supuesto al final tengo el pie de página. 00:01:45
Bien, vamos a configurar desde el principio, por ejemplo este texto lo puedo editar y puedo cambiarlo. 00:01:53
Bien, es un encabezado de tipo 1 y como vemos tengo aquí todas las opciones digamos de retoque y 00:02:06
edición de texto que hemos visto en vídeos anteriores. Vamos a dejarlo de esta manera. 00:02:13
A continuación tengo un párrafo introductorio, digamos de bienvenida a esta página. La siguiente 00:02:18
sección tengo el formulario digamos de comunicación y aquí tengo una imagen que puede ser cambiada. 00:02:27
Bien, dando a cambiar fondo de la franja y aquí puedo cambiar una imagen, un vídeo, 00:02:34
puedo simplemente darle un color. Vamos a darle por ejemplo a imagen. Podría subir multimedia 00:02:42
dentro de mi ordenador o poner cualquier imagen de Wix, de Shutterstock o de ANS plus como hemos 00:02:49
visto previamente. Vamos a poner por ejemplo esta imagen. Cambiamos el fondo. Vaya y me ha salido al 00:02:56
revés. Tenía que haberlo hecho teniendo esta seleccionada. Cambiamos aquí el fondo. Cuidado 00:03:05
con esto porque suele pasar mucho. Cambiamos el fondo de la columna, como digo, y venga para no 00:03:12
perder más tiempo pues vamos a poner estas antillas. Ahí estamos. A continuación tenemos 00:03:18
una información de contacto que es la dirección, el correo electrónico y teléfono nuestros. 00:03:26
Pondríamos por ejemplo, aquí en editar el texto, podríamos poner un párrafo 2, 00:03:33
podríamos poner también un párrafo 1, los que hemos diseñado antes de 20 puntos y pondríamos 00:03:39
por ejemplo calle Pablo Picasso, sin número, 28720 Pinto, España. Aquí igual editaríamos el texto, 00:03:48
pondríamos el correo electrónico, nuestro número de teléfono. Aquí podríamos poner, aquí está 00:04:16
destinado el campo texto para el nombre, el apellido de la persona que quiere comunicar con 00:04:22
la página web, su correo electrónico y aquí el mensaje que quiere decir. Aquí tendríamos el 00:04:27
mensaje de enviar y aquí pues el mensaje, digamos, corporativo de cuando manda un mensaje. No obstante, 00:04:33
podemos agregar nuevos campos señalando en el formulario, en cualquiera que no sea un subcampo, 00:04:42
vamos a agregar nuevo campo y vamos a colocar por ejemplo el teléfono, aparece aquí y el 00:04:50
recaptcha para asegurarnos de que no es una máquina que nos está enviando, digamos, mensajes. 00:05:00
Agrandamos el campo del formulario, desplazamos hacia abajo el botón de enviar, el de gracias por 00:05:08
su mensaje y luego vemos que tenemos aquí también las distintas redes sociales que podemos tener, 00:05:19
Facebook, Twitter, ahora X quiero recordar que es, el Instagram, el Linkedin, incluso otras 00:05:26
que tuvieramos por ahí, TikTok, lo que fuera. Simplemente como es un texto le pondríamos aquí 00:05:40
el enlace de nuestro Twitter, Facebook, etcétera. Bien, voy a bajar también el botón de No soy un 00:05:46
robot, aquí mismo, y el teléfono de la persona que comunica conmigo lo bajo también aquí un poquito. 00:05:53
Bueno, pues ya hemos configurado entonces una información del usuario, su nombre, su apellido, 00:06:03
su email, el mensaje que nos quiere transmitir, su teléfono, nos aseguramos con un recaptcha de que 00:06:08
no es un robot, aquí tenemos también nuestro Facebook y nuestro Twitter para que se pueda 00:06:15
comunicar por estos medios, el botón de enviar y un mensaje de agradecimiento. 00:06:20
Bien, aquí tengo esta otra sección que se podría eliminar, simplemente hacemos clic en algún 00:06:27
sitio de ella y damos al botón de suprimir y se suprimiría. Vamos a dejarlo y ya por último tengo 00:06:32
aquí, digamos, la ubicación por satélite o por mapa de mi ubicación geográfica. Bien, para ello 00:06:40
hacemos doble clic aquí, vale, y le daríamos la dirección de la ubicación de mi empresa, 00:06:50
de mi instituto, de mi corporación, de mi ONG, de mi fundación, lo que fuera. Por ejemplo, 00:06:58
calle Pablo Picasso, sin número, 28320, Pinto. Agregamos un título, podemos poner mi instituto, 00:07:02
y aquí pondríamos el mapa, ok, ya estaríamos, y aquí vemos cómo tenemos a Pinto, de acuerdo, 00:07:25
podemos agrandarlo, alejarlo y ya básicamente habíamos configurado sencillamente en poco 00:07:32
tiempo una página de contacto. Bien, vamos a darle a guardar, vamos a publicarlo y vamos a ver el sitio 00:07:41
y a continuación voy a mandar un mensaje, vamos a darle a contactar con nosotros, aquí estamos, 00:07:52
cómo aparece la página, vamos a darle el nombre, Pepe, apellido de Los Palotes, cuñadote. Bien, 00:08:02
a continuación el email de esta persona, cuñao, vamos a ponerlo, cuñao, así, cuñao12, 00:08:15
por ejemplo, arroba gmail.com. El mensaje, pues yo que sé, nos sería grato, por ejemplo, recibir 00:08:25
presupuesto de 10 compresores, modelo AKJ214. Muchas gracias. 00:08:40
Bien, a continuación ponemos el teléfono, por ejemplo, 62528, ya estamos, decimos que no soy 00:08:57
un robot y a continuación enviamos. Ya estaría, vemos el diseño sencillo y rápido que hemos 00:09:13
hecho con una página de contacto. A continuación iríamos a nuestro correo electrónico, 00:09:25
iríamos 00:09:40
a notificaciones y aquí viene Pepe de Los Palotes, a mi sitio que se llama MySite4 00:09:44
y aquí tengo el mensaje de este, de esta persona, Pepe de Los Palotes, cuñadote, 00:09:51
me pone su nombre primero, Pepe, apellido de Los Palotes, cuñadote, su correo electrónico y el 00:09:58
mensaje que acabamos de escribir. Ok, podríamos responderle desde este mismo correo electrónico, 00:10:06
como veis es una interfaz sencilla y desde luego bastante útil y potente. Muchas gracias. 00:10:13
Idioma/s:
es
Idioma/s subtítulos:
es
Autor/es:
Roberto Soriano
Subido por:
Roberto S.
Licencia:
Reconocimiento - No comercial
Visualizaciones:
12
Fecha:
21 de diciembre de 2023 - 19:45
Visibilidad:
Público
Centro:
IES PABLO PICASSO
Duración:
10′ 21″
Relación de aspecto:
1.95:1
Resolución:
1360x696 píxeles
Tamaño:
69.35 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid