English Español Français
Contact us
Log in so our support team can better assist you
Log in to connect I need help logging in

  1. vcita Help center
  2. Website builders and plugins
  3. Wordpress
  1. vcita Help center
  2. Website builders and plugins
  3. Wordpress

In this article

Add the Sidebar Widget to a Wordpress Website Using HTML

Please note: This article is provided for educational purposes only! Keep in mind that your setup may look different than the one pictured. vcita will not support custom code or implement code on your website. If you do need more help, we recommend reaching out to a certified web development professional.

;Wordpress requires a paid subscription plan to add custom HTML. This article describes how to add the Sidebar widget, but can also be utilized for any other vCita widget like Contact Form or Scheduling Calendar.

Our Sidebar widget can be deployed to any website using the full HTML code. This article will go over how to deploy the widget to your Wordpress website.

How to Find Your HTML Code

How to Deploy to Wordpress 

How to find your HTML Code

To deploy the Sidebar widget using HTML code to your Wordpress website, you will first need to get the HTML code from your vCita.

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 on the "Add To Website" button, under the Addition Widgets optionmceclip0.png
  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 mceclip1.png 

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

How to Deploy to Wordpress

Now that you have your HTML code, you are ready to deploy the Sidebar widget to your website on Wordpress!

Here are the steps to do so:

  1. Navigate to your Wordpress account and open the WP Admin
  2. Navigate to the page where you would like to add the widget
  3. Add a Custom HTML block 
  4. Paste the copied HTML code into the blockmceclip3.png
  5. Click on Update
  6. Open your website and the widget should now be displaying

mceclip0.png

Still have questions? Contact Us.

Related articles

Comments

0 comments

Article is closed for comments.

Related articles