WordPress requires a paid subscription plan to add custom HTML. This article describes how to add the Pop-up Widget to a page, but can also be utilized for any other vcita widget like the Contact Form, Scheduling Calendar, or Sidebar widgets.  

First, if you have the vcita plugin or Pop-up Widget already enabled, deactivate it. To deactivate your plugin, please log into your WordPress admin account and select Plugins from the left navigation bar.

1. Find Appointment Booking and Online Scheduling.
2. Click on Deactivate.

How to Find Your HTML Code

To deploy the Pop-up Widget using HTML code to your WordPress website, you will first need to get the HTML code from your vcita account.

Here are the steps to do so:

1. From your vCita dashboard, navigate to Online Presence > Website Widgets
   • This section contains all the widgets available for you to integrate with your website
2. Click the "Add To Website" button, under the Pop-up Widget option.
   
3. The Where is your Website? window will open
4. Select Other Websites (HTML) found at the bottom of the list
5. Highlight and copy all of the code in the box

You've now copied the HTML code needed to add the widget to your WordPress website.

Deploying to WordPress

Once copied, go back to WordPress:

1. From WordPress left navigation panel, select Pages>All Pages
2. Navigate to and select Edit on the page you wish to add the widget to
3. Select the Text tab on the top right of the page editor
4. Paste the code copied from vcita within the editor
   
   

Another option to add HTML code to a specific web page in WordPress:

1. Install and activate the following WordPress plugin. It will allow you to add the LiveSite Widget Javascript code to any page on your website. The plugin will be added to your WP admin panel (under the name XYZ HTML)
2. Click on it and select HTML Snippets.
3. Click on Add New HTML Snippet, enter a title, and paste the LiveSite Widget code (copied from your account as in the above example).
4. Click on Create.
5. To add the code to desired pages
   • Select Pages from your WordPress dashboard
   • Edit the desired page
   • Click on the HTML Snippets button and select the LiveSite Widget HTML snippet.
   • Preview and save.

You can also add the following code to the CSS of the specific pages you would like to disable the LiveSite/Client Portal widget on:

<style>
body #livesite_engage_button{
    display: none;
}

body #livesite_active_engage {
    display: none;
} 

body #livesite_action_buttons.ls-desktop {
    display: none;
}

</style>

If you would like more customization options, take a look at our Advanced Customization options.