Facebook Chat Bot Removing mobile landing page

  css, facebook-chatbot, facebook-javascript-sdk, html

I have integrated facebook chat bot perfectly bot on the mobile side when users enter the site for the first time it displays something called landing page

After clicking once and closing it turns to a bubble.But i only want it to stay as bubble form.
Here is the code for both displays

<iframe name="f161a6028c1063" width="1000px" height="1000px" title="" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media" src="https://www.facebook.com/v9.0/plugins/customerchat.php?app_id=&amp;attribution=setup_tool&amp;channel=https%3A%2F%2Fstaticxx.facebook.com%2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion%3D46%23cb%3Dfd843f988b689c%26domain%26origin%3Dhttps%253A%252F%252F%252Ff360bef01c4d5d4%26relation%3Dparent.parent&amp;container_width=0&amp;locale=en_US&amp;page_id=101551271921184&amp;request_time=1614068812444&amp;sdk=joey&amp;theme_color=%23C12025" style="padding: 0px; position: fixed; z-index: 2147483646; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px 0px; border-radius: 16px; bottom: 24px; top: auto; right: 0px; margin: 0px 12px; height: 60px; width: calc(100% - 24px); visibility: visible;" class="fb_mpn_mobile_landing_page_slide_up" data-testid="dialog_iframe"></iframe>

<iframe name="f161a6028c1063" width="1000px" height="1000px" title="" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media" src="https://www.facebook.com/v9.0/plugins/customerchat.php?app_id=&amp;attribution=setup_tool&amp;channel=https%3A%2F%2Fstaticxx.facebook.com%2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion%3D46%23cb%3Dfd843f988b689c%26domain%3D%26origin%3Dhttps%253A%252F%252F%252Ff360bef01c4d5d4%26relation%3Dparent.parent&amp;container_width=0&amp;locale=en_US&amp;page_id=101551271921184&amp;request_time=1614068812444&amp;sdk=joey&amp;theme_color=%23C12025" style="position: fixed; z-index: 2147483646; box-shadow: none; border-radius: 0px; top: 0px; right: 0px; height: 100%; width: 100%; max-height: 0px; min-height: 0px;" class="fb_mpn_mobile_landing_page_slide_up fb_mpn_mobile_bounce_out" data-testid="dialog_iframe"></iframe>

Source: Facebook SDK Questions

LEAVE A COMMENT