I have a designed website with some buttons, which I want to use to lanuch TypeForm as a slider.
The embed code already includes rthe button design, but I want to keep my button.
Is there a URL or something I can allocate to existing buttons so the form opens as a slider?
Or do I need to recreate the design? In that case, how can I create a gradient button in TypeForm embed customizations?
Best answer by mathio-tf
Hello
have a look at our embed SDK readme file. You can add functionality to open a slider to any of your existing buttons.
Your code should look something like this:
<button id="button">my button with gradient</button>
<script src="//embed.typeform.com/next/embed.js"></script>
<link rel="stylesheet" href="//embed.typeform.com/next/css/slider.css" />
<script>
const { toggle } = window.tf.createSlider('oWPUHPmF')
document.querySelector('#button').onclick = toggle
</script>You can preview this here: https://glitch.com/edit/#!/exciting-aquamarine-surgeon
+5Hello
have a look at our embed SDK readme file. You can add functionality to open a slider to any of your existing buttons.
Your code should look something like this:
<button id="button">my button with gradient</button>
<script src="//embed.typeform.com/next/embed.js"></script>
<link rel="stylesheet" href="//embed.typeform.com/next/css/slider.css" />
<script>
const { toggle } = window.tf.createSlider('oWPUHPmF')
document.querySelector('#button').onclick = toggle
</script>You can preview this here: https://glitch.com/edit/#!/exciting-aquamarine-surgeon
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
