Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Blog

Agrega la biografía del autor del blog en la parte inferior de las publicaciones de blog

Última actualización: octubre 29, 2019

Requisitos

Marketing Hub  Professional, Enterprise
Básico
HubSpot CMS

Agregar la biografía del autor del blog a la parte inferior de las publicaciones de blog implica cambiar algunos HTML dentro de la plantilla del blog. Si no tienes experiencia con el código, trabaja con un diseñador para asegurarte de que todas las ediciones se realicen correctamente.

  • En tu cuenta de HubSpot, dirígete a Marketing > Archivos y plantillas > Herramientas de diseño.
  • Haz clic en el nombre de la plantilla de blog. 
  • Haz clic en el módulo de contenido del Blog
  • En el inspector en Plantillas de publicación, haz clic en Editar plantilla de publicación

  • Pega el siguiente código en el editor HTML después de {{ content.post_body }}:
<p id="hubspot-author_data" class="hubspot-editable" data-hubspot-form-id="author_data" data-hubspot-name="Blog Author" >
<span class="hs-author-label">Posted by</span>
<a class="author-link" href="{{ group.absolute_url }}/author/{{ content.blog_post_author.slug }}">{{ content.blog_post_author.display_name }}</a>
{% if content.blog_post_author.avatar %} <div class="hs-author-avatar"> <img width="35 px" src="{{ content.blog_post_author.avatar }}"> </div> {% endif %}
<p>{{ content.blog_post_author.bio }}</p>
<a href="{{ content.blog_post_author.facebook }}" target="_blank" class="hs-author-social-link hs-social-facebook">Facebook </a>
<a href="{{ content.blog_post_author.linkedin }}" target="_blank" class="hs-author-social-link hs-social-linkedin">LinkedIn</a>
<a href="{{ content.blog_post_author.twitter }}" target="_blank" class="hs-author-social-link hs-social-twitter">Twitter </a>
<a href="{{ content.blog_post_author.google_plus }}?rel=author" target="_blank" class="hs-author-social-link hs-social-google-plus">Google+</a>
{% endif %}
<p> <a href="{{ content.blog_post_author.website }}" target="_blank">Website</a></p>
{% endif %}
  • Haz clic en Publicar cambios

También puedes agregar un módulo HTML a la plantilla desde marketplace:

  • Desde tu cuenta de HubSpot, haz clic en el icono del mercado marketplace de la barra de navegación principal.
  • En el menú de la barra lateral izquierda, usa el menú desplegable Todos los productos para seleccionar Módulos.
  • Pasa el cursor sobre el mosaico Módulo HTML y haz clic en Ver detalles.
  • Haz clic en Obtener módulo para agregar este módulo a la herramienta del Administrador de diseño.
  • Vuelve a las plantillas de blog. En tu cuenta de HubSpot, dirígete a Marketing > Archivos y plantillas > Herramientas de diseño.
  • Haz clic en la pestaña + Agregar en el inspector. 
  • Haz clic y arrastra el Módulo HTML hacia tu plantilla. Solicita a tu diseñador que agregue el HTML anterior para la biografía del autor.