# Alternative buttons (javascript) to open the Web Widget

**URL:** <https://tiledesk.discourse.group/t/alternative-buttons-javascript-to-open-the-web-widget/122>\
**Category:** Technical issue\
**Created:** [April 18, 2022, 8:05am UTC](https://tiledesk.discourse.group/t/alternative-buttons-javascript-to-open-the-web-widget/122 "2022-04-18T08:05:27Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![alex](https://avatars.discourse-cdn.com/v4/letter/a/db5fbb/32.png) [@alex](https://tiledesk.discourse.group/u/alex)\
**Post date:** [April 18, 2022, 8:05am UTC](https://tiledesk.discourse.group/t/alternative-buttons-javascript-to-open-the-web-widget/122/1 "2022-04-18T08:05:28Z")

</div>

Hi guys, how can I programmatically open/close the widget?  
I would like to press a specific button on my app to open the widget, hiding the default widget’s “big button”.  
Is it possible?

Thanks in advance!

Alex

---

<div class="post-metadata">

**Author:** ![andreasponziello](https://avatars.discourse-cdn.com/v4/letter/a/13edae/32.png) [@andreasponziello](https://tiledesk.discourse.group/u/andreasponziello)\
**Post date:** [April 18, 2022, 8:35am UTC](https://tiledesk.discourse.group/t/alternative-buttons-javascript-to-open-the-web-widget/122/2 "2022-04-18T08:35:28Z")

</div>

Hi Alex.

You should mix open/show and close/hide methods to achieve your task (This will change  
in the near future).

Use the guide in this example:

[https://tiledesk-html-site.tiledesk.repl.co/](https://tiledesk-html-site.tiledesk.repl.co/)

In the example the widget starts hidden.

```
window.tiledeskSettings= 
{
    projectid: "61f4fc7b9dabc200196914d8",
    startHidden: true
};
```

The use a couple of buttons (and relative javascript handlers) to show/hide the widget.

```
function openWidget() {
  window.Tiledesk('show');
  window.Tiledesk('open');
}

function closeWidget() {
  window.Tiledesk('close');
  window.Tiledesk('hide');
}
```

Hope this helps.

Andrea