Por qué hacerlo: Para mostrar y hacer clicables los enlaces a los perfiles sociales (Facebook, Instagram, LinkedIn, etc.) específicos de cada miembro del personal en su página de detalle.
Procedimiento para agregar los perfiles sociales
Este procedimiento debe realizarse dentro de la página modelo (template) utilizada para mostrar los detalles de un solo miembro del personal (internamente llamada staff-detail).
1. Accede al Visual Builder y edita el template del personal:
- Abre el Visual Builder.
- Navega o selecciona la página modelo dedicada a los Detalles del Usuario (Staff Detail).
2. Agrega un elemento enlace o ícono social:
- Arrastra un nuevo bloque que soporte un enlace (por ejemplo, un bloque "Ícono", un bloque "Botón" o un bloque "Texto" para un enlace hipertexto).
- Coloca el bloque en el punto deseado de la página.
3. Configura la URL dinámica (Shortcode):
- Selecciona el bloque recién agregado y abre sus ajustes (por ejemplo, la sección "Enlace" o "URL").
- En lugar de insertar una URL fija, inserta el shortcode correspondiente al perfil social que deseas mostrar.
Utiliza los siguientes códigos para las respectivas redes sociales:
| Plataforma Social | Shortcode a insertar |
|---|---|
{staff-social-facebook} | |
{staff-social-instagram} | |
| X (Twitter) | {staff-social-twitter} |
{staff-social-linkedin} |
Ejemplo: Si estás configurando el ícono de Facebook, pega {staff-social-facebook} en el campo URL.
4. Guarda los cambios:
- Guarda los ajustes del bloque.
- Guarda los cambios en toda la página modelo en el Visual Builder.
El bloque ahora mostrará automáticamente el perfil social correcto para el miembro del personal, siempre que la URL haya sido ingresada en su perfil de usuario en el panel de administración. Si un campo social está vacío, el enlace no se mostrará o redirigirá a una página vacía (según la configuración del bloque).
