Become a HubSpot power user — join us for HubSpot Training Day 2017.

Cómo crear contenido HTML inteligente

Última actualización: January 29, 2016

El contenido inteligente puede ser muy valioso para entregar el contenido de tu sitio web a tu visitante, no tiene por qué estar solo en el módulo de texto enriquecido. Con los módulos HTML inteligentes, puedes personalizar a secciones de tu sitio web, y utilizar las mismas opciones y reglas con las que estas familiarizado.
Este servicio está disponible para todos los clientes de las suscripciones Professional y Enterprise.

¿Cómo esto puede ayudarte?

Algunas veces personalizar tu contenido no significa solo incluir un nombre para dirigirte de forma personalizada a tu visitante o cambiar un par de oraciones en el contenido. Usar un módulo HTML inteligente te permitirá cambiar secciones completas de contenido. Supongamos que estás probando un nuevo widget para un chat en vivo en tu sitio, podrías usar un módulo HTML inteligente para mostrárselo solo a los clientes que visitan tu sitio y a nadie más.

¿Suena como algo que tendría sentido para tu sitio? ¡Grandioso! Sigue las instrucciones a continuación para configurarlo en tu página de HubSpoto incluso en tu plantilla de HubSpot.

Instrucciones para tu página de HubSpot

Sigue estas instrucciones y aprenderás a crear un módulo HTML inteligente en una de tus páginas de HubSpot.

1. Navegar hasta las páginas del sitio o páginas de destino

Ve a una página ya existente o crea una nueva. Ve a Contenido > Páginas del sitio o Contenido > Páginas de destino.(Si no tienes Páginas del sitio, deberás seleccionar Páginas de destino aquí.)
Captura de pantalla del artículo de ayuda de HubSpot

2. Crear una página nueva o editar una ya existente

Una vez que estés en las páginas de destino o en las páginas del sitio puedes escoger entre editar una página ya existente  o hacer clic en el botón azul Crear nueva página de destino/sitio web.
Captura de pantalla del artículo de ayuda de HubSpot

3. Hacer que tu módulo sea inteligente

Una vez que estés en la página de HubSpot, deberás ir al módulo HTML personalizado en la parte izquierda de tu página, donde normalmente insertas tu contenido con códigos. Antes de cambiar el módulo HTML a inteligente, debes tener la seguridad de que has establecido código predeterminado para los visitantes para los cuales no diriges tu contenido. 

Cuando estés satisfecho con el HTML predeterminado que has establecido, mueve el cursor sobre el módulo para ver tus opciones de edición; luego, haz clic en el icono inteligente para comenzar.

Captura de pantalla del artículo de ayuda de HubSpot

4. Elegir y crear tu tipo de contenido inteligente

Ya debes de haber decidido a cual visitante deseas atraer, ahora debes elegir el tipo de contenido inteligente que quieres usar. Tienes cinco opciones: país, tipo de dispositivo, fuente de referencia, pertenencia a lista de contactos, o etapa del ciclo de vida. Aquí puedes crear solo un tipo de contenido inteligente.  Elige una de las opciones a continuación, haz clic en Próximo paso.
Captura de pantalla del artículo de ayuda de HubSpot
Una vez que hayas decidido el tipo y seleccionado los criterios, haz clic en el botón azul para ir al Próximo paso.
Captura de pantalla del artículo de ayuda de HubSpot

5. Personalizar tu regla inteligente

Aquí es donde se crea el contenido para las reglas inteligentes. Verás el área de contenido HTML para la regla que creaste, aquí es donde debes añadir la HTML a la nueva regla inteligente. Una vez que hayas terminado de escribir el contenido, haz clic en Finalizar.
Captura de pantalla del artículo de ayuda de HubSpot
¡Eso es todo! Has creado un HTML inteligente para tu página web.

Instrucciones para tu plantilla de HubSpot

Sigue estas instrucciones y aprenderás a crear un formulario inteligente en una de tus plantillas de HubSpot.

1. Navegar hasta el Administrador de diseños

Navega hasta una plantilla existente o crea una nueva. Para hacerlo, ve a Contenido > Administrador de diseños.
Captura de pantalla del artículo de ayuda de HubSpot

2. Crear una plantilla nueva o editar una ya existente

Una vez que estés en el Administrador de diseños, puedes hacer clic en el nombre de la plantilla actual para editarla, o haz clic en el botón azul Nueva plantilla.
Captura de pantalla del artículo de ayuda de HubSpot

3. Hacer que tu módulo sea inteligente

Dentro de la plantilla, localiza el módulo HTML personalizado que deseas convertir en inteligente. Una vez que hayas localizado el módulo, haz clic en el icono de configuración (dentro del módulo) y, luego, en el menú desplegable que aparece, escoge Convertir en inteligente .
Captura de pantalla del artículo de ayuda de HubSpot

4. Elegir y crear tu tipo de contenido inteligente

Luego de decidir el tipo de visitante que deseas atraer, debes elegir el tipo de contenido inteligente que quieres usar. Tienes cinco opciones: país, tipo de dispositivo, fuente de referencia, pertenencia a lista de contactos, o etapa del ciclo de vida. Aquí puedes crear solo un tipo de contenido inteligente. Elige una de las opciones a continuación, luego, haz clic en Próximo paso.
Captura de pantalla del artículo de ayuda de HubSpot
Una vez que hayas decidido el tipo y seleccionado los criterios, haz clic en el botón azul para ir al Próximo paso.
Captura de pantalla del artículo de ayuda de HubSpot

5. Personalizar tu regla inteligente

Aquí es donde se crea el contenido para las reglas inteligentes. Verás el área de contenido HTML para la regla que creaste, aquí es donde debes añadir la HTML a la nueva regla inteligente. Una vez que hayas terminado de escribir el contenido, haz clic en Finalizar.
Captura de pantalla del artículo de ayuda de HubSpot
¡Eso es todo! Has creado un HTML inteligente para tu plantilla.

Artículo anterior:

Certificación Inbound Marketing

Artículo siguiente: