Meter icono de telofono como aparece en la foto

[smonje]

Buenas!

Quería preguntaros si es posible insertar en mi web un icono de movil como el que adjunto en la foto que aparece en la esquina de abajo a la izquierda para que puedan llamar a la tienda directamente.

 

Y si es posible, como puedo hacerlo?

 

Un saludo y gracias,

Edited May 17, 2017 by sonia.monje (see edit history)

[mbhmarck]

Posiblemente ese icono sea un módulo que viene con la plantilla del desarrollador de ese theme, con el botón derecho del ratón puedes ver que tema usa esa web.

 

EDITO: esa web no es prestashop es WooCommerce de Wordpress

Edited April 29, 2017 by mbhmarck (see edit history)

[genweb]

Puedes hacerlo con un módulo que te permita insertar HTML básico o también editando la plantilla.

 

Los enlaces a un  teléfono se hacen en HTML, podrías agregarle también un icono con algo más de código.

 

Y con CSS podrías posicionar tu código agregado siempre en el bottom-left de la página.

<a href="tel:+1800229933">Llámanos!</a>

[nadie]

Para añadir codigo html, tienes (si te da miedo editar la plantilla) por ejemplo módulos gratuitos como contentbox: http://contentbox.org/ u htmlbox https://mypresta.eu/modules/front-office-features/html-box.html

 

Puedes añadir la información que te comenta el compañero genweb en esos módulos.

 

Tienes una comparativa de ambos módulos por aquí: http://victor-rodenas.com/2017/04/13/contentbox-vs-htmlbox-en-prestashop/

 

Suerte con el proceso !

[smonje]

Buenasssssss! gracias por vuestros comentarios, he probado a usar el modulo de contentbox y lo he añadido en la columna izquierda, porque es cierto que me gustaría ponerlo en "bottom-lef" pero no me aparece para configurarlo en ese lugar, como puedo hacerlo?

Le podéis echar un ojo? ademas lo he puesto y se ve el código literal, no pone el número como enlace... esta en la columna izquierda abajo del todo

 

Espero vuestra respuesta.

Muchas gracias

Edited May 17, 2017 by sonia.monje (see edit history)

[genweb]

En el código, tienes que cambiar "teléfono" por "tel".

 

También te falta cerrar el inicio del enlace (marcado en rojo) por eso no funciona bien.

 

 

<a href="tel:+34687398...">

 

Una vez tengas el enlace, bastaría con agregarle código CSS para reubicarlo.

 

 

<a style="position: fixed;bottom: 20px;left: 20px;" href="tel:+34687398...">

Edited May 2, 2017 by genweb (see edit history)

[smonje]

No sé lo que pasa porque lo tengo cerrado: literalmente le he puesto ahora:

<a style="position: fixed;bottom: 20px;left: 20px;href="+34687...">Llámanos</a>

[nadie]

No sé lo que pasa porque lo tengo cerrado: literalmente le he puesto ahora:

<a style="position: fixed;bottom: 20px;left: 20px;" href="+34687...">Llámanos</a>

No se que modulo estas usando si el htmlbox o contentbox para colocar el código html, pero si escribes código html directamente,  te recomiendo apaga el editor gráfico o usar el icono <> de código. (Estas pegando directamente el codigo en el grafico y te lo esta imprimiento textualmente..)

 

Adjunto pantallazo Editor grafico apagado

 

 

Adjunto pantallazo Editor grafico encendido -> Codigo Fuente

 

[smonje]

Ahora si! Muchísimas gracias, ya lo tengo, ahora una cosilla

themes/default/img he subido ahí un icono y me gustaría en vez de "Llamanos" poner el icono con img src me puedes decir como?

Graciassssss

[genweb]

Ahora si! Muchísimas gracias, ya lo tengo, ahora una cosilla

themes/default/img he subido ahí un icono y me gustaría en vez de "Llamanos" poner el icono con img src me puedes decir como?

Graciassssss

 

Con esto debería servir

 

 

<a style="position:fixed;bottom:15px;left:15px;color:#5f928b;href=" +34687398952"=""> <img src="https://miavintage.es/themes/default/img/tuimagen.png"></a>

[smonje]

He subido la foto en png y jpg a esa ruta, pero si le pinchas la imagen no se ve... No sé lo que pasa pero aparece el recuadro en la web vacío, y no lleva al móvil...

 

Un saludo,

Edited May 17, 2017 by sonia.monje (see edit history)

[smonje]

me da un error 404 porque no se puede encontrar la imagen en la ruta que la he puesto, lo que no quiero es ponerlo en una ruta sobre /home/user porque no quiero que inspeccionando se ve el user... sabéis como lo puedo hacer? 

 

Gracias!

[genweb]

El nombre de la carpeta de tu theme es "default-bootstrap" no solamente "default".

 

De todas formas, sigue sin poder accederse a la foto, así que en esa ruta no está.

 

Lo mejor es que la metas en tu directorio raíz, en la carpeta "img", donde tienes la cabecera.

 

Y la ruta será algo así, como la de la cabecera:
 

https://miavintage.es/img/my-store-logo-1493062733.jpg

[nadie]

Veo que ya lo has subido finalmente, al directorio raiz:

https://miavintage.es/img/telefono.png

Personalmente, yo prefiero que lo tengas subido a:

https://miavintage.es/themes/default-bootstrap/img/telefono.png

Pero bueno, eso ya depende de ti..
 
En el "src" de tu web has puesto esto:

<img src="https:/miavintage.es/img/telefono.png" />

En todo caso es asi:

<img src="https://miavintage.es/img/telefono.png" />

Te has comido una barra
 
Otra cosa que no tiene nada que ver, pero te lo comento es que he visto en tu web esto:

 <a style="position:fixed;bottom:15px;left:15px;color:#5f928b;href="tel:+34687398952"="" > ...

en todo caso ... suponiendo que sea correcto ,sería asi:

<a  style="position:fixed;bottom:15px;left:15px;color:#5f928b;" href="tel:+34687398952" > ...

te has comido comillas por el camino..

Edited May 3, 2017 by nadie (see edit history)

[smonje]

He corregido lo que me dices muchas gracias y me daba el error siguiente:(

<a style="position:fixed;bottom:15px;left:15px;color:#5f928b;" href=" +34687..."> <img src="https://miavinta.../telefono.png"></a>

 

Failed to load resource: the server responded with a status of 404 (Not Found)

 

 

Lo he metido en la ruta del logo y ya lo veo!

Ahora me da este error:

ESTA PÁGINA NO ESTÁ DISPONIBLE

LO SENTIMOS, LA DIRECCIÓN WEB QUE HA INTRODUCIDO NO SE ENCUENTRA DISPONIBLE.

Sabes que me puede estar pasando?

Graciassss

Edited May 17, 2017 by sonia.monje (see edit history)

[nadie]

He corregido lo que me dices muchas gracias y me daba el error siguiente:(

<a style="position:fixed;bottom:15px;left:15px;color:#5f928b;" href=" +34687..."> <img src="https://miavintage.es/themes/default-bootstrap/img/telefono.png"></a>

 

Failed to load resource: the server responded with a status of 404 (Not Found)

 

 

Lo he metido en la ruta del logo y ya lo veo!

Ahora me da este error:

ESTA PÁGINA NO ESTÁ DISPONIBLE

LO SENTIMOS, LA DIRECCIÓN WEB QUE HA INTRODUCIDO NO SE ENCUENTRA DISPONIBLE.

Sabes que me puede estar pasando?

Graciassss

Error de la imagen corregido, una vez has corregido la ruta.

 

Ahora el nuevo error, te lo da al pulsar al pulsar el enlace, 

 

Cambia: (no pusistes la palabra "tel")

href="+34687398952"

por

href="tel:+346494461709"

o por:

https://api.whatsapp.com/send?phone=tuNumerodeTelefono

y asi al usuario se le abrira wasap.

[smonje]

Ya lo tengoooooooooooo, ya me funciona en el movil, lo del whatsapp es lo que quería la chica de la tienda, pero sinceramente no lo recomiendo pueden abrasarte a whatsapp y es mas facil y mas directo llamar no? Tu ves mejor el whatsapp? como que está mas a la moda pero no sé... igual podría desactivar este modulo para ordenadores (que en movil solo se llame) y poner el htmlbox para enlanzar a whatsapp solo en el ordenador.... por tu experiencia que me aconsejas? es la primera vez que hago un ecommerce....

Gracias por tu ayudaaaaaaaaa!

[nadie]

Ya lo tengoooooooooooo, ya me funciona en el movil, lo del whatsapp es lo que quería la chica de la tienda, pero sinceramente no lo recomiendo pueden abrasarte a whatsapp y es mas facil y mas directo llamar no? Tu ves mejor el whatsapp? como que está mas a la moda pero no sé... igual podría desactivar este modulo para ordenadores (que en movil solo se llame) y poner el htmlbox para enlanzar a whatsapp solo en el ordenador.... por tu experiencia que me aconsejas? es la primera vez que hago un ecommerce....

Gracias por tu ayudaaaaaaaaa!

Yo personalmente, no usaría ninguna de las dos opciones, es decir, ni el icono camuflado, ni el enlace hacia wasap, simplemente el número de teléfono en una zona visible.

 

Pero yo no soy experto en ventas, pregunta por esta zona: https://www.prestashop.com/forums/forum/319-ventas-online-y-seo/ a ver si los expertos en marketing, ventas, etc.. te pueden orientar sobre si merece o no la pena lo que has realizado y lo que piensas hacer.

 

Saludos y suerte con todo !

[genweb]

Yo creo que todo depende del tipo de negocio.

Hay negocios en los que una labor comercial (convencerte) es indispensable, y ahí es importante una conversación telefónica.

Hay otros donde puede haber dudas técnicas concretas que con un whatsapp se resuelven mejor y no te van a molestar a la hora de comer o mientras estás durmiendo en el caso de que vendas al extranjero.