Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

Contentful Webinars

March 20, 2019
Tweet

More Decks by Contentful Webinars

Other Decks in Technology

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 [email protected] 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. 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
  5. 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
  6. 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…
  7. 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
  8. 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!
  9. 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:
  10. 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
  11. 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
  12. • 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
  13. 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
  14. 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.
  15. 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...
  16. 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
  17. 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
  18. 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 !
  19. 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.
  20. The entry editor 26 An entry is a single piece

    of content, which can have links to other entries and media assets.
  21. 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
  22. 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 !
  23. 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.
  24. 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 !
  25. 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.
  26. 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
  27. Working with localized content 44 Hide/show locales Use the buttons

    in the right-hand sidebar to toggle the visibility of localized fields.
  28. Questions? Topics covered 1. What makes Contentful different? 2. Contentful

    object hierarchy and terminology 3. Contentful web app basics 4. Five common authoring tasks