godronus / 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 four types of extensions: Custom Fields, Custom Widgets, Dashboard Widgets and JSON RTE Plugin.

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.

The JSON Rich Text Editor Plugins lets you add/create custom plugins to extend the functionality of your JSON Rich Text Editor as per your needs. You can use the prebuilt JSON RTE plugins by modifying the code to suit your requirement. Some of the basic prebuilt plugins include Highlight, Info Panel, and Word Count.

This is a repository of example extensions created using Contentstack’s App SDK for JSON RTE Plugins and for others 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.

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.

Developer Tools: This widget extension provides developers with quick tools (API endpoint, JSON, etc.) to work with an entry or all entries of a content type and do a lot more.

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.

Content Type Visualizer: Content Type Visualizer Dashboard Widget offers a graphical representation of all content types, along with their fields, in a particular stack.

Examples of JSON RTE Plugin created using Extensions

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

Highlight Allows you to highlight certain parts of your content, such as a whole line of text or a paragraph.

Info Panel Allows you to place important content inside a colored panel to make it stand out.

Word Count Allows you to track the word count for your JSON Rich Text Editor content.

Other Documentation

About

Contentstack extension examples


Languages

Language:HTML 83.6%Language:CSS 6.6%Language:JavaScript 6.5%Language:TypeScript 3.3%Language:Shell 0.0%