How to Customize User Profile Fields and Social Links in SureDash v1.5.0

Introduction

In SureDash v1.5.0, we’ve introduced additional profile fields and an entirely new section to help users personalize their community profiles better. Along with the existing profile information, users can now add their Website and Headline, and connect their Social links directly from their profile.

These updates help members share more about who they are and make it easier for others to connect with them.

New Fields in the User Profile

You will now find two new fields under the user profile section:

• Website – Allows users to add their personal or business website link.
• Headline – A short line that appears under the user’s name, great for showcasing a role, tagline, or personal motto.
  These fields appear directly within the profile editor on the frontend.

Social Links Section

The Social Links section is a brand-new addition that lets users link their social media profiles, such as Facebook, Twitter, Instagram, LinkedIn, and more. By default, SureDash includes a few popular platforms, but this can easily be customized through filters.

Each social link includes:

• A label (e.g., Facebook, E-mail)
• A value (the actual URL or handle)
• A placeholder (for guidance)
• An icon (chosen from Lucide Icons, which are supported natively in SureDash)

Customizing Social Links

Developers can customize the available social links by using the suredash_user_profile_social_links filter. You can remove existing social profiles, add new ones, or modify the existing dataset.

Here’s an example of removing LinkedIn and adding a new Figma profile link under user profiles:

/**
 * Social data is in the following form.
 *
 * [
 *     'mail'      => [
 *         'label'       => 'E-mail',
 *         'value'       => $user_social_connections['mail'] ?? '', // User's mail.
 *         'placeholder' => '[email protected]',
 *         'icon'        => 'Mail',
 *     ],
 *     'facebook'  => [
 *         'label'       => 'Facebook',
 *         'value'       => $user_social_connections['facebook'] ?? '', // User's FB link.
 *         'placeholder' => 'https://facebook.com/username',
 *         'icon'        => 'Facebook',
 *     ]
 * ]
 *
 * Accordingly, these socials can be added/updated/removed as per need.
 *
 * Here, let's take an example of removing "LinkedIn" and adding a "Figma" social profile link under user profiles.
 * Use: https://lucide.dev/icons/ for icon handles, it's built-in and supported by SureDash.
 */
add_filter( 'suredash_user_profile_social_links', function( $socials_dataset, $user_social_connections ) {
    unset( $socials_dataset[ 'linkedin' ] ); // Removing LinkedIn default social profile.

    // Let's add Figma link.
    $new_socials = [
        'figma' => [
            'label'       => 'Figma',
            'value'       => $user_social_connections['figma'] ?? '', // User's Figma link.
            'placeholder' => 'https://figma.com/username',
            'icon'        => 'Figma',
        ]
    ];

    $new_connections = array_merge( $socials_dataset, $new_socials );
    return $new_connections;
}, 10, 2 );

Linked Documentation

For more details on how to use and manage the Social Links section from the user’s profile dashboard, refer to the related guide:
👉 How to Add and Manage Social Links in SureDash

Conclusion

With the new profile fields and the customizable social links section, SureDash gives community members more ways to express themselves and stay connected.

If you need any help setting this up or customizing your profile fields, feel free to reach out to our support team. We’re always happy to help!