Contentful App
1. Find Qencode app in the list of Contentful Apps and click Install button
![Install Qencode App](/images/docs/tutorials/integrations/contentful-app/01.jpeg)
2. Click Authorize Access to allow access for the app to your Contenful project
![Authorize Access](/images/docs/tutorials/integrations/contentful-app/02.jpeg)
3. App configuration / API Key
Now you are taken to Qencode app configuration screen, where you need to provide valid Qencode API key.
- Enter API key and press Validate button.
![Qencode API Key](/images/docs/tutorials/integrations/contentful-app/03.jpeg)
4. App configuration / Templates
-
Enable templates that you will be using for transcoding
-
Click Install button.
New content model Video will be created.
![App Templates](/images/docs/tutorials/integrations/contentful-app/04.jpeg)
5. Content model
- Find new content model Video in Content model tab and click Video content type to update it.
![Content model](/images/docs/tutorials/integrations/contentful-app/05.jpeg)
- Select Fields tab and click Settings for JSON object field.
![Content model settings](/images/docs/tutorials/integrations/contentful-app/06.jpeg)
- Select Appearence tab and choose installed Qencode app, click Save button
![Content model settings](/images/docs/tutorials/integrations/contentful-app/07.jpeg)
- Select Sidebar tab.
![Content model settings](/images/docs/tutorials/integrations/contentful-app/08.jpeg)
-
Add available item from installed app to Sidebar by clicking Plus.
-
Click Save button to save changes made to Video content type created by Qencide app during installation.
![Content model settings](/images/docs/tutorials/integrations/contentful-app/09.jpeg)
6. Content model / Create content
- To create content of Video content type select Content tab, click Entry, find Video in dropdown and click it.
![Create content](/images/docs/tutorials/integrations/contentful-app/10.jpeg)
- Add media
![Add media](/images/docs/tutorials/integrations/contentful-app/11.jpeg)
- If existing media asset has more than one video, like when there are 2 videos for 2 languages for example, you will see dropdown to select language, video of selected languages will be used for transcoding.
![Add media](/images/docs/tutorials/integrations/contentful-app/11_2.jpeg)
- After media is added, click Publish button, transcoding will start automatically.
![Publish](/images/docs/tutorials/integrations/contentful-app/12.jpeg)
- You can leave the page and check status of transcoding jobs later.
![Status](/images/docs/tutorials/integrations/contentful-app/13.jpeg)
- Status of transcoding jobs progress is saved in JSON Object field with id task_data of Video content.
![JSON Object](/images/docs/tutorials/integrations/contentful-app/14.jpeg)