Capty + Contact forms

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

Live demo

Contact form with the capty screen recorder






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?