Capty + Contact form 7

Add capty to contact form 7 and let your users explain it with a clear screen recording. Instead of endless text messages.

Live demo with contact form 7

    Easy integration

    All you need to do is insert our CSS and JS code before the  </body>-tag in your page and you’re good to go. Capty will be displayed automatically. After users captures a video, they can send you the link to the video. So you can watch the video as soon as your users send you the message.

    				
    					<!-- Start of Capty.io Styling -->
    <link rel="stylesheet" href="https://pro.capty.io/cdn/capty-standard--light.css">
    <!-- End of Capty.io Styling -->
    
    
    <!-- Start of Capty.io Script -->
    <script defer src="https://www.capty.io/cdn/capty.js"
    data-integrate-selector="form textarea"
    data-result-selector="form textarea">
    </script>
    <!-- End of Capty.io Script -->
    
    				
    			

    Want to customize the recorder?

    Change the position of the button/recorder

    By default the recorder is placed before the “form textarea”. To change the position of the recorder on your page, just change “form textarea” to the css-class/id of the element inside which you want to insert the recorder.

    values = target element OR class OR id OR input.class / input#id (e.g. ‘.test-target’, ‘#test-target’, ‘input.test’, ‘input#test’)
    default = ‘form textarea’

    				
    					data-integrate-selector="form textarea"
    
    				
    			

    Change the place where to insert the video link after recording

    After your user has recorded the video and generated the link, the link will be added to the “input textarea” of your contact form. If you want capty to insert the link on another spot, just change “input textarea” to the css-class/id of the element or field you want to insert the link.

    values = target element OR class OR id OR input.class (e.g. ‘.test’, ‘#test’, ‘input.text’ ) OR ‘false’
    default = ‘form textarea’

    				
    					data-result-selector="form textarea"
    
    				
    			

    Display the recorder as a modal/popup or inline

    If you set the value of “data-modal” to “true”, capty will be displayed as a modal/popup (like in the example above). If you set the value to “false” it will be displayed inline (like on the main page of capty.io).

    values = ‘true’ or ‘false’
    default = ‘true’

    				
    					data-modal="true"
    data-modal="false"
    				
    			

    Define the language of the recorder

    Currently capty is available in english and german. By default capty automatically uses the browser language of your users. But you can force capty to be displyed in german or english by adding this attribute to the script.

    values = ‘en’ or ‘de’
    default = automatically set based on browser language, if browser language not exists, fallback ‘en’

    				
    					data-language="en"
    data-language="de"
    				
    			

    Hide the download button

    There are situations where you might want to hide the download button before creating the link. For example if you want to force the users to create the link.

    values = ‘true’ or ‘false’
    default = ‘true’

    				
    					data-download-button="true"
    data-download-button="false"
    				
    			

    Browser support

    Capty runs directly in the browser without plugins, apps, or other software. Your users don’t need to install anything. If their browser is not supported, they will receive a notification to switch browsers.

    Desktops and Laptops

    Chrome Firefox Edge Opera Safari Internet Explorer
    Screen Yes Yes Yes Yes No No
    Audio Yes Yes Yes Yes Yes No
    Camera (coming soon) (coming soon) (coming soon) (coming soon) (coming soon) No

    Smartphones

    Coming soon

    Tablets

    Coming soon

    Recording time and storage time

    Recording on Capty.io

    • 30 Minutes recording time per video
    • 3 days storage time on our server
      For sharing the recording with others

    Integration into your website

    • 3 Minutes recording time per video
    • 3 days storage time on our server
      For sharing the recording with others

    Want longer recordings and a longer storage time?