" style="position:absolute; left:-9999px;" alt="" />
Excitel - new level of communication
31 July 2015 02:12 PM

How to add the “Call” button at any position on the page?

If you want to add “Call” button at any place on the page you can do it by changing an HTML code of the button.

What is necessary to do for it?

1. Make sure that domain name of your site was entered correctly:

Entering domain name Step1 Excitel

2. If you have just signed up and didn’t perform any settings - move to the Settings page.

If you logged in on our site and added the button and your site and want to replace the button - move to the Websites page and select the appropriate site.

3. And then move to the button editor:

Moving to the Excitel button editor

And select position of  the button - “Button in text” (it is necessary for button location at specified position rather than at the left or at the right side of the page):

Setting button position Excitel
Click on the ”Save” button for saving changes. After that click on the button “Back to wizard”

If you want you may change button displaying (color of the button, its size, corners round radius and even button description text)

4. Copy HTML-code of the button.

To do this select it with the left mouse button (drag cursor to the bottom below the code to select the whole code) and press the key combination Ctrl + C:

Copying the code of the Excitel call button

It will look like this HTML-code:

<!-- Excitel {call button} -->
<script type="text/javascript">
(function(){var widget=document.createElement('script');widget.type='text/javascript';widget.async=true;widget.src='//excitel.net/widget-33225041fa1635f470f23474dd62967f.js';document.getElementsByTagName('head')[0].appendChild(widget);})();
<!-- Excitel {/call button} -->

5. If you want to add the button to the certain place, you only have to change copied HTML-code:

  • add new HTML element (for example: <div id = "excitel_button"></div>)
  • add button parameter (for example: callButtonOptions={id: "excitel_button"};).

The result code will look like this one:

<div id="excitel_button"></div>
<!-- Excitel {call button} -->
<script type="text/javascript">
callButtonOptions={id: "excitel_button"};
(function(){var widget=document.createElement('script');widget.type='text/javascript';widget.async='true';widget.src='//excitel.net/widget-a10857e4a776bc9b9781253124411706.js';document.getElementsByTagName('head')[0].appendChild(widget);})();
<!-- Excitel {/call button} -->

6. Insert changed HTML-code anywhere before the closing tag </body> of precisely  that page on which you would  like to place “Call” button.


What will be the result?

So you will have something like this:

Excitel contacts

Do you still have questions? Call or write us. We will be glad to help you.


Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedIn