Voldemorth
No recomendado
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
- Desde
- 10 Ene 2012
- Mensajes
- 928
Hace poco alguien preguntaba por la funcionalidad de compartir citas de texto en su web. Como tenia algo de tiempo libre anoche cree este shortcode que permite generar un link para compartit contenido por whatsapp.
El funcionamiento es simple, se le pueden pasar 4 parámetros al shortcode según se requieran que son:
tel: este parámetro es para definir un numero de teléfono en caso de que queramos que el cliente nos envie un mensaje a nuestro whatsapp aunque no nos tenga agregados. Si no se define al picar en el link podremos elegir a que contacto de nuestro whatsapp compartirle el contenido.
url: este parametro permite definir una url o cualquier texto que gusten compartir ya sea una frase, etc. Si no se define se enviara la url de donde esta el boton (ideal para compartir post, o productos de woocommerce)
visual: visual permite definir como se vera el link, si quieren poner una imagen, un boton o lo que sea. si no esta definido se mostrara el icono de whatsapp que trae font awesome (deben tener la fuente instalada en su sitio para su correcto uso.
class: Este parámetro permite definir las clases que ocupa el link, originalmente maneja una clase whatsapp que se cambiara por las que definan, así mismo en caso de ver el sitio desde el teléfono se coloca una clase in_mobile para que puedan ajustar los estilos.
Para usar el shortcode deben usar este texto:
Recuerden agregar los atributos que ocupen.
Por ultimo pero no menos importante el código:
Tengo actualmente un plugin subido al directorio de wordpress.org con esta misma funcionalidad esperando valdiacion pero realmente es algo que perfectamente pueden aplicar en su archivo de funcioens.
El funcionamiento es simple, se le pueden pasar 4 parámetros al shortcode según se requieran que son:
tel: este parámetro es para definir un numero de teléfono en caso de que queramos que el cliente nos envie un mensaje a nuestro whatsapp aunque no nos tenga agregados. Si no se define al picar en el link podremos elegir a que contacto de nuestro whatsapp compartirle el contenido.
url: este parametro permite definir una url o cualquier texto que gusten compartir ya sea una frase, etc. Si no se define se enviara la url de donde esta el boton (ideal para compartir post, o productos de woocommerce)
visual: visual permite definir como se vera el link, si quieren poner una imagen, un boton o lo que sea. si no esta definido se mostrara el icono de whatsapp que trae font awesome (deben tener la fuente instalada en su sitio para su correcto uso.
class: Este parámetro permite definir las clases que ocupa el link, originalmente maneja una clase whatsapp que se cambiara por las que definan, así mismo en caso de ver el sitio desde el teléfono se coloca una clase in_mobile para que puedan ajustar los estilos.
Para usar el shortcode deben usar este texto:
HTML:
[whatsapp]Por ultimo pero no menos importante el código:
HTML:
function whatsapp_share_shortcode( $atts ) {
// Attributes
$atts = shortcode_atts(
array(
'tel' => 'none',
'url' => 'none',
'visual' => 'none',
'class' => 'whatsapp',
),
$atts
);
global $wp;
$url = home_url( add_query_arg( array(), $wp->request ) );
$visual = '<i class="fa fa-whatsapp" aria-hidden="true"></i>';
if ($atts['url'] != "none"){
$url = $atts['url'];
}
if ($atts['visual'] != "none"){
$visual = $atts['visual'];
}
if ($atts['tel'] != "none"){
$href = "phone=".$atts['tel']."text=".$url;
} else {
$href = "text=".$url;
}
$r = "<a class='".$atts['class']."' href='https://web.whatsapp.com/send?".$href."'>".$visual."</a>";
if ( wp_is_mobile() ) {
$r = "<a class='".$atts['class']." in_mobile' href='https://api.whatsapp.com/send?".$href."'>".$visual."</a>";
}
return $r;
}
add_shortcode( 'whatsapp', 'whatsapp_share_shortcode' );Tengo actualmente un plugin subido al directorio de wordpress.org con esta misma funcionalidad esperando valdiacion pero realmente es algo que perfectamente pueden aplicar en su archivo de funcioens.
