Rich-text Reply

Not seeing my Button Image change - Replaced button image called via Java Script

moejurray 02-16-15

Not seeing my Button Image change - Replaced button image called via Java Script

Hi,

 

  • I have a button that is fed from our live chat program (LiveChat).
  • I used replace image with a modified button to test a copy change
  • I can see the new button in the editor
  • When I log out and log back in, the orignal is showing NO button, and the variation is showing the original.
  • But again, I return to the editor and I can see the replaced button image in variation #1.

I'm not sure the experiement is truely showing what it should be.

 

Any thoughts or advice would be appreciate.

 

Joe

JDahlinANF 02-17-15
 

Re: Not seeing my Button Image change - Replaced button image called via Java Script

Perhaps your setup is different, but in our set up of LiveChat, our web pages contain only an empty DIV and the LiveChat configuration changes the contents of the empty DIV to contain the "Chat Now" button.  As such, the button is coming from the LiveChat configuration, not the page itself, therefore, you cannot directly impact the image that is dispalyed in the "Chat Now" scenario.

 

our page contains:

<div id="lpchat" style="z-index:20;"></div>

 

when the page loads, the LivePerson configuration fills it in with a 1x1 empty gif:

<div id="lpchat" style="z-index: 20; visibility: visible;">
<a id="lpDynamicButtonHref-377" style="cursor:default" href="#" title="">
<img id="lpDynamicButtonImg-377" border="0" style="border: 0px none" name="lpDynamicButtonImg-377" alt="" src="https://www.abercrombie.com/anf/img/global/zoom-placeholder.gif">
</a>
</div>

 when a user meets criteria to initiate a chat session, the src changes to "Chat Now":

<div id="lpchat" style="z-index: 20; visibility: visible;">
<a id="lpDynamicButtonHref-467" style="cursor: pointer;" href="#" title="">
<img id="lpDynamicButtonImg-467" border="0" style="border: 0px none" name="lpDynamicButtonImg-467" alt="" src="https://www.abercrombie.com/anf/img/global/reponline.gif">
</a>
</div>

 Because all of this is controlled by settings in the LivePerson configuration, it is beyond the scope of Optimizely.

 

if your setup is similar, you should chat with your LivePerson account rep about how to configure an AB Test within Live Person (perhaps you can create different buttons for "lpchat" and "lpchat2" and Optimizely would chang the ID of the div from lpchat to lpchat2?)