Using Your Own Button

If you have advanced pop-up specs, a need for custom branding, or unique automation it is possible to use your own creative.

To do so, we will hide the button from displaying on the Satisfi Labs side. You will then load our standard snippet + an additional line of code as seen below that forces our popup to load on click.

See here + view the page source for examples of how the below options function.

Example Snippet:

<script id='satisfiScript' src='https://chat.satis.fi/popup/embedder?popupId=XXXX'></script>

Open Popup:

Force popup to fire on click as long as the example snippet is loaded onto the site

 <input id="clickMe" type="button" value="Open Popup" onclick="SatisfiApp.Global.chatPopupOpen();" />

Show Button:

Upon website button click will allow the popup to show on the site

    <input id="clickMe" type="button" value="Show Button" onclick="SatisfiApp.Global.chatButtonShow();" />

Hide Button:

Upon website button click will force the button to no longer show on the site

   <input id="clickMe" type="button" value="Hide Button" onclick="SatisfiApp.Global.chatButtonHide();" />

Close PopUp:

Upon website button click will force the popup window to close

    <input id="clickMe" type="button" value="Close Popup" onclick="SatisfiApp.Global.chatPopupClose();" />

Examples

Old Town Trolley

In mobile view, this button forces the popup to fire on the user's click

Madison Square Garden

Give users the ability to open the chat through different graphics/links on your webpage

Engage Customers Where They Are: It's important that you engage customers and offer assistance via chat through a variety of entry points. Verses relying on customers clicking the pop-up icon, users can open the chat through different graphics/links on your webpage.

Washington Nationals

Launches the chat when the user clicks this button

Need Help?

We are here to help you throughout the whole process!

• Location = You would need to submit a request through the request portal to change the settings on the display location. Please provide a visual of where you want it to be located.

• Image = You would provide us with an image using the request portal with the exact size and specs for how it should be displayed.