Last Updated: 8/10/2021, 10:11:00 AM

# Creating News and Support in Contentful

# Overview

After you have uploaded a game, you can also add support or news sections to Player Portal or Launcher by using Contentful AccelByte uses Contentful to manage published content both in Player Portal and Launcher. To take advantage of this, you must have your own Contentful account.

# Tutorials

# Add an Image or Video in Contentful

You can add images and video to Player Portal and Launcher in Contentful by following the steps below.

  1. In the Content dashboard of Contentful, click the Add Entry button and select the type of content you want to add. In this example, we choose item publishing content.

creating-news-and-support-in-contentful

  1. A blank page will appear. Here you can fill in the required fields.

    creating-news-and-support-in-contentful

    • Input the Title of the publishing content.
    • Input the Item ID with the key of the game or item that has already been published in the Player Portal.
    • Input the Mini Launcher URL.
    • Add the Main Background to your store’s item detail page. In this example, we used the Universal Media model. There are three types of Universal Media as follows:
    • Input url:image if you want to add an image URL.
    • Input youtube:video if you want to add an embedded youtube URL.
    • Input url:video if you want to add a video URL.
      You can learn how to get the image and video URL below.
    • Add a Media if needed.
  2. Here is how media appears in the Player Portal.

    creating-news-and-support-in-contentful

    • Image
      creating-news-and-support-in-contentful

    • Video
      creating-news-and-support-in-contentful

# How to Get the Item ID

  1. In the Player Portal, choose an Item to open its Detail Page.

    creating-news-and-support-in-contentful

  2. The Item ID appears in the URL of the detail page.

    creating-news-and-support-in-contentful

# How to Get an Image or Video URL in Contentful

  1. Create a new asset in Contentful], or choose an existing asset.

    creating-news-and-support-in-contentful

  2. Click the download button from the uploaded asset. Then, copy the URL into the search bar.

    creating-news-and-support-in-contentful

# Add a Key Feature in Contentful

  1. In the Content dashboard of Contentful, click the Add Entry button and choose features.

    creating-news-and-support-in-contentful

  2. A blank page will appear. Here you can fill in the required fields.

    creating-news-and-support-in-contentful

    • Input the Title of the content.
    • Input the App ID with the App ID from the Item Configuration page in the Admin Portal.
    • Input the Tags of the content by clicking Link existing entries to see the list of available tags, or click Create new asset and link to create a new tag.
    • Input the Media of the content by clicking Link existing assets to see the list of available media, or click Create new asset and link to create a new media.
  3. Once you have set up all of the required content, change the Draft status to Publish.

    Here’s how Key Features appear in the Player Portal.

    creating-news-and-support-in-contentful

# Add News in Contentful

  1. In the Content dashboard of Contentful, click the Add Entry button and choose news.

    creating-news-and-support-in-contentful

  2. A blank page will appear. Here you can fill in the required fields.

    creating-news-and-support-in-contentful

    • Input the Title of the content.
    • Input the Author of the content.
    • Create your content in the Content fields. You can also add an image or video to your content.
    • In the Excerpt panel, input a summary of your content.
    • Input the Media of the content by clicking the Link existing assets to see the list of available media, or click Create new asset and link to create a new media.
    • Input the Tags of the content by clicking Link existing entries to see the list of available tags, or click Create new asset and link to create a new tag.
    • Input the Universal Media by clicking Link existing entries to see the list of available universal media.
  3. Once you have set up all of the required content, change the Draft status to Publish. Here is how news appears in the Player Portal.

    creating-news-and-support-in-contentful

# How to Add an Image or Video to News or Support Content

In this section, you will learn some tips on how to add videos or images to your content.

# Add an Image to your Content

There are two ways to add images to your content. You can use either the Contentful editor or HTML. See below for detailed explanations of both methods.

  • Contentful Editor
    In the Content Editor, click Insert Media and a list of options will appear. Choose Add new media link to add a new image or use an existing image by clicking Link existing media.

creating-news-and-support-in-contentful

  • HTML
    Using HTML, you can customize an image’s properties, such as adjusting its size or position. Use the code below to do so.
<img src="IMAGE_PATH" width="300" height="300" position="left">  
Property Description
width Input the width of the image.
height Input the height of the image.
position Input the position of the image. You can choose left, center, or right. This is optional.

Here is how HTML appears in the Contentful editor.

creating-news-and-support-in-contentful

# Add a Video to your Content

Use the HTML below to add a video to your content.

<div class="video">  
<iframe class="video-iframe" allowfullscreen src="VIDEO_URL"></iframe>  
</div>  
  • Replace the VIDEO_URL with your video link.

Here is how the HTML appears in the Contentful editor.

creating-news-and-support-in-contentful