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

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

43 of 77 people found this page helpful

Add a comment

You need to log in before you can submit a comment.

Need a password reminder?