Solved: Video Lead Magnet with Zoho Forms - Seamless Video Preview & Registration Form

Solved: Video Lead Magnet with Zoho Forms - Seamless Video Preview & Registration Form

Dear community,

I'm sure you've encountered video lead magnets before. An interesting video is offered tastily, so that apparently the video starts with a click. After that, however, the form for requesting contact data is displayed first. Only then does the video start or continue.

Other systems already offer ready-made templates here. However, this does not exist in such a form in the world of Zoho CRM and Zoho Forms. But that does not matter. With a little HTML code, which we use at CEYOND, you can easily implement this yourself, as you can see in this example.  

The trick is that two contents are displayed on the page: first a preview image of the video:

Video Lead Magnet - Screen 1

By clicking the mouse, the second and initially invisible content, the registration form, is displayed and the video preview image is hidden:

Video Lead Magnet - Screen 2

The form (Zoho Forms) then simply redirects to the actual video after it has been entered:

Video Lead Magnet - Screen 3

Our HTML code for that use case:

  1. <div id="ceyond_video_preview">
  2.   <a href="#" onclick="ceyond_video_click();">
  3.     <img width="800" height="465" src="video_preview_image.jpg 768w" />
  4.   </a>
  5. </div>
  6. <div id="ceyond_video_forms" style="display:none;">

  7.   *** Your Zoho Forms Code here ***

  8. </div>
  9. <script type="text/javascript">
  10. <!--
  11.     function ceyond_video_click() {
  12.        var p = document.getElementById('ceyond_video_preview');
  13.        var f = document.getElementById('ceyond_video_forms');
  14.        p.style.display = 'none';
  15.        f.style.display = 'block';
  16.     }
  17. //-->
  18. </script> 

You can see a full demo here.

Our recommended extensions to this solution are:
  1. Configuration of the events in Google Analytics (or any other tracking system) to be able to evaluate how many users click on the preview image, but then abort when entering the form.
  2. Replacing the preview image with a preview video that automatically redirects to the form input after a few seconds. This again increases the conversion rate.
We hope to have helped with this. If you have any questions and/or suggestions, please do not hesitate to contact us.






                            Zoho Desk Resources

                            • Desk Community Learning Series


                            • Digest


                            • Functions


                            • Meetups


                            • Kbase


                            • Resources


                            • Glossary


                            • Desk Marketplace


                            • MVP Corner


                            • Word of the Day



                                Zoho Marketing Automation
                                        • Sticky Posts

                                        • Important update in Zoho Forms: Enhancements for improved email deliverability

                                          Hello, form builders! We would like to inform you about some changes we're making in Zoho Forms to ensure the deliverability of your outbound emails. Changes to Gmail policies Gmail has updated its DMARC policy which quarantines emails sent with gmail.com
                                        • Form language translation in Zoho Forms

                                          Hello everyone, Any business needs to satisfy its customers to gain favorable results, and it's not always easy. Various factors, like culture, education, and economics, can influence how they react to your products and services. When you're looking to
                                        • Enhancing user experience with Audio/Video Upload in Zoho Forms

                                          Hello form builders! Today, interactive forms are an integral part of websites and applications. While text-based inputs serve a variety of purposes, audio and video uploads can open up a world of possibilities for businesses. Imagine you are a talent
                                        • Introducing Auto-Trash Submissions!

                                          Hello form builders! Are you tired of sifting through and deleting form submission data? Try out the latest addition to Zoho Forms: Auto-Trash Submissions. This new feature is designed to help you control and manage data collected through your forms.
                                        • Introducing Card Forms!

                                          Hello form builders, Zoho Forms is now introducing an elegant, free-flowing fluid design of Card forms that will give your forms a visually appealing look, while avoiding any visual clutter for users who are attempting to answer multiple questions at


                                        Manage your brands on social media



                                                Zoho TeamInbox Resources

                                                  Zoho DataPrep Resources



                                                    Zoho CRM Plus Resources

                                                      Zoho Books Resources


                                                        Zoho Subscriptions Resources

                                                          Zoho Projects Resources


                                                            Zoho Sprints Resources


                                                              Qntrl Resources


                                                                Zoho Creator Resources


                                                                  Zoho WorkDrive Resources



                                                                    Zoho Campaigns Resources

                                                                      Zoho CRM Resources

                                                                      • CRM Community Learning Series

                                                                        CRM Community Learning Series


                                                                      • Tips

                                                                        Tips

                                                                      • Functions

                                                                        Functions

                                                                      • Meetups

                                                                        Meetups

                                                                      • Kbase

                                                                        Kbase

                                                                      • Resources

                                                                        Resources

                                                                      • Digest

                                                                        Digest

                                                                      • CRM Marketplace

                                                                        CRM Marketplace

                                                                      • MVP Corner

                                                                        MVP Corner




                                                                            Design. Discuss. Deliver.

                                                                            Create visually engaging stories with Zoho Show.

                                                                            Get Started Now