1. Home
  2. Website live chat
  3. How do I create a webchat button for my website?

How do I create a webchat button for my website?

Creating a webchat button for your website is relatively simple, but there are a few things you should know. For instance, you will need the following:

  1. An active Alterdesk account;
  2. You need to have at least one shared account linked to your account;
  3. The account from which the button will be created must have rights to access the company settings.

When you have got this sorted, you can start making your button! Follow these steps:

  1. Go to https://webchat.alterdesk.com and click on the green button.
  2. On the next page, log in with your Alterdesk account.
  3. Click on the little plus icon on the right of your screen. You will now see a page with several tabs and fields. We will go through the tabs one by one, starting with ‘General’.
  4. Enter a ‘Name’ which will help you differentiate the button from others. This is purely for your own benefit – your website visitors will not see this name.
  5. At ‘Title’, enter a title that will be visible for your website visitors. It will be shown in the top bar of the live chat screen.
  6. At ‘Domain’, enter the URL of the website on which you wish to embed the button (including HTTP(S)). Note: for subdomains (for example, faq.alterdesk.com is a subdomain of alterdesk.com), you will need to create separate live chat buttons.
  7. Under ‘Shared User’ you can select the shared account you wish to link to the button. This account will be used to communicate with your website visitors. If there are multiple shared accounts linked to your account, you will see a dropdown menu from which you can select the shared account of your choice.
  8. Next you will get the option to request your visitor’s email address. If you do so, the visitor will be given the choice to create an account on the platform. This way, he/she will be able to consult chats at a later stage and / or reactivate them.
  9. You can also choose whether you wish to ask only for first names rather than first and last names.
  10. You can also select certain users to be automatically added to any new live chat group conversation as soon as it is created.
  11. Under ‘Close live chat after inactivity’ you can set the amount of minutes after which an inactive chat will be closed automatically.
  12. You can also choose to close the group chat after it has been inactive for a specific amount of time.
  13. If you automatically give all messages sent and received a lifespan, they will be deleted after the period of time you set for this.
  14. You can also have the live chat pop up on your website after a set amount of time.
  15. Under ‘Upload limit’ you can set the maximum amount of MBs a website visitor can send using the live chat.
  16. Go to the second tab: “Questions” (You will not need to click save yet – you can do this after going through all tabs).
  17. Here you can change the text of the automatic questions according to the tone of voice of your company. If you do not change anything, the system will keep using the default texts.
  18. Go to the third tab: ‘Planning’.
  19. Here you can set when your webcare team will be available on the live chat. On those times you are not available, the live chat button will not be shown on your website.
  20. Under ‘Overwrite status’, you can check whether you are online – even if your planning states you are offline, you will be shown as online on the live chat until you check this off again. (Should you wish to show your button as online all the time, switch on ‘Schedule’ and switch on the status override, set to ‘online’.)
  21. Under ‘Planning items’ you can set the days and times you wish to show the live chat. Also check whether your timezone is correct in the dropdown on the right of your page.
  22. If you are always offline on certain dates (holidays, for example), you can set these below ‘Excluded dates’.
  23. Go to the fourth tab: ‘Theme’.
  24. Here you can set the colours of the live chat – both of the small round icon your website visitors will initially see and of the chat widget. Tip: for the round icon, choose a colour that stands out from the rest of your website.
  25. Click ‘Save’. Your button has been prepared now.
  26. If you wish to edit, switch off or delete your button, you can now do so in your button overview.
  27. If you click ‘edit’ on the overview screen, you will see two new options at the top of the ‘General’ tab: the option to set an avatar and the option to set a group chat for offline messages. The avatar will be shown as an icon next to the messages sent by the live chat. The group chat for offline messages can be selected from the group chats you have currently available – any messages people leave when your live chat is offline will be posted in this group chat.
  28. Ready to place the button on your website? Go to the fifth tab: ‘Embed’.
  29. Copy the script in the language of your website and paste it in the code of your website. Tip: for CMSes like WordPress, you can also paste it in a sidebar widget.
  30. Refresh the website: your button should be live now!

Was this article helpful?