Este debate contiene 5 respuestas, tiene 3 mensajes y lo actualizó  Jaime T. Wannabot hace 6 años, 5 meses.

Logo Widget

  • Hola! Alguien me podría decir cómo puedo cambiar la imagen que se muestra en el widget cuando despliego mi bot en una web existente?

    ¡Hola Franchi! Para poder cambiar la imagen predefinida del robot, debes incluir dos líneas de código cuando copias el «Script» dentro de tu página web.

    El código que debes incluir es el siguiente, y sustituir la dirección ‘https’ por la de la imagen que quieras mostrar en tu widget.

    wannabot.setButtonImage(‘https://s3.eu-central-1.amazonaws.com/assets.wannabot.io/chat-5bf1ab3b4cbd98aaa8d4c0c4/interactions/5bf48afa9d96283976dca5e7/wanna_e7775880_ed13_11e8_ae98_9bd03f39b6e1.jpg’);

    Recuerda que el «wannabot.init();» también debes cambiarlo. Deberás moverlo debajo de «wannabot.setButtonImage(‘https:….’);

    Te dejo enlace al video para que puedas verlo más claro.

    https://help.33bot.io/es/article/como-integrar-tu-bot-en-una-pagina-web-wordpress/

    Un saludo

    Buenas Luis,

    Muchas gracias por tu comentario y por tu ayuda. Pero creo que en el código que me has puesto en el comentario es erróneo. Gracias al vídeo que me has adjuntado, he podido ver que en el código que tu has puesto, que después del paréntesis de Image, es decir, «wannabot.setButtonImage(´….», no va un apóstrofe. Lo que hay que incluir son comillas («»). Es decir, la dirección de la imagen que queremos incluir en el widget debe ir entre comillas («»). El código bueno sería: wannabot.setButtonImage(«https://pbs.twimg.com/profile_images/1016937574710079488/3bRGvvo9_400x400.jpg»);

    Muchas gracias por tu ayuda! Entre tu ayuda y el vídeo he sido capaz!

    Espero que les sirva a muchos más!

    Un saludo.

    Buenas a todos!

    He estado observando que los códigos que ponéis en los comentarios no salen del todo bien. Voy a incorporar el último código de Franchi, que es el correcto para cambiar la imagen del widget.

     wannabot.setButtonImage(“https://pbs.twimg.com/profile_images/1016937574710079488/3bRGvvo9_400x400.jpg”);

    Acordaros de cambiar lo que está entre comillas, «», para que salga la imagen que queréis (cambiarla por la dirección de la imagen que vais a incorporar). Muchas gracias Luis por tu comentario pues los pasos a seguir son los correctos! Además el vídeo explicativo que has incorporado ayudará a todo el mundo!

    Gracias a los dos!

    Un saludo

    Se me olvidaba! Para que enmarcar códigos o direcciones largas, os recomiendo que antes de incluir el código o dirección pongáis

    
    

    , y al final del código o dirección . Así quedará enmarcado como el código que cambia la imagen del widget (comentario que hay antes de éste).

    Un saludo!

    Perdonar… Os dejo una foto de cómo incluir el código o dirección para que quede en un recuadro.Cómo introducir un código o dirección en un recuadro

Debes estar registrado para responder a este debate.