Installing the Paloma Widget on a Wordpress Site with the Elementor Plugin

Elementor is a powerful Wordpress plugin that can be used to help visually build your site. The following steps are specific to Elementor to enable the Paloma widget on the site. For more background and the full installation instructions, see the Website Integration Guide for the Paloma Widget.

Note that Plugins like Elementor tend to change frequently, these steps are as of April 2025 using v3.7.26 and Pro v3.25.4.

Also note, these steps can be adapted to using vanilla Wordpress, but you’ll need to use a plugin that allows custom scripts. We recommend WPCode.

Add the Snippet

  1. Login to your Wordpress backend
  2. On the menu at the left, find Elementor, click it’s menu, and chose Custom Code
  3. Click the New Code button to add a new piece of custom code
  4. Give it name like Paloma Widget Snippet so you can identify it later
  5. For Location, choose </body> - End.
  6. Paste in your unique Paloma Snippet into the edit box, complete with script tags
  7. Hit Publish
  8. When prompted for a condition, leave it as is on the Entire Site option, and click Save & Close.

Add a Button

The script is now added, now you need to add a button to trigger the widget.

  1. In the main Wordpress page, go to Pages
  2. Find the page you’d like to edit, and choose to edit it
  3. Assuming its an Elementor page, click the open Elementor
  4. Find the location of where you’d like to add the button, and either add a new button, or duplicate an existing one.
  5. For button id, add palconToggle.
    • Note: You can have up to 3 buttons on the same page, use palconToggle2 or palconToggle3 for the subsequent buttons.
  6. Ensure the Link field is empty (you may need to change the text color of the button as without the link it might think its disabled)
  7. Add in the following custom code to ensure there is a pointer when hovered:
#palconToggle {
  cursor: pointer;
}
  1. Preview your page via the :eye: icon to the left of Publish to ensure the Widget is visible when the button is clicked, and ensure it disappears when the X is clicked on the widget.
  2. Once you’re satisfied with your button, click to Publish your page.

That’s it!