Elevating AppFox’s Documentation with Scroll Viewport for Confluence

Elevating AppFox’s Documentation with Scroll Viewport for Confluence


Meta Information


Explanation

metaDescription

AppFox’s secret to stellar product documentation? Scroll Viewport and Workflows for Confluence.

Field Type

Text

Help

Should be max 120 characters. This is shown on the result page e.g. on Google.

shareTitle

Elevating AppFox’s Documentation with Scroll Viewport for Confluence

Field Type

Text

Help

This title is shown when the blog post is shared on social media.

shareDescription

Discover how AppFox launched a beautiful and intuitive help center on Confluence with Scroll Viewport, backed by simple and seamless documentation process thanks to their Workflows app.

Field Type

Text

Help

Should be 1-2 sentences. This text is shown if the blog post is shared on social media or other platforms.

shareImage

Blog-Post-Teaser-Image_AppFox-Customer-Story.svg

Field Type

PNG/JPG

teaserImage

Blog-Post-Teaser-Image_AppFox-Customer-Story@2x.png

Field Type

SVG

Help

To add an SVG do the following:

  1. Drag and drop the SVG in the property - it will show up as an a attachment with icon.

  2. Remove it from the property with backspace

  3. Enter "!"

  4. A list of attachments appear

  5. move down with the arrow keys to your SVG attachment (usually the first one in the list)

  6. Hit enter

  7. Add a manual pixel width e.g. 50px (this doesn’t effect the website later on)

  8. Done

teaserText

Discover how AppFox launched a beautiful and intuitive help center on Confluence with Scroll Viewport, backed by simple and seamless documentation process thanks to their Workflows app.

Field Type

Text

Help

Should be 1-2 sentences.

author

Shannon Meehan

Field Type

Link to page

Help

The author needs to be a page link from the team page.

heading


Field Type

Text

Help

If your blog post title should change for the following reasons:

  • blog post has already been published and shared

  • blog post url should be shorter than page title

  • Use of emojis in blog post title

  • blog post title contains special characters which are not compatible with the viewport meta tag macro

Example: The title of the blog post is -
Announcing Orderly: Replace Confluence Page Properties with Notion-like Databases

But the Url should be shorter and just be:
/blog/orderly-for-confluence

Blog post title = Orderly for Confluence

Heading property = Announcing Orderly: Replace Confluence Page Properties with Notion-like Databases

textToSpeech


Field Type

mp3

Help

Please ping Steffen to create the file.

relatedPosts




For AppFox, a growing SaaS product vendor and Platinum Atlassian Marketplace Partner, quality documentation has been essential in empowering users to harness the full potential of their apps. But as their portfolio expanded, it became a challenge for AppFox to maintain a cohesive and user-friendly documentation system. That’s when they turned to K15t’s Scroll Viewport for Confluence Cloud.

Blog-Post-Teaser-Image_AppFox-Customer-Story.svg

The Challenge: Strain on Scaling Processes

Founded in 2017, AppFox’s rapid growth led to disjointed documentation practices across their diverse product range. AppFox offers products for multiple platforms including Jira, Confluence, Trello, and Monday.com.

With so much information to manage, challenges started to creep in. The visibility of draft content, inconsistent styling, subpar search experiences, and lack of integration with their web domain posed significant hurdles for both the team and the users.

The Criteria: Finding a Comprehensive Solution

AppFox sought a solution that would tackle a number of specific pain points:

  1. Integration with Confluence: AppFox needed a solution that would work seamlessly with Confluence, a platform they already relied on. As avid users and advocates of the tool, moving away was simply not an option.

  2. Separation of Draft and Published Content: Maintaining the separation between draft and published content was crucial for their internal review process and delivering more accurate user-facing documentation.

  3. Enhanced Navigation: AppFox wanted to provide users with a smooth and intuitive navigation experience to quickly find the information they needed.

  4. Intuitive Interface: Efficiency was a priority; they needed a tool that would be user-friendly for their team without the need for extensive training.

  5. Reliability: To cater to their global customer base, AppFox required a tool that ensured 24/7 accessibility.

The Solution: Scroll Viewport for Confluence

AppFox’s search led them to Scroll Viewport, a solution that aligned perfectly with their criteria. With Scroll Viewport, they found:

A Branded Help Center: Scroll Viewport enables AppFox to maintain a consistent brand identity throughout their documentation.

AppFox-Confluence-Help-Center.png

Simplicity and Ease: Scroll Viewport’s intuitive interface allowed AppFox to seamlessly adopt the tool, saving time and resources.

Effortless Navigation: Multiple display options within Scroll Viewport ensures users can easily access the content they’re looking for.

Contextual Search: Integrated, context-specific search functionality makes it so simple for users to find exactly the content they’re searching for:

“Now this might seem like a niche benefit, but the search feature makes a huge difference to our customers. It cuts out all the noise from the other documentation pages and makes the process of finding information a lot smoother.”

– Craig Willson, Head of Product Marketing at AppFox.


Analytics Integration: Scroll Viewport’s integration with Google Analytics provides valuable insights into content performance and user behavior.

Continuous Improvements: AppFox appreciates Scroll Viewport’s regular updates and how they’re enhancing the tool’s functionality and efficiency:

“We’ve been blown away by the amount of updates that have happened over the years. It’s pretty clear the K15t team is focused on taking this product even further and we have seen some awesome changes released.”

– Emma Thomas, Head of Product at AppFox.

Perfect Pairing: Elevating Docs with Scroll Viewport & Workflows for Confluence

AppFox also discovered a winning combo: Scroll Viewport and Workflows for Confluence. Using their Workflows product to help manage documentation internally, they set up custom workflows and an approval process that enables the right experts on their team to review content before it goes live.

With Scroll Viewport in the mix, they have a seamless process in place. The docs are created in Confluence, experts give the nod, and Scroll Viewport adds the finishing touch – sleek, polished pages to deliver to their users. See for yourself:

AppFox-Confluence-Help-Center-Worklows-Documentation.png

You can learn more about this dynamic duo and how AppFox makes this possible in this article →

The Result: Enhanced Documentation and User Experience

By partnering with K15t’s Scroll Viewport, AppFox successfully transformed their documentation process. The result has helped improve user interactions, streamlined content creation, and elevated customer satisfaction.

Blog-Post-Quote_Image_AppFox-Customer-Story@2x.png

This is just a glimpse into AppFox’s journey with Scroll Viewport. To read the full story and learn how Scroll Viewport revolutionized their documentation practices, check out AppFox’s article →

Discover how you can take your documentation to the next level and align it with your brand for an exceptional user experience. Confluence users can try Scroll Viewport free for 30 days. Give it a try → 

Share this article
Join us at Atlassian Team '25
Join us at Atlassian Team '25

We’re premier sponsors of Atlassian Team ‘25 in Anaheim! Here’s a peek at what we’re bringing to the event this year. P.S. Use our discount code if you haven’t bought your pass yet.

Reset Cookies

The following services will be reset and deactivated for you.

  • Hyvor Talk:
    We're using Hyvor Talk as a comment tool. Hyvor Talk sets a local storage when activated. By clicking "Disable all services" you're no longer able to post or read comments on our website until accepting the service again.
  • YouTube:
    We're using YouTube to embed video into our website. YouTube sets cookies when activated. By clicking "Disable all services" you're no longer able to watch our embedded videos on the website until accepting the service again.

By clicking "Disable all services" all cookies and local storages related to the services will be removed. Before using them on our website again, you need to accept them.