Add New Social Options to the Social Links Widget

This is a Developer Level doc.

If you're unfamiliar with PHP and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our Support Policy, we don't provide support for modifications and customization.

If you want to add new social options to the Social Links widget (Appearance > Widgets) for the Sidebar or Footer Widgets area (available only if Ocean Extra plugin is installed and active), use the following PHP snippet:

If you are using OceanWP 2.0.9 version or later, you will need to make corrections to the icon-class part in the code.


Instead of:

'icon_class' => 'fab fa-tripadvisor',

Use  this:

'icon_class' => oceanwp_icon( 'tripadvisor', false),

You can find the list of all available OceanWP SVG Icons here.

Need to display an icon that is not added to theme list? Learn how to add it here.

 * Add new social options to the Social Links Widget
function my_ocean_social_widgets_options( $array ) {

        $array['snapchat'] = array(
		'name' => 'Snapchat',
		'icon_class' => 'fab fa-snapchat',

	// TripAdvisor icon
	$array['tripadvisor'] = array(
		'name' => 'TripAdvisor',
		'icon_class' => 'fab fa-tripadvisor',

	// Amazon icon
	$array['amazon'] = array(
		'name' => 'Amazon',
		'icon_class' => 'fab fa-amazon',
	// Line icon
	$array['line'] = array(
		'name' => 'Line',
		'icon_class' => 'fab fa-line',
	// QQ icon
	$array['qq'] = array(
		'name' => 'QQ',
		'icon_class' => 'fab fa-qq',
	// Weibo icon
	$array['weibo'] = array(
		'name' => 'Weibo',
		'icon_class' => 'fab fa-weibo',
	// Weixin icon
	$array['weixin'] = array(
		'name' => 'Weixin',
		'icon_class' => 'fab fa-weixin',

	// Return
	return $array;

add_filter( 'ocean_social_widget_profiles', 'my_ocean_social_widgets_options' );

*Icon classes have been altered to correspond to the Font Awesome 5 classes. If you are still using Font Awesome 4, visit the following link to get the correct class: Font Awesome 4 Icons.

Useful link: Font Awesome 5 Icons.

Changes will not affect the Social Links widget that is already assigned to a Sidebar or Footer Column, so you will need to add the widget again to its respective area and remove the existing one.

All PHP snippets should be added via a child theme's functions.php file.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.