Thrive Architect Mega Tutorial en Español La transformación de TCB (Parte 2)

Esta es la segunda parte del Mega Tutorial de Thrive Architect que está incluido en Thrive Suite, donde seguiré desarrollando el funcionamiento del resto de los elementos Building Blocks - Elementos avanzados. Y para terminar este tutorial te contaré la nuevas mejoras de este excelente plugin que se llama Thrive Architect.

¿No viste la primera parte de este tutorial? aquí la tienes:  Thrive Architect Mega Tutorial en Español La transformación de Thrive Content Builder Parte 1

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

El elemento Custom HTML (Html personalizado) es otro de mis preferidos. Si te gusta el HTML, esto es para ti, podrás poner tus propios códigos donde quieras, por ejemplo, iconos de redes sociales o un footer (pie de página) como puedes ver arriba de este párrafo, en el siguiente vídeo te muestro como funciona. 

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento Custom Menu (Menú personalizado) te permite colocar tu menú principal, secundario o de categorías en una landing page de forma muy sencilla. Además puedes configurar todos los aspectos del mismo en el siguiente vídeo, te muestro su funcionamiento. 

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento Disqus Comments (Comentarios de Disqus) te permite enlazar tu cuenta de Disqus que es la plataforma de comentarios más popular del momento en tus páginas, artículos o landing pages. Su funcionamiento es muy simple, pero para poder utilizarlo deberás darte de alta primero en la plataforma Disqus en el siguiente vídeo te muestro su funcionamiento que demás está decir que es muy sencillo.

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

El elemento Divider (Líneas divisorias) te permite insertar líneas separadoras donde quieras solo arrastrando y soltando, además dispone de diferentes estilos. En el siguiente vídeo puedes ver su funcionamiento.

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento Facebook Comments (Comentarios de Facebook) te permite insertar la función de comentarios de Facebook en tus páginas, artículos o landing pages. Cabe destacar que tienes que tener creada una página de Facebook para poder utilizarlo. En el siguiente vídeo te muestro su funcionamiento, que es muy simple.

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento Fill Counter (Contador de relleno) te permite insertar contadores de relleno en páginas, artículos o landing pages, muy útil para mostrar datos estadísticos, arriba de este párrafo tienes un ejemplo para verlo nuevamente recarga la página la veces que quieras. En el siguiente vídeo te muestro su configuración.

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento Google Map (Mapas de Google) te permite insertar mapas de Google Map en páginas, artículos o landing page su funcionamiento es muy sencillo elige la zona que quieres mostrar arrastra y suelta el elemento donde quieras en el siguiente vídeo te muestro el procedimiento.

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento Icon (Iconos) te permite insertar iconos totalmente personalizables en páginas, artículos o landing pages. Además dispones de una galería enorme que puedes seleccionar con un solo clic, pero en el siguiente vídeo te lo muestro mejor.

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento Lead Generation (Formularios de suscripción) te permite insertar formularios de suscripción en páginas, artículos y landing page de una forma muy sencilla con la posibilidad de enlazarla a una cantidad enorme de proveedores de e-mail marketing, en el siguiente vídeo te muestro su funcionamiento.

Aprovecha ahora y prueba el funcionamiento del formulario descargando el "Curso completo gratuito de Thrive Architect" que realice con mucha pasión para ti. ¡Te cambiará la vida como blogger!

Lectura recomendada

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento Post Grid (Cuadrícula de artículos) te permite insertar en páginas, artículos y landing pages una cuadrícula de artículos de diferentes categorías es altamente configurable, pero para que lo veas claro en el siguiente vídeo te muestro su funcionamiento.

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento Progress Bar (Barras de progreso) te permite insertar en páginas, artículos y landing page barras de progreso altamente configurables para mostrar datos representativos de todo tipo en el siguiente vídeo te muestro su funcionamiento que es muy sencillo.

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento Social Share (Compartir en redes sociales) es otro de mis favoritos y te permitirá insertar botones de las redes sociales más populares en páginas, artículos y landing pages. La configuración del mismo es muy simple, además de que dispones de varios estilos para que no tengas que repetir el diseño.

Lectura recomendada

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento Star Rating (Estrellas de valoración) te permite colocar estrellas de valoración en páginas, artículos y landing pages de forma sencilla y de fácil configuración. Te resultará muy útil para hacer ranking de productos, artículos , recetas etc, las aplicaciones son infinitas. ¡Deja volar tu imaginación!

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento Styled List (Listas con estilo) te permite insertar listas con iconos a la izquierda desde la galería de iconos, además es muy flexible a la hora de ordenar los textos hacia arriba o hacia abajo solo arrastrando y soltando, en el siguiente vídeo te lo explico mejor.

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento Table (Tablas) te permite insertar tablas de todo tipo en tus páginas, artículos y landing pages de forma muy sencilla, ya sabes lo lioso que puede ser hacer esto con el editor nativo de WordPress. En el siguiente vídeo te muestro lo que puedes hacer con unos pocos clics.

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento Tabs (Pestañas con contenido) es muy interesante porque te permitirá mostrar muchos contenidos en un espacio reducido y puedes mostrarlo tanto en horizontal como en vertical, pero una imagen vale más que mil palabras, mira el siguiente vídeo.

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento Testimonial (Testimonios) te permite insertar testimonios en páginas, artículos y landing pages de forma muy sencilla, muy útil para promociones y la venta de productos. 

Si haces clic en el icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

¿Te apetece dejar un testimonio de agradecimiento?

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento Toggle (Contenido desplegable) te permitirá insertar contenidos desplegables en páginas,  artículos y landing pages en un par de clics, muy útil para mostrar preguntas frecuentes, pero los usos que puedes darle son ilimitados. En el siguiente vídeo te muestro un ejemplo de FAQ's.

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento Vídeo (Vídeo adaptativo) es sin duda uno de los más utilizados y te permitirá insertar vídeos de las plataformas más populares como por ejemplo; YouTube, Vimeo y Wistia entre otros, además de que es responsive (adaptativo). En el siguiente vídeo te muestro como configurarlo.

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento WordPress Content (Contenido de WordPress) te permitirá utilizar el editor nativo de WordPress para insertar textos, imágenes y shortcodes (códigos cortos) de otros plugins que tengas instalados, su uso es muy simple y en el siguiente vídeo te los muestro.

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

El elemento More Tag (Etiqueta Leer más...) te permitirá agregar una etiqueta para leer más contenido cuando se hace clic en el texto (Leer más...). Además puedes colocarlo en cualquier parte de un párrafo solamente arrastrando el elemento More Tag en la posición deseada.

Cómo puedes apreciar en el ejemplo de la imagen superior la etiqueta More Tag está aplicada al principio de todos mis artículos, de esta forma en la vista Blog se muestra un fragmento de texto que escribí previamente al principio del mismo y de esta forma el visitante tiene que hacer clic en la etiqueta Leer más para poder ver el artículo completo. 

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

Otro elemento que te facilitará la vida es Styled Box (Cajas con estilos) porque al arrastrar este elemento en la posición deseada se desplegará un catálogo con un montón de cajas prediseñadas listas para utilizar, solo debes cambiar el texto por el tuyo y listo.

Como puedes apreciar en el ejemplo de la imagen superior esta es una de las cajas prediseñadas listas para usar, porque dispones de más de 55 cajas preformateadas para que encajen con tu temática. El cielo es el límite, ¡deja volar tu imaginación!

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

El elemento Numbered List (Listas con números) es muy similar al elemento Style List (Listas con estilo) que se encuentra más arriba en este mismo tutorial, la diferencia está en que no muestra iconos sino que muestra números.

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

El elemento Call to Action (Llamada a la acción) te permitirá colocar en cualquier sitio cajas predefinidas para redirigir al visitante a una landing page como la del ejemplo superior, haz clic en el botón y mira que pasa. Además podrás editar todos los textos, imágenes y botones como te apetezca.

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

El elemento Guarantee Box (Caja de garantía) es muy útil en el caso que vendas un servicio o producto, donde podrás garantizar la devolución del dinero en caso de insatisfacción del cliente y podrás hacerlo de una manera muy fácil solo arrastrando y soltando desde el catalogo de cajas ya prediseñadas, además podrás editar todos los textos e imágenes a tu antojo. ¡Prueba haber si te gusta alguna!

Si haces clic en el primer icono superior derecho puedes duplicar todo el contenido con todas sus configuraciones.

En la versión anterior Thrive Content Builder te permitía cargar elementos prediseñados desde el panel de elementos que estaba a la derecha de la pantalla, ahora la cosa cambió un poco, los elementos prediseñados se cargan desde el catálogo de plantillas disponibles y es una plantilla que contiene muchas cajas de contenido de diferentes elementos que se va ampliando en cada actualización. Lo bueno de esto es que dispones de los diseños anteriores y los nuevos de Thrive Architect. En el siguiente vídeo te lo muestro mejor.

Una de las cosas que pedíamos a gritos, los usuarios de TCB, era la posibilidad de insertar vídeos en una sección de fondo y como la gente de thrive themes saben escuchar en esta versión de Thrive Architect esto es ahora posible. Aquí un vídeo de ejemplo:

Antes en Thrive Content Builder solía suceder que la versión de escritorio no se correspondía con la versión móvil porque algunos elementos quedaban desencajados y no había forma de corregir esto de forma automática, la única posibilidad era tirar de CSS, como lo puedes ver aquí. No obstante, ahora en Thrive Architect esto se acabó porque dispones de correcciones independientes que no afectarán a la vista de escritorio, tablet y móvil. La cosa sería así:

Es impresionante, este nuevo sistema de maquetación independiente porque te ahorrará muchas horas de quebraderos de cabeza corrigiendo de forma manual. Ahora lo puedes hacer con unos cuantos clics sin programar en CSS. ¡Es una pasada!

Igualmente si eres de los frikis que les gusta experimentar, siempre tienes la posibilidad de crear tus propias modificaciones de forma manual añadiendo tu propio CSS personalizado, aquí puedes ver cómo se hace.

Otra de las sorpresas que nos trae Thrive Architect es que podrás ocultar cualquier elemento con el panel  Responsive que ves en la imagen superior, solamente deslizando el selector de VISIBLE a HIDDEN se mostrará o no un elemento cualquiera que hayas seleccionado en la vista Desktop / Ordenador de escritorio, Tablet / Tableta o Mobile /Móvil así de fácil podrás ocultar lo que quieras en todas las vistas.

Si tenías Thrive Content Builder, seguramente tendrás creadas varias páginas y landing pages con el formato viejo de TCB. No hay problema, puedes dejarlo así porque conviven perfectamente el uno con el otro, pero si te vieras en la necesidad de editar un botón como el de la imagen superior, tendrías que migrar ese botón al nuevo formato de Thrive Architect.

No te preocupes porque es muy sencillo, solo tienes que hacer clic en el botón que dice MIGRATE ELEMENT y eso es todo, pero para que no te queden dudas te dejo el siguiente vídeo.

Este es un punto a destacar, las listas con estilo. En la versión de Thrive Content Builder podías elegir entre 6 iconos diferentes y no podías personalizar los iconos de forma individual, pero esto se acabó ahora. En Thrive Architect dispones de una galería enorme de iconos, además puedes modificar el color y el tamaño de forma independiente de cada una de las líneas. Con estas mejoras no hay límite en la creación de listas, solo tu imaginación.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

Una de las mejoras más importantes en relación con Thrive Content Builder es sin duda el tema de los márgenes, antes tenías que poner un número específico guardar y luego previsualizar para ver como iba quedando la cosa, pero este método no era muy productivo.

Pero ahora con Thrive Architect esto será como cantar y coser porque el sistema de márgenes es ahora más visual y podrás mover cualquier elemento por la pantalla y verlo al mismo tiempo sin necesidad de guardar y previsualizar 100% en tiempo real. 

En el siguiente vídeo te muestro lo fácil que es aplicar márgenes y rellenos a cualquier elemento en tiempo real.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

Aplicar una sección de fondo de ancho completo en Thrive Content Builder era posible creando una landing page desde cero y no se podía aplicar a nuestros post o páginas normales.

Pero ahora en Thrive Architect crear una sección de fondo con contenido que ocupe el ancho completo de una página o post es algo sumamente sencillo, se acabaron las limitaciones puedes crear diseños exclusivos donde quieras.

En el siguiente vídeo te muestro como crear secciones de ancho completo es segundos.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa

Ya sabes qué puedes cargar landing page o páginas de destino prediseñadas o sea, que están listas para utilizarlas en tu sitio, solo tienes que cambiar las imágenes, textos y configurar los formularios de suscripción si los tuviera.

La diferencia en Thrive Architect es que los botones han cambiado de lugar para acceder al menú de opciones y puedes verlo en la imagen superior.

 En el siguiente vídeo te muestro el proceso de cargar una landing page desde el catálogo de Thrive Architect y te darás cuenta que es muy fácil.

>>> Aquí puedes ver y comparar como era en Thrive Content Builder la vieja versión: Comparativa