Skip to main content
Answered

Start Button on Mobile

  • Apr 16, 2021 10:21 PM UTC
  • 74 replies
  • 8050 views

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
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • Answer
  • Apr 16, 2021 10:42 PM UTC

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
  • Apr 20, 2021 2:29 AM UTC

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
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • Apr 22, 2021 6:37 PM UTC

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


  • Navigating the Land
  • May 5, 2021 12:44 AM UTC

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
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • May 7, 2021 2:43 PM UTC

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
  • May 23, 2021 2:45 PM UTC

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
  • May 23, 2021 3:10 PM UTC

@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
  • May 23, 2021 4:35 PM UTC

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
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • May 24, 2021 8:22 PM UTC

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
  • May 24, 2021 9:37 PM UTC

Hi @Liz - here is the link https://growthgems.co/join-growth-gems-typeform

Thanks!


Liz
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • May 25, 2021 7:00 PM UTC

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
  • May 25, 2021 10:30 PM UTC

@Liz sure thing. Just made the change.


Liz
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • May 26, 2021 9:52 PM UTC

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
  • May 26, 2021 10:09 PM UTC

No worries @Liz! Just added it back.

Thanks so much for helping.

 

 


  • Navigating the Land
  • Jul 5, 2021 12:34 PM UTC

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
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • Jul 5, 2021 9:30 PM UTC

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
  • Jul 6, 2021 9:22 PM UTC

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
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • Jul 7, 2021 3:16 PM UTC

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
  • Jul 11, 2021 4:43 PM UTC

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
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • Jul 16, 2021 7:16 PM UTC

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


  • Navigating the Land
  • Jul 23, 2021 4:31 AM UTC

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
  • Jul 24, 2021 2:46 AM UTC

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
  • Jul 24, 2021 11:26 AM UTC

@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
  • Aug 4, 2021 4:47 PM UTC

@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
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • Aug 4, 2021 6:59 PM UTC

@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: