Skip to main content
Answered

Start Button on Mobile


adopttheweb

I noticed on mobile there is a “start” button with the title of the form. How do we set our forms to simply load like on desktop?

Best answer by Liz

Hi @adopttheweb thanks for stopping by! The start button appears on mobile when you don’t have a welcome screen. You can learn more about this here

To skip the Start button on embedded forms when viewing on mobile, add ?typeform-welcome=0 after the URL in the embed code. Your typeform must have a Welcome Screen for this to work.

I hope this helps! :smile:

View original

74 replies

Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14521 replies
  • Answer
  • April 16, 2021

Hi @adopttheweb thanks for stopping by! The start button appears on mobile when you don’t have a welcome screen. You can learn more about this here

To skip the Start button on embedded forms when viewing on mobile, add ?typeform-welcome=0 after the URL in the embed code. Your typeform must have a Welcome Screen for this to work.

I hope this helps! :smile:


adopttheweb
  • Author
  • Explorer
  • 2 replies
  • April 20, 2021

Perfect! Hopefully this shows up in a search for the next guy looking for how to remove the start button of their typeform on mobile :)


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14521 replies
  • April 22, 2021

Hope so too, @adopttheweb ! Let me know if you have any other questions. :grinning:


  • Navigating the Land
  • 1 reply
  • May 5, 2021

Hi @Liz - I have tried your solution there - I may be missing something but it’s not working…. there are two URLs in the embed code… is this where it should be? 

 

<div class="typeform-widget" data-url="https://form.typeform.com/to/XhJ7isgl?typeform-medium=embed-snippet" ?typeform-welcome=0 style="width: 100%; height: 500px;"></div> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>

 

Thank you!


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14521 replies
  • May 7, 2021

Hi @calliefit You’ll want to place the ?typeform-welcome piece right after the URL within the “ like this: 

 

<div class="typeform-widget" data-url="https://form.typeform.com/to/XhJ7isgl?typeform-medium=embed-snippet?typeform-welcome=0"

 

Let me know if that doesn’t work! 


Forum|alt.badge.img
  • Navigating the Land
  • 7 replies
  • May 23, 2021

Hello!

Unfortunately this is not working for me. What am I doing wrong?

 

<div class="typeform-widget" data-url="https://form.typeform.com/to/raY8eZPD?typeform-medium=embed-snippet?typeform-welcome=0" data-transparency="50" data-hide-headers="true" style="width: 100%; height: 500px;"></div> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>

 

Is there a way to skip the welcome screen on desktop too?

 

Thanks,

Sylvain


john.desborough
Forum|alt.badge.img+6
  • Certified Partner & Champion
  • 5182 replies
  • May 23, 2021

@sylvainww - welcome to the community from another user

to skip welcome screen on the desktop, remove it from your typeform. If you don’t have one, it won’t show. 

 

des


Forum|alt.badge.img
  • Navigating the Land
  • 7 replies
  • May 23, 2021

Thanks @john.desborough 

My issue is that if I do that, then on mobile I can not skip the “start” button. 

Basically I just want users to see the first question directly, whether they are on mobile or desktop.


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14521 replies
  • May 24, 2021

Hi @sylvainww Do you mind sharing the URL where you have the form embedded? I can then take a peek at what’s going on. :grinning:


Forum|alt.badge.img
  • Navigating the Land
  • 7 replies
  • May 24, 2021

Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14521 replies
  • May 25, 2021

Thanks, @sylvainww ! It looks like the welcome screen I’m seeing on mobile is one that you have on the form currently. Would you mind removing the welcome screen in the form builder (if you’re not looking to use one)? 

 


Forum|alt.badge.img
  • Navigating the Land
  • 7 replies
  • May 25, 2021

@Liz sure thing. Just made the change.


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14521 replies
  • May 26, 2021

Hi @sylvainww Thank you! I see that didn’t work either. :( Do you mind adding the welcome screen back? Apologies for all the back and forth!


Forum|alt.badge.img
  • Navigating the Land
  • 7 replies
  • May 26, 2021

No worries @Liz! Just added it back.

Thanks so much for helping.

 

 


  • Navigating the Land
  • 1 reply
  • July 5, 2021

Hi there,

 

I’m facing a similar issue trying to hide the welcome screen of any sort on both desktop and mobile.

Tried the above and none work as expected.

Could you please explain what is the final fix for this?

 

Thanks


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14521 replies
  • July 5, 2021

Hi @flo Thanks for stopping by! If you’ve added the welcome screen and the parameter at the end of the URL and it still isn’t working, would you mind sharing the URL where you have the form embedded? Thanks!


Forum|alt.badge.img
  • Navigating the Land
  • 7 replies
  • July 6, 2021
flo wrote:

Hi there,

 

I’m facing a similar issue trying to hide the welcome screen of any sort on both desktop and mobile.

Tried the above and none work as expected.

Could you please explain what is the final fix for this?

 

Thanks

Hi @flo! Unfortunately it seems that there isn’t a way to do that, and I haven’t heard back. So I decided to just keep a welcome screen on both mobile and desktop, and try to make the most out of it.

If you do find a solution, please post here :pray:

 


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14521 replies
  • July 7, 2021

Hi @sylvainww If you haven’t already contacted them, our technical support team can take a further look into this to see why the provided options aren’t working. They can be contacted from your account email here

Hopefully that helps a bit! 


  • Navigating the Land
  • 1 reply
  • July 11, 2021

Hi there,

On desktop, there is no “start” page for my typeform. People just answer the first question and continue. On mobile however, the same quiz has a start button for the quiz. When I click it, it opens up a full page version of it on mobile. How can I remove the start button and just have the first question show? The quiz is currently embedded on my landing page.


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14521 replies
  • July 16, 2021

Hi @prasadmahes I added your post here where we have the answer. Let us know if you have any other questions! 


  • Navigating the Land
  • 1 reply
  • July 23, 2021

Hi there, I am just reading this thread. What I don’t understand is how can I skip the start button without having a welcome screen on mobile? I want neither a welcome screen or a start button. I just want people to engage with the quiz!

 

here is where it is embedded: 

www.cannabisclinic.co.nz 

This is the embed code 

<div class="typeform-widget" data-url="https://form.typeform.com/to/CdYhGTDQ?typeform-medium=embed-snippet" style="width: 100%; height: 500px;"></div> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>

 

Many thanks 

Waseem


  • Navigating the Land
  • 1 reply
  • July 24, 2021

Hi! Liz!

I tried adding the code and it did not work. I decided the rename the form for now so it at least makes sense to clients on mobile. When the support team finds a solution to why the code isn’t working. Please reach out or add it to this thread. I’d appreciate it a lot. 

 

Thanks,

Andrew 

 

 


john.desborough
Forum|alt.badge.img+6
  • Certified Partner & Champion
  • 5182 replies
  • July 24, 2021

@Andrew Ulloa - this is from another user. 

have you submitted a help ticket on this issue to the support team? so that you have two vectors for the answer/updates? if not, use this link


  • Navigating the Land
  • 1 reply
  • August 4, 2021

@Liz 

 

Hi, how can I turn off the cover page on mobile, if I am using the createWidget function to embed my survey? ie. how do I set the option for typeform-welcome to 0? 

Thanks

 

window.tf.createWidget(formId, {

                    container: document.getElementById("wrapper"),

                    hidden: {

                        userId: receivedEvent.userId,

                        visitorId: receivedEvent.visitorId

                    }

}


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14521 replies
  • August 4, 2021
Kachun wrote:

@Liz

 

Hi, how can I turn off the cover page on mobile, if I am using the createWidget function to embed my survey? ie. how do I set the option for typeform-welcome to 0? 

Thanks

 

window.tf.createWidget(formId, {

                    container: document.getElementById("wrapper"),

                    hidden: {

                        userId: receivedEvent.userId,

                        visitorId: receivedEvent.visitorId

                    }

}

@mathio do you happen to know if this is an option using the Embed SDK? :grin:


Reply