Start Button on Mobile

Hi @Max M. 

can you please show us the full snippet you used? The snippet you posted is missing data-tf-inline-on-mobile attribute. Maybe there is a typo?

I just tried a snippet with data-tf-inline-on-mobile attribute and it works. This is the snippet I used:

<div data-tf-widget="XXXXXXX" data-tf-iframe-props="title=XXXXXXX" data-tf-medium="snippet" style="width:100%;height:800px;" data-tf-inline-on-mobile></div><script src="//embed.typeform.com/next/embed.js"></script>

I am testing with my own typeform and your snippet works as expected - no automatically added welcome screen to my form on mobile.

Since you did not share your form I have to ask - did you by any chance manually add a welcome screen to your typeform in your builder? If you did, the welcome screen will not be removed from your form.

Happy to help 👍

Hi @Liz

I’m facing the same issue right now, and based on the comments it doesn’t seem like there was a solution to the problem.

Like @sylvainww I just want to skip the “start” button on both desktop and mobile. Basically, I just want users to see the first question directly, whether they are on mobile or desktop.

Was there a solution to this problem?

Best regards

Niclas

Hello @Niclas , the solution in this case was to remove the welcome screen from your typeform when you are building it. If you add the welcome screen at build time there is no way to remove it when at embed time.

Happy it's working now, @Niclas! Don't forget to share the link to your form with us! 😉

I am sorry but I am not familiar how Unbounce integrates with Typeform. Maybe Unbounce integration does not support this setting? (You may want to ask their support.) If not, you need to copy-paste the  embed code from Typeform share page into your Unbounce page instead of using their builder, I think 🤔

God, it was frustrating. 😥 Don’t know who want to hear this now as it is fixed, but if you still having this issue on mobile, while generating the embed code toggle “full screen on mobile” to off. As there is no YouTube or any clear response.

Hi, I read all the answers but couldn't find a solution. My code is similar to some but does not have for example style="width:100%;height:400px;color:#FFFFFF;

How do I incorporate 

data-tf-inline-on-mobile

into my code?

my code:

<div data-tf-live="01HJDNDFSGSHGRCGZRKDYQ4P5Q"></div><script src="//embed.typeform.com/next/embed.js"></script>

Hello @Esolution Srl 

I think you should be able to do it like this:

<div data-tf-live="01HJDNDFSGSHGRCGZRKDYQ4P5Q" data-tf-inline-on-mobile></div><script src="//embed.typeform.com/next/embed.js"></script>

Alternatively you can just turn off the “full-screen on mobile” toggle on your share page.

my website is readytosellfast.com can you please advise how I get the mobile version to look like the desktop version where it does not require the user to click “Start” in order to fill out the form?