# Live Chat einbinden - LiveAgent

**URL:** <https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327>\
**Category:** Shopware 3.5\
**Tags:** themes--design\
**Created:** [3. November 2014 um 09:29 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327 "2014-11-03T09:29:46Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![selltwobe](https://avatars.discourse-cdn.com/v4/letter/s/ea5d25/32.png) [@selltwobe](https://forum.shopware.com/u/selltwobe)\
**Post date:** [3. November 2014 um 09:29 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/1 "2014-11-03T09:29:46Z")

</div>

Hallo, gerne würden wir folgendes Script einbinden, doch leider haut das nicht hin. An welcher stelle genau werden diese Scripte eingebunden? Jemand eine Idee hier? Script:

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [3. November 2014 um 10:09 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/2 "2014-11-03T10:09:55Z")

</div>

In frontend/index/header.tpl `{extends file='parent:frontend/index/header.tpl'} {block name="frontend\_index\_header\_javascript\_jquery" append}<script type="text/javascript">
(function(d, src, c) { var t=d.scripts[d.scripts.length - 1],s=d.createElement('script');s.id='la_x2s6df8d';s.async=true;s.src=src;s.onload=s.onreadystatechange=function(){var rs=this.readyState;if(rs&&(rs!='complete')&&(rs!='loaded')){return;}c(this);};t.parentElement.insertBefore(s,t.nextSibling);})(document,
'//xxxxxxxxxxxxxx/scripts/track.js',
function(e){ LiveAgent.createButton('62415b72', e); });
</script>{/block}`

---

<div class="post-metadata">

**Author:** ![hifibau](https://avatars.discourse-cdn.com/v4/letter/h/d9b06d/32.png) [@hifibau](https://forum.shopware.com/u/hifibau)\
**Post date:** [3. November 2014 um 10:35 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/3 "2014-11-03T10:35:37Z")

</div>

…der LiveAgent ist aber recht teuer. Hast Du dir schon mal LiveZilla angeschaut ?

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [3. November 2014 um 10:47 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/4 "2014-11-03T10:47:31Z")

</div>

[quote=“hifibau”]…der LiveAgent ist aber recht teuer. Hast Du dir schon mal LiveZilla angeschaut ?[/quote] Wir verwenden hier bspw. ZenDesk - Optimales Ticket System inkl. LiveChat für den Kunden im Fronend.

---

<div class="post-metadata">

**Author:** ![sirkali](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@sirkali](https://forum.shopware.com/u/sirkali)\
**Post date:** [12. November 2014 um 13:18 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/5 "2014-11-12T13:18:22Z")

</div>

Hallo Forumgemeinde, ich möchte ebenfalls einen Chat von Zopim in Shpware einbinden. Gehe ich recht in der Annahme, dass dieser ebenfalls in header.tpl eingetragen wird? Habe es mehrfach ohne Erfolg hiermit versucht: {extends file=‚parent:frontend/index/header.tpl‘} {block name=„frontend\_index\_header\_javascript\_jquery“ append}{/block} Was mache ich falsch?

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [12. November 2014 um 13:39 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/6 "2014-11-12T13:39:58Z")

</div>

[quote=“sirkali”]Hallo Forumgemeinde, ich möchte ebenfalls einen Chat von Zopim in Shpware einbinden. Gehe ich recht in der Annahme, dass dieser ebenfalls in header.tpl eingetragen wird? Habe es mehrfach ohne Erfolg hiermit versucht: {extends file=‘parent:frontend/index/header.tpl’} {block name=“frontend\_index\_header\_javascript\_jquery” append}{/block} Was mache ich falsch?[/quote] Es kann gut möglich sein, dass du dieses Skript in den Footer packen musst 😉

---

<div class="post-metadata">

**Author:** ![musikus-hifi1](https://avatars.discourse-cdn.com/v4/letter/m/bbce88/32.png) [@musikus-hifi1](https://forum.shopware.com/u/musikus-hifi1)\
**Post date:** [12. November 2014 um 14:39 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/7 "2014-11-12T14:39:18Z")

</div>

glaube es liegt daran das du {literal} vor dem Script einsetzen musst, also so: `{extends file='parent:frontend/index/header.tpl'} {block name="frontend\_index\_header\_javascript\_jquery" append} {literal}<script type="text/javascript">
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set._.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute('charset','utf-8');$.src='//v2.zopim.com/?2ZAgjZYeur2IIeTRB327VJILTU5sQDju';z.t=+new Date;$.
type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script');
</script>{/literal} {/block} `

---

<div class="post-metadata">

**Author:** ![sirkali](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@sirkali](https://forum.shopware.com/u/sirkali)\
**Post date:** [12. November 2014 um 18:06 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/8 "2014-11-12T18:06:52Z")

</div>

@musikus-hifi: vielen Dank für den Tipp. Das klappt auch wunderbar mit der Chatintegration. Jedoch springt mein Template in ein anderes Design o.O. Muss ich evtl. noch etwas ergänzen, damit das aktuelle Template erhalten bleibt? Sorry, das ist noch ein Mysterium für mich 😃 Der ursprüngliche Eintrag in der header.tpl war dieser: {extends file=‘parent:frontend/index/header.tpl’} {block name=“frontend\_index\_header\_css\_screen” append} {/block}

---

<div class="post-metadata">

**Author:** ![musikus-hifi1](https://avatars.discourse-cdn.com/v4/letter/m/bbce88/32.png) [@musikus-hifi1](https://forum.shopware.com/u/musikus-hifi1)\
**Post date:** [13. November 2014 um 10:28 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/9 "2014-11-13T10:28:21Z")

</div>

kann man es mal sehen? warum hast du den Block mit `{block name="frontend\_index\_header\_css\_screen" append}<link type="text/css" media="screen, projection" rel="stylesheet" href="%7Blink%20file='frontend/_resources/styles/emotion_red.css'%7D">{/block}` rausgelöscht? im Prinzip sagt dieser Block ja das das Stylesheet für emotion\_red verwendet werden soll.

---

<div class="post-metadata">

**Author:** ![Lutz](https://avatars.discourse-cdn.com/v4/letter/l/c4cdca/32.png) [@Lutz](https://forum.shopware.com/u/Lutz)\
**Post date:** [16. Mai 2015 um 11:02 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/10 "2015-05-16T11:02:32Z")

</div>

Hallo, ich hänge mich mal dran. Bei mir geht es um Freshdesk. Ich versuche auf der rechten Seite ein Popup-Widget einzubinden und habe in meinem Theme /frontend/index folgendes in die header.tpl geschrieben `{extends file='parent:frontend/index/header.tpl'} &nbsp; {block name="frontend\_index\_header\_javascript\_jquery" append}<script type="text/javascript" src="http://assets.freshdesk.com/widget/freshwidget.js"></script><script type="text/javascript">
	FreshWidget.init("", {"queryString": "&widgetType=popup", "utf8": "✓", "widgetType": "popup", "buttonType": "text", "buttonText": "Anfrage & Support", "buttonColor": "white", "buttonBg": "#c96916", "alignment": "2", "offset": "350px", "formHeight": "500px", "url": "http://service.printkracher.com"} );
</script>{/block}` Leider kommt es nicht zur Anzeige - Was sollte ich verändern?

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [16. Mai 2015 um 11:07 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/11 "2015-05-16T11:07:12Z")

</div>

Bindet die Dateien als Datei ein. Speichert diese dann in /src/js ab und ladet die Datei über die Theme.php `protected $javascript = array( 'src/js/euerscript.js' );` Siehe auch [hier](https://devdocs.shopware.com/designers-guide/theme-startup-guide/#adding-javascript-files-to-your-theme). Externe Dateien fügt Ihr in eurer [Theme Konfiguration](https://devdocs.shopware.com/designers-guide/external-resources/) hinzu.

---

<div class="post-metadata">

**Author:** ![Bavariashop](https://avatars.discourse-cdn.com/v4/letter/b/c57346/32.png) [@Bavariashop](https://forum.shopware.com/u/Bavariashop)\
**Post date:** [27. Juli 2015 um 10:01 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/12 "2015-07-27T10:01:22Z")

</div>

Hallo! Ich versuche auch, den Zopim Chat einzubinden und habe es mit allen hier geposteten varianten versucht, der Shop wird abgeschossen. Der Code, den ich reinkopiert habe lautet: In die header.tpl im ordner: /templates/\_default/frontend/index/ oder muss das woandershin? Was mach ich falsch? [color=red]Edit:[/color] Hab jetzt einfach mit magnolia kontakt aufgenommen, der support ist sehr gut. 🙂

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [27. Juli 2015 um 10:03 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/13 "2015-07-27T10:03:11Z")

</div>

> [@Bavariashop](#):
>
> Hallo! Ich versuche auch, den Zopim Chat einzubinden und habe es mit allen hier geposteten varianten versucht, der Shop wird abgeschossen.

---

<div class="post-metadata">

**Author:** ![Bavariashop](https://avatars.discourse-cdn.com/v4/letter/b/c57346/32.png) [@Bavariashop](https://forum.shopware.com/u/Bavariashop)\
**Post date:** [27. Juli 2015 um 11:27 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/14 "2015-07-27T11:27:48Z")

</div>

Es scheint schon ne lösung zu geben… Bin aber noch dran. Wenn es echt nicht geht seh ich mir die anderen an, danke! )

---

<div class="post-metadata">

**Author:** ![NiklasW](https://avatars.discourse-cdn.com/v4/letter/n/e8c25b/32.png) [@NiklasW](https://forum.shopware.com/u/NiklasW)\
**Post date:** [4. August 2015 um 12:26 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/15 "2015-08-04T12:26:40Z")

</div>

nur als kurze Anmerkung: unter Shopware 5 funktioniert die zopin Einbindung tadellos…

---

<div class="post-metadata">

**Author:** ![wosproductions](https://avatars.discourse-cdn.com/v4/letter/w/a88e4f/32.png) [@wosproductions](https://forum.shopware.com/u/wosproductions)\
**Post date:** [6. September 2016 um 16:38 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/16 "2016-09-06T16:38:47Z")

</div>

> [@NiklasW schrieb:](https://forum.shopware.com/profile/21491/NiklasW "NiklasW")
> 
> nur als kurze Anmerkung: unter Shopware 5 funktioniert die zopin Einbindung tadellos…

Wo hast du den Code eingebunden?

&nbsp;

Damit bei einem Update nicht alles überschrieben wurde, habe ich das Responsive Theme im Backend&nbsp;kopiert und per FTP unter meintheme/frontend/index die Datei header.tpl angelegt und dort den Code rein kopiert.

Allerdings wird bei mir nichts angezeigt?!

{block name=„frontend\_index\_header\_javascript\_jquery“ append}  
{literal}

{/literal}  
{/block}&nbsp;

Kann mir da jemand einen Tipp geben, bei dem es funktioniert unter Shopware 5?

---

<div class="post-metadata">

**Author:** ![Synonymous](https://avatars.discourse-cdn.com/v4/letter/s/57b2e6/32.png) [@Synonymous](https://forum.shopware.com/u/Synonymous)\
**Post date:** [6. September 2016 um 17:52 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/17 "2016-09-06T17:52:57Z")

</div>

Drei Dinge:

1. Prinzipiell sollten die Scripts in den Footer sofern es technisch nicht unmöglich ist (Performance)
2. Inline-Scripts müssen in Smarty immer in literal-tags gepackt werden
3. Wenn das Overlay für den Chat nicht erscheint müsst ihr prüfen, ob es im Quelltext vorhanden ist und ob es vl. eine Exception (Console) gibt

---

<div class="post-metadata">

**Author:** ![wosproductions](https://avatars.discourse-cdn.com/v4/letter/w/a88e4f/32.png) [@wosproductions](https://forum.shopware.com/u/wosproductions)\
**Post date:** [7. September 2016 um 09:41 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/18 "2016-09-07T09:41:44Z")

</div>

> [@Synonymous schrieb:](https://forum.shopware.com/profile/24210/Synonymous "Synonymous")
> 
> Drei Dinge:
> 
> 1. Prinzipiell sollten die Scripts in den Footer sofern es technisch nicht unmöglich ist (Performance)
> 2. Inline-Scripts müssen in Smarty immer in literal-tags gepackt werden
> 3. Wenn das Overlay für den Chat nicht erscheint müsst ihr prüfen, ob es im Quelltext vorhanden ist und ob es vl. eine Exception (Console) gibt

wie würdest du vorgehen um den Script einzufügen? Vom Code her müsste das ja passen&nbsp;

---

<div class="post-metadata">

**Author:** ![Synonymous](https://avatars.discourse-cdn.com/v4/letter/s/57b2e6/32.png) [@Synonymous](https://forum.shopware.com/u/Synonymous)\
**Post date:** [8. September 2016 um 05:43 UTC](https://forum.shopware.com/t/live-chat-einbinden-liveagent/23327/19 "2016-09-08T05:43:34Z")

</div>

Ich würde es in die footer.tpl packen in literal tags. Wenn es dann nicht funktioniert würde ich mir den Quelltext der Seite ansehen, ob das Script vorhanden ist um mögliche Probleme mit dem Cache oder der Einbindung auszuschließen. Wenn das geklärt ist einen Blick in Inspector/Console, denn dort gibt es dann mit hoher Wahrscheinlichkeit eine Exception.
