WordPress

Integración de Chat en vivo de Smartsupp

¿Aún no tienes cuenta de Smartsupp? Regístrate gratis en sólo 2 minutos!

WordPress.org

Selecciona tutorial: WordPress.org, WordPress.com

  1. Usando nuestro plugin
  2. Insertar el código de forma manual
  3. Cambios personalizados avanzados

1.] Usando nuestro plugin

La opción más fácil es instalar nuestro plugin e iniciar la sesión en tu cuenta.

paso 1 Instala el plugin

Plugins > Agregar nuevo, busca el Smartsupp Live Chat y haz clic a Instalar ahora.

smartupp-wordpress-plugin-01

Una vez instalado el complemento, haz clic en Activar.

smartupp-wordpress-plugin-02

paso 2 Inicia la sesión en tu cuenta Smartsupp

Puedes Crear una cuenta nueva o Conectar una cuenta existente.

smartupp-wordpress-plugin-03

Si todo está bien, verás esta página:

smartupp-wordpress-plugin-04

Para chatear con los visitantes de tu web, inicia la sesión en Smartsupp.

  1. Usando nuestro plugin
  2. Insertar el código de forma manual
  3. Cambios personalizados avanzados

2.] Insertar el código de forma manual

Si no deseas utilizar el complemento (plugin), puedes insertar el código directamente en el tema de WordPress.

 Ten cuidado: puedes destruir tu sitio web! Envía este tutorial a tu webmaster.
paso 1 Copia el código

Tu código se encuentra en Smartsupp > Ajustes > Caja de chat > Código de chat.

paso 2 Inserta el código

Apariencia > Editor > Encabezado de tema (header.php) > Insertar código > Actualizar archivo

smartupp-wordpress-code

  1. Para chatear con los visitantes de tu web, inicia la sesión en Smartsupp.

    1. Usando nuestro plugin
    2. Insertar el código de forma manual
    3. Cambios personalizados avanzados

3.] Cambios personalizados avanzados

¿No quieres usar el complemento o has insertado el código manualmente y necesitas cambios personalizados avanzados?

paso 1 Instala “Scripts n Styles”

De forma predeterminada, cuando instalas nuestro complemento o insertas nuestro código en el encabezado, se muestra en todas las páginas. En caso de que necesites mostrar nuestro código en ciertas páginas específicas o tal vez sólo una página, instalala el complemento (plugin) de tercero de WordPress Scripts n Styles.

smartupp-wordpress-code-sns-01

paso 2 Copia el código

Tu código se encuentra en Smartsupp > Ajustes > Caja de chat > Código de chat.

paso 3 Modifica el código 

Necesitas hacer algunos pequeños cambios en nuestro código predeterminado.

Lee cuidadosamente o no funcionará. 

Quita estas líneas de nuestro código:

<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
</script>

Tu código original…

<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
window.smartsupp||(function(d) {
 var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
 s=d.getElementsByTagName('script')[0];c=d.createElement('script');
 c.type='text/javascript';c.charset='utf-8';c.async=true;
 c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>

… tiene que ser tal como se ve a continuación. EJEMPLO SOLAMENTE. ¡NO LO COPIES!

var _smartsupp = _smartsupp || {};
_smartsupp.key = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
window.smartsupp||(function(d) {
 var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
 s=d.getElementsByTagName('script')[0];c=d.createElement('script');
 c.type='text/javascript';c.charset='utf-8';c.async=true;
 c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
paso 4 Inserta el código
  1. Ve a Páginas, edita la página que deseas y por debalo del contenido en Scripts n Styles inserta el código modificado.
  2. Haz clic en Actualizar secuencias de comandos y Actualiza tu página. Click Update Scripts and Update your page.

smartupp-wordpress-code-sns-02

Para chatear con los visitantes de tu web, inicia la sesión en Smartsupp.

WordPress.com

Selecciona tutorial: WordPress.org, WordPress.com

El Smartsupp no se puede instalar en WordPress.com

El código de seguimiento no se puede instalar en un sitio web gratuito alojado en WordPress.com debido al hecho de que los complementos personalizados no se pueden instalar en la plataforma. Además, JavaScript personalizado está bloqueado de ser incrustado dentro de estos tipos de sitios.