All Collections
Integrations
Collecting contacts from a Carrd website
Collecting contacts from a Carrd website

Here's how you add a form to your Carrd website that integrates with Upscribe.

J
Written by Jonny Platt
Updated over a week ago

There are a couple of ways to integrate your Upscribe form with your Carrd.co site and start collecting new contacts. Let's get into it!

For Pro Standard Carrd Accounts...

Anywhere on the page; add a new Embed Block and set the type to Code. Then paste the following snippet inside. Don't forget to place your API key (which you can grab from your account here) where it says YOUR_API_KEY.

<script>window.upsettings = {'api_key': 'YOUR_API_KEY'}</script>

<script>(function(){var w=window;var up=w.Upscribe;if(typeof up==="function"){up('reattach_activator');up('update',upsettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Upscribe=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://upscri.be/js/snippet.js';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if( w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()</script>

Add a second Embed Block with the type of IFRAME and paste your form link inside.

For Pro Plus Carrd Accounts...

Add a new Form block and set it's type to "Custom" and "Send to URL".

Paste your Form URL into the URL field and set the Method to AJAX (supports submitting the form without refreshing the page).

Under the Fields tab make sure you have a field with the type email. You'll also want to set the Label and ID to email as well.

P.S. We are working on getting a proper integration set up with Carrd. Will update this article if/when we get that set up!

Did this answer your question?