Landing Page Corporativa con WordPress

Landing PageCorporativa

Genera clientes potenciales con WordPress

Roberto Soteloroberto@hostingroup.comwww.hostingroup.com

@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)

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

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

Barnum Landing Ferry Improvement Project for CT I-95 ...onlyinbridgeport.com/wordpress/wp-content/uploads/103111 Bridgep… · Project Name Barnum Landing Ferry Improvement Project

haiyue corporativa

Estrategia Corporativa

Antropología corporativa

Brochura Corporativa

Pardot Elevate 2011 (slides): Building a Landing Page Engine with Pardot and WordPress (by CloudSherpas)

Perfektan Landing Page za Proizvode - WordPress Meetup Split 10.4.2015

A few WordPress Landing Page Plugins for Lead Capture

Governança Corporativa - €¦ · Governança Corporativa 43 Governança Corporativa Introdução Gri 4.6 O Banco do Brasil adota boas práticas de governan-ça corporativa baseadas

How to A/B Test with WordPress: Conversions Aren’t Just for Landing Pages

Pasion Corporativa

mincom.gov.mamincom.gov.ma/landing/demo/template/wordpress/media/k2/...Created Date 8/25/1999 2:26:57 PM

Crea la teva web corporativa amb Wordpress (I)

Imagen Corporativa del Restaurant “Bar San Roque”files.casilic.webnode.es/200000219-6bd056cca2/Imagen Corporativa... · ii Álvaro Cobelo Verena Knapps Imagen Corporativa del

Manual de Governança Corporativa, Controles Internos ... · Manual de Governança Corporativa, Controles & Complanes 7 APRESENTAÇÃO Este Manual de Governança Corporativa, Controles

Presentación Corporativa

Intranet Corporativa

How to Use Madmimi & Creating Landing Pages in Wordpress

IDENTIDAD CORPORATIVA

Reputación Corporativa