Using Social Inputs to edit your data

These inputs are for editing plain text in your data. Each input includes a specific brand icon.

Facebook

Single line input with a Facebook logo for short text values.

Facebook inputs are shown for inputs configured with the type facebook, or for input keys matching:

  • facebook
  • *_facebook
  • facebook_username
  • *_facebook_username
  • facebook_url
  • *_facebook_url
Screenshot of a facebook username
Screenshot of a facebook url
Naming convention
facebook: CloudCannon
facebook_username: CloudCannon
facebook_url: 'https://www.facebook.com/CloudCannon'
Input configuration
social_handle: CloudCannon
_inputs:
  social_handle:
    type: facebook

Twitter

Single line input with a Twitter logo for short text values.

Twitter inputs are shown for inputs configured with the type twitter, or for input keys matching:

  • twitter
  • *_twitter
  • twitter_username
  • *_twitter_username
  • twitter_url
  • *_twitter_url
Screenshot of a twitter username
Screenshot of a twitter url
Screenshot of a twitter username with a different key
Naming convention
twitter: CloudCannon
twitter_username: CloudCannon
twitter_url: 'https://twitter.com/@jekyllrb'
Input configuration
social_handle: CloudCannon
_inputs:
  social_handle:
    type: twitter

Instagram

Single line input with an Instagram logo for short text values.

Instagram inputs are shown for inputs configured with the type instagram, or for input keys matching:

  • instagram
  • *_instagram
  • instagram_username
  • *_instagram_username
  • instagram_url
  • *_instagram_url
Screenshot of an Instagram url
Screenshot of an Instagram username
Naming convention
instagram: purenewzealand
instagram_username: purenewzealand
instagram_url: 'https://www.instagram.com/purenewzealand/'
Input configuration
social_handle: CloudCannon
_inputs:
  social_handle:
    type: instagram

GitHub

Single line input with a GitHub logo for short text values.

GitHub inputs are shown for inputs configured with the type github, or for input keys matching:

  • github
  • *_github
  • github_username
  • *_github_username
  • github_url
  • *_github_url
Screenshot of a GitHub username input
Screenshot of a GitHub url input
Screenshot of another GitHub url input
Naming convention
github: CloudCannon
github_username: CloudCannon
github_url: 'https://github.com/jekyll'
docs_github_url: 'https://github.com/CloudCannon/Documentation'
Input configuration
social_handle: CloudCannon
_inputs:
  social_handle:
    type: github

Pinterest

Single line input with a Pinterest logo for short text values.

Pinterest inputs are shown for inputs configured with the type pinterest, or for input keys matching:

  • pinterest
  • *_pinterest
  • pinterest_username
  • *_pinterest_username
  • pinterest_url
  • *_pinterest_url
Screenshot of a Pinterest input
Screenshot of a Pinterest input on a different key
Screenshot of a Pinterest URL input
Naming convention
pinterest: pinterest
default_pinterest: pinterest
pinterest_url: 'https://www.pinterest.com/pinterest/'
Input configuration
social_handle: CloudCannon
_inputs:
  social_handle:
    type: pinterest
Was this article helpful? or Suggest an improvement >