Add America Talks Registration to your Website

Thank you for placing this signup form on your website! With your help, we will connect thousands of Americans for one-on-one, face-to-face video conversations across political divides.


Implementation Instructions

  1. COPY: Select one of the embed codes below and click to copy the code.
  2. PASTE: Paste the code directly into an HTML editor for your website, such as the Custom HTML Editor on WordPress or a Code Block on Squarespace. Pasting the code into a Visual editor or WYSIWYG editor will not work.
  3. SPECIFY YOUR ORGANIZATION: Replace XXXXX in the code snippet with your organization’s slug. For example, change source=XXXXX to source=citizenconnect. This allows us to track which participants were referred by your organization. This will be the same slug as in the custom America Talks link you were provided earlier. Organization slugs can be found here.
  4. TEST: After placing the embed, view your page on BOTH DESKTOP AND MOBILE devices in order to ensure it is displaying & functioning properly.

Please note that these only work on websites. They will not function within emails, apps, or on social media. For those, please link to America Talks using your organization’s referral link.


Option 1: Popup Registration Button

This is a button that will open up the registration form when clicked.

Code snippet:
Replace XXXXX with your organization’s slug. If desired, you can change “Sign Up” to text of your choice or adjust the styling using CSS.

				
					<!-- BEGIN AMERICA TALKS REGISTRATION BUTTON -->
<button data-tf-popup="sHeAh3op" data-tf-hide-headers data-tf-iframe-props="title=Sign Up for America Talks" data-tf-medium="snippet" data-tf-hidden="id=null,source=XXXXX" 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:#00AEEF;color:#ffffff;font-size:20px;border-radius:3px;padding:0 33px;font-weight:bold;height:50px;cursor:pointer;line-height:50px;text-align:center;margin:0;text-decoration:none;">Sign Up</button><script src="//embed.typeform.com/next/embed.js"></script>
<!-- END AMERICA TALKS REGISTRATION BUTTON -->
				
			
Example:


Option 2: Popup Registration Plain-Text Link

This is a plain-text link that will open up the registration form when clicked.

Code snippet:
Replace XXXXX with your organization’s slug. If desired, you can change “Sign Up” to text of your choice or add styling using HTML & CSS.

				
					<!-- BEGIN AMERICA TALKS POPUP REGISTRATION LINK -->
<a data-tf-popup="sHeAh3op" data-tf-hide-headers data-tf-iframe-props="title=Sign Up for America Talks" data-tf-medium="snippet" data-tf-hidden="id=null,source=XXXXX">Sign Up</a><script src="//embed.typeform.com/next/embed.js"></script>
<!-- END AMERICA TALKS POPUP REGISTRATION LINK -->
				
			
Example:


Option 3: Embedded Registration Form (Default)

This is an embedded form that begins by asking people which type of conversation they would prefer. It only makes sense to use this on a page that already provides context for what America Talks is.

Code snippet:
Replace XXXXX with your organization’s slug.

				
					<!-- BEGIN EMBEDDED AMERICA TALKS REGISTRATION FORM -->
<div data-tf-widget="sHeAh3op" data-tf-inline-on-mobile data-tf-hide-headers data-tf-iframe-props="title=Sign Up for America Talks" data-tf-medium="snippet" data-tf-hidden="id=null,source=XXXXX" style="width:100%;height:500px;"></div>
<script src="//embed.typeform.com/next/embed.js"></script>
<!-- END EMBEDDED AMERICA TALKS REGISTRATION FORM -->
				
			
Example:


Option 4: Embedded Registration Form (BIDEN)

Starting question: Do you think Joe Biden is doing a good job as President? (Yes/No)

This is an embedded form that can be placed on pages without other America Talks content. It begins with the statement “Do you think Joe Biden is doing a good job as President?” and asks people to Agree or Disagree. Once they click, it invites them to America Talks.

Code snippet:
Replace XXXXX with your organization’s slug.

Example:
				
					<!-- BEGIN EMBEDDED AMERICA TALKS LESSDIVIDED REGISTRATION FORM -->
<div data-tf-widget="sHeAh3op" data-tf-inline-on-mobile data-tf-hide-headers data-tf-iframe-props="title=Sign Up for America Talks" data-tf-medium="snippet" data-tf-hidden="id=null,source=XXXXX,q=biden" style="width:100%;height:500px;"></div>
<script src="//embed.typeform.com/next/embed.js"></script>
<!-- END EMBEDDED AMERICA TALKS LESSDIVIDED REGISTRATION FORM -->
				
			


Option 5: Embedded Registration Form (CANCEL)

Do you feel like your voice is being canceled? (Yes/No)

This is an embedded form that can be placed on pages without other America Talks content. It begins with the statement “Do you feel like your voice is being canceled?” and asks people to Agree or Disagree. Once they click, it invites them to America Talks.

Code snippet:
Replace XXXXX with your organization’s slug.

Example:
				
					<!-- BEGIN EMBEDDED AMERICA TALKS LESSDIVIDED REGISTRATION FORM -->
<div data-tf-widget="sHeAh3op" data-tf-inline-on-mobile data-tf-hide-headers data-tf-iframe-props="title=Sign Up for America Talks" data-tf-medium="snippet" data-tf-hidden="id=null,source=XXXXX,q=cancel" style="width:100%;height:500px;"></div>
<script src="//embed.typeform.com/next/embed.js"></script>
<!-- END EMBEDDED AMERICA TALKS LESSDIVIDED REGISTRATION FORM -->
				
			


Option 6: Embedded Registration Form (LESSDIVIDED)

Starting question: I want a less divided America (Yes/No)

This is an embedded form that can be placed on pages without other America Talks content. It begins with the statement “I want a less divided America” and asks people to Agree or Disagree. Once they click, it invites them to America Talks.

Code snippet:
Replace XXXXX with your organization’s slug.

				
					<!-- BEGIN EMBEDDED AMERICA TALKS LESSDIVIDED REGISTRATION FORM -->
<div data-tf-widget="sHeAh3op" data-tf-inline-on-mobile data-tf-hide-headers data-tf-iframe-props="title=Sign Up for America Talks" data-tf-medium="snippet" data-tf-hidden="id=null,source=XXXXX,q=lessdivided" style="width:100%;height:500px;"></div>
<script src="//embed.typeform.com/next/embed.js"></script>
<!-- END EMBEDDED AMERICA TALKS LESSDIVIDED REGISTRATION FORM -->
				
			
Example:


More Information

For general questions about America Talks, please email hello@americatalks.us

For technical questions about implementing the signup form, please email Samantha Shireman at samantha@allsides.com