How to activate message widget with another button?

Question

css

There is a message widget on the site page.
there is a call to action button, how to make it so that by clicking on it, the VK messages widget opens?

Answer 1

catch the click event on your cta button and add a click on the widget

$(document).ready(function() {
    $('.buybtn').on('click', function(){
        $('#wcm_button').click()
    });
});

Answer 2

The widget is fully loaded from the VK site in a frame.
The only crutch is to hide the DIV wrapping the frame. But you need to install the widget immediately open.
But again - when you click on the cross, a standard button will appear ... Although you can track the size of the div, or close the cross with your div and hang a callback on it