bflopez / extensions

Contentstack extension examples

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Contentstack Extensions

Contentstack provides Extensions that let you extend its UI. It provides three types of extensions: Custom Fields, Custom Widgets, and Dashboard Widgets.

The Custom Fields extension lets you create custom fields that you can use in your content types, such as a color picker, code editor, video selector, and more.

The Custom Widgets extension lets you add widgets that help you analyze the content of an entry and recommend content ideas. Examples of custom widgets are SEO recommendations, sentiment analysis, and content translation in different languages.

The Dashboard Widgets extension allows you to add widgets to the dashboard of your stack. Using this extension, you can create useful widgets such as recently published content, to-do list, personal notes, stack summary, and more.

This is a repository of example extensions created using Contentstack’s Extensions SDK.

Examples of custom fields created using Extensions

Here are some examples/use cases of custom fields that can be created using Extensions. These examples come with readme files that explain how to install and get started with these fields.

Color Picker:
A native color picker polyfill that allows users to select color as input value and saves the color code in the backend.

Ace Editor:
A code editor written in JavaScript, allowing you to edit HTML, PHP, JavaScript and other with ease.

JSON Editor:
A simple editor that lets you view, edit and format JSON code within the field of your content type

Key-value Field:
This extension lets you add key-value pairs as input value of a field of your content type.

Progress Bar:
It lets you display a progress bar as input field. Users can set value by sliding the progress bar to the left or right.

Star Ratings:
This extension lets you display five stars as an input field. Users can select one or more stars, and a corresponding value will be saved in Contentstack.

Marketo Forms:
This extension lets you fetch and display the list of your existing Marketo forms into the field of your content type.

Brightcove:
This extension lets you fetch and display your Brightcove videos into a field of your content type.

Shopify:
This extension lets you load products of your Shopify store into the field of your content type.

Egnyte:
This extension lets you fetch files of your Egnyte account and display them into a field of your content type.

Ooyala:
This extension lets you fetch and display your Ooyala videos into a field of your content type.

Optimizely:
This extension lets you serve personalized content by allowing you to select the audience for each entry.

Youtube: This extension lets you fetch and display Youtube videos into a field of your content type.

External API Lookup: This extension lets you fetch data from an external API and display the data as possible values for the field on an entry page in Contentstack.

Examples of custom widgets created using Extensions

Here are some examples/use cases of custom widgets that can be created using Extensions. These examples come with readme files that explain how to install and get started with these widgets.

Text Intelligence: This extension (custom widget) uses MonekyLearn APIs to provide helpful recommendations such as content summarizer, keyword extractor, retail classifier, etc.

Google Analytics: This widget uses the Google Analytics data to display the traffic analysis and statistics of your entry on the sidebar of the entry.

Optimizely Experiments: This extension lets you retrieve and display Optimizely Experiments and their details in your entry.

Examples of dashboard widgets created using Extensions

Here are some examples/use cases of dashboard widgets that can be created using Extensions. These examples come with readme files that explain how to install and get started with these widgets.

Google Analytics: This dashboard widget uses the Google Analytics data to display the traffic analysis and statistics of your site on the stack dashboard.

Other Documentation

About

Contentstack extension examples


Languages

Language:HTML 59.9%Language:JavaScript 27.1%Language:CSS 13.0%