Datos del botón

3min
Para modificar el formato del botón utilizando JavaScript, debes seguir los siguientes pasos:
Define la variable window.AC_widget antes de escribir el script del botón. Esta variable contendrá las propiedades del botón que deseas modificar.
JS
window.AC_widget = {
  text: "Estamos online!",
  text_color: "#ffffff",        // Texto blanco
  icon: "bubbles",              // Icono de burbujas
  icon_color: "#000000",        // Icono negro
  background_color: "#ff0000",  // Fondo rojo
  visible: true                 // Botón visible
}
window.AC_widget = {
  text: "Estamos online!",
  text_color: "#ffffff",        // Texto blanco
  icon: "bubbles",              // Icono de burbujas
  icon_color: "#000000",        // Icono negro
  background_color: "#ff0000",  // Fondo rojo
  visible: true                 // Botón visible
}
﻿
La propiedad "text" define el texto que se mostrará en el botón. Puedes modificarlo según tus necesidades.
La propiedad "text_color" define el color del texto. En este caso, el texto es blanco (#ffffff). Puedes cambiarlo por el color que desees.
La propiedad "icon" define el icono que se mostrará en el botón. Puedes elegir entre los siguientes valores: "bubbles", "circle", "dots" o "mail". En este caso, se ha elegido el icono de burbujas.
La propiedad "icon_color" define el color del icono. En este caso, el icono es negro (#000000). Si deseas cambiarlo, puedes modificar este valor.
La propiedad "background_color" define el color de fondo del botón. En este caso, el fondo es rojo (#ff0000). Puedes cambiarlo por el color de tu preferencia.
La propiedad "visible" define si el botón será visible o no. Si deseas ocultar el botón inicialmente, cambia el valor a "false". Para que el botón sea visible, déjalo como "true".
Una vez que hayas definido la variable window.AC_widget con las propiedades deseadas, podrás utilizarla en el script del botón para modificar su formato según tus especificaciones.
﻿
Recuerda que primero debes colocar la variable window.AC_widget y luego el script del botón. A continuación te mostramos un ejemplo completo:
HTML
<script>

// Primero la variable con la personalización del botón
window.AC_widget = {
  text: "Estamos online!",
  text_color: "#ffffff",        // Texto blanco
  icon: "bubbles",              // Icono de burbujas
  icon_color: "#000000",        // Icono negro
  background_color: "#ff0000",  // Fondo rojo
  visible: true                 // Botón visible
}

// Luego el script del botón
function loadAsisteClick(callback) { var AsisteClick = document.createElement('script'); AsisteClick.onload = callback; AsisteClick.async = true; AsisteClick.src = 'https://app.asisteclick.com/v3/widget.php?id=asisteclick-11&async=1&floating=DL&deptid=0&layer=1'; var s0 = document.getElementsByTagName('script')[0]; s0.parentNode.insertBefore(AsisteClick, s0); } 
loadAsisteClick(function() {} ); 

</script>

<script>

// Primero la variable con la personalización del botón
window.AC_widget = {
  text: "Estamos online!",
  text_color: "#ffffff",        // Texto blanco
  icon: "bubbles",              // Icono de burbujas
  icon_color: "#000000",        // Icono negro
  background_color: "#ff0000",  // Fondo rojo
  visible: true                 // Botón visible
}

// Luego el script del botón
function loadAsisteClick(callback) { var AsisteClick = document.createElement('script'); AsisteClick.onload = callback; AsisteClick.async = true; AsisteClick.src = 'https://app.asisteclick.com/v3/widget.php?id=asisteclick-11&async=1&floating=DL&deptid=0&layer=1'; var s0 = document.getElementsByTagName('script')[0]; s0.parentNode.insertBefore(AsisteClick, s0); } 
loadAsisteClick(function() {} ); 

</script>
﻿
﻿
Updated 07 Sep 2023
Did this page help you?
Webchat
Campos personalizados