[Contentful Essentials] Creating and editing content in the web app

Transcript

1. 1 Creating and editing content in the web app Meghan Freas, Customer Success Team Manager March 20, 2019
2. Housekeeping • This webinar is being recorded; we will share the recording and slide deck with all registrants • Please leave your questions in the Q&A box, we’ll answer them after the presentation • To get in touch, write to us at team@contentfulmail.com before we begin...
3. 3 1. What makes Contentful different? 2. Contentful object hierarchy and terminology 3. Contentful web app basics 4. Five common authoring tasks 1. Create and publish an entry 2. Edit an entry, then use version control to roll back your change 3. Create an entry that includes references 4. Find a nested entry using search 5. Localize an entry Topics
4. 4 What makes Contentful different?
5. Companies are building more software than ever before to connect with their customers wherever they are: modern websites, mobile apps, on-site, in-home, and beyond. We are in the middle of a massive market shift 5 Now, all companies are digital product companies
6. 1. Launch sites faster 2. Personalize content more effectively 3. Display content on any digital device 4. Consolidate siloed content tools into a single content infrastructure platform Businesses love Contentful because it allows them to… 6 5x faster to launch new customer touch points 3x faster to launch new event and campaign microsites 14% increase in conversion rate with personalization integrations 66% decrease in unit cost of new digital products across business teams
7. 1. Use modern, best-in-class development tools 2. Create flexible content models 3. Integrate easily with other platforms 4. Use familiar software testing and deployment strategies Developers love Contentful because it allows them to…
8. 1. Reusable content—change content in one place and it changes everywhere 2. Customizable workflow—build the approval process you need 3. Independence—add or change content instantly without the assistance of technical teams 4. Version control—see earlier versions of content and roll back instantly 5. Flexible localization—easily manage country-specific or audience-specific text and images So, what’s in it for Content Authors? 8
9. You do your thing, developers do theirs Developers work in code... 9 Authors work in the web app... All content goes to the same place... ...and is delivered to any platform!
10. Reusable content means “structured” content 10 Content Types
11. 1. Using the slide-in editor to navigate up and down the content hierarchy 2. Using the rich text editor to see linked content embedded in its parent Navigating nested content in Contentful 11 There are two ways:
12. The slide-in editor shows you the hierarchy of content in layered windows 12 Click the pencil icon on a content type to open the referenced entry in a new layer Click one of the gray bars on the left to go up the tree
13. The rich text editor allows you to embed entries in the parent entry 13 Rendered view Rich text editor view Click the pencil icon to edit the embedded entry
14. • Content types have fields • Fields can be set to display in a way that makes sense for the type of content • The editor is simply another type of field • An “entry” is an instance of a content type • Reference fields are used to create links between entries What creating content in Contentful looks like 14
15. 15 Contentful terminology
16. 16 Organization This is your company’s account. It can contain one or more spaces. Spaces A space is an individual repository of content with its own content model. Content, Users, Settings
17. Recap: terminology 17 ❖ Organization: Your company’s account. Contains one or more spaces. ❖ Space: an individual repository of content with its own content model. ❖ Content type: the structure of a piece of content (entry); defined by a set of fields. ❖ Entry: a piece of content, based on a content type. ❖ Asset: a media file (image, video, etc.) and associated metadata.
18. 18 Web app basics
19. 19 1. Logging in 2. Content tab 3. Entry editor 4. Media library 5. Extra features – Preview – Custom sidebar – UI extensions What we’ll cover today...
20. 20 You can use: - your email address and password - third-party login providers - your company’s single sign-on (SSO) Logging in to the Web App
21. 21 Let’s go to the Web App!
22. 22 The Web App - 5 main areas
23. Details of the ‘Content’ tab A list of the entries within your space 23 Search bar Saved views Use to filter the list of entries Save your frequently used searches to find content more quickly
24. Details of the ‘Content’ tab A list of the entries within your space 24 View settings Hide/show/add and reorder columns Published, Draft, and Updated entries are shown Entry status ! These changes are temporary unless you save the list as a new view ! ! Archived entries do not show in the main content list, but can be accessed through searching or from a saved view !
25. Creating an entry 25 Creating new entries To begin, click ‘Add entry’ and select the content type. Depending on your user permissions, you might see a different set of content types than a teammate sees.
26. The entry editor 26 An entry is a single piece of content, which can have links to other entries and media assets.
27. 27 Details of the entry editor Entry Title Text you enter into the title field is automatically added to the top bar. Each line is an individual field. These fields were chosen, named, and ordered by your team. Fields
28. 28 Details of the entry editor Info Click to see details about the entry like the content type, when it was created, who last made changes, and more. ! Auto save happens every few seconds, version number shows how many times the entry has auto-saved !
29. 29 Details of the entry editor Preview If your admins have configured a preview environment, you can use this button to preview draft entries. Links A list of all other entries that are linking to this entry. Translation If you are using localization, click ‘Change’ to hide / show localized fields. Status Published: entry is being delivered to your end apps Draft: the entry is not being delivered to your end apps Updated: a publish entry that has been updated; republish to make changes live Archived:: the entry is not hidden from the ‘Content’ list Versions Use to compare published versions of the entry.
30. The media library 30 Looks and functions similarly to the ‘Content’ tab ! Shared and personal views works the same as it does in the ‘Content’ list !
31. Assets vs. media files 31 All media in Contentful is contained within an asset Asset The object that contains a title, description & a media file. Media The file itself; can be an image, video, .pdf, etc.
32. Image editing 32 Use the built-in image editing tool for quick changes Rotate Resize Crop
33. Content preview
34. 34 1. Create and publish an entry 2. Edit an entry, then use version control to roll back your change 3. Create an entry that includes references 4. Find a nested entry using search 5. Localize an entry 5 Common Authoring Tasks
35. 35 1. Create and publish an entry
36. 36 2. Edit an entry, then use version control to roll back your change
37. Comparing entry versions 37 Rollback to previously published versions of your content in only a few clicks
38. 38 3. Create an entry that includes references
39. One-to-one relationship
40. One-to-many relationship
41. Fixed Flexible
42. 42 4. Find a nested entry using search
43. 43 5. Localize an entry
44. Working with localized content 44 Hide/show locales Use the buttons in the right-hand sidebar to toggle the visibility of localized fields.
45. Localized assets 45 Add unique titles, descriptions & media files for each locale
46. Questions? Topics covered 1. What makes Contentful different? 2. Contentful object hierarchy and terminology 3. Contentful web app basics 4. Five common authoring tasks