Integrate with WordPress

Before install, make sure you have either signed up through our platform or we have provided you with the ANON_KEY. Without the key, you won't be able to setup the search component.

Floating Button Component:

In your Wordpress site go to your themes folder and find the header.html file and paste this at the top. When clicked this component expands over the whole screen.

<script src="https://unpkg.com/@mendable/search@0.0.203/dist/umd/mendable-bundle.min.js"></script>
<script>
  Mendable.initialize({
    anon_key: 'YOUR_ANON_KEY',
    type: 'floatingButton',
    // all the other props for the component type
  })
</script>

Chat Bubble Component:

In your Wordpress site go to your themes folder and find the header.html file and paste this at the top. The Chat Bubble is a component that appears as a floating chat icon, typically pinned to the bottom right of the screen. When clicked, it will open a dialog with Mendable Chat.

<script src="https://unpkg.com/@mendable/search@0.0.203/dist/umd/mendable-bundle.min.js"></script>
<script>
  Mendable.initialize({
    anon_key: 'YOUR_ANON_KEY',
    type: 'floatingButton',
    // all the other props for the component type
  })
</script>