How to prevent poping on every page ?

Hi @FPBB Happy Friday! I don’t believe we have a solution for this within our embed code, but @mathio or @picsoung might have some workarounds for you. 

Hello @FPBB and @Liz 

yes, something like this is possible by integrating our embed SDK. One of the simplest approaches would be to save a cookie when the side tab is closed and check the cookie before opening.

<!-- include JS and necessary CSS from embed SDK -->
<script src="//embed.typeform.com/next/embed.js"></script>
<link href="//embed.typeform.com/next/css/sidetab.css" rel="stylesheet" />

<!-- custom embed SDK integration -->
<script>
  // save cookie on sidetab close
  const onClose = () => {
    document.cookie = 'tfWasClosed=true'
  }

  // use embed SDK to create a side tab
  const { open } = window.tf.createSidetab('oWPUHPmF', { onClose })

  setTimeout(() => {
    // check cookie if typeform was closed before
    const wasClosed = document.cookie.match('tfWasClosed=true')

    // open after 5 seconds if it was not closed before
    if (!wasClosed) {
      open()
    }
  }, 5000)
</script>

Thanks @mathio , in wich file shall I paste this code ?

You need put this into your HTML. In theory if you replace your embed code with this it should work.

Thanks @mathio, I tried to implement this code by myself, but it just displayed another popup :). To make sure I don’t do anything wrong, here is my code :

***********************************

<button data-tf-popup="fSAPYiON" data-tf-open="time" data-tf-open-value="30000" data-tf-auto-close data-tf-iframe-props="title=Vos marques en promo !" style="all:unset;"></button><script src="//embed.typeform.com/next/embed.js"></script>

************************************

Could you show me how to implement your code  on my code?

Thanks in advanced.

I think this should work for your typeform:

<script src="//embed.typeform.com/next/embed.js"></script>
<link href="//embed.typeform.com/next/css/popup.css" rel="stylesheet" />
<script>
  const onClose = () => {
    document.cookie = 'tfWasClosed=true'
  }

  const { open } = window.tf.createPopup('fSAPYiON', { 
    onClose, 
    autoClose: true, 
    iframeProps: { 
      title: 'Vos marques en promo !'
    } 
  })

  setTimeout(() => {
    const wasClosed = document.cookie.match('tfWasClosed=true')

    if (!wasClosed) {
      open()
    }
  }, 30000)
</script>

Yay! Glad to hear that worked, @FPBB ! Let us know if we can help with anything else. 

Hi @mathio, 

Somehow the script is not working anymore, perhaps due to some updates ? To remind you, the goal was to set the trigger the side tab after 5  seconds, and then to keep it closed during the visit if the user was cliking the “close” button.

For this you gave me this code :

<script src="//embed.typeform.com/next/embed.js"></script>
<link href="//embed.typeform.com/next/css/popup.css" rel="stylesheet" />
<script>
  const onClose = () => {
    document.cookie = 'tfWasClosed=true'
  }

  const { open } = window.tf.createPopup('fSAPYiON', { 
    onClose, 
    autoClose: true, 
    iframeProps: { 
      title: 'Vos marques en promo !'
    } 
  })

  setTimeout(() => {
    const wasClosed = document.cookie.match('tfWasClosed=true')

    if (!wasClosed) {
      open()
    }
  }, 30000)
</script>

Well, somehow the script pops up again every 30 seconds, even if a user closes it,  where it use to stay down a few days before, you are welcome to check here : c-moins-cher.com. 

Here is how I inserted with WP plugin “insert header and Footer” :

Any tip ?

Thanks in advanced

Hello @FPBB the script works for me - in a separate webpage and also in your webpage:

1. visit the page for the first time
2. after 30 seconds a typeform in popup is opened
3. close typeform popup
4. reload page
5. no popup is opened anymore

Check in your browser there is a cookie names tfWasClosed after you close the popup. Maybe you have a browser plugin preventing this?

Thanks @mathio I am glad it works on your side, however there is no such coockie in my browser :

I have changed the pop uptime from 30 sec to 3 sec, and it’s now all working… ho well, what do we know... . Thanks for your help.