Utilizar iconos sociales personalizados en los contenidos

Para utilizar iconos sociales personalizados en un módulo Social follow o Social sharing en una página o plantilla de HubSpot, crea una versión personalizada del módulo para añadir tus propios iconos sociales.

1 1. Clonar el módulo por defecto

• En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
• En la columna de la izquierda, haga clic en el módulo Social follow o Social sharing . 

• En la alerta del editor de módulos, haga clic en Clonar módulo.

• En el cuadro de diálogo, introduzca un nombre para el módulo clonado y, a continuación, haga clic en Clone.

2. Reemplazar los iconos

• En el inspector de módulos, localice la sección Archivos vinculados . En Otros archivos, tome nota de los nombres de archivo de los iconos sociales de cada red (por ejemplo, facebook-color.png).
• Asegúrese de que las imágenes de sus iconos sociales personalizados están en formato PNG y tienen los mismos nombres de archivo que los archivos de iconos sociales existentes para cada red en el módulo (por ejemplo, facebook-color.png).
• Para sustituir un icono social existente para una red, haga clic en el símbolo x situado a la derecha del archivo. A continuación, haga clic en Añadir junto a Otros archivos.

• En el panel derecho, utilice la barra de búsqueda  para localizar su icono social personalizado en su gestor de archivos, o haga clic en Añadir archivo en la parte inferior izquierda y seleccione Cargar archivos para cargar sus iconos sociales personalizados desde su dispositivo.
• Haga clic en el nombre de archivo  para añadir el icono al módulo.

• Tras sustituir los archivos de iconos sociales, haga clic en Vista previa en la parte superior derecha del editor de módulos para abrir una vista previa del módulo.
• Cuando esté satisfecho con el aspecto del módulo, haga clic en Publicar cambios en la parte superior derecha del editor de módulos. Ahora puedes agregar este nuevo módulo personalizado a tu contenido de HubSpot.

3. Agrega el módulo a tu plantilla

Con el módulo publicado, puedes agregarlo a una plantilla de arrastrar y soltar o una plantilla codificada.

Plantillas de arrastrar y soltar

• En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
• En la columna de la izquierda, haga clic en el nombre  de una plantilla. 
• En la columna de la derecha, haga clic en + Añadir. 
• Haga clic en el nuevo módulo y arrástrelo hasta su posición en la plantilla. 
• En la parte superior derecha, haz clic en Publicar cambios.

Plantillas codificadas

• En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
• En la columna de la izquierda, haga clic en el nombre  del nuevo módulo. 
• En la parte superior izquierda, haga clic en el menú desplegable Acciones y, a continuación, seleccione Copiar fragmento.
  
  
• En la columna de la izquierda, haga clic en el nombre  de la plantilla codificada. 
• En la plantilla codificada, pega este fragmento donde deseas que aparezca el módulo.
• En la parte superior derecha, haga clic en Publicar cambios.