Zopim Installation

Adam Frey · November 15, 2014

I was trying to install Zopim into a 3rd party skin. It is a popup chat program. I didn't know if you could tell me which file that I need to add it to. I realize it will need to appear in the master template so it hits every page.

Copy the following script and insert it into your website's HTML source code between the <head> tags.

This code must be inserted into every page on which you wish to display the Zopim Chat Widget.

The general widget is

window.$zopim||(function(d,s){var z=$zopim=function©{z._.push©},$=z.s=

d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.

.t=+new Date;$.

type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script');

</script>

Dirty Butter · November 15, 2014

What skin are you using? In Blueprint it would be main.php.

Adam Frey · November 15, 2014

Using BCPurple -

http://www.euphonium.com/store/

bsmither · November 15, 2014

Any third-party skin must have the same files as a stock skin. There can be more, as is found in BluePrint, but not any less and they must be named the same.

So, the <head></head> block will be found in main.php, or in an included template file that gets called by the main.php template file. It will be obvious.

Adam Frey · November 15, 2014

I did a search and didn't find the <head>

Here is the main.php

<!DOCTYPE html>

<head>

<title>{$META_TITLE}</title>

{if isset($CSS)}

{foreach from=$CSS key=css_keys item=css_files}

{/foreach}

{/if}

{if $ANALYTICS}

{literal}

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl.": "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

var pageTracker = _gat._getTracker('{/literal}{$ANALYTICS}{literal}');

pageTracker._trackPageview();

</script>

{/literal}

{/if}

function addqty(qtyId){

$("#"+qtyId).val(parseInt($("#"+qtyId).val(), 10) + 1);

}

function minusqty(qtyId){

if (parseInt($("#"+qtyId).val(), 10) > 1 ) {

$("#"+qtyId).val(parseInt($("#"+qtyId).val(), 10) - 1);

}

$(function() {

$(".plus").click(function() {

var text = $(this).next(":text");

text.val(parseInt(text.val(), 10) + 1);

});

$(".minus").click(function() {

var text = $(this).prev(":text");

if (parseInt(text.val(), 10) > 1 ) {

text.val(parseInt(text.val(), 10) - 1);

}

});

</script>

</head>

<body>

{$SHOPPING_CART}

{$SESSION}

{$CURRENCY}

</div>

<span class="txtGreen txt18"> Order hotline</span>{$CONTACT_NUMBER}

</div>

{$SEARCH_FORM}

</div>

{$MODSINDEX_TOP_MENU}

{$BOX_TOPBANNERS}

</div>

{if $CRUMBS}

<ul>

<li><a href="{$STORE_URL}/index.php">{$LANG.common.home}</a></li>

{foreach from=$CRUMBS item=crumb}

<li><a href="{$crumb.url}">{$crumb.title}</a></li>

{/foreach}

</ul>

</div>

{/if}

{$MODSINDEX_BANNERS}

{include file='templates/box.errors.php'}

{$MODSINDEX_MYACCOUNT_MENU}

{if $COL_TRUE1==1}

{$CATEGORIES}

{$REFINE_SEARCH}

{$SALE_ITEMS}

{$MAIL_LIST}

</div>

{if $COL_TRUE2==1}

{$LATEST_NEWS}

{if isset($POPULAR_PRODUCTS)}{$POPULAR_PRODUCTS}{/if}

{$MODSINDEX_TESTIMONIALS_BOX}

</div>

{/if}

{if isset($CHECKOUT_PROGRESS)}{$CHECKOUT_PROGRESS}{/if}

{$PAGE_CONTENT}{$GOOGLE_MAP}

</div>

</div>

{if isset($SKIN_SELECT)}{$SKIN_SELECT}{/if}

{$SITE_DOCS_PANELS}

{$PAYMENTGATWAY}

</div>

{$SOCIAL_LINKS}

</div>

{if !$CONFIG.disable_mobile_skin}

<p id="mobile_switch"><a style="padding:10px; display:inline-block; color:#fff;" href="{$STORE_URL}/index.php?display_mobile=1">{$LANG.common.mobile_site}</a></p>

</div>

{/if}

{$SITE_DOCS}

{$COPYRIGHT}

<a href="http://www.modsindex.com"style="color:#ffcf03;">CubeCart Skin</a> By Mods Index </p>

</div>

{if $COOKIE_DIALOGUE}

$(document).ready(function(){

$(".pbutton").click(function(){

$(".cookies-notify").toggle('fast');

});

</script>

<p>{$LANG.notification.cookie_dialogue|replace:'%s':{$CONFIG.store_name}}</p>

<span {if $COOKIE_DIALOGUE_FAIL} class="retry"{/if}>{$LANG.notification.cookie_dialogue_declaration}</span>

</p>

</map>

</form>

</map>

</div>

{/if}

{if isset($DEBUG_INFO)}{$DEBUG_INFO}{/if}

{include file='js/common.html'}

{if isset($JANRAIN)}{$JANRAIN}{/if}

{if isset($LIVE_HELP)}{$LIVE_HELP}{/if}

{foreach from=$JS_SCRIPTS key=k item=script}

{/foreach}

</body>

</html>

bsmither · November 15, 2014

Here is the main.php

<head> is on line 3, </head> is on the last line as follows:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"dir="{$TEXT_DIRECTION}" lang="{$HTML_LANG}">
  <head>
<title>{$META_TITLE}</title>
===A lot of stuff snipped.===
</script>
  </head>

havenswift-hosting · November 16, 2014

I did a search and didn't find the <head>
Here is the main.php
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"dir="{$TEXT_DIRECTION}" lang="{$HTML_LANG}">
<head>

You say you did a search and didnt find the <head> - it is on line 3 of your code !

Secondly, if you want to implement the Zopim chat functionality, we have written a plugin which we give away for free to enable this - ?do=embed' frameborder='0' data-embedContent>

Ian

Adam Frey · November 16, 2014

Thanks. I was stupid and did a CRTL F and I promise it did NOT show it. I am not an guru....I did check your free plug in and purchased and look forward to using it once it is approved.

Thank you.

havenswift-hosting · November 17, 2014

hi Adam

As the plugin is free from our website, it would have been immediately available after you placed the "order" for it and checking your site, I see that you now have Zopim installed and working. We have a lot of people that have downloaded and are using this plugin so dont expect any issues at all, but any questions or problems please contact via a support ticket

Thanks

Ian

i.ahmed · February 15, 2015

hi Adam
As the plugin is free from our website, it would have been immediately available after you placed the "order" for it and checking your site, I see that you now have Zopim installed and working. We have a lot of people that have downloaded and are using this plugin so dont expect any issues at all, but any questions or problems please contact via a support ticket
Thanks
Ian

Great little plugin, thanks for that.

Small question, I'm new to Zopim, if I were to upgrade and therefore customize the widget, would the plugin update?

harrisorganic · May 13, 2015

Does this insert go in the main.php file with Foundation skin? No it does not, as there is now a plugin, download and install the key.

<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/?30smVjmlnS1BJ5n1FlohiPRvE8iqsi5Y";z.t=+new Date;$.
type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");
</script>

On the admin page there is a status square and a site ID. I assume these should be ticked and a name typed in these respectively.?

Yes tick the box and add the code found in the widget 30smVjmlnS1BJ5n1FlohiPRvE8iqsi5Y for the site ID.

To get the widget and code click Signup for a FREE Zopim Account! .

If you run into trouble go to Zopin home page and chat online with them, very help full.

Edited May 14, 2015 by harrisorganic
Summary after installing

Sign In

Zopim Installation

Recommended Posts

Adam Frey

Link to comment

Share on other sites

Dirty Butter

Link to comment

Share on other sites

Adam Frey

Link to comment

Share on other sites

bsmither

Link to comment

Share on other sites

Adam Frey

Link to comment

Share on other sites

bsmither

Link to comment

Share on other sites

havenswift-hosting

Link to comment

Share on other sites

Adam Frey

Link to comment

Share on other sites

havenswift-hosting

Link to comment

Share on other sites

i.ahmed

Link to comment

Share on other sites

harrisorganic

Link to comment

Share on other sites

Join the conversation

Browse

Activity