Para que sus visitas puedan chatear con usted, primero tendrá que agregar el widget de Chat a su sitio web incrustando el script del widget de Chat en el código fuente HTML de una o más páginas.
Para agregar el widget de Chat a una página web
- En el panel, seleccione Configuración > Widget y luego haga clic en la pestaña Primeros pasos.
- Copie el script para incrustar, como se muestra en el ejemplo a continuación:
- En el código fuente de la página web, pegue el script para incrustar entre las etiquetas de encabezado de la página.
Lo puede pegar ya sea justo después de la etiqueta <head> de inicio o justo antes de la etiqueta <head> de cierre.
Si le preocupa el rendimiento de la carga de la página, le recomendamos que coloque el fragmento al final del cuerpo, <body>, en lugar de en el encabezado, <head>. Si bien el script del fragmento es bastante liviano, es mejor evitar insertar scripts que puedan impedir que el navegador continúe generando una página web mientras no termine de cargarse ese script. Solo recuerde que los scripts que usen la API de JavaScript para Web Widget de Zendesk deberán colocarse después del script del fragmento.
- Guarde y publique la página.
El widget debería estar visible después de volver a cargar la página en un navegador.
35 comentarios
Gamers00
To add the Zendesk Chat widget to your website, copy the embed script from the Settings > Widget section in your Zendesk dashboard. Paste it into your webpage’s HTML, either in the
<head>or at the end of the<body>for better performance. After saving and publishing the page, the widget will appear once reloaded in the browser.0
Gamers00
To add the Zendesk Chat widget to your website, follow these steps:
1. **Access Zendesk Chat Settings**: Log into your Zendesk account, go to **Channels > Chat**, and customize the widget’s appearance and settings to fit your brand.
2. **Obtain the Code Snippet**: Zendesk provides a unique JavaScript code that you'll need to integrate into your website. The code will look like this:
```html
<!-- Begin Zendesk Chat Widget -->
<script type="text/javascript">
window.$zopim || (function(d,s,id){
var z = $zopim = function(c) { z._.push(c) };
z._ = [];
var e = d.createElement(s);
e.async = true;
e.id = id;
e.src = 'https://v2.zopim.com/?YOUR_ACCOUNT_KEY';
var t = d.getElementsByTagName(s)[0];
t.parentNode.insertBefore(e, t);
})(document,'script','zopim');
</script>
<!-- End Zendesk Chat Widget -->
```
3. **Insert the Code into Your Website**: Copy the code and paste it before the `</body>` tag in your website's HTML.
4. **Publish and Test**: After inserting the code, refresh your site to see the chat widget live. This enables real-time communication with website visitors, enhancing customer support.
Make sure to replace `YOUR_ACCOUNT_KEY` with your unique Zendesk Chat account key.
0
Thomsonsteve
To add the Zendesk Chat widget to your OpenCart site, access the File Manager and navigate to
Catalog > View > Theme > Template >Common. Locate thefooter.phpfile and click on Edit to begin integrating the chat widget into your site.0
Lokesh Kumar
when I am checking my webpage on google page speed, I am getting the Error which is also effecting the page load speed.
Attaching the screenshot for your reference. Please provide the solution.
0
Destiny
I appreciate you getting in touch.
It seems you're looking to integrate the Zendesk web widget into your Angular application. Unfortunately, we do not have proprietary documentation on this subject; however, I have managed to locate some external references. Please be mindful that these resources haven't been vetted by us, hence we cannot provide support or address potential challenges that might arise from following those external guides. Your understanding is deeply appreciated.
Zendesk Web Widget Installation
Angular Key is missing from Snippet Zendesk
0
Sam Lotti
Hi, I'm trying to add the script in angular,
https://static.zdassets.com/ekr/snippet.js?key=..mykey..,
But get the error: Key is missing from snippet
The key is valid and works in a plain html page. Is there any documentation for adding the widget to an angular app?
0
Robert Girvin
Hello! Does anyone have an idea of how to set this feature up in SquareSpace?
Thank you,
Robert
0
Greg Katechis
Hi David! I think you may be confusing a couple of our products. This article is describing the chat widget, whereas it looks like you're using the newer Zendesk widget, which allows for messaging. If you're looking for our documentation for the Zendesk widget, we have the API docs here and dev docs here.
In fairness to you, we've had quite a few products over the years with very similar functionality, that are not easily differentiated from one another. Hope this cleared things up a bit, but drop us a line if you run into any issues.
0
David Borge
Why mention that you have to execute the following function for the chat to show up, right?
1
Christopher Kennedy
You can include that snippet in whichever UI template or view where you'd like to include the widget in your Spring Boot web app. Is there a specific complication you've encountered?
-1
Iniciar sesión para dejar un comentario.