EMBEDDING LANDING PAGE INTO WEBSITE
To Embed a Landing Page into your website, add the below code to your already styled “Chat Button” inside of your webpage. By default, if you place this code into your website without any styling, it will appear as plain text with the word (chat) in the form of a hyperlink.
<a title="Enabling Live Chat"
onclick="window.open('https://enablingchat.com/companyname/pagename', 'newwindow', 'width=540,height=455,toolbar=no,directories=no,status=no,menubar=no,scrollbars=yes,copyhistory=no,resizable=yes'); return false;" target="_self"><img src="http://enablingwebchat.com/wp-content/uploads/2015/03/LiveChat-Button.png" alt="" width="178" height="47" class="alignnone size-full wp-image-12620" /></a>
*** You will need to edit the page url in the above code. ‘https://enablingchat.com/companyname/pagename’
Companyname: Replace ‘companyname’ in the URL with how it appears in the admin’s signup email address. For ex: email@example.com. Domain will be the company’s name. Make sure no spaces are in the companyname. Hyphens are accepted.
Pagename: Replace ‘Pagename’ in the URL with the name of the page that was created inside the page tab of the admin dashboard. By default, we have created a “Demo” page when the WebChat account was first setup. You can access that page by going to https://enablingchat.com/companyname/Demo .
Link Text: If you choose to embed the link without a styled button or an image, you can choose to change the link text inside the code from the word “Chat” to whatever you would like. i.e (Live Chat, Chat Now, ect.)
Resizing The Chat Request Form: This code utilizes a little bit of Java Script in order to resize the Chat Request Form. The Chat Request Form is the browser chat window that open to web visitor when the link is clicked. By default, our code will hide the toolbar, directories, status, menu bar, and scroll bars from the chat browser window. It will also open the window to the default setting in the code width = 540 and Height = 455. You can change the width and height to your desired settings.
(Example of the re-sized Chat Request Form)