How do you do your best work? We bet it happens when you can concentrate intensely, focusing on just one thing. Very few of us can jump back and forth between different tasks and tools and get the job done efficiently. It turns out the productivity of multitasking is a myth, and a scattered workflow, or workspace, could be wreaking havoc on your ability to get things done.
Modern stacks offer a lot more flexibility compared to legacy suites. But because they are made up of “stacks” of multiple different tools, they can create this disjointed workflow of hopping between tools and tasks. We’ve taken this to heart at Contentful and created new extensibility enhancements –– a dialog extension, entry extensions and sidebar extensions –– to make your work context-sensitive. Users are now presented with a sidebar customized to show exactly what they need to see when they need to see it. Not only are sidebars streamlined based on your team’s workflows, but they can also be used to deliver familiar services without leaving Contentful.
We’ll be explaining sidebar extensions and how to use them to customize your default sidebar in Contentful. Using sidebar extensions is one way to combat jumping from thing to thing as we collect all of your favourite tools to be accessed directly from your Contentful sidebar, creating a better editorial workflow.
When we refer to the ‘sidebar’ in this article, we’re talking about the sidebar next to your content in the Contentful web app. There are a few different sidebars in Contentful, but for this instance, we’re talking about the sidebar next to your entry. The default sidebar comes with the built-in widgets: status, preview, links, translation, versions and users. While these are very useful, they might not suit your specific needs, which is why we offer the chance to customize the sidebar with extensions or remove anything you won’t use for a cleaner publishing flow.
Say you’re the editor of a small team of copywriters, with each writer putting their writing directly into Contentful. Publishing one article probably looks like jumping back and forth between Slack, Email, and Google docs before pressing publish only to find out your formatting is off. This is where sidebar extensions come in handy.
By customizing your sidebar with our spell-check, a sensitive-language checker, and Gatsby preview integration, you’re able to do all of your work directly from your entry. This means zero jumping around, with everything you need to do in one place .
Let’s look at two easy ways to use sidebar extensions to simplify work, including Gatsby preview and the sensitive language tool.
For editors, the publish button can be scary as changes are live within seconds. Pushing out work with typos, formatting issues, or outright mistakes can be a nightmare scenario. Gatsby preview monitors changes on content as you type, and updates your site in real-time. Living in your custom sidebar, one click will take you to the preview environment and you’ll be able to see how your work looks before pushing publish with confidence.
For developers, Gatsby preview provides a real time, side-by-side preview for static sites. For more information on setting up Gatsby preview, you can find it in our marketplace here.
And if there is something worse than messing up your formatting, it would have to be insensitive or unacceptable language in your work. While you might be attuned to your company’s tone of voice and style, new members of your team or freelancers might not be. Our sensitive language UI extension uses Alex.js to check all text fields for insensitive or inconsiderate language. This includes:
Language which favors one gender
Language which is inconsiderate to race or religion
Swearing or bad language
The extension will sit in the sidebar and will show you any violations to consider before pressing the publish button. By catching any possible offenses, you’ll have another layer of confidence about the work before it goes public.
You can find a link to the tutorial here.
The tutorial will cover:
Built-in vs custom widgets
How to remove and rearrange the widgets
For gatsby preview: how to remove the built-in preview widget and assign the UIE to the sidebar
The scope of the SDK
Why you should stop using the legacy sidebar
Jo's a Contentful web app expert and collaborates with our customer success teams to elevate the authoring experience. She's a long-time power user who knows the product inside and out.