Cómo crear un módulo de Sígueme personalizado
Última actualización: octubre 19, 2020
Para crear un módulo de Sígueme personalizado, deberás reunir primero todo lo siguiente:
- La lista de cuentas de redes sociales con las que deseas conectarte.
- La URL asociada a cada una de las cuentas.
- Los íconos que deseas utilizar para cada cuenta.
- Determinar la disposición deseada de los íconos.
Las opciones son ilimitadas cuando se trata de íconos de redes sociales. Se recomienda buscar un conjunto de íconos compuesto por archivos png y comprobar que hay un ícono para cada una de las redes sociales con las que deseas conectarte. Existen 2 formas para hacerlo: horizontalmente y verticalmente.
Módulo «Sígueme» horizontal
Paso 1:
Carga tus archivos de íconos personalizados al administrador de archivos.
Paso 2:
Navega hasta Contenido > Administrador de diseño y en la plantilla en la que deseas agregar el módulo Sígueme personalizado, crea un nuevo módulo de HTML personalizado. Puedes hacer que este módulo sea global después de que se completa, por lo que se puede reutilizar en tu sitio. Ten en cuenta que los módulos globales no se pueden agregar a los grupos globales.
Paso 3:
Agrega la siguiente línea de código para cada una de las redes que deseas conectar, reemplazando el texto de relleno con la información adecuada. Asegúrate de dejar las comillas ("") en su lugar.
<!--Name of Social Network--> <a href="URL of Account on Social Network"><img src="URL of icon from File Manager" alt="Alt Text to be displayed in event that the image doesn't load"></a>
Paso 4:
Si deseas que el módulo sea global, haz clic en el ícono de configuración en la esquina superior derecha del módulo y selecciona la opción "Convertir en global".
Módulo Sígueme vertical
Paso 1:
Carga tus archivos de íconos personalizados al administrador de archivos.
Paso 2:
Navega hasta Contenido > Administrador de diseño y en la plantilla en la que deseas agregar el módulo Sígueme personalizado, crea un nuevo módulo de HTML personalizado. Puedes hacer que este módulo sea global después de que se completa, por lo que se puede reutilizar en tu sitio. Ten en cuenta que los módulos globales no se pueden agregar a los grupos globales.
Paso 3:
Crea una lista desordenada de las cuentas de red social que deseas conectar a través del siguiente código. Agrega elementos de línea adicionales, según sea necesario.
<ul> <li><a href="URL of Account on Social Network"><img src="URL of icon from File Manager" alt="Alt Text to be displayed in event that the image doesn't load"></a></li> <li><a href="URL of Account on Social Network"><img src="URL of icon from File Manager" alt="Alt Text to be displayed in event that the image doesn't load"></a></li> <li><a href="URL of Account on Social Network"><img src="URL of icon from File Manager" alt="Alt Text to be displayed in event that the image doesn't load"></a></li> </ul>
Paso 4:
Los íconos aparecerán como un lista con viñetas. Para quitar las viñetas, agrega la clase Sígueme
a las declaraciones CSS en el módulo. Luego, agrega la siguiente declaración en el archivo CSS en el creador de plantillas.
.follow-me ul{ list-style: none; }
Paso 5:
Si deseas que el módulo sea global, haz clic en el ícono de configuración en la esquina superior derecha del módulo y selecciona la opción "Convertir en global".
Contenido relacionado
-
Iniciar sesión en HubSpot
Hay varias maneras de iniciar sesión en HubSpot; ingresa una...
Base de conocimientos -
Usar la sincronización del calendario de HubSpot con Google Calendar o Outlook
La sincronización del Calendario de Google y el Calendario de Outlook con HubSpot te permite registrar una...
Base de conocimientos -
Error en el correo electrónico: "Hubo un problema al enviar un correo electrónico a este contacto"
Este mensaje muestra un registro de contacto cuando no se envió un correo electrónico al contacto. Un correo...
Base de conocimientos