Thrive Content Builder Parte 1: La Súper Mega Guía más completa que hayas visto

Escrito por: MCD

Tiempo de lectura minutos

8

Crear la web de tus sueños nunca fue tan fácil con Thrive Content Builder tutorial parte 1.

More...

Thrive Content Builder Tutorial Parte1  primera parte de está guía donde te enseñare la manera más rápida y fácil de crear páginas, post, landing pages en WordPress de manera profesional, con Thrive Content Builder ¡Crea la web de tus sueños en minutos!

Si eres usuario de WordPress sabes lo tedioso que puede ser crear un artículo con el editor convencional que trae de serie, si bien es cierto que dispone de un editor WYSIWYG que es una sigla en ingles (What You See Is What You Get) que significa (Lo que ves es lo que consigues), no siempre es así por que si insertamos Shortcodes (fragmentos de códigos para realizar ciertas funciones) veremos esos códigos en vez de ver el resultado de los mismos, por lo menos no hasta hacer un previo de la página que estamos creando para ver como va quedando y hacer la correcciones correspondientes a cada momento.

Con Thrive Content Builder esto no pasa porque lo que ves al crear la página es lo que verán los usuarios que visitan tu web exactamente igual. El editor que trae WordPress es muy sencillo y no te permite hacer las maravillas que Thrive Content Builder te ofrece.

Una vez que leas las 4 partes de esta mega guía no te pierdas el Mega Tutorial en Español de Thrive Architect la evolución más esperada de Thrive Content Builder. ¡Te dejará con la boca abierta!

Dicho todo esto perdemos mucho tiempo en la creación de artículos, páginas y ni hablar si tenemos que hacer una Landing page.

Pero afortunadamente, para eso se han creado herramientas que nos facilitan la vida a la hora crear contenidos de forma rápida y fácil sin necesidad de saber programar en lo más mínimo. Una de estas herramientas, es un Plugin de pago para WordPress, llamado Thrive Content Builder.  

¿Qué es Thrive Content Builder?

Es un plugin creado por la empresa Thrive Themes para ser utilizado con WordPress y tiene la función de ser un editor visual WYSIWYG que significa (Lo que ves es lo que consigues) que te permite insertar texto, imágenes, botones, iconos, columnas, botones sociales, listas, tablas, cajas de contenido, llamadas a la acción y mucho más de forma simple y sencilla arrastrando y soltando. Como puedes ver en la siguiente imagen, en el editor normal de WordPress no disponemos de gran cosa para crear, solo lo básico.

thrive content builder tutorial

Aspecto del clásico editor de WordPress

Ahora bien, me dirás, otro editor de los tantos que hay; pues no, la diferencia está en que podrás crear y editar tus artículos, páginas y Landing page en tiempo real ¿Cómo es esto? Te lo muestro en la siguiente imagen. Podrás editar la página como si la estuviera viendo cualquier usuario que visita tu web, esto quiere decir que todo lo que vayas añadiendo a tu artículo lo estás viendo como lo verían las personas que ingresan a tu sitio ¡A que mola!

thrive content builder tutorial

Aspecto del editor Thrive Content Builder

Otro punto a destacar es que no hace falta guardar los cambios para ver cómo va quedando nuestra página ya que lo que vemos cuando editamos es lo que verán nuestros visitantes así sin más.

Tendrás siempre visible un editor flotante a la derecha de la pantalla como muestra la captura con infinidad de elementos que puedes agregar solamente arrastrando y soltando en la posición deseada como si de un gran puzzle se tratara.

Además de poder crear una página desde cero, dispones de plantillas pre-diseñadas en diferentes categorías y estilos que podrás modificar a tu antojo, moviendo de aquí para allá, cambiando colores agregando efectos de transición y muchas cosas; más el cielo es el límite. En la siguiente captura puedes ver las diferentes plantillas de Landing page pre-diseñadas 100% configurables hasta el mínimo detalle.

thrive content builder tutorial

Aspecto del catálogo de plantillas disponibles para Landing page por categorías Thrive Content Builder

¿Cómo funciona Thrive Content Builder?

El funcionamiento de Thrive Content Builder es muy sencillo, al crear una entrada tendrás un nuevo botón que antes no estaba que tiene un icono que dice Editar con Thrive Content Builder y si lo miramos desde todas las entradas verás el mismo botón, pero una imagen vale más que mil palabras.

thrive content builder tutorial

Vista del editor de WordPress con el nuevo botón de Thrive Content Builder

Cuando vemos todas las entradas que tenemos, encontrarás el mismo botón para poder editar cualquier artículo creado anteriormente así de simple ¿A que mola, verdad?

thrive content builder tutorial

Vista de todas las entradas con el nuevo botón de Thrive Content Builder

En las páginas sucede lo mismo, se agrega el nuevo botón de Edit with Thrive Content Builder, de esta forma podrás crear Landing page o editar las que tengas hechas con anterioridad.

thrive content builder tutorial

Vista de todas las páginas con el nuevo botón de Thrive Content Builder

Vista de todas las páginas con el nuevo botón de Thrive Content Builder

Después de hacer clic en el botón verás la entrada como la verían los visitantes de tu web con la diferencia de que tendrás el editor de Thrive Content Builder a la derecha como si se tratara de un sidebar con todos los elementos disponibles para arrástralos y soltarlos en la página. De esta forma crear tu página, post o Landing page será un juego de niños. Más adelante dentro de esta guía te iré desglosando cada elemento que tiene el editor para ver sus funcionalidades y configuración. 

thrive content builder tutorial

Haciendo clic en el botón anterior veremos el editor de Thrive Content Builder

La Guía Definitiva Actualizada de Thrive Content Builder en Español - Curso completo

¿Todavía sigues aquí? ¡Qué alegría! Veo que te interesa esta herramienta. Tómate un respiro y mira el siguiente vídeo dónde te presento mi último eBook "La Guía Definitiva Actualizada de Thrive Content Builder en Español - Curso completo" y puedes descargarla de forma gratuita aquí .

teaser thrive architect

Ejemplos de artículos, páginas y landing page creadas con Thrive Content Builder

Como ejemplos puedes ver los post, páginas y landing pages de mi sitio web que han sido creados con Thrive Content Builder y esta misma entrada también.

¿Por qué debería tenerlo?

Te cuento algo; me he demorado mucho tiempo en preparar esta guía, porque no suelo recomendar algo sin antes probarlo en profundidad, es por eso que me he tomado el tiempo para ver todo su potencial y así poder brindarte un panorama completo de todas las prestaciones de esta herramienta.

La primer sorpresa grata que tuve es que pude eliminar más de 20 plugins que utilizaba en mi sitio para diferentes funcionalidades, ya que Thrive Content Builder trae de serie la mayoría de las funciones que utilizamos a diario con otros plugins y esto es muy bueno. No solo por reducir la cantidad de plugins instalados sino porque nuestro servidor compartido trabajará mucho más ligero y evitarás que te suspendan la web por consumir demasiados recursos del servidor.

¿Quieres crear web profesionales sin saber programación en minutos? ¡Mega tutorial en español!

Tweetealo a tus amigos

Otra ventaja es que gané en velocidad en la creación de post, páginas y landing page de forma simple y rápida solo arrastrando y soltando. Te gustó, ¿verdad? El editor de serie que trae WordPress suele ser un poco pesado y se demora en cargar, pero el de Thrive Content Builder es muy rápido a la hora de crear, grabar y hacer previos ganando en productividad.

Dispone de plantillas pre-diseñadas para crear landing pages impresionantes para personalizarlas a nuestro antojo como así también plugins integrados para diferentes funciones. En resumen, el resultado final es muy atractivo y profesional.

Crear columnas, tablas, botones, testimonios, mapas, grillas, llamadas a la acción etc. nunca fue tan fácil. Ya sabes que hacer columnas o tablas con el editor de WordPress es bastante lioso y ni hablar de crear formularios, pero con Thrive Content Builder esto es cantar y coser.

No necesitas conocimientos de programación, cualquiera puede utilizarlo. Sí, ya sé me dirás que está inglés, pero no es una pega porque es inglés técnico y no hay mucho para leer, es muy visual, tiene una interface muy simple y minimalista, con iconos que muestran cada función con menúes desplegables. Realmente estos chicos de Thrive Themes hicieron un buen trabajo al lograr un producto de esta calidad y el precio es muy bajo comparado con las prestaciones que nos dá y nos evita que tengamos que comprar otros plugins para cubrir funciones específicas.   

¿Cuál es su precio?

Como sabrás Thrive Content Builder ahora se llama Thrive Architect y forma parte del núcleo de Thrive Suite y tienes dos modalidades para obtenerlo como se muestra a continuación.

thrive suite
¡Un todo en uno, donde el cielo es el límite!

Thrive Suite membresía por 1 año: Si compras esta membresía tendrás derecho a utilizar todos los productos de Thrive Suite que estén disponibles y sigan saliendo en un futuro + 1 año de soporte en los foros de clientes.

Thrive Suite membresía por 3 meses: Si compras esta membresía tendrás derecho a utilizar todos los productos de Thrive Suite que estén disponibles y sigan saliendo en un futuro + 3 meses de soporte en los foros de clientes.

Ahora puedes comprar de forma independiente: ¡Llévate solo el plugin que quieras!. Si quieres saber más en este artículo te cuento todos los detalles: Thrive Suite ¡Un todo en uno!

NOTA: Los precios de las diferentes modalidades pueden variar considerablemente según la cotización de la divisa en cada país y la aplicación del IVA si correspondiera.

También el precio de Thrive Suite 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

Soy afiliado de Thrive Themes y si te decides a comprar Thrive Suite (realmente te lo recomiendo, no te arrepentirás, te cambiará la vida como blogger) puedes hacerlo desde los enlaces y botones disponibles.

A ti te valdrá el mismo precio, pero yo ganaré una pequeña comisión que me ayudará a seguir manteniendo este blog y me animará a seguir creando guías y tutoriales para todos. ¡Gracias!

Creo que es un producto de excelente calidad para que cualquiera pueda diseñar web profesionales sin conocimientos de programación, aunque si quisieras hacer personalizaciones más profundas dentro de las plantillas puedes hacerlo.

Soy afiliado de Thrive Themes y si te decides a comprarlo (realmente te lo recomiendo, no te arrepentirás) puedes hacerlo desde los enlaces que dicen Thrive Content Builder, a ti te valdrá el mismo precio pero yo ganaré una pequeña comisión para seguir sobreviviendo en este mundo cada vez más vertiginoso y me animará a seguir creando guías y tutoriales gratuitos como este para todos. ¡Gracias! 

Instalación del plugin

La instalación es muy simple, primero que nada tienes que adquirir Thrive Suite, puedes comprarlo en la web oficial de Thrivethemes. Una vez acreditado el pago te enviarán unos correos con los enlaces de acceso a la web para su posterior descarga como muestran las capturas.

thrive suite

Esta es una imagen de ejemplo del correo que recibirás cuando hagas la compra. Contiene los datos de acceso para que ingreses al área de clientes para que puedas descargar el plugin que te permitirá instalar y activar todos los productos comprados.

thrive architect tutorial en español
  1. 1
    Escribe tu correo electrónico.
  2. 2
    Escribe la contraseña.
  3. 3
    Clic en el botón Login (Iniciar sesión).

Ahora ya estás en la puerta del área de clientes de Thrivethemes, solo debes ingresar tu correo y contraseña que es la misma que utilizaste cuando hiciste la compra.

Una vez iniciada la sesión lo primero que verás será tu  zona de miembro como lo muestra claramente la siguiente imagen, desde este sitio tendrás acceso al foro de soporte a la base de conocimientos y todos los contenidos solo para clientes.

thrive comments tutorial en español
  1. 1
    Clic en el enlace Download and install the Thrive Product manager plugin (Descargar el plugin del Administrador de Productos Thrive) debes guardar el archivo en tu ordenador para su posterior instalación.
  2. 2
    Una vez instalado el plugin thrive-product-manager.zip debes activarlo.
  3. 3
    Eso es todo, ahora podrás instalar todos los productos y activarlos desde tu misma web, pero antes debes dirigirte al nuevo menú creado que se llama Product manager para iniciar sesión y validar los plugins que hayas comprado en Thrivethemes.

Como te habrás dado cuenta, se simplificó mucho el método de instalación y activación de los productos de Thrive Themes, sin embargo, si te quedaron dudas, tienes un vídeo paso a paso del procedimiento que te acabo de explicar en tu zona de cliente como se muestra en la imagen superior.

En las siguientes imágenes puedes ver cómo instalar el plugin thrive-product-manager.zip (Administrador de Productos Thrive) en tu WordPress con unos simples pasos. ¡Manos a la obra!

thrive comments tutorial en español
  1. 1
    Debes hacer clic en el menú Plugins.
  2. 2
    Luego debes hacer clic en el botón Subir plugin.

Ahora el siguiente paso será instalar el plugin thrive-product-manager.zip en tu WordPress. Se instala como cualquier otro plugin; haces clic en el menú Plugins, luego en la parte superior encontrarás un botón que dice  Subir plugin, haces clic en el mismo como muestra la imagen de arriba. Una vez instalado debes  activarlo. ¡Eso es todo!

thrive comments tutorial en español

Ahora puedes ver el nuevo menú creado >> Product Manager (Administrador de productos) si haces clic en él podrás apreciar la siguiente imagen.

thrive comments tutorial en español

Traducción: Conéctate a thrivethemes.com para acceder a tu producto.
Haz clic en el botón de abajo Log into my account para ir a Thrive Themes y simplemente inicia sesión en tu cuenta para instalar tu producto. Asegúrate de usar el mismo nombre de usuario y contraseña que utilizaste al registrarte en thrivethemes.com

Ya lo tienes, solo debes ingresar tu correo y contraseña que es la misma que utilizaste cuando compraste Thrive Suite y podrás descargar e instalar todos los plugins de la suite.

thrive comments tutorial en español

Ahora bien, como acabas de adquirir Thrive Suite, tendrás todos los plugins disponibles para instalarlos uno por uno solamente haciendo clic en cada uno de ellos. ¡Enhorabuena! Ya hemos terminado.

¿Quieres presumir de tus diseños web profesionales sin ser programador? ¡No te pierdas este mega tutorial para crear como los profesionales!

Tweetealo a tus amigos

¿Qué elementos podemos insertar  en nuestros contenidos?

Para empezar tenemos 3 categorías de elementos que podemos insertar en nuestros contenidos:

  • Simple Content Elements (Elementos de contenido simples)
  • Multi-Style Elements (Elementos de múltiples - estilos)
  • Advanced Elements (Elementos avanzados)
thrive content builder tutorial

Catálogo de todos los elementos disponibles en Thrive Content Builder

En la captura de arriba puse los menúes uno al lado del otro por una cuestión de espacio, pero cuando editemos el menú se mostrará vertical uno debajo del otro. Vamos a ir por orden desde arriba hacia abajo, voy a describir su función, configuración y aplicación. ¡Manos a la obra!

Simple Content Elements - Elementos de contenido simple

Paragraph / Text Element - Párrafo / Elemento de texto

thrive content builder tutorial

Este elemento te permitirá insertar bloques o párrafos de texto arrastrando y soltando el icono en la posición deseada. Una vez depositado en el lugar elegido, haciendo doble clic en la linea de puntos, se abrirá una caja flotante como muestra la imagen superior con las opciones de configuración de este elemento. En este caso puedes editar los colores, tamaño de letra, márgenes y insertar enlaces a los textos muy simple e intuitivo.

Si haces un clic sobre el icono superior izquierda de la caja punteada duplicarás la misma esto es muy útil a la hora de repetir contenidos con el mismo formato.

Párrafo / Elemento de texto

WordPress Content - Contenido de WordPress

thrive content builder tutorial

Este elemento es muy interesante porque podrás incluir contenidos que habitualmente insertabas con el editor clásico de WordPress, como por ejemplo, Shortcodes (códigos cortos) de otros plugins que tengas instalados.

Al arrastrar el elemento WordPress Content y soltarlo en la posición deseada te mostrará una caja punteada con un botón verde en el centro (</> Insert WordPress Content), tienes que hacer clic en el botón y se abrirá una ventana con el editor normal de WordPress para que insertes lo que quieras.

Si haces un clic sobre el icono superior izquierdo de la caja punteada duplicarás el contenido de la misma, manteniendo todos los  ajustes que hayas hecho como colores, tamaño de font, márgenes etc. ¡Es una pasada! Ganas en productividad evitando hacer ajustes repetitivos cada vez que añades un párrafo o elemento.

Contenido de WordPress

Image - Imagen

thrive content builder tutorial

Insertar imágenes es muy fácil con este elemento solo debes arrastrar el menú Image a la posición deseada y hacer clic en el botón Add Media, en ese momento se abrirá el gestor de medios clásico de WordPress y podrás seleccionar cualquier imagen para insertarla en el contenido.

Si haces un clic sobre el icono superior izquierdo de la caja punteada duplicarás el contenido de la imagen manteniendo todos los ajustes que hayas hecho a la misma.

Imagen

Button - Botón

thrive content builder tutorial

Botones muy útiles cuando queremos enlazar otros contenidos o para llamadas a la acción. Dispones de seis estilos diferentes que se pueden configurar al 100% en el tamaño, colores, fonts, márgenes, sombras, iconos... es realmente una maravilla.

Ten en cuenta que colocar estos botones sin Thrive Content Builder seria muy complicado y para hacerlo de forma manual tendrías que recurrir a la instalación de otro plugin del repositorio de WordPress. Los hay muchos, pero estaríamos sobrecargando más nuestro servidor consumiendo demasiados recursos y ralentizando nuestra web, la ventaja de Thrive Content Builder es que los trae ya integrados todo en un solo paquete. 

Si haces un clic sobre el icono superior izquierdo de la caja punteada duplicarás el contenido de los botones todas las veces que quieras manteniendo su configuración, esto es ideal para no tener que personalizarlos nuevamente.

Botón

¿Quieres tener la web de tus sueños en minutos? ¡Échale un vistazo a este mega tutorial para hacer cosas increíbles!

Tweetealo a tus amigos

Icon - Iconos

Los iconos son una herramienta visual muy potente para diseñar una web. Son livianos, casi no pesan, esto mejora la carga de nuestra web y eso a Google le gusta mucho. Thrive Content Builder te ofrece un paquete de 490 iconos en diferentes categorías para que puedas insertarlos en tus contenidos y fusionarlos con botones, cajas en grillas, etc. El cielo es el límite.

Lo que más me gusta es lo fácil que es utilizarlos dentro de nuestros contenidos; solamente arrastrar, soltar y elegir el icono que nos guste. Olvídate de tener que poner códigos por todos lados para ver un icono en tus artículos, Thrive Content Builder te lo pone muy fácil. 

Si haces un clic sobre el icono superior izquierdo de la caja punteada duplicarás el contenido de los iconos todas las veces que quieras manteniendo su personalización.

Iconos

Instalación del paquete de iconos - icomoon.zip

Para que funcionen los iconos de Thrive Content Builder hay que descargarlo e instalarlo en el Manage Icons. Primero debes entrar al menú de Thrive Dashboard como muestra la captura inferior.

Una vez dentro debes hacer clic en el enlace que dice Click here (Clic aquí) como te muestro en la captura inferior. Este enlace te llevará a la página de descarga de los iconos.

Dentro de la web https://icomoon.io/app/#/select a veces puede estar saturada y cuesta que cargue la misma, pero no te preocupes, sigue insistiendo hasta que cargue por completo. Una vez que ingresaste en la web debes hacer clic en el menú que muestra la captura de abajo y seleccionas todos los iconos. Por último, hacer clic en Generate Font para descargar el archivo icomoon.zip en tu ordenador.

Por último, se abrirá otra página con el botón Download. Debes guardar el archivo icomoon.zip en tu ordenador como muestra la captura de abajo.

Bien, ahora ya tienes guardado en el ordenador el archivo de iconos. Deberás volver nuevamente al Manage Icons. Primero debes entrar al menú de Thrive Dashboard y luego clic en Manage Icons como muestra la captura de más arriba y haces clic en el botón +Upload para cargar el archivo icomoon.zip que descargaste anteriormente como muestra la imagen inferior.

Una vez que lo encuentres, lo seleccionas y haces clic en el botón Abrir como muestra la captura de abajo.

Espera que termine de subir selecciona el archivo icomoon.zip y finaliza haciendo clic en el botón inferior que dice Use file como muestra la captura inferior.

¡Enhorabuena! Un pasito más y hemos terminado, tiene que aparecer el nombre del archivo descargado icomoon.zip atenuado como muestra la imagen de abajo. Si está todo en orden debes hacer clic en el botón que se llama Save and Generate Icons. Una vez guardado y generado se mostrarán debajo los 490 iconos gratuitos para que los utilices en tus contenidos desde el editor de Thrive Content Builder con el elemento Icon como expliqué anteriormente.

Credit Card Icons - Iconos de tarjetas de crédito

El elemento Credit Card Icons (iconos de tarjetas de crédito) es muy útil si vendes algún producto en tu web, los iconos tienen un acabado perfecto y se muestran de forma lineal uno al lado del otro como se puede apreciar en la imagen superior.

Dispones de cinco métodos de pago y puedes seleccionar las que quieras marcando las casillas correspondiente. Este elemento es muy fácil de usar y configurar.

Si haces un clic sobre el icono superior izquierdo de la caja punteada duplicarás el contenido de las tarjetas todas las veces que quieras manteniendo sus propiedades.

Iconos de tarjetas

Custom HTML - Html personalizado

Uno de mis Elementos favoritos es </> Custom HTML. Te preguntarás para qué sirve, pues bien, en alguna oportunidad te verás en la necesidad de insertar tu propio código HTML como, por ejemplo, insertar un footer personalizado como tengo en mi web y como se muestra en la imagen. También te sería útil para embeber un vídeo, un banner, etc. Las posibilidades son infinitas y de esta manera tu margen de acción se verá ampliado porque podrás insertar códigos donde quieras.  

Es muy simple de usar, primero debes arrastrar el elemento </> Custom HTML a la posición deseada, en ese momento tendrás una caja con línea de puntos con un botón que dice </> Insert Custom HTML. Haces clic en él y ese momento se abrirá una ventana en blanco para que coloques tu código HTML personalizado. Una vez terminado debes hacer clic en el botón Save (Guardar) y listo, muy simple, ¿verdad?

Como resultado final puse de ejemplo el footer de mi web que lo realice con código HTML personalizado.

Si haces un clic sobre el icono superior izquierdo de la caja punteada duplicarás el contenido del código que hayas escrito las veces que quieras.

Html personalizado

Custom CSS - CSS personalizado

Otro elemento interesante es el Custom CSS que te permitirá hacer modificaciones en el diseño al detalle. Si lo que está pre-establecido no te convence o quieres cambiar un color por otro porque no se encuentra de serie, siempre se puede modificar añadiendo nuevas reglas CSS en cualquier página, post y landing page.

¿Que es el código o reglas CSS? Son las siglas de Cascading Style Sheets o llamadas también Hojas de estilo en cascada. A grandes rasgos es la encargada de mostrar lo que vemos en la web de forma ordenada y con diseño.

Las hojas de estilo o CSS tienen elementos que presentan en la pantalla los colores, fondos, tipografía, márgenes, bordes, sombras etc. Permitiendo obtener resultados visuales muy llamativos y profesionales, pudiendo siempre ser modificados por el desarrollador o diseñador web.

En la mayoría de los elementos habrá un campo en blanco para que puedas aplicar un Custom class (Clase personalizada) como muestra la imagen.

Primero debes poner las nuevas reglas de CSS en la ventana de texto, en este ejemplo, la nueva clase se llama .sin_sombra (con el punto adelante). Lo que hace es quitar la sombra a un texto determinado text-shadow: none !important; y quitar la sombra a una caja determinada box-shadow: none !important; por último, la tipografía mas gruesa font-weight: 400 !important;

Luego te quedaría aplicar la clase en cualquier elemento que tenga un campo en blanco que diga Custom class como se ve en la captura de arriba, pero ahora iría así sin_sombra (sin el punto adelante). Si eres muy friki y detallista esto es para ti.

La ventaja que tiene Thrive Content Builder es que te permite hacer modificaciones del CSS de forma rápida, sencilla y en tiempo real ya que al aplicar las nuevas reglas CSS veremos los cambios de forma inmediata.  ¡Es una maravilla! 

CSS personalizado

Arrastrar y soltar Thrive Content Builder es lo que buscabas para crear tu web. ¡Mega tutorial en español!

Tweetealo a tus amigos

Content Container - Contenedor de contenidos

Le toca el turno al elemento Content Container (Contenedor de contenidos). Si te vieras en la necesidad de tener varios elementos en un mismo ancho, lo mejor es ponerlos todos juntos en una caja con un ancho específico, por ejemplo, 458 píxeles, entonces todo lo que pongamos en esa caja contenedora de contenidos se adaptarán al ancho de la misma y como muestra la imagen podrás cambiar el tamaño de esa caja siempre que quieras y lo que haya en ella. Botones, imágenes, texto se adaptarán también de forma automática.

Si haces un clic sobre el icono superior izquierdo de la caja punteada duplicarás el contenido de la caja contenedora con todo lo que tenga dentro las veces que quieras.

Contenedor de contenidos

Content Reveal - Revelador de contenidos

Este elemento es realmente interesante porque te permitirá, como su nombre lo indica, revelar contenidos cuando el navegante de tu sitio llegue a la página donde está incrustado el contenido oculto.

¿Cómo funciona? Pues bien, su configuración es realmente muy simple y te permitirá mostrar un texto oculto, una imagen o lo que quieras además de la posibilidad de re-direccionar a una URL específica de forma automática dentro de tu web como muestra la imagen superior.

Puedes asignar un tiempo, por ejemplo, como muestra la imagen de 5 segundos. Esto quiere decir que pasado ese tiempo el navegante verá el texto oculto al llegar al área donde está incrustado el mismo.

Este elemento es muy útil para llevar al usuario a una página determinada o para suscribirse y descargar un obsequio como en el ejemplo de la imagen. También podrías mostrar una frase célebre en determinada parte del artículo o desplegar un vídeo o lo que se te ocurra, las posibilidades de combinar con otros elementos son infinitas. ¡Deja volar tu imaginación!

Si haces un clic sobre el icono superior izquierdo de la caja punteada duplicarás el contenido de la caja contenedora con todo lo que tenga dentro las veces que quieras.

Revelador de contenidos

Star Rating - Estrellas de valoración

Hemos llegado al último elemento,  Star Rating (Estrellas de valoración) de los llamados Simple Content Elements (Elementos de contenido simple) y en esta ocasión se trata de colocar estrellas de valoración en los contenidos de páginas, posts o landing pages.

¿Cómo funciona? Es realmente sencillo, solo basta con arrastrar el elemento Star Ratings a la posición deseada y configurar la cantidad de estrellas a mostrar y la valoración de la misma.

¿Para qué sirve? Bueno los usos que puedes darles son muy variados. Puedes valorar una receta de cocina, cuantas más estrellas, más compleja será la comida, también podrías poner un listado de artículos más leídos y darle una valoración con las estrellas, etc. Como veis en la imagen, no tiene grandes dificultades a la hora de configurarlo.

Si haces un clic sobre el icono superior izquierdo de la caja punteada duplicarás el contenido de la caja contenedora con todo lo que tenga dentro las veces que quieras.

Estrellas de valoración

Videoteca 80 vídeos tutoriales de TCB

Final de los Simple Content Elements

¿Todavía sigues aquí? Eres un lector de hierro. ¡Enhorabuena!

Se hizo largo, ¿verdad? Pues no te aflijas porque todavía falta desarrollar los Multi Style Elements (Elementos de estilos múltiples) y eso lo haré en la segunda parte de esta Súper Mega Guía que más que una guía, se está convirtiendo en un manual.

Espero que la primera parte haya sido de tu agrado. Traté de hacerlo los más ameno posible y al detalle para usuarios principiantes y no tantos. Siempre se aprende algo nuevo y como el saber no ocupa lugar ya está lista la segunda parte y la puedes ver aquí: Thrive Content Builder Parte 2: La Súper Mega Guía más completa que hayas visto

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

¿Te ha sido útil este artículo?

¿Te gustaría ayudar a otras personas? Entonces lo tienes fácil, compártelo en la redes sociales.

¿Necesitas más ayuda? Visita el foro hay una comunidad siempre lista para ayudar.

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 Thrive Suite

¡Esto también te puede interesar!

Échales un vistazo...

Elije una categoría
  • Todos
  • Hosting
  • Plugins WordPress
  • SEO Optimización
  • Themes WordPress
  • Thrive Apprentice
  • Thrive Architect
  • Thrive Automator
  • Thrive Comments
  • Thrive Content Builder
  • Thrive Leads
  • Thrive Quiz Builder
  • Thrive Theme Builder
¡Deja un comentario, tu aportación será muy apreciada!
  • Hola, gracias por este pedazo de tutorial, me ha animado a comprarlo y probarlo.
    Me ha surgido un problema/duda, he comprado el Thrive Content Builder para 5 sitios, he instalado en mi sitio de pruebas y en sun sitio de un cliente, en este último, he estado trabajando en el diseño, pero no quiero usar mi licencia en este sitio, y usaré la del cliente, mi duda me surge si al cambiar la licencia habrá algún problema, ¿contará ese sitio como mio?, ¿perderé todo lo trabajado?

    Ya se que me he adelantado, he pagado la novatada, al probar este plugin en el sitio del cliente.

    • Hola, Julián gracias por tus palabras, mira una vez que aplicas una licencia a un dominio cualquiera (tuyo o de tu cliente) esta no se puede cambiar ni quitar.

      Para trabajar con clientes te conviene comprar una licencia para agencia que te permite utilizar todos los productos de thrivethemes sin ningún tipo de restricción.

      El pago de esta licencia es anual y tienes acceso a todos los productos actuales y futuros para ti y todos tus clientes.

      Saludos!

    • Gracias por responder Miguel. Pues de momento no me interesa ese plan, si más adelante. He pensado en cancelar el pedido y volverlo a registrar a nombre del cliente. Me surgen las mismas preguntas q antes, ¿podré actualizar las licencias en los sitios donde lo he instalado y perderé datos?

      La que estoy liando con este tema, jeje

    • Hola, Julián si cancelas el pedido y lo vuelves a comprar te darán un nueva clave de licencia.

      Lo que tengas hecho en la web de tu cliente no se pierde, ya que todos los datos de la maquetacíon, post y páginas quedan guardados en la base de datos de la instalación de WordPress.

      También el plugin de TCB queda en tu instalación de WordPress no se elimina al cancelar la compra, solo se elimina la posibilidad de acceder al soporte y poder descargar actualizaciones, hasta que ingreses una nueva clave.

      Solamente deberás activar nuevamente el producto con la nueva clave de licencia. Puedes ver el proceso aquí.

      Espero haberte ayudado.

      ¡Saludos estamos en contacto! 🙂

    • Pues muchas gracias por tu ayuda. Compraré el nuevo producto a través de tus enlaces. Un saludo.

    • Por nada Julián, me alegra haberte ayudado a disipar tus dudas y gracias por comprar desde mis enlaces.

      ¡Saludos estamos en contacto! 🙂

  • {"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
    >
    Success message!
    Warning message!
    Error message!