Button Configuration

Step 1:

  • Go to the “Button” tab in your Settings page and click “Change Configuration” on the left.
  • Button configuration includes a set of settings for you to determine how you would like your buttons to function.

    Step 2:


    • You can set your off-hours and time zone. Click here for more information.
    • By default your account is set to receive the incoming calls on your browser, as long as you keep your 11Sight dashboard open in a tab. You can disable it by unchecking “Receive calls on browser“. You can also follow the link on the page to download our Google Chrome extension to receive system notifications for your incoming calls.
    • If you would like to use 11Sight only for texting, you can do so by selecting “Chat Only Call“.
    • We display an option to your callers to leave you a message in case you were not available. You can disable it by unchecking “Hide Leave Message“.
    • You can disable some of our in-call functions in the “Allowed Call Actions” section.


    Step 3:


    • We provide three forms for you to utilize before and after your calls.
    • Contact Information Form: This form is displayed to your callers before a call to have them enter their contact information like their name, email address, phone number etc. so that you can contact them back later.
    • Call Review Form: This form is displayed to you after a call, allowing you to take notes about the call.
    • Call Satisfaction Survey: This form is displayed to your callers after a call, allowing them to evaluate the service they received.
    • These forms can be edited in a JSON format. Click here to get help with the format.

    Button Style Customization

    Step 1:

    • Go to the “Button” tab in your Settings page.
    • Here you will see that by default three button styles were already created for you:
      • Default Video Button: This button directly starts a video call when clicked.
      • Profile Button: This is the button displayed on your profile page.
      • Rollup Button: When clicked, this button expands to display three different call types by default; video, audio and texting.

    Step 2:


    • Click “Create New Button Style” to create a new button from scratch.
    • Click “Edit” to edit an existing button. Be careful! If the button was implemented on a website, the changes will be applied automatically.
    • Click “Duplicate” to copy an existing button to create a new one.

    Step 3:


    • When creating or editing a button style, you will see your changes in real time in the Button Preview section on the right.
    • You can name your button in the “Name” field. Only you will be able to see it on your dashboard.
    • You can choose one of the five designs that we offer for your button in “Button Style” dropdown box and change the Main Color to match your button with your website’s color scheme.
    • You can decide where you want your button to appear on your website by selecting “Button Position“.
    • The text displayed in the button can be set in “Icon Text” field.
    • And you can add an image to be displayed on top of your button by uploading it or selecting the default image in “Button Over Image” section.

    Step 4:


    • If you want to keep track of the origin of the incoming calls of a button, you can assign a tracker by selecting an existing one in “Tracker ID” dropdown box.
    • If you already have Google Analytics set up on your website, you can enable the events that we have by selecting “Enable GA Tracking“. The events you will start seeing are:

    1. Roll up open (if it’s an expandable button)
    2. Roll up close (if it’s an expandable button)
    3. Video button click (if it’s an expandable button)
    4. Audio button click (if it’s an expandable button)
    5. Text button click (if it’s an expandable button)
    6. Video call start (if it’s not an expandable button)
    7. Department click (if it’s a super button)
    8. Go back to the department list (if it’s a super button)
    9. Button view

    Step 5:


    • If you don’t want your button to expand and display the call types, you can disable it by unchecking the “Is Expandable” checkbox.
    • To use this button style as a super button, click the “Super Button” checkbox. Click here to learn more about super buttons.
    • And if you already activated a contact information form and if you don’t want to display it in this button, you can disable it by clicking “Hide the Contact Information Form in the button“.

    Step 6:


    • If you choose to have a super button, you will have the options to edit the “Header Text“, which is displayed on top of the button and upload a “Header Image“, for example your company logo.

    Click the “Call us now!” button on the bottom right corner of this page to see a super button in action!


    Step 7:


    • You can choose which call types to be displayed and the texts on the buttons in the “Allowed Call Types” section.
    • You can edit the “Helper Text“, which is shown below the call types in the button.

    WordPress Plugin

    Step 1:

    • Go to WordPress Plugin Store and download 11Sight plugin.
    • Upload the downloaded file to your WordPress dashboard.
    • Alternatively, you can go to your WordPress dashboard and go to “Add Plugins”, search for 11Sight and directly install it.

    Step 2:


    • Go to 11Sight Options on your WordPress dashboard left menu.
    • Login by entering your 11Sight account credentials.
    • If you don’t already have an account, you can create one by following the link on the login page.

    Step 3:


    • After logging in, you will see your existing buttons.
    • You can edit these buttons by clicking the link on the page and refresh the button list by clicking “Refresh button list” button.
    • Fixed position buttons can be activated by just clicking “Activate” button. Your button will be shown on every page of your website.
    • All buttons including Inline buttons can also be implemented on a specific page just by copying and pasting the short code into the page code.

    Button Types and Provisioning

    Direct Line:

    • Calls a single user
    • Can be a button on a web page, a simple URL, or QR code
    • Button can expand for caller to choose video, audio, or chat
    • You can forward a direct line to another direct line

    Direct Line Provisioning:


    • Go to Users tab in your Organization Dashboard
    • Add/Import a new user
    • A direct line will be created for that user. You can click “Edit Button” or “See Button Styles” to manage it.

    Forwarding Line:


    • Calls multiple direct lines at the same time
    • Looks like a direct line button to the end user
    • Can expand to allow a caller to choose video, audio, or chat
    • A forwarding line can be forwarded to multiple direct lines.

    Forwarding Line Provisioning:


    • Create a new user in your organization called “Sales”, “Support”, etc. to forward it to your employees.
    • Go to “Call Forwards” tab and define call
    • All of the recipients will get the calls at the same time.
    • Make sure to click “Save” button.
    • Tip 1: Make sure that the Forwarding Line is available at all times. If you define off hours or make it unavailable, it will direct all calls to “take a message” screen.
    • Tip 2: Pick up to 4 users to forward the calls to for the best performance.

    Super Button:


    • Expands into multiple options like. departments, people etc. to choose from.
    • Each option can either be a direct line or a forwarding line that calls multiple people.
    • Each option expands to allow the caller to choose video, audio, or chat.

    Super Button Provisioning:


    • Create a new user and call it “superbutton” etc.
    • Click “See Button Styles” of that user
    • Click “Edit” of the Rollup Button
    • Check the ”Super Button” box.
    • Select the call types that you would like to activate
    • Go to “Call Forwards” tab in your Organization Dashboard
    • Find the super button account
    • Select the lines that you want to display in your super button. The names of these accounts will be shown in the super button.
    • Make sure to click “Save”
    • To test the super button, click “See Button Styles”
    • Then click ”Test” to see your super button in action.
    • To get the button code, click “See Embed Code”

    Message Line:


    • A direct line which is always “unavailable” – i.e. it is never answered
    • Does not call anybody
    • Callers see a pre-recorded video and/or text message
    • Can be used for advertisements, custom messages
    11Sight Button Implementation

    11Sight Button Implementation

    Step 1:

    Go to 11sight.com and log in to your account.

    Step 2:

    Click the “Settings” icon on the upper right corner of the screen and go to “Button” tab.

    Step 3:

    You will find 2 different buttons already created for you. You can click “Test” on each button to see how they work. After you select a button, simply click “Get Embed Code” link to see the code.

    If you have a web developer, copy the two pieces of the code and send it to them asking them to add the code to your website.

    If you manage your website yourself, first copy the script on the top and add it to the end of your page’s html source, just before the < / body > tag.

    Then, copy the html element and insert it into your page where you want your button to appear.

    Step 4:

    Publish your changes

    Now, visitors to your website will be able to start an 11-call with you in just one click.