landing page corporativa con wordpress

Landing PageCorporativa

Genera clientes potenciales con WordPress

Roberto [email protected]

Landing Page Corporativa con WordPress

@sotelor10


TIPOS DE WEBS CON WORDPRESS


Sitios de Magazine

@sotelor10


Sitios de E-Commerce

@sotelor10


Blogs Personales

@sotelor10


Sitios Corporativos

@sotelor10


COMPRAR UNA PLANTILLA


DISEÑO ÚNICO A MEDIDA ES MEJOR

• Controlas al 100% la idea que quieres transmitir con tu web.

• Solo tú eres el dueño y no verás otros sitios con el mismo diseño (único).

• Puedes modificarlo como tu quieras.

@sotelor10


COMPRAR UNA PLANTILLATambién es buena opción

@sotelor10


DONDE COMPRARPlantillas WordPress Profesionales

themeforest.net elegantthemes.com

Woothemes.com

@sotelor10


INSTALACIÓN DE PLANTILLAS


REVISANDO LA PLANTILLA

@sotelor10


INSTALANDO LA PLANTILLA

@sotelor10

Paso 1: Ingresar a wp-admin, ir a Apariencia -> Temas y hacer clic en Añadir nuevo



@sotelor10

Paso 2: En la siguiente pantalla hacer clic en Subir Tema



@sotelor10

Paso 2: Hacer clic en Seleccionar archivo, buscar el archivo y hacer clic en Abrir



@sotelor10

Paso 2: Una vez subido el archivo zip, hacemos clic en Activar y Listo!


CONFIGURACIÓN DE PLANTILLA


Configurando la Plantilla

@sotelor10

NOTA: Al momento de activar la plantilla, veremos unas recomendaciones de plugins, lo dejaremos para más adelante.


Configurando la Plantilla

@sotelor10

Para configurar plantillas en wordpress solo debemos leer su manual de usuario y seguir los pasos que nos indican.


Lo bueno de las plantillas pre-diseñadas

@sotelor10

Generalmente nos entregan un archivo .xml con todo el contenido del demo de la plantilla, para solamente modificar los textos… cosa fácil!


Importando el Contenido

@sotelor10

Paso 1: Dirigirse a Herramientas -> Importar y hacer clic en el enlace WordPress



@sotelor10

Paso 2: Se cargará una ventana emergente, debemos hacer clic en Instalar Ahora



@sotelor10

Paso 3: Activar el plugin y comenzar la importación.



@sotelor10

Paso 3: Hacer clic en Seleccionar Archivo, buscar el archivo .xml y abrirlo, luego clic en el botón Subir archivo e importar



@sotelor10

Paso 3: Indicar que el contenido se le asigne al usuario administrador, tildar Descargar e importar archivos adjuntos y Enviar


Usando el Menu

@sotelor10

Con la importación, tenemos todos los contenidos del demo de la plantilla, así que activaremos el menú para poder ir a cada sección de la web. Apariencia -> Menu


Visualizando el Menu

@sotelor10

Visualizamos la web y tendremos un menú como este:


PLUGINS PARA WEBS

CORPORATIVAS


Contact Form 7

@sotelor10


Contact Form DB

@sotelor10


WP Mail SMTP

@sotelor10


SEO by Yoast

@sotelor10


Instalando los PluginsEn el panel de control wp-admin ir a Plugins -> Añadir Nuevo y buscar el plugin a instalar.

@sotelor10


Instalando los PluginsSeleccionar el plugin y hacer clic en el botón Instalar Ahora

@sotelor10


Instalando los PluginsLuego de instalarse el plugin lo activamos.

@sotelor10


Usando Contact Form 7 Paso 1: Ir a Contacto -> Formulario de Contacto

@sotelor10


Usando Contact Form 7

@sotelor10


Configurando Contact Form 7 Si queremos editar el formulario, hacemos clic en editar (debemos poner el

mouse sobre el bloque de Formulario de contacto 1)

@sotelor10

Video Guía de Contact Form 7:http://goo.gl/7689l3 (ele)

http://goo.gl/7689l3


Configurando Contact Form 7 Llenamos los datos de nuestro email para enviar los mensajes del formulario.

@sotelor10


Configurando Contact Form 7 Activamos el autorespondedor

@sotelor10


Configurando WP Mail SMTPVamos a Ajustes -> Email

@sotelor10


Otros plugins Recomendados

• MailChimp for WordPress -> http://goo.gl/3Q5ixE

• Digg Digg -> http://goo.gl/gWsYVX

• WordPress SEO by Yoast -> http://goo.gl/6Xexd4

• Google Analytics by Yoast -> http://goo.gl/FRJfS4

@sotelor10


LANDING PAGES


¿Qué es una Landing Page?

@sotelor10


Partes de una Landing Page

@sotelor10


Definiendo el objetivo de la Landing Page

@sotelor10

Obtener datos de contacto de los usuario tales como nombre, correo y algún comentario respecto al proyecto.

Necesitamos:

- Una página que hable del proyecto y de sus beneficios y que tenga varios botones con call to actión.

- Una página de destino donde este el formulario (dependiendo de la plantilla)


Establecemos la Landing Page

@sotelor10

Del contenido demo subido (.xml) tenemos varias páginas, elijamos la que más se adapte a lo que queremos mostrar en cuanto a estructura y la usamos.


Editamos el Contenido

@sotelor10

Modificamos los textos en el editor de wordpress, fijándonos de no tocar los shortcodes. Podemos agregar imágenes, vídeos, textos.


Agregando Vídeo de Youtube

@sotelor10

Agregamos el código donde queremos que aparezca, modificando el existente con el editor en modo texto



@sotelor10

Para buscar el texto que queremos modificar presionamos Ctrl + F



@sotelor10

Pegamos el código de youtube y guardamos, siempre con el editor en modo texto.



@sotelor10

Resultado.


Agregando Imágenes

@sotelor10

Previamente tenemos la imagen guardada en la PC, y la subimos al wordpress desde el editor, seleccionando la parte o texto en donde irá o reemplazará.


Agregando Imágenes

@sotelor10

Elegimos la imagen a usar que está en nuestra pc y hacemos clic en Insertar Imagen.


Agregando Imágenes

@sotelor10

Guardamos los cambios.


Agregando Imágenes

@sotelor10

Visualizamos la página y listo.


Agregando el Formulario

@sotelor10

Copiamos el shortcode del formulario para pegarlo en la 2º página


Establecemos la 2da página

@sotelor10

La página sería algo así como la página de contacto, con el formulario que queremos que llene el usuario. Justamente esa página ya está creada con el archivo .xml


Establecemos la 2da página

@sotelor10

Reemplazamos el texto por el shortcode del formulario. Y guardamos los cambios.


Visualizamos la 2da página

@sotelor10

Reemplazamos el texto por el shortcode del formulario. Y guardamos los cambios.


Copiamos la URL de la 2da página

@sotelor10

Para insertarla en todos los botones con Call to Action y lleven al formulario.


Pegamos la URL en la 1º página

@sotelor10

Accedemos al editor de wordpress en la 1º página



@sotelor10

Visualizamos que el slider superior que contiene los botones se llama Nectar, así que vamos a ese aparcado en el menu, Nectar Slider -> All Slider



@sotelor10

En los sliders creados vemos que justo el primero tiene el título de la página, así que asumimos que ese es el slider, entonces lo editamos.



@sotelor10

Nos aparecerá un editor para modificar varias opciones, lo hacemos a nuestro gusto, pero el objetivo es editar los botones, así que los buscamos y editamos.


Revisamos los Cambios

@sotelor10

Refrescamos la primera página y veremos que solo hay 1 botón en el slider y al hacer clic nos lleva a donde queremos: el formulario.


Landing Page Terminada!

@sotelor10

Tenemos lista la landing page, ahora podemos hacer algunas mejoras como eliminar el menú, para ello vamos a Apariencia -> Menu


Creamos otro Menú

@sotelor10

Ahora creamos otro menú con solo las 2 páginas que hemos modificado. En la misma pantalla de Apariencia -> Menús


Creamos otro Menú

@sotelor10

Agregamos las dos página, tildamos top navigation y guardamos los cambios.


Convertir en Página Principal

@sotelor10

Solo nos queda convertir la página de landing page en la página principal del sitio, para ello vamos a Ajustes -> Lectura


Visualizamos el sitio

@sotelor10

Y listo veremos todos los cambios, tendremos el sitio con la landing page.


Recomendaciones

@sotelor10

Usar el bloque de SEO by Yoast en el editor de WordPress


Recomendaciones

@sotelor10

Optimizar para SEO OnPage - Insertar la palabra clave en:

Título y contenido


Recomendaciones

@sotelor10


subtitulos


Recomendaciones

@sotelor10


Contenido


¡MUCHAS GRACIAS!

@sotelor10

landing page corporativa con wordpress

Technology

tema15landing page corporativa

landing page corporativo

archivo zip

wordpress roberto

wordpresssitios corporativos

wordpresssitios de magazine

plantillas pre

wordpressdiseo nico