TE AYUDAMOS A DESTACAR EN INTERNET

TE AYUDAMOS A DESTACAR EN INTERNET

Ayudamos a pequeñas empresas a vender más en internet

Hoy en Destaca imagen queremos compartir con vosotros este tutorial. Vamos a incluir un icono de WhatsApp en nuestra web. Con un enlace a directo a nuestro perfil de WhatsApp para nuestro posibles clientes o usuarios puedan hacer click y directamente chatear con nosotros. ¿Suena práctico verdad?

Te adelantamos que si eres de los que prefieren delegar puedes contactar con nosotros y por sólo 20€ + IVA añadiremos esta funcionalidad a tu web y mostraremos este icono en el horario que quieras.

El resultado es este:

whatsapp

 

También te recordamos que puedes utilizar WhatsApp en tu ordenador. Si, has oido bien. Puedes escribir, enviar archivos, audios, ubicaciones, contactos, etc… desde tu equipo. Si no conocías esta funcionalidad estamos seguro que ahora te habrás quedado con la boca abierta. Te recomendamos que leas este otro artículo donde te explicamos como hacerlo: https://www.destacaimagen.com/whatsapp-web-para-empresas/

Whatssapp web - como utilizarlo en la empresa

Retomamos el tutorial

Como añadir nuestro icono y un enlace a nuestro WhatsApp:

Si trabajas con WordPress, debes añadir este código al footer de tu web. Puedes localizar y editar este archivo en:

aparaciencia-personalizar-editor

Después debes seleccionar el archivo footer.php y añadir el código que aparece debajo

footer-wordpress

Código a añadir:

<div id="whatsapp-icon" style="position:fixed; left:10px; bottom:10px; text-align:center; padding:3px">
<a href="https://api.whatsapp.com/send?phone=+34662681XXX">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/WhatsApp.svg/240px-WhatsApp.svg.png" width="50" height="50"></a>
</div>

Muy importante
Debes sustituir el número de teléfono que aparece en el código anterior por tú numero de teléfono ….?phone=+34662681XXX

¿Prefieres que el icono aparezca a la izquierda?

Sólo debes cambiar el valor left:10px; por right:10px;. El código final sería este:

<div style="position:fixed; right:10px; bottom:10px; text-align:center; padding:3px">
<a href="https://api.whatsapp.com/send?phone=+34662681XXX">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/WhatsApp.svg/240px-WhatsApp.svg.png" width="50" height="50"></a>
</div>

Ocultar icono de WhatsApp en ordenadores

Por último, vamos a hacer algo que no es obligatorio pero si recomendable. Ocultaremos el icono de whatsApp para tablets y ordenadores.

Para ello debemos añadir este código en apariencia / personalizar / css personalizado

css-personalizado

@media (min-width:767px){
	#whatsapp-icon{
		display:none;
	}
}

Gestionar el horario de atención al cliente

Aquí la solución más sencilla que te recomendamos es que utilices WhatsApp Business. Esta es la versión para empresas. Tiene funcionalidades especiales para negocios, como crear un horario de atención al cliente y una respuesta automática para cuando te escriben fuera de este horario.

Whatsapp Business

Recuerda diseñamos y desarrollamos páginas webs, así que si prefieres encargarnos esta tarea o pedirnos presupuesto para el desarrollo de tu tienda online, web corporativa contacta con nosotros haciendo clic aquí y encantados te atenderemos.

Destaca Imagen

Escrito por:

Ayudamos a pequeñas y medianas empresas a vender más en Internet. A través del diseño, el desarrollo web, SEO y marketing. ¿Te gustaría destacar en Internet? Contacta con nosotros

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Suscripción newsletter
Antonio Fernández Clement 74359371A como responsable del tratamiento y legitimado por su consentimiento tratará sus datos para el envío de publicidad y boletines informativos. No cedemos la info. Tiene derecho a Acceso, rectificación, supresión, oposición y limitación de los datos y otros derechos, como se explica en nuestra política de privacidad.
Enviando
En Destaca Imagen utilizamos cookies para mejorar la experiencia de navegación. Al continuar navegando entendemos que se aceptas nuestra política de cookies.
Cerrar | Más info