cs-icon.svg

Star Ratings App Installation Guide

To further enhance the business user experience, Contentstack provides prebuilt custom field apps that let you extend the functionality of your custom fields to serve your unique business needs while providing a native Contentstack look and feel.

With the Contentstack Star Ratings app and Custom Fields, you can add a star rating system to your entries. By adding a Star Ratings custom field to your website, you can enhance the overall functionality.

For example:
If you have a website which provides movie details, you can use this app as an approval rating field, such as IMDB rating.

Prerequisites

Let's follow this step-by-step guide to install and configure Star Ratings within your stack.

Steps for Execution

  1. Install and Configure Star Ratings in Contentstack Marketplace
  2. Use Star Ratings within your Stack
  1. Install and Configure Star Ratings in Contentstack Marketplace

    Follow the steps to install the application in Contentstack.

    1. Log in to your Contentstack account.
    2. In the left-hand side primary navigation, click the Marketplace icon to go to the Marketplace.
      Marketplace-Icon.png
    3. Click Apps from the left panel.
    4. Within the Marketplace, you can see all the available apps. Hover over the Star Ratings app and click Install App.
      Star-Ratings-App.png
    5. In the popup window, select the stack where you want to install the Star Ratings app and click the Install button.
      Star-Ratings-Install-App
    6. On the UI Locations tab, you can see the predefined app locations. You can use the toggle button corresponding to each UI location to enable or disable it based on your requirements.Star-Ratings-UI-Locations

    7. Note: No additional configuration is required to use the Star Ratings app.

  2. Use Star Ratings within your Stack

    To use the Star Ratings application within an entry of your stack, follow the steps given below:

    1. Go to your stack, click the Content Models icon in the left navigation panel, and click the + New Content Type button.
    2. Create a content type by adding relevant details as displayed below:
      Star-Ratings-Content-Type.png
    3. In the Content Type Builder page, add a Custom field in your content type by clicking the Insert a field link represented by a + sign.
    4. Under Select Extension/App, select Star Ratings, and click the Proceed button.
      Star-Ratings-Custom-Field-Select-App.png
      Star Ratings is added in the custom field.
      Star-Ratings-Custom-Field.png
    5. After adding the app in a custom field, click Save or Save and Close to save your changes.
    6. To use the Star Ratings app, create an entry for this content type. In the left navigation panel, navigate to the Entries page, click + New Entry to create a new entry for the above content type, and then click Proceed.
      You will see the Star Ratings custom field on your entry page as shown below:
      Star-Ratings-Sample-Entry.png
    7. After adding your star rating, Save and Publish your entry.
Was this article helpful?
^