Integrating Webchat Throughout Your Website

Customizing a Button or Link to Access Webchat

Once Webchat™ is installed, you’ll be able to customize buttons or links on your website to start a Webchat text conversation. So visitors will have other ways to contact you, but all the messages will go through Webchat and end up in your Podium account. For example, you might want to use Webchat for your “contact us” or “schedule” button.

To customize a button or link to access Webchat:

  1. Sign in to your website as an administrator.
  2. Edit your website’s HTML.
  3. Locate the button or link in your website’s code.
    customizingButtonsToStartWebchatConversation1.png
  4. Add the onclick = "PodiumWebChat.open( )" to the HTML of the button.

    <button onclick = "PodiumWebChat.open()">Contact Us</button>
    customizingButtonsToStartWebchatConversation2.png
  5. Save and publish your changes.

Setting a Default Location for a Custom Webchat Button

Once Webchat™ is installed, the widget appears at the bottom of each page of your website, but you might want to start a Webchat conversation with a location just by clicking a button so users won’t need to select a location. For example, if you have a contact page that lists all your locations along with multiple “contact us” buttons, you can customize each button to start a conversation directly with a location. To do this, you'll need to to know your location IDs; you can contact Product Support by logging into your Podium Account and initiating a livechat.

To customize buttons to start a Webchat conversation with a location:

  1. Sign in to your website as an administrator.
  2. Edit your website’s HTML.
  3. Locate the button in your website’s code.
    webchatStartConversationLocation1.png
  4. Add the onclick="PodiumWebChat.open({locationId: 'Location-Id'})" script to the HTML of the button.

    <button onclick="PodiumWebChat.open({locationId: 'Location-Id'})"> Text Us</button>
    webchatStartConversationLocation2.png
  5. Save and publish your changes.