Skip to main content

How do I create a custom button for my chat widget? - Knowledgebase / Deskpro Legacy - Deskpro Support

WARNING: You're browsing documentation for an older version of Deskpro. For the most up-to-date version, see: How do I create a custom button for my chat widget?

How do I create a custom button for my chat widget?

Authors list

If you want to use your own custom HTML element/button to launch the chat widget on a page, you just need to add the special classname "dpwidget-open" to it. For example:

 

<button class="dpwidget-open">Open Chat</button>

 

You can use some custom CSS on your page to hide the default button:

 

<style type="text/css">
#dp_widget_container iframe[name="widget_trigger_iframe"] {
    display: none !important;
}
</style>
Helpful Unhelpful

66 of 136 people found this page helpful

Add a comment

Please log in or register to submit a comment.

Need a password reminder?