Insights

Qué son las pardot-region y cómo utilizarlas correctamente

Pardot es una excelente herramienta para llevar a cabo las labores de marketing de cualquier empresa. Con ella, puedes mantener tus landing pages y editar tus campañas de emailing de forma totalmente autónoma, modificando textos, actualizando enlaces o cambiando imágenes de una forma fácil, rápida e intuitiva sobre la misma página. Y todo sin tener conocimientos de HTML o CSS y sin recurrir una y otra vez al departamento de desarrollo web.

Por eso, cuando en OKB diseñamos plantillas en Pardot para las landing pages o emails de nuestros clientes, un paso fundamental es hacerlas fácilmente editables. Y eso lo conseguimos con las llamadas ‘pardot-region’, las verdaderas protagonistas de este artículo. A continuación, te vamos a contar todo lo que necesitas saber sobre ellas: qué son, cómo usarlas y las mejores prácticas para implementarlas.

Cómo incluir una ‘pardot-region’.

Una vez creada en Pardot una nueva plantilla —ya sea para un email o para una landing page— el siguiente paso es definir qué contenidos se van a poder editar y qué contenidos no. Porque seguramente no todos los textos e imágenes van a cambiar de una a otra répicla: hay contenidos fijos que siempre permanecerán igual y que ayudarán a dar a tus comunicaciones cierta consistencia. Para hacer editable los contenidos modificables lo que hacemos es convertirlos en ‘pardot-region’ añadiendo dos atributos a la etiqueta HTML que contiene el contenido modificable: el atributo ‘pardot-region’ y atributo ‘pardot-region-type’.

Debes tener en cuenta que tus 'pardot-region' no se pueden anidar

Eso sí: debes tener en cuenta que tus ‘pardot-region’ no se pueden anidar, es decir, no se puede usar una ‘pardot-region’ dentro de un elemento HTLM que a su vez esté dentro de otro elemento HTML marcado como ‘pardot-region’, por ejemplo:

<div pardot-region="receta" pardot-region-type="pardot">
    <img src="icon-food.svg" alt="" height="42" width="42" pardot-region="icono" pardot-region-type="image">
    <p>Introduce aquí el texto de tu receta</p>
</div>

El ejemplo anterior no sería válido y daría un error a la hora de guardar tu plantilla en Pardot, ya que la ‘pardot-region’ con el nombre ‘icono’ está dentro de la ‘pardot-region’ ‘receta’.

El primer atributo —‘pardot-region’— sirve para identificar cada uno de los elementos editables. Este nombre será el que aparezca en el editor de texto, así que aunque técnicamente pueden llamarse de cualquier modo, siempre tratamos de usar textos descriptivos a la hora de nombrarlos: titular, subtítulo…

El segundo atributo —‘pardot-region-type’— sirve para definir cómo se van a poder editar esos contenidos. Veamos un poco más sobre este punto…

Qué ‘pardot-region-type’ usar

Este es quizá el punto más delicado. Como verás a continuación, existen muchos tipos de ‘pardot-region’ y cada uno ofrece a nuestros clientes distintas posibilidades y limitaciones a la hora de modificar los contenidos.

En función del ‘pardot-region-type’ que usemos, Pardot mostrará una u otra herramienta de edición más o menos completa. A priori podría parecer lógico otorgar siempre el máximo privilegio de edición. De hecho, algunos de nuestros clientes así lo suelen pedir. Pero desde nuestro punto de vista es más práctico ajustar siempre los privilegios de edición usando la ‘pardot-region-type’ que mejor responda a las necesidades de cada caso, dando la libertad necesaria pero asegurándo que el diseño de la página o su funcionamiento no se vean comprometidos por un mal uso de estos privilegios. Porque cuanto más privilegios otorgamos, más control se pierde sobre el resultado final. Es importante recordar que la función de Pardot es la de actualizar contenidos de forma ágil y autónoma, pero no está pensado para rediseñar plantillas, para lo que existen sin duda otras alternativas mejores que esta.

Ajusta siempre los privilegios de edición usando la ‘pardot-region-type’

Dicho esto, a continuación echaremos un vistazo a qué tipos de pardot-region existen y cuáles son las mejores prácticas a la hora de implementarlas. Existen seis tipos: sencilla, básica, wysiwyg, de enlace, de imágen y de código. Vamos a ver en detalle cada una de ellas.

‘Pardot-region’ sencilla (simple):

<h1 pardot-region="titular" pardot-region-type="simple">
    Introduce aquí el titular de la página
</h1>

Es la más básica de todas las ‘pardot-region’ que existen, pero no por eso es la menos útil. A nosotros nos gusta mucho porque ofrece por un lado la sencillez que buscan nuestros clientes y por el otro la opción de velar por el control del diseño, ya que con esta ‘pardot-region’ solo se puede modificar el texto pero sin afectar su estilo: fuente, color, tamaño, interlineado, tracking… ¿Cuándo lo usamos? Principalmente en los textos breves pero con mucho peso y una fuerte personalidad dentro de la landing o el newsletter, como por ejemplo titulares.

‘Pardot-region’ básica (basic):

<p pardot-region="texto" pardot-region-type="basic">
    Introduce aquí tu texto
</p>

A veces nuestros clientes además de modificar un texto necesitan tener cierto control sobre su apariencia, como por ejemplo añadir enlaces o usar negritas o cursivas. Para estos casos tenemos la ‘pardot-region’ básica, que permite abrir el contendio de la etiqueta en un editor de texto básico. Nuestro consejo es usar esta ‘pardot-region’ en todos aquellos textos más densos.

‘Pardot-region’ wysiwyg:

<p pardot-region="texto" pardot-region-type="pardot">
    Introduce aquí tu texto
</p>

Es la más completa de todas las regiones de contenido que ofrece Pardot. Es como la ‘pardot-region’ básica pero ampliada: permite insertar texto, imágenes, código fuente, enlaces, tablas o listados a través de un editor de tipo WYSIWYG (del inglés ‘What You See Is What You Get’, o ‘Lo que ves es lo que obtienes’). También se puede modificar el tamaño y color de las fuentes. Esta opción deja mucha libertad a nuestros clientes y aporta un plus de versatilidad que no tienen el resto de ‘pardot-regions’. Pero como ya hemos visto también abre la puerta a más problemas, principalmente porque requiere un esfuerzo para prever todos los posibles usos que va a hacer el cliente y aplicarles una solución de diseño que mantenga la coherencia y consistencia de la página. No es muy recomendable usarla salvo en casos muy específicos.

pardot region
<a pardot-region="cta" pardot-region-type="link" href="http://okbinteractive.studio/">
    Disfruta de tu descuento
</a>

Este tipo de ‘pardot-region’ permite actualizar call-to-actions de una manera óptima, ya que por un lado ofrece la posibilidad de cambiar la url y por el otro también el texto que sirve de gancho para que el usuario final haga clic en él. Todo sin privilegios para modificar su estilo. El cliente se encarga de hacer textos llamativos para los call-to-actions pero sin alterar su aspecto, ya que hablamos de elementos muy importantes a la hora de definir la efectividad de las landing pages y newsletters.

‘Pardot-region’ para imágenes:

<img pardot-region="hero" pardot-region-type="image" src="img/IMG-011.jpg"/>

Con esta ‘pardot-region’ los usuarios pueden intercambiar fácilmente las distinta imágenes de la landing page. Un aspecto a tener en cuenta cuando se use esta ‘pardot-region’ es que, cuando elaboramos el HTML de un template, nosotros siempre optimizamos las imágenes para que su peso no afecte a la carga de la página (las imágenes suele suponer aproximadamente en torno al 60% del total del tiempo de carga de una página). Utilizar esta ‘pardot-region’ facilita por un lado actualizar las imagenes pero es importante cargar imágenes con una resolución ajustada al tamaño con el que finalmente se van a mostrar.

‘Pardot-region’ de código:

<div pardot-region="tag" pardot-region-type="html"></div>

Permite acceder directamente a todo el código que contenga la etiqueta en la que hayamos introducido el atributo ‘pardot-region’. Nosotros lo usamos por ejemplo cuando hay que introducir scripts personalizados en cada una de las landing pages o para embeber un iframe. Fuera de estos usos, este tipo de ‘pardot-region’ no es de nuestro agrado y, probablemente, tampoco lo sea de la mayoría de clientes, ya que el objetivo de Pardot es precisamente el de facilitar el trabajo a quienes no suelen estar familiarizados con el código. Esta opción es sin duda mucho menos ‘amigable’ y además abre más posibilidades de error que el resto de ‘pardot-regions’.


Como habrás visto, Pardot es un gran aliado en tus labores de marketing del día a día, pero necesita de cierto control para que todas tus comunicaciones mantengan una consistencia visual. Utilizar las ‘pardot-region’ apropiadas en el lugar adecuado ahorrará tiempo, evitará errores y facilitará el trabajo diario de los encargados de gestionar los contenidos, gente más enfocada al marketing pero quizá sin los conocimientos suficientes de HTML.

Si lo deseas, en OKB Interactive Studio tenemos mucha experiencia gestionando landing-pages y campañas de mailing en Pardot, así que podemos ayudarte a elaborar las mejores plantillas para las acciones de marketing de tu empresa. Ponte en contacto con nosotros.

¿Te ha parecido interesante? ¡Compártelo!

Seguro que a tus contactos le gusta leerlo.

  • Linkedin
  • Twitter
  • Whatsapp

Elaboramos templates para las acciones de marketing de tu empresa

En OKB Interactive Studio tenemos experiencia gestionando landing-pages y campañas de mailing en Pardot.
  • Fácilmente editables.
  • Responsive.
  • Diseño personalizado.
  • Pensadas para lograr más conversiones.

Hazlo <real>

Tenemos experiencia en las últimas tecnologías de desarrollo web.

Transforma tu idea en realidad
scroll
Somos okb estudio digital <multi__disciplinar> independiente