¿Quieres crear tu propio blog en una hora? »

Empieza por aquí Curso gratis TA Videoteca Megatutoriales Testimonios Desafío ¡Membresías Thrive!

Thrive Content Builder Parte 4: el tutorial más completo en español que hayas visto

Thrive Architect

Siente la satisfacción de hacer algo por ti mismo Thrive Content Builder tutorial parte 4.

More...

Thrive Content Builder Tutorial Parte 4 seguimos con la cuarta parte de esta Súper Mega Guía para crear de forma rápida y fácil páginas, post, landing pages con estilos únicos y profesionales en WordPress de la mano de este increíble plugin de la empresa Thrive Themes.

Tienes una idea y te gustaría plasmarla en un proyecto web, pero no puedes contratar a un diseñador web, no te preocupes yo se que los comienzos son duros y más en estos tiempos que nos tocan vivir, es por eso que cree esta Súper Mega Guía para que puedas diseñar tu mismo la web de tus sueños en minutos sin saber programación.

Bueno aclarado el tema ahora estas en la cuarta parte de la Súper Mega Guía de Thrive Content Builder esta vez te voy a enseñar funciones especificas que tienen un potencial impresionante, para que puedas darle un toque más profesional a tus post, paginas y landing page.

Si no has visto la primerasegunda y tercera parte de esta Súper Mega Guía te recomiendo que empieces por el principio aquí debajo te dejo los enlaces y no te pierdas el Mega Tutorial en Español de Thrive Architect la evolución más esperada de Thrive Content Builder:

NOTA: El precio del plugin Thrive Content Builder puede variar desde el momento que se creó este artículo. Puedes ver el precio actualizado en el siguiente enlace: Precio actual de Thrive Content Builder que ahora se llama Thrive Architect


¡Tu voto es muy importante!

¿Tienes 1 segundo?


Event Manager - Administrador de eventos

Animation - Animación

thrive content builder tutorial parte 4

Una de las funciones más atractivas que trae de serie Thrive Content Builder es el Event Manager (Administrador de eventos) que es nada y nada menos el poder aplicar animaciones a ciertos contenidos como pueden ser imágenes, textos y cajas contenedoras.

Como verás en la imagen superior, están descritos todos los pasos. Es realmente simple, este mismo procedimiento es aplicable a textos y cajas contenedoras. Cuando aparezca el botón Event Manager en el editor flotante quiere decir que se puede aplicar una animación a dicho contenido y por el contrario, si no apareciera el botón, quiere decir que no se puede aplicar animaciones al contenido actual.

Puedes elegir cuando se mostrarán las animaciones aplicadas. En el ejemplo de la imagen superior está configurado para que muestre el objeto animado cuando te desplaces por el área (Come into viewport) donde se encuentra la imagen, texto o caja lo puedes ver claramente en el Paso 7.

Pero también puedes hacer que se muestre la animación cuando el usuario pase el puntero del ratón por encima, para lograr esto tendrás que elegir la opción Mouseover en el Paso 7.

La otra opción que tienes disponible es Click la puedes ver en el Paso 7, esto quiere decir que la animación se mostrara cuando el usuario cliquee sobre la imagen, texto u otro objeto donde hallas aplicado la animación.

Una vez que tengas claro cuando mostraras la animación tienes que elegir el efecto animado que le darás y para esto dispones de una abanico amplio de posibilidades como se muestra en el Paso 9, de izquierda o derecha, arriba o abajo, desvanecimiento, zoom etc, al hacer clic en los efectos puedes ver debajo un previo de como se vería ¡Impresionante no te parece!

Para finalizar tienes que hacer Clic en el botón Close como se muestra en el Paso 11.

Event Manager - Administrador de eventos

play-circle-o


Zoom Image - Ampliar imagen

thrive content builder tutorial parte 4

Como te habrás dado cuenta del Paso 1 al Paso 6 el procedimiento es el mismo la diferencia esta en el Paso 7 donde tendrás que elegir Clik (amplia la imagen cuando el usuario hace clic sobre la misma) y luego en el Paso 8 debes elegir la opción Zoom Image (Ampliación de imagen).

Para finalizar haces clic en Close (Cerrar) como se muestra en el Paso 9

El Paso 10 y Paso 11 puedes editar el evento o eliminarlo completamente ¡A que ha sido fácil!

Abajo puedes ver Zoom Image funcionando. En el caso de Zoom image - Come into viewport debes presionar F5 para recargar la página de tu navegador y poder verlo nuevamente.

Zoom Image en acción

Zoom image - Click (muestra una lupa sobre el objeto, al hacer clic se abrirá un Pop-Up con la imagen a tamaño completo)

Zoom image - Mouseover (si pasas el raton por la imagen se abrirá un Pop-Up a tamaño completo )

Zoom image - Come into viewport (muestra la imagen al desplazarnos con scroll sobre el área en un Pop-Up). Recarga la pagina con F5 para ver nuevamente.

Event Manager - Zoom Image - Ampliar imagen

play-circle-o


Tooltip - Globo de texto

thrive content builder tutorial parte 4

Ahora vamos a configurar los Tooltip que son globos de texto que se muestran al pasar el ratón por un objeto determinado, del Paso 1 al Paso 6 el procedimiento es el mismo la diferencia esta en el Paso 7 donde tendrás que elegir Mouseover (se muestra al pasar el ratón por encima del objeto) y luego en el Paso 8 debes elegir la opción Tooltip (Globo te texto).

Verás una ventana de configuración diferente a las anteriores pero no te agobies por que es súper fácil, en el Paso 9 tienes un campo para rellenar con el texto que quieras mostrar, en el Paso 10 puedes elegir el color de fondo que tendrá el Tooltip Light (claro) o Dark (oscuro) y en el Paso 11 la dirección del Tooltip que puede ser Top (arriba) Bottom (abajo) Left (izquierda) Right (derecha) etc. 

En el Paso 12 puedes ver en tiempo real como se vería tu globo te texto solo tienes que pasar el puntero del ratón por encima del texto Hover for preview.

Finalizamos en el Paso 13 haciendo clic en el botón Save Event (Guardar evento).

Por último te queda cerrar la ventana haciendo Clic en el botón Close (cerrar) como indica el Paso 14, pero también puedes editar el evento o eliminarlo completamente como se muestra en el Paso 15 y Paso 16.

Abajo puedes ver los Tooltip (globos de texto) funcionando en diferentes direcciones y colores, solo tienes que pasar el puntero del ratón por encima de las imágenes.

Tooltip en acción

Tooltip - Mouseover (pasa el ratón por encima de la imagen y se mostrara un globo te texto entrando desde la derecha)

Tooltip - Mouseover (pasa el ratón por encima de la imagen y se mostrara un globo te texto entrando desde arriba con fondo claro)

Tooltip - Mouseover (pasa el ratón por encima de la imagen y se mostrara un globo te texto entrando desde abajo con fondo oscuro)

Event Manager - Tooltip - Globos de texto

play-circle-o

Dale un toque animado a tu web con Thrive Content Builder.

Tweetealo a tus amigos

Open Thrive Lightbox - Abrir Pop-Up

thrive content builder tutorial parte 4

Otra de las opciones disponibles en el Event Manager (administrador de eventos) es la posibilidad de mostrar formularios de suscripción con Open Thrive Lightbox (abrir Pop-Up).

Del Paso 1 al Paso 6 el procedimiento es el mismo que los anteriores, cambia en el Paso 7 y el Paso 8 donde debes elegir Click, además en el menú desplegable la opción Open Thrive Lightbox (Abrir Pop-Up).

Paso 9: debes elegir un Thrive Lightbox que hayas creado previamente, si no tienes ninguno creado el menú desplegable no mostrará nada y tendrás que seguir en el Paso 10 para poder crear uno. En el próximo apartado te voy a enseñar a crear Thrive Lightboxes para que los tengas disponibles cuando quieras.

Paso 10: si no tienes ningún Thrive Lightbox lo puedes crear desde Create New Lightbox

Paso 11: puedes añadir una animación al Thrive Lightbox y en el Paso 12 puedes ver en tiempo real el efecto aplicado.

Paso 13: haces Clic en el botón Save Event (guardar evento) y en el Paso 14 debes hacer Clic en el botón Close (Cerrar). ¿Qué te ha parecido? De tan fácil era difícil.

Abajo puedes ver los Tooltip (globos de texto) funcionando en diferentes direcciones y colores, solo tienes que pasar el puntero del ratón por encima de las imágenes.

Open Thrive Lightbox en acción

Open Thrive Lightbox - Click (muestra un Pop-up al hacer clic sobre la imagen)

Open Thrive Lightbox - Mouseover (muestra un Pop-up al pasar el ratón por encima de la imagen)

Open Thrive Lightbox - Come into viewport (muestra un Pop-up al desplazarnos con scroll sobre el área). Haz clic sobre la imagen.

Open Thrive Lightbox - Abrir Pop-Up

play-circle-o

Disfruta la experiencia de crear impresionantes páginas con Thrive Content Builder.

Tweetealo a tus amigos

Thrive Lightboxes - Creación de formularios Pop-Up

Thrive Lightbox - Formularios Pop-Up

thrive content builder tutorial parte 4

Una de las funciones interesantes que tiene Thrive Content Builder es la posibilidad de generar formularios de suscripción y poder desplegarlos en ventanas emergentes (Pop-Up), tanto en páginas y post cuando lo necesites.

Para lograr esto tenemos a Thrive Lightboxes que te permitirá crear cajas de formularios para utilizarlos donde quieras y cuando quieras.

En la imagen superior puedes ver los pasos a seguir para crear tu Lightbox. Como verás, es muy sencillo y tiene un potencial tremendo para la captación de suscriptores de tu sitio web.

Tienes que tener en cuenta que debes tener previamente configurado el elemento Lead Generation para que funcione el formulario. Si todavía no lo has hecho, no te preocupes, te enseño a configurarlo en este enlace: Lead Generation (Formularios para la captación de suscriptores)

Si además tienes la plantilla o Theme Performag, dispones de una herramienta llamada Thrive Opt-In. En el siguiente enlace te muestro como funciona: Como crear un formulario para captar suscriptores con Thrive Opt-In

Abajo puedes ver a Thrive Lightbox funcionando. Debes hacer clic en el regalo y verás como se abre un Pop-Up.

Thrive Lightbox en acción

Thrive Lightboxes - Creación de formularios Pop-Up

play-circle-o


¡Membresías Thrive! Un todo en uno

Todos los productos de Thrive Themes a un precio increíble y de por vida

Thrive Membership

¿Sabías que puedes obtener todos los plugins de Thrive Themes y los que salgan en un futuro haciéndote miembro?  Pues sí que puedes y existen dos modalidades: una para uso personal, Thrive Membership, y otra que se llama Agency Membership para diseñadores web. Más abajo te explico las diferencias. 

Descarga todos estos productos

A continuación puedes ver la tabla de precios que está dividida en dos formatos diferentes para cada necesidad y bolsillo.

Precios por 1 año
thrive architect tutorial en español
  • Thrive Membership (Pago anual) Si compras esta membresía tendrás derecho a utilizar todos los productos de Thrive Themes que estén disponibles y sigan saliendo en un futuro en  25 sitios web de tu propiedad. El coste de esta modalidad son $19 mensuales x 12 meses y darían un total de $228 sin IVA por un año de membresía.
  • Agency Membership (Pago anual) Si compras esta membresía tendrás derecho a utilizar todos los productos de Thrive Themes que estén disponibles y sigan saliendo en un futuro en 50 sitios web de tu propiedad y de tus clientes. El coste de esta modalidad son $49 mensuales x 12 meses darían un total de $588 sin IVA por un año de membresía.
  • IMPORTANTE: Estos precios pueden variar considerablemente según la cotización de la divisa en cada país y la aplicación del IVA si correspondiera, por lo tanto puedes hacer la conversión a tu moneda local desde este enlace:   Conversor de monedas
  • NOTA: También el precio de Thrive MemberShip puede variar desde el momento que se creó este artículo. Puedes ver el precio actualizado en el siguiente enlace:  Precio actual de Thrive MemberShip
  • check
    ¿Quieres Ahorrar? Si accedes al plan de 1 año  tendrás un ​ ahorro del 24%.
Precios por 3 meses
thrive architect tutorial en español
  • Thrive Membership (Pago trimestral) Si compras esta membresía tendrás derecho a utilizar todos los productos de Thrive Themes que estén disponibles y sigan saliendo en un futuro en 25 sitios  web de tu propiedad. El coste de esta modalidad son $30 mensuales x 3 meses  y darían un total de $90  sin IVA por  3 meses de membresía.
  • Agency Membership (Pago trimestral) Si compras esta membresía tendrás derecho a utilizar todos los productos de Thrive Themes que estén disponibles y sigan saliendo en un futuro en 50 sitios  web de tu propiedad y de tus clientes. El coste de esta modalidad son $69  mensuales  x 3 meses  darían un total de   $207 sin IVA por un año de membresía.
  • IMPORTANTE: Estos precios pueden variar considerablemente según la cotización de la divisa en cada país y la aplicación del IVA si correspondiera, por lo tanto puedes hacer la conversión a tu moneda local desde este enlace:  Conversor de monedas
  • NOTA: También el precio de Thrive MemberShip puede variar desde el momento que se creó este artículo. Puedes ver el precio actualizado en el siguiente enlace: ​Precio actual de Thrive MemberShip
¡Piensa en esto!

Si compras todos los plugins de forma individual tendrías que desembolsar $​609 aprox. por una sola licencia, esto quiere decir que puedes utilizarlos en una sola web.

Pero si compras la membresía anual puedes descargar todos los plugins por la módica suma de $228 y utilizarlos en 25 sitios web. ¡Es una pasada! ¿Te lo vas a perder?

  • Tanto sea en el pago anual o trimestral podrás descargarte a tu ordenador todos los plugins de Thrive Themes y podrás instalarlos en 25 sitios web de tu propiedad o en el caso de la Membresia Agency, en 50 de tu propiedad y clientes.
  • Terminado la duración del plan que hayas elegido la renovación de la membresía es automática, por el contrario, si decides no renovar el plan deberás comunicarte con el soporte de Thrive Themes para cancelar la membresía antes que expire la actual para que no se generen nuevas facturas.
  • Si cancelas la membresía seguirás recibiendo actualizaciones menores, pero las actualizaciones importantes y descarga de nuevos productos será cancelada como así también el soporte de todos los productos descargados. No obstante, podrás seguir utilizándolos de forma permanente en todos tus sitios de forma normal.

Videoteca 80 vídeos tutoriales de TCB

thrive content builder tutorial parte 4

Final de Event Manager

¡Llegamos al final de Events Manager! Espero que esta Súper Mega Guía te sirva de referencia y como material de consulta cuando te surjan dudas. Ese era mi objetivo y creo que lo he cumplido.

Esta es la cuarta parte de esta Súper Mega Guía. En ella he tratado de simplificar al máximo todos los procedimientos, aunque a veces parecieran demasiado obvios, pero el fin de esta guía es llegar a todos los usuarios para que puedan sacarle el máximo potencial a esta herramienta que se llama Thrive Content Builder. Si lo compras no te arrepentirás, tendrás un mundo nuevo a tus pies que dará rienda suelta a la creatividad que llevas dentro y te dará la satisfacción de crear algo por ti mismo y eso no tiene precio.

Ahora mismo, puedes descargarte el curso completo de Thrive Architect "Gratis" totalmente en español, con infografías y vídeos tutoriales muy didácticos para que exprimas a fondo esta magnífica herramienta que es Thrive Content Builder que ahora se llama Thrive Architect y que te cambiará la vida como blogger ¡Te lo aseguro!

También te invito a que eches un vistazo a la web oficial de Thrive Content Builder si te interesa comprar este impresionante plugin para WordPress.org


Thrive Architect Mega Tutorial en Español

thrive architect tutorial

Foro de consultas

¿Necesitas más ayuda con Thrive Content Builder?

¿Tienes alguna duda? Visita el foro de Thrive Content Builder en este mismo blog y plantea tu problema. Entre todos llegaremos a una solución.

¿Necesitas más ayuda para tomar una decisión?


¡Tu voto es muy importante!

¿Tienes 1 segundo?

¿Qué te ha parecido la cuarta parte de esta Súper Mega Guía? Te espero en los comentarios...

smile-o

¿Te gustaría ayudar a otras personas? sí, entonces lo tienes fácil compártelo en la redes sociales. Eso me haría muy feliz.


¿Necesitas un hosting de calidad?

webempresa

Soy afiliado de Webempresa una empresa de hosting española que utilizo en mis proyectos y en los de mis clientes. Estoy muy contento con ellos y es por eso que os la recomiendo, pero antes que tomes una decisión te contaré porqué deberías elegir a Webempresa como tu hosting de cabecera. Aprovecha el cupón del 20 % de descuento.


¿QUIERES TENER TU PROPIO BLOG EN UNA HORA?




  • Seguramente te ha pasado por la mente esta idea; "¡Hacer una instalación de WordPress es complicado!" o "¡Esto me puede llevar mucho tiempo!" o la mejor, "¡Yo no nací para esto!"

  • En realidad todos podemos hacer lo que nos propongamos, en definitiva, es cuestión de voluntad.

  • Como dice el refrán: querer es poder. Te lo digo con conocimiento de causa, todo se puede, solo hay que tener ganas de querer hacerlo.

  • ¿Entonces quieres emocionarte creando la web de tus sueños?


SÍ, QUIERO IR AL TUTORIAL


Acerca del autor

MCD Diseño Web

He dedicado toda mi vida a la informática y soy un apasionado de las nuevas tecnologías además quiero compartir contigo todo lo que aprendí con WordPress.org - Thrive Architect y GeneratePress.

  • pacof dice:

    Muchisimas gracias Miguel!!!

    • Por nada Paco cualquier duda que te vaya surgiendo puedes plantearla en los comentarios para que la web se retro-alimente y pueda de esta manera seguir mejorando los contenidos de las guías o crear nuevas si fuera necesario y de esta forma poder compartirlo con el resto de la comunidad de suscriptores. 🙂

      Saludos.

  • pacof dice:

    Hola, excelente el tutorial, he leido por ahi que Thrive content builder tiene algun inconveniente con la configuracion del SEO…considerando que no utilizaria el editor de WordPress, como se haria dicha configuracion? Gracias!

    • Hola, Paco y bienvenido a nuestra comunidad que por cierto va creciendo día a día.

      Gracias por tus palabras me alegro mucho que te halla sido de utilidad ese era mi objetivo.

      Con respecto a la duda que me planteas Thrive Content Builder tenía ciertas incompatibilidades en versiones anteriores pero los chicos de thrivethemes que ni lerdos ni perezosos se pusieron a trabajar para solucionar algunos inconvenientes que había en la configuración.

      Si hay algo de destacar es que los desarrolladores de thrivethemes trabajan constantemente corrigiendo fallos y añadiendo mejoras en todos sus productos de forma permanente y eso es un valor añadido.

      Yo estoy utilizando en este momento el plugin YOAST para el SEO y no he tenido inconvenientes, al principio te puede parecer raro por que verás el editor clásico de WordPress vacío pero con el tiempo te acostumbras, el panel de configuración de YOAST sigue estando en su lugar solo tienes que rellenar los campos de titulo descripción y palabra clave.

      Para editar el contenido solo debes cliquear sobre el botón Edit whith Thrive Content Builder (Editar con Thrive Content Builder) y de esa forma podrás hacer las correcciones que te sugiere el analizador de contenidos de YOAST..

      En resumen el plugin YOAST con TCB ahora funciona bien.

      Muchas gracias por tu comentario y nuevamente bienvenido a nuestra comunidad.
      Saludos.


  • >