Utilizar iconos sociales personalizados en los contenidos

Los módulos predeterminados de Compartir en redes sociales y Seguir en redes sociales de HubSpot incluyen iconos comunes de redes sociales (por ejemplo, Facebook o LinkedIn). Para reemplazar los iconos de redes sociales predeterminados, puedes clonar y personalizar el módulo. Luego agrega tu módulo de redes sociales personalizado a tus páginas o plantillas. 

Clonar el módulo de redes sociales predeterminado

1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
2. En el buscador, introduce texto para buscar el módulo Compartir en redes sociales o Seguir en redes sociales .
3. Haz clic en el módulo Seguir en redes sociales o Compartir en redes sociales. 
4. En el editor de módulos, haz clic en Clonar módulo en la alerta El módulo es de solo lectura .

5. En el cuadro de diálogo, introduzca un nombre para el módulo clonado y, a continuación, haga clic en Clone. Serás dirigido al editor de módulos para continuar personalizando los íconos de las redes sociales.

Reemplaza los iconos de redes sociales

1. En el inspector, busca la sección Archivos vinculados. Para el campo Otros archivos, tenga en cuenta los nombres de archivo del icono de redes sociales para cada red (por ejemplo, facebook-color.png o linkedin-color.png).
2. Confirma que las imágenes de tus iconos de redes sociales personalizados están en formato PNG.
   
3. Confirma que tus nuevas imágenes de iconos de redes sociales tengan los mismos nombres de archivo que los archivos de iconos de redes sociales existentes para cada red del módulo (por ejemplo, facebook-color.png o linkedin-color.png).
4. Haz clic en X para eliminar el archivo del ícono de redes sociales existente.
5. Haz clic en Agregar junto al campo Otros archivos.

6. En el panel derecho, localiza tu icono de redes sociales personalizado en el mánager de archivo . Para subir un archivo desde tu dispositivo, haz clic en Subir .
7. Haga clic en el nombre de archivo  para añadir el icono al módulo.
8. Para obtener una vista preliminar del módulo de redes sociales, haz clic en Vista preliminar en la parte superior derecha del editor del módulo.
9. Cuando hayas terminado, haz clic en Publicar cambios. 

Agrega el módulo a tu plantilla

Después de publicar el módulo de redes sociales, puedes agregarlo a una plantilla de arrastrar y soltar o a una plantilla codificada.

Plantillas de arrastrar y soltar

1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
2. En el buscador, haz clic en el nombre de una plantilla. 
3. En el inspector, haz clic en + Agregar. 
4. Haz clic en el nuevo módulo de redes sociales y arrástralo hasta su posición en tu plantilla. 
5. Cuando hayas terminado, haz clic en Publicar cambios en la parte superior derecha.

Plantillas codificadas

1. En tu cuenta de HubSpot, dirígete a Contenido > Administrador de diseño.
2. En el buscador, haz clic en el nuevo módulo de redes sociales.
3. Haz clic en el menú desplegable Acciones y selecciona Copiar fragmento.
4. En el buscador, haz clic en la plantilla codificada. 
5. En el editor de código, pega el fragmento donde deseas que aparezca el módulo.
6. Cuando hayas terminado, haz clic en Publicar cambios en la parte superior derecha.