Why do it: To display and make clickable the links to the social profiles (Facebook, Instagram, LinkedIn, etc.) specific to each staff member on their detail page.
Procedure to Add Social Profiles
This procedure must be performed within the template page used to display the details of a single staff member (internally called staff-detail).
1. Access the Visual Builder and Edit the Staff Template:
- Open the Visual Builder.
- Navigate to or select the template page dedicated to User Details (Staff Detail).
2. Add a Link or Social Icon Element:
- Drag a new block that supports a link (for example, an "Icon" block, a "Button" block, or a "Text" block for a hyperlink).
- Position the block at the desired point on the page.
3. Configure the Dynamic URL (Shortcode):
- Select the newly added block and open its settings (for example, the "Link" or "URL" section).
- Instead of entering a fixed URL, insert the shortcode corresponding to the social profile you want to display.
Use the following codes for their respective social networks:
| Social Platform | Shortcode to Insert |
|---|---|
{staff-social-facebook} | |
{staff-social-instagram} | |
| X (Twitter) | {staff-social-twitter} |
{staff-social-linkedin} |
Example: If you are configuring the Facebook icon, paste {staff-social-facebook} into the URL field.
4. Save Changes:
- Save the block settings.
- Save changes to the entire template page in the Visual Builder.
The block will now automatically show the correct social profile for the staff member, provided that the URL has been entered in their user profile in the admin panel. If a social field is empty, the link will not be displayed or will redirect to an empty page (depending on block configuration).
