Our Pop-up Widget can be deployed to any website using the full HTML code. This article will go over how to deploy the widget to your Drupal website.

Please Note: Several website builders require a paid subscription to add plug-ins, edit the html, and\or edit the header or footer of the website's theme.

How to find your HTML Code

To deploy the Pop-up Widget using HTML code to your Drupal 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 on 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 Drupal website.

How to Deploy to Drupal

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

Here are the steps to do so:

1. Navigate to your Drupal website
2. Select the Structure option from the toolbar at the top of the page
3. Click on the Block layout link
4. 4. Click on the Custom block library tab
5. 
6. Click on the +Add custom block button
7. 
8. Click the Source button, then paste the code in the Body section
9. 
10. Under the Text format section, select Full HTML.
11. 
12. Click on the Save button to save your changes
13. 
14. Go back to Structure, then click on Block layout
15. On the Block layout page, scroll down to Footer first and click on the Place block button
16. 
17. Once on the Place block page, locate the new block you created and click the Place block button
18. 
19. The next page will direct you to where you can configure the newly created block
20. 
21. Once you click on the Save block button, it will bring you back to the Block layout page, where you will see the new block showing under Footer first
22. 
23. Scroll down to the bottom of the page, click on Save blocks to save your changes
24. 
25. This will show you that your new block settings have been updated
26. 
27. Now the widget will be deployed on your website.

If you would like to customize the Pop-up Widget, be sure to check out our article Customize Your Pop-up Widget!