Typeform surveys are an easy way to collect detailed information from your visitors, such as email addresses, feedback, or extra requests. You can show a form in different ways, from a pop-up when visitors arrive to a slide-out panel launched by a button.
Warning: Custom Code is only available on the Plus and Growth plans.
What you can use Typeform for
Asking your visitors questions
Checking whether customers are happy with your products or services
Collecting email addresses
Gathering customer opinions
Offering a detailed contact form
Step 1: Get your Typeform code
You'll need a Typeform account. Create a form, then copy the widget code from its Share page. Try the different embed options to find the one that suits your website best.
The code looks like this:
<button data-tf-slider="h8sUasoWtz" data-tf-width="550" data-tf-iframe-props="title=UENI Test" data-tf-medium="snippet" data-tf-hidden="" style="all:unset;font-family:Helvetica,Arial,sans-serif;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#0445AF;color:#FFFFFF;font-size:20px;border-radius:25px;padding:0 33px;font-weight:bold;height:50px;cursor:pointer;line-height:50px;text-align:center;margin:0;text-decoration:none;">Launch me</button><script src="//embed.typeform.com/next/embed.js"></script>
Step 2: Add the code to your website
Open the UENI Editor.
Click Settings and scroll down to Custom Code.
Paste your Typeform code in the Footer tab.
Click Save.
Note: Some widgets appear in the bottom-right corner of your site. Turn on Prevent Content Overlap on Mobile to remove UENI's default widget.
Step 3: Check your website
Open your live website to see your Typeform widget. Here's how an automatic slider looks when visitors arrive:
Pro tip: Learn more about adding custom code to your site.
Final thoughts
Done, your Typeform is live and ready to collect responses!