ADD WHATSAPP ICON

Add Whatsapp to the social share section:
1. Upload this zip file in Enfold > Import/Export > Icon Font Manager.
2. If you have a child theme functions.php add this at the bottom:

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
	$icons['whatsapp']	 = array( 'font' =>'whatsapp-font-icon', 'icon' => 'ue800');
	return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
	$icons['Whatsapp'] = 'whatsapp';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

//Add items on the social share section
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args)
{
	$new_array = array(
		'whatsapp' => array(
			"encode"=>true, "encode_urls"=>false, "pattern" => "whatsapp://send?text=[title]-[permalink]"
		)
	);

	return array_merge($new_array, $args);
}

3. If you don’t have a child theme functions.php, install this plugin
and add the code from step 2 into the functions.php added by the plugin.
4. Add this to your Quick CSS to change the whatsapp-button color.

/* Whatsapp button color */
#top #wrap_all .av-social-link-whatsapp:hover a {
color: #fff;
background-color: #3bb528;
}

Hello from Madrid. I have installed wordpress multisite 4.4.

I’ve tried to follow the steps of reply #532969 (installing functionality plugin).

Seems that it should work well, but I can’t make the whatsapp option appears in “Social Profiles”.

I don’t know what I’m doing wrong. Any help?

Hello Josue.

I followed the instructions. It seems that it works in my “Primary site”, but not where I want (in a subfolder, when I have the site I’m building).

My functions.php created in enfold-child:

<?php
function theme_enqueue_styles() {

$parent_style = ‘parent-style’;

wp_enqueue_style( $parent_style, get_template_directory_uri() . ‘/style.css’ );
wp_enqueue_style( ‘child-style’,
get_stylesheet_directory_uri() . ‘/style.css’,
array( $parent_style )
);
}
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons[‘whatsapp’] = array( ‘font’ =>’whatsapp-font-icon’, ‘icon’ => ‘ue800’);
return $icons;
}
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons[‘Whatsapp’] = ‘whatsapp’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);

//Add items on the social share section
add_filter(‘avia_social_share_link_arguments’, ‘avia_add_social_share_link_arguments’, 10, 1);
function avia_add_social_share_link_arguments($args)
{
$new_array = array(
‘whatsapp’ => array(
“encode”=>true, “encode_urls”=>false, “pattern” => “whatsapp://send?text=[title]-[permalink]”
)
);

return array_merge($new_array, $args);
}
?>

This returns a “500” error.

Maybe a multisite issue?

Of course. Here we go…

Probably wasn’t working for you because I was logged at the same time. You have full access now.

Anyway, I give up. Too much for me. I can’t even see any debug.log created.

Such an important thing as the whatsapp link (nowadays), and so difficult and “hidden”… I can’t understand it.

I think you should describe a step-by-step how-to do this.

• This reply was modified 8 years, 11 months ago by marcosgil.

Thank you Josue. I appreciate your help. Especially when it seems a wordpress problem and not a enfold’s.

However, it doesn’t work.That code returns a 500 error.

If I put that code as a comment (between /* */), the child theme works fine, and that avoids the 500 error, but -of course- I cannot install the whatsapp icon.

Done. But if I add at the bottom the…

add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
function theme_enqueue_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );

}

function avia_add_custom_icon($icons) {
$icons[‘whatsapp’] = array( ‘font’ =>’whatsapp-font-icon’, ‘icon’ => ‘ue800′);
return $icons;
}
add_filter(‘avf_default_icons’, ‘avia_add_custom_icon’, 10, 1);

function avia_add_custom_social_icon($icons) {
$icons[‘Whatsapp’] = ‘whatsapp’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);

… it doesn’t work (500 error).

• This reply was modified 8 years, 11 months ago by marcosgil.

Ok Josue, thanks for your patience! It works finally.

Still remained the last step: the link that makes the icon work.

In the Social Icon URL: whatsapp://send?text=www.yourdomain.com.

I think there is a way to link exactly the page where you are (and not always the main “www.yourdomain.com”), but anyway… I’m happy enough :)

Thank you again, best regards