DawPi

There's a lot for your members to love with Invision Community 5, and we recently covered five of the best features. Today, I want to discuss five features your team will love.
One of the main concepts for Invision Community 5 was to reduce the complexity of power-user tools like theming and page building. These functions had been built around those with deep technical and coding knowledge, locking out many community teams. 
We also wanted to build new tools to help busy community teams organise, moderate and identify trusted members.
Did we achieve that? Let's look at five new features we think your team will love in Invision Community 5.
The new theme editor
I can't describe how much I love the new theme editor. It is everything we wanted for Invision Community 5 and more. Now, anyone can manage their theme without needing to be knowledgeable in HTML and CSS. 
There's so much to discuss, so it's best to head over to the news article we put together. From an easier way to select colours and drag-and-drop header arrangements to simpler ways to upload logos and preview your community on tablets and mobiles, the theme editor puts all the power and complexity of managing themes into the hands of your community team.
The editor, combined with the new views, such as the feed view for forums, article-like featured first post in topics, and the new sidebar view, Invision Community 5, really does take things to the next level.
 
The new page editor
We've taken the concepts of drag-and-drop widgets to a higher level with Invision Community 5.
You no longer need to create custom blocks using HTML and CSS to produce fantastic custom pages. With the new page editor, you can access a library of pre-built widgets with multiple view options, such as grids, rows, and carousels. Coupled with the power of Pages databases, you can quickly build custom pages to showcase the best content from your community.
Jimi, a valued customer, recently created a walkthrough video showcasing the new theme and page editors. It is a must-watch to experience the system's power.
 
Assign topics
Getting the right help to your members at the right time can take time and effort. Pairing a community question with the expertise of specific team members can require some manual overhead with external systems.
It can also be difficult to hold your team accountable, ensure they are answering questions in good time, and get an overview of their assignments.
These issues are fixed in Invision Community 5 with the topic assignments feature. You can assign a topic to a specific member of your team or a group of members. You also have complete oversight on the volume and time required to reply to your entire team.
It's a great feature that helps keep your community running smoothly.
 
Badge creator and icon picker
This feature is a dark horse. At first glance, it looks like a nice feature, but perhaps it is something that you may not use. However, I believe this is a feature your team will love. There are many areas where you may need custom graphics. We have rank badges, one-off celebration badges, custom reactions and more. In the past, you'd have been required to do this with apps like Illustrator or Photoshop and import them back in.
As part of our vision to bring power tools to everyone, we built a badge creator that allows you to combine over 1,700 icons and hundreds of emojis with badge backgrounds to quickly create custom badges and reaction icons. It really only takes a few minutes to create all the custom graphics your community needs.
In addition, there are now many areas, such as menu items, where you can use icons and emoji to enrich your user experience.
Who doesn't love the ability to create badges without needing a designer?
 
Community Experts
Community experts are vital to the well-being of any community. The Pareto principle holds true in your community. Twenty percent of your members create eighty percent of the interactions across your community, but featuring those members to newer users can be difficult. In the past, we've relied on metrics such as the date they joined and the number of posts they've made, but these celebrate longevity but not expertise.
Invision Community 5 uses a bespoke algorithm to identify and feature experts based on the speed, accuracy and helpfulness of their responses.
This not only celebrates those members with an exclusive badge and notification, but it also helps other users identify those community leaders who are more likely to help them and guide them through their journey with you.
We think your team will love that Invision Community 5 identifies these members for you and allows them to help lead your community.
 
I could have easily written about ten features your team will love, but these are my top five. Do you agree? Which features are you most looking forward to? Let us know in the comments.

As we move closer to releasing Invision Community 5, I wanted to review a few key features I believe your members will love after you upgrade to Invision Community 5.
The all-new editor
We have to start with the brand new editor, recoded and redesigned from the ground up. The new editor is not just faster and leaner, but also remarkably user-friendly, ensuring an upgraded experience for your members in Invision Community 5.
Your members will love the streamlined toolbar that no longer hides buttons on smaller devices. They'll also appreciate the new emoji and icon panel, which allows them to insert over 1,700 icons to enhance their posts.
Content boxes, resizing images, and media embeds via drag handles will also be well received.
Finally, small UI improvements, such as new line arrows on blocks that can be tapped or clicked to insert new lines accurately, will end fiddly cursor placement and settling for poor spacing.
The editor is the most important touch point within your community, so we wanted to ensure that Invision Community 5 does this perfectly.

 
New live community features
I can speak from experience that when I see other people typing, I'll stick around to see what they say. Likewise, if I post a topic and I see multiple people reading it, I'll keep tabs on it to see if any replies come in.
These are not just great engagement features but also an exciting experience. Invision Community 5 takes it further, blurring the lines between group chat and a traditional topic. Now, when a new reply or reaction is made, it will appear magically on your screen, keeping your members on site for longer.
Your members will love feeling like they are part of the live community and watching reactions and replies in real-time. They'll also appreciate seeing their notification bell numbers increase without having to refresh or move between pages.
 
Topic Summaries
Time is our most valuable resource. Your members use many apps and communities in a day, so when they make time to visit your community, we want to ensure that they get the most from your forum in the shortest amount of time possible.
Long topics are great but few have the time to read through dozens of pages. Topic summaries take the very best of a topic and remove the rest, allowing your members to optimize their time well while on your community, making their experience more efficient and productive.
They'll love keeping up to date with more topics without scrolling past gifs and side quests.
 
Dark mode and the new mobile experience
Late-night scrolling becomes much more comfortable with Invision Community 5's native dark mode. Your members will love being able to choose a mode or allow it to sync with their devices, giving them a uniform experience across the many apps they browse.
They'll also appreciate the new user experience, which includes improved performance, better accessibility for screen readers, and a vastly improved phone experience. We've made sure Invision Community 5 is mobile first.
 
The new tagging experience
Invision Community 5 reinvents tagging to make it more community-focused and increase content discovery across all apps. With its new tag pages, you can easily bring gallery photos, forum topics, events, and blog entries into a single page in Invision Community 5.
Your members will love following their favourite tags to get notifications on new content and discover more of your community they are interested in without having to browse many forums and different areas of your community.
 
These are just the top five features we think your members will love. Are you looking forward to these features or perhaps some of those not mentioned here? As always, let us know in the comments.

Invision Community 4.7.19 will be released in November and contains many updates along with the report center improvements.
While Invision Community 5 moves through the beta process, I wanted to let you know about all the updates coming in Invision Community 4.
I've already spoken about the Report Center updates, which bring more professionalism and compliance to that area, and this blog will outline a few other highlights for the forthcoming release.
Dormant Account Login Notification
Keeping member accounts secure is a top priority for all community teams, and with data breaches containing usernames and passwords regularly shared on the dark web, it makes sense to be vigilant to a potential account takeover.
Your members will now receive an email if a successful login occurs six months or more since the last log in to ensure the account is still in the right hands. If the account owner is not responsible for logging in, they can contact the community team to ensure the account is returned to the owner.

Prepare for Invision Community 5
We have added a new information dashboard to the AdminCP so you can review the impact of the upgrade and ensure the PHP and MySQL versions are suitable. Of course, our Invision Community Cloud customers need not worry about this as we take care of it for you.
You can also see impacting items you may want to know, such as deprecated and removed features that your community currently has enabled. This dashboard is a great starting point for evaluating your upgrade when the time comes.

SEO Improvements
We regularly review SEO best practices to ensure that your community presents itself in the best way to search engine bots and spiders.
This update comes in two parts; the first is a new crawler setting to reduce links on the page for guests and search engine bots. This new feature removes hyperlinks around dates in comment feeds and removes the sharer menu item that shows the sharing box. These links dominate the crawl budget for little value, leaving little time for crawlers to work their way deeper into your content. 

The second SEO-focused feature is the permalinks to specific comments throughout the community. Currently, the permalinks point to a content handler (do=findComment&comment=123) that locates the correct page number and then issues a 301 redirect to the correct page (topics/1-topic-title/page/2/#comment-123).
While 301 redirects are not a problem for search engines, and it's been a long time since a 301 redirect incurred any SEO penalty, the permalink is in a different format to the actual comment URL, which is handled via a fragment.
Putting aside search engine optimization for a moment, working to eliminate a lot of redirects positively impacts performance.
The new permalink is simply the actual link using a fragment to locate the post in the browser's viewport. This removes the need for a 301 redirect and reduces any search engine confusion over the permalinks canonical URL. Of course, the page number may change if topics are merged or many posts deleted, and we have some client scripting magic to handle that eventuality.
It's an exciting time here at Invision Community with a brand new version in development and several new features for our stable product line.
Let us know if you have any questions in the comments.

Invision Community 5 is currently in beta testing for all customers with the Invision Community Classic license. Invision Community Cloud customers can request a private demo to test the latest version.
After months of development work, we're pleased to move Invision Community into beta testing, the final phase before its stable release.
We'd love your help to find the last few bugs. You can join our Invision Community 5 Beta Testing Club and download the beta onto your test site or request a cloud demo.
During the early stages of testing, we've implemented a lot of feedback, and I wanted to show you a few of the key changes we've not discussed in previous news blogs.
Image Resizing
Our brand new Invision Community 5 editor has many great features and quality-of-life improvements, one being the ability to resize images via drag handles. You can still specify a precise pixel value in the image menu, but the ability to resize using grab handles makes it easier to find the right size for your images.
ResizeImage.mp4
Embed Resizing
We can also resize embeddable media, such as YouTube, in the same way as you resize images. You can resize by using the grab handles or set a specific pixel value, giving you fine control over the size of your embedded media.
embedresize.mp4
Page Editor Widgets
We spoke about our new page editor in a recent blog, but a common request was to make it easier to find the right widget without a lot of scrolling up and down the menu bar.
We've implemented a search filter enabling you to quickly find the right widget and a favorites system to pin your most used widgets to access them much quicker.
widgets.mp4
Pages Database Layout Options
A common request has been to make changing the look of the Pages database index and listing easier. Currently, with Invision Community 4, this means coding new templates by hand or using one of the many excellent pre-designed templates available from third-party developers.
With Invision Community 5, we've brought the same magic we used with widgets to databases, allowing you to select from many layout options such as rows, grids, and wallpapers. You can still use a custom template, but these new layout options make it much easier to get the UI you need for your community.
pagesDatabase.mp4
These are just a few of the many changes implemented since we opened Invision Community 5 for testing. We hope to see you in the beta club soon!

Invision Community 4.7.19 contains a significant upgrade to the Report Center to improve compliance and professionalism within the reporting workflow.
The existing report center functions well enough but lacks some of the more professional tools modern communities need when managing complaints. In previous versions, a member or guest reported a piece of content, such as a comment or topic, which was then handled by the community team behind the scenes, and the report closed when dealt with. It was up to the community team to inform the original content author if any decision was made and to inform those who reported the content of the outcome. 
The Invision Community November update improves the report center with a better workflow, including asking those reporting the content the reason for the report, notifications on the report outcome, and the content author being notified as to why their content was moderated.
Now, a report can be closed as valid or rejected. These new completion statuses allow you to signal whether your team found the report valid or whether you decided that the report was not required and thus rejected.
Let's look at what has changed.
Admin Control Panel
The initial Report Center interface now has various options to control how the public reporting form works. From here, you can configure how reporting works for guests, whether they are required to leave a name (email is always required), and whether a message is required for the report.

Content Author Notifications
In this section, you can create notification templates that can optionally be sent to the author of the original content when choosing to complete or reject the report.

Report Types
In previous versions, report types were solely for automatic moderation. In this update, we've brought report types to both automatic moderation and public reporting. Gathering the reason content has been reported is vital in deciding the outcome.
Each report type can also accept a message sent to the person who made the report depending on the valid or rejected outcome via an email notification that can be opted out of.


Reporting Content
Now, when a logged-in member or a guest user reports content, they can select from one of the pre-configured report types. If a guest is making the report, they are asked to leave their details along with a message to accompany the report.

 
Managing Reports
When managing reports via the ModCP, the interface has been updated to make the status of the report and the reasons for the report clearer.
This screenshot shows green rows, which are new reports that still need to be managed by the team, along with yellow rows, which are currently under review. Each row of reported content can have multiple reports from different members, and the reason for those reports (such as Spam, Offensive, etc) is shown in labels.

Viewing reported content now shows more detail in the user reporting section. If a guest has reported the content, the guest's name and supplied email address are shown, and clicking this allows you to send an email to them. The reason for the report is now shown.

For each user report, you can change the submission reason, and this change is logged in the moderator comments to create an audit trail.

You can now mark the report as Complete or Rejected, which will trigger an email for all those who have reported this piece of content. You can also send one of the notification templates to the content author to update them on why their content has been moderated.

This email to each person who reported the content contains the date, content title, and reason for reporting, along with the pre-configured message for the report outcome. In this case, the report was flagged as valid, and the message to the person who reported it confirmed the outcome.

Putting it together
These changes help automate notifying both the author of the content and the person who reported the content on the outcome.
Let's look at an example flow to understand how these new tools help the workflow.
In this example, User A (Author) creates some content, and User B (Reporter) decides to report this content, choosing "Offensive" as the reason for the report.
The moderation team picks up the report, examines the reported content, and decides that the report is valid, so they mark the report as complete and choose to use a notification template to tell the content author (User A) that their content has been removed. As the report has been flagged as complete, the person who reported the content (User B) receives an email telling them the report has been upheld and action has been taken.

We hope these changes improve your experience with the report center. Let us know what you think below.
 

Introducing new Page Builder tools in Invision Community 5
Widgets are an incredibly powerful tool for displaying curated content of your choice on any page of your community - and despite the extensive array of settings for customizing their data, they've often been limited in terms of their design options. But this changes thanks to the new Page Builder tools in Invision Community 5!
Widget Designs
Previously in version 4, widgets would often have 2 designs: one for the main content area and a more minimal version for the sidebar. This worked well, but it meant your page was very limited in terms of design as you'd typically need to use the same table-like layout for most widgets. Anything beyond that would typically require a custom block to be coded, often with additional HTML or CSS.
Version 5 offers much more customization by allowing you to change the design of each widget with the click of your mouse - no coding necessary! When dragging a widget onto your page, a new toolbar at the bottom of the page appears, holding all of the widget design options. Lets take a look at some below!
Grid
A familiar a very layout used elsewhere in the suite, the Grid design neatly aligns entries in a grid with a large cover photo sitting up top. A great combination of visual imagery alongside meta data such as entry descriptions.

 
Featured
A spacious list and a great way to feature content, pardon the pun.

 
Wallpaper
Perfect for content which includes uploaded cover photos or thumbnails! The Wallpaper design stretches each image to make it occupy the entire background, overlaid by a minimal amount of content. A subtle gradient sits behind the text to ensure it's easy to read, even on detailed images.

 
Rows (table)
The Rows design is a very familiar one, used very often throughout other areas of the suite. Content is displayed in a neat table, that collapses into a more compact design on small screens.

 
Minimal
Great for displaying a lot of content in a compact area! Minimal only shows primary information and hides meta data such as entry descriptions and stats. Great for sidebars, or areas with limited width.

 
Minimal Grid
The Minimal Grid design removes large meta information and displays content in a nice, compact grid. A nice option for displaying a lot of content while being cautious of vertical space.

 
Carousel
The Carousel option is quite unique because it can be applied in tandem with other widget designs, and is a perfect way to make the existing layouts even more compact. For example, by default, the Wallpaper design is aligned as a grid, but with the Carousel option enabled, the layout is converted into a carousel instead:
Carousel-widget.mp4
Here's another example, using the Featured and Carousel options:
Blog - featured carousel.mp4
 
Fun fact for developers: All of these designs use the exact same HTML structure; the only thing that differs is the class name on the parent element. This makes it incredibly easy to adjust the design of your own widgets without needing to manually code multiple layouts.
 
Widget Areas
Version 4 was often quite limiting when it came to aligning widgets in pages. Widgets could be dragged into a stacked, vertical list but that was typically as far as you could go in terms of design. Version 5 introduces a new concept called Widget Areas, which allow you to align multiple widgets in a variety of ways. Lets take a look!
To create an area, you simply need to drag one widget on top of another.
Blog - areas.mp4
By default, they'll align themselves into a grid, but can be realigned with ease by using the toolbar at the bottom of the page. The toolbar also holds controls for adjusting the width of widgets, and the gap between them:
Blog - alignments.mp4
 
Widget Designs and Widget Areas in Version 5 make it incredibly easy to create a completely custom page in a matter of seconds. We're really excited for you to get your hands on these new tools in Invision Community 5, and are looking forward to seeing all of these new page designs in the wild, in the very near future!

We recently announced the new Invision Community 5 editor which adds many new exciting features such as semantically correct header tags, custom boxes and more. As the new editor is a leap forward in technology, some legacy features had to be left behind. We received a lot of messages about these changes, and have created new tools based on that feedback to ensure you still have the tools you need.
The new features are based around restricting some high level editor functionality for specific member groups and enabling an easy way to add custom embeds.
Permission Levels
Invision Community 5 puts a lot of new tools in the editor, including header tags, boxes and positioning tools. These are useful features, but perhaps you do not want your members changing the semantic structure of the page by adding H1 tags. Or maybe you don't want them being able to add custom boxes with colors. Based on this feedback, we have introduced a permission levels system.
At the heart of the system lies three editor permission levels: Minimal, Standard and Advanced.
Specific editor features are assigned to one or more levels. For example, you may only want header tags and content boxes to be for the 'advanced' permission level which only administrators can use.
These permission levels are configurable via the Admin Control Panel.

When is Each Restriction Level Used?
Now that we have set up the permission levels, we need to apply them to member groups.
We do this by simplying heading over to the Member Groups section of the Admin Control Panel. In the "Content" section of that form, there are two new options:
Default Editor Restriction Level: This is the restriction level the group uses by default, for example in Forum Topics and Blog Posts. Editor Restriction Level for Comments: This is the level used for Comments (including Topic Replies) throughout the Community.
When a member has multiple groups, they will use the most permissible editor setting out of all groups.
Custom Embeds
In response to news that the ability to toggle into 'source mode' and directly edit the underlying structure of the editor document was not implemented because editor technology has moved on, many people told us they used that feature to add custom iframes from specific services they use.
We understood the need for custom embeds, and we've added the option to create iframe elements with any whitelisted URL from a link.
CleanShot 2024-06-20 at 15.49.43.mp4
Additionally, iframes created this way have configurable height and width so you can resize to your liking

This feature has two editor permissions: "Can Embed External Content," and "Can Convert Links to iframes".
Adding iframes into a post can potentially be a security issue, so strong controls are needed to ensure there isn't abuse of this system. The editor will only allow links to be converted to iframes if the domain has been whitelisted. The whitelist exists in the new tab, Admin Control Panel > System > Posting & Editor > Embeds. The feature can also be entirely disabled from here.

That wraps up this round of changes based on your comments. We hope that you enjoy this update to our Invision Community 5 editor and we always appreciate your feedback.

Forum moderation management used to be straightforward. It was commonplace to assign a moderator to a single forum. They would be responsible for enforcing the rules, removing spam and generally modelling the behaviour you wanted to see within your community.
As community management has matured and moderators are tasked with roles based on knowledge, help and support, there is a need for more nuance in managing topics within your community.
For example, you may have specialists or teams of specialists who help answer questions about development, sales, or support. Topics that require this help may be posted anywhere within your community.
Indeed, this feature was inspired by a need in our own support community to ensure customers get the right help from the right team member. We have questions on feature sets, purchasing, and support requests, each requiring a different team member. It is not enough to hope that the right person sees the topics; they must be assigned to ensure excellent service.
 
What are the benefits of this feature?
The ability to assign a topic to a single moderator or a team of moderators ensures that each topic gets the best outcome regardless of where it was posted.
Having topics assigned helps moderators deal with issues quickly, as there's clarity over which moderators should handle the topic. It also helps keep your community team accountable by having the ability to monitor their workload and get statistics on the time it takes for your team to reply. These statistics also help the community lead assess quality control.

 
How do you use this feature?
There are two ways to assign a topic to a moderator or team of moderators. You can assign a topic when replying to it or do it from the topic's action menu.
Once assigned, the assignee can review their assigned topics via the Moderator Control Panel and see which are assigned to them via the list of topics. Each moderator will receive a notification informing them they have a new assignment.

Those with permission to assign topics to others will see all the assigned topics and who they are assigned to when reviewing the list of topics.

The Admin CP contains a list of all assigned topics and also allows you to create and manage teams of moderators, such as "Sales Team" or "Developers."

Finally, once the topic has been managed successfully, the moderators can remove themselves from the assignment completing the task.
Assigning a specific topic to a single person or team in a busy online forum is a strategy that can enhance the effectiveness of the forum's management. It promotes efficiency, expertise, consistency, and accountability, which are vital for maintaining a vibrant and respectful online community.
We hope you are looking forward to this feature and look forward to any comments you may have.

Finally, one of the most requested features for clubs in Invision Community is coming with our March 2024 release: Pages databases in Clubs.
You may be surprised to see a new feature being introduced for Invision Community 4 during our flow of news for Invision Community 5, but as we're committed to Invision Community 4, we wanted to continue to bring optimizations and improvements to the platform.
What is the benefit of this new feature?
Clubs enable communities to host multiple micro-communities with many benefits. Clubs allow more specialized and focused discussions on specific topics. This can lead to higher-quality content and a deeper exploration of niche subjects that may get overlooked when posted on a busy forum. Clubs also offer the ability to tailor the community experience based on the needs of that community. That customization is what this feature focuses on.
Pages is a powerful application that allows truly custom layouts for content areas. Simply by adjusting templates, you can create a news feed layout (it is what we use for this news blog area!) or something even more customized to your needs.
The March 2024 release allows you to create Pages database categories directly inside clubs, including custom fields and templates.
How does it work?
Setting up your Pages database to allow clubs to use categories is simple. Simply allow categories to be created within clubs when creating or editing a database.

Once that is done, club owners can add a Pages database category to their club in the same way they can add topics, galleries, etc.

Once the Pages database category has been added, you can then add content as you would any other club area with the added features of Pages, including custom templates and custom fields.
This example club uses a custom Pages database listing template to show the articles in a custom format along with custom field data.

Likewise, viewing an article in this example club showcases the use of custom templates to present the content differently from the standard topic templates Invision Community uses elsewhere.

Allowing Pages database categories inside clubs brings the opportunity for more complex custom areas making use of multiple custom fields along with truly custom layouts using templates. This is a great way to bring additional areas, such as news articles, into your club areas to compliment discussions.
We hope you enjoy this feature, and if you have any comments, please leave them below!

As showcased in our past blogs, Invision Community 5 introduces a brand new, modern interface which brings improvements to performance, aesthetics and mobile usability.
An optional side navigation panel, new view modes, light/dark modes, customizable header layouts, a search modal and a mobile navigation bar are some of the things we've showcased previously. Today, lets take a closer look at some other miscellaneous changes that we've been working on while developing Version 5, including some of the code reductions and performance improvements that we've been able to achieve in the process.
For those of you who are developers, we'll also give some simple explanations of how (and why) we've implemented these changes.
 
Widgets
Sidebar widgets are perfect for displaying content feeds, featured members, announcements, advertisements and more on your page. In version 4 however, the widget column would often become an empty space once the widgets had been scrolled past:
  widgets-v4.mp4  
In version 5, widgets now stick to the screen once the last widget has been reached, ensuring your readers have more convenient  access to your widgets rather than a void space:
  sticky-widgets-v5.mp4  
 
Messenger
The Messenger is a great way to reach out to members when a private chat is more appropriate than a topic. Inspired by modern email clients, the messenger in Version 5 has been revamped with a full-height, sticky inbox, a longer message snippet, mini profiles and a more polished UI - all with a 25% reduction in CSS and a 100% reduction in Javascript.
messenger-v5.mp4
 
Sticky elements
We've mentioned sticky elements a couple of times now, so lets take a look behind the scenes at how they're created, and some of the performance improvements with Version 5. Traditionally, sticky elements were created using Javascript which would calculate the position of the element on the page and adjust it's stickiness every time the page was scrolled. Scroll events can be quite taxing for browsers, and when it comes to Javascript, the less, the better (especially when aiming for great page speed scores)!
With that in mind, all sticky elements are now handled using sticky positioning via CSS, which is a native and much more performant way of controlling these elements. We've been able to replace an entire 400 line Javascript component with just 3 lines of CSS.
 
Grids and Masonry
Grids have previously been handled in a similar fashion. Javascript would scan all elements within a grid to determine how many could fit on a single line, and would then shuffle these elements into position after the page was loaded or resized. CSS has since introduced its own grid properties, which has allowed us to replace more than 350 lines of Javascript with just a few lines of CSS, resulting in more performant page rendering and nicer looking grids (especially on small-medium displays such as mobiles and tablets).
 

 
Fun fact: We first introduced a similar performance improvement to "masonry grids" in our Gallery update from January this year, by replacing more than 400 lines of Javascript with, you guessed it, just a few lines of CSS.
 

 
 
 
Click targets
We wanted to make Version 5 as simple as possible to navigate, and one way of doing that has been by implementing larger click targets. Clicking anywhere inside an entry in a table or grid will now take you to that entry (you can still click on other links like normal within the click target, such as subforums or profile links). Click targets are optional and can be disabled via your theme settings if necessary.
 
click-targets.mp4
 
Data Lists (tables)
Speaking of tables, they too have been revamped. Tables automatically adapt to the space they've been assigned to (for those curious, this is done using CSS container-queries), so they're always neat regardless of the screen size, with no overflow or squashed layouts. Behind the scenes, the two columns below are created with identical code, yet they're quite different visually due to the size which they've been allocated. Even with these improvements, tables have received a 25% reduction in CSS.
 

 
Profiles
Profiles have been polished for Version 5 and include some nice improvements such as sticky widgets and tabs. 
profile-desktop.mp4
 
On mobiles, the side column collapses into a carousel, and the sticky tabs allow you to easily flick between content types without scrolling to the top of the page.
profile-mobile.mp4
 

Tabs
You may have noticed in the above clip that tabs on mobiles are now scrollable, compared to a dropdown menu from version 4. We made this change to ensure that tabs are given more equal exposure on small devices, and have managed to reduce the CSS by a whopping 80%.
 
Carousels
Last and certainly not least, are carousels. Carousels are great for displaying large amounts of data in a confined space and they've been rewritten from scratch for version 5. Previously, a Javascript library was used to create the "scroll effect", however this has never been the smoothest experience on laptop trackpads and touch devices.
In version 5, carousels are powered by native smooth-scrolling and scroll-snapping, which results in a much nicer user experience, especially on touchscreens. We've been able to remove a staggering 95% of the Javascript, substituting it with just a few lines of CSS.
 
carousel.mp4
 
To be honest, we've only just scratched the surface here! In addition to these changes, we've modernized (and reduced code) in almost every component throughout the suite including avatars, cover photos, dropdown menus, forms, inputs, buttons, lists, off-canvas menus, side menus, columns and more!
Combined, these changes result in not only a significant reduction in code, but also a polished UI that performs smoothly on desktop and touch devices. We're excited to continue modernizing Invision Community well into the future as new technologies and techniques become available to us, and are looking forward to getting it in your hands in 2024.

Just six short weeks ago, Ehren hit record on a video that changed everything for Invision Community.
The blog was called "Introducing a fresh new vision for Invision Community 5," and it ripped up the rule book on what forums should look like and revealed a slick new look featuring a new forum home feed view and sidebar navigation.
A lot has been discussed, but we're not even close to done!
Before we bring you news of more features after Thanksgiving, I wanted to take a mid-season break to recap what we've seen so far.
First up was the introduction video, which gave a broad overview of the new UI Invision Community 5 would be sporting. Ehren takes us through many new elements, including the sidebar navigation, forum feed view, simplified post view and more.
 
 
Up next was a focus on dark mode, accessibility and mobile views. Invision Community 5 features the ability to have native dark mode without additional themes or complex variables to set up. Our aim with Invision Community 5 is to hide the complexities and technology and just let you focus on creating a great community experience for your audience.
 
 
Bringing complex theming to everyone was the message in the blog talking about the new theme editor. Now, you can make wide-ranging changes to your theme without the need to edit CSS or manage HTML templates, all driven by a smart and simple interface.
 
 
Next, it was my turn to talk about a new feature. I introduced two new features designed to help those who run support-based communities. Finding the most helpful answers and identifying community experts help your members do more with less time and frustration.
 
 
Last week, Ehren demonstrated our new icon and badge builder, which is an amazingly powerful tool to produce slick and professional badges along with the ability to customize your community further with emojis and icons for menus, reactions and more. Building ways to reduce the barrier to customization has been a strong theme for Invision Community 5.
 
 
Phew!
We can all agree that we've showcased a lot of impressive functionality coming with Invision Community 5 already.
But what does the future hold?
Lots! We have a lot of new functionality that we're putting the finishing touches on, and we can't wait to show you more. These new features further help to reduce noise in topics, make the community feel alive and bring long-needed updates to core components such as the editor. Not to mention, there is a significant update to Pages underway.
We also have a lot of less flashy updates, such as the new consolidated Feature/Our Picks feature, which is now a single feature.
 
Feature-window.mp4
 
An improved Moderators Control Panel brings a more uniform experience across deleted, hidden, and content waiting to be approved.
 

We're still on course for a release of Invision Community in early 2024 and can't wait for you to experience the future of forums.
What has been your favourite feature so far? I'd love to know; drop a comment below!

Welcome to the second video of our sneak peak series! Today we'll be taking a closer look at the new Invision Community interface, including dark mode, accessibility improvements, performance improvements and the mobile layout! Before we begin, I should mention that this is a pre-alpha version of Invision Community 5, so some areas of the design may change before the official release.
 
New traditional header design
In our previous video, we showcased our new, optional side panel which formats your navigation into a vertical list. For those who prefer a traditional, horizontal header, here it is!

A much more compact header compared to version 4, the new design condenses the navigation bar into a single row, moving all sub-navigation items into dropdown menus. A new, optional area below the text logo allows you to add your website slogan or announce events such as anniversaries or holidays, and our new search modal provides convenient access to the advanced search filters from any page on your community.

 
Accessible interface
The main content area has been designed with accessibility as a priority. High contrast text colours and larger font-sizes help to make reading more comfortable and clickable table rows (which can be enabled or disabled via the Theme Editor) allow you to navigate between pages more easily. A visible focus ring significantly improves navigation for visitors who find it more comfortable to browse with their keyboard TAB key, instead of using their mouse (ie. visitors with conditions such as Parkinson's disease, or those who have temporarily lost function due to a broken arm).
 
Focus.mp4
Elements are highlighted while navigating with the keyboard
 
Dark mode
Dark mode has become increasingly popular over the past few years - so it's no surprise that Version 5 has been designed from scratch with both light and dark mode in mind. With version 4, it was necessary to manage two themes in order to provide a light and dark colour scheme. In version 5 though, all of that is handled by a single theme.
By default, your members will be able to choose their own color scheme preference: either light, dark, or system. System assigns a color scheme based on your system preferences - so if your device automatically switches to dark mode at night, your community will too! With that said, as an administrator, you also have the option to restrict your site to a single color scheme - so if you ONLY want to offer a dark theme, that's easily achieved.

 
 
Performance
Despite all of these new inclusions, the version 5 UI has been coded with significant reductions in both CSS and Javascript. We'll dive deeper into code reductions in a future blog entry, however two great examples are:
- Grids: which have had a 100% removal of Javascript and are powered by only a few lines of CSS, resulting in a faster rendering time, especially for users on slow connections.
- And carousels: which have had a 95% reduction in Javascript and now rely on native browser scrolling, for a much smoother experience on both desktop and mobile!
Additionally we've removed a number of helper libraries that are no longer needed with modern browsers saving even more.
 
Mobile UI
With an incredible amount of mobile visitors accessing the web, we’ve placed a huge priority on redesigning the interface to ensure it lives up to todays standards.
A new navigation bar at the bottom of the page provides convenient access to your activity feed, notifications, messages, a search panel, and navigation links. A conscious effort was made to ensure that this information was available within a single tap, and we found that a bottom bar like this was easier to interact with compared to icons in the header.

The mobile navigation bar from Invision Community 5
 
A goal of the mobile UI was to display elements that were previously only available on larger devices, while still maintaining a clean interface. For example, to improve navigation, we've added a scrollable breadcrumb list to the top and bottom of the page. To improve guest participation, we added Sign In and Sign Up links to the bottom navigation bar. These links were previously hidden within the hamburger menu, so we feel like this will really benefit those looking to improve registrations. And as demonstrated in last weeks video, profile information is now available within posts, comments and reviews on small devices.
We’re really excited for you to literally have a hands on experience with the new mobile interface of Invision Community 5, and we're interested to hear your feedback in the comments!

Welcome to Invision Community 5!
Over the coming weeks, we'll be exploring a bunch of new features and improvements coming to our user interface including our brand new theme editor, a new mobile UI, dark mode and performance improvements thanks to a reduction in both JavaScript and CSS. To kick off this series, let’s take a closer look at the new sidebar layout and new view modes for the forum index and topic pages.
Sidebar Layout
Traditionally, Invision Community has shipped with a horizontal header and navigation bar at the top of the page, which is still available in version 5. We're introducing a brand new (and optional) sidebar layout, which can be enabled or disabled easily from within your theme settings. The sidebar not only provides convenient access to your applications, activity streams and search bar, but you can now add links to nodes for even easier access to popular or commonly used areas of your community. For example - a category from your forum, an album from the Gallery, or a product group from Commerce.
Sidebar-zoom.mp4
Forum Index: Feed view
One of our goals for version 5 was to re-imagine new ways for your visitors to consume content, and the sidebar layout is just one of our solutions. Table view has been the typical way of displaying forums, providing visitors with a simple summary of the most recently active topic. Grid mode introduced cover photos to forums and is a great way to make your page more visually engaging, while fluid view allows visitors to filter through a list of topics to easily focus on multiple areas of the community.
Joining these view modes in version 5 is our new Feed view. Optional cover photos and featured forum colours allow you to personalise each forum, and a list of recently active topics with snippets of the most recent reply allow you to easily see what each forum is focusing on at a glance. The topic list drops below the cover photo and converts to a scrollable list on small devices. It's our fresh take on content display, and we can’t wait to hear your feedback!

 
Topic pages: Compact view
In addition, Invision Community 5 also introduces a new, compact layout option for topics. We wanted to create a layout which placed focus on your content while still keeping all of the authors profile information easily accessible within a mini profile. Stats, rank, badges, reputation points and more can be found by tapping the icon at the top of every post. The mini profile strip has also been added to other areas of the software too, such as comments and reviews in applications like Gallery and Blogs, and will appear on the mobile layout when the traditional "table view" is used in topics.
Switching between the new compact view and the author sidebar view takes just seconds giving you complete control over your community.
Mini profile.mp4
 
As part of this view, you also have the choice to feature/pin the original post to the top of every page, making it a breeze for your visitors to easily understand the context of replies without navigating back to page 1. Pinned posts have a slightly larger font-size to distinguish them from replies, and we've thoughtfully truncated them on pages beyond the first to keep scrolling to a minimum.

 
The new sidebar layout and view modes offer a fresh and innovative approach to navigating and interacting with your community. We’re really keen to hear your thoughts on these new views and whether you’ll be unleashing them on your own sites! We appreciate that no two sites are the same, and those who are a fan of the classic header look will benefit from quick styling tools and a visual way to re-arrange the header elements which we’ll cover in a later blog.
We’re looking forward to showcasing a whole bunch of new features over the coming weeks - so stay tuned, and we’ll see you then!
 

The Marketplace is closing on October 30th 2023. If you haven't already read the announcement, please read it first.
As our Marketplace prepares to close its doors, we want to ensure a seamless transition for our customers. To facilitate this process, we're introducing a new 'license key' system to allow you to transfer your purchases to the third-party developer website in a privacy-conscious way.
On the 'My Purchases' page, you'll find an improved layout displaying each resource you've purchased from the Marketplace. This includes the original purchase date, the expiry date (if applicable) and the current renewal term (if applicable).
Additionally, we've added two new enhancements. First, you'll notice the purchase-specific license key (depicted as XXXX in the screenshot). This license key is accessible to the third party author and can be provided to them through their website or other means. It enables them to confirm your payment for the resource and check its activation status. Secondly, we've added a link to their profile in the Providers Directory (if applicable).

You can find contact details and a link to the provider's website on their profile. We hope that these additions will help make the transition as smooth as possible.
 
Third Party Developers
Developers can now access the new 'My Sales' area, where you'll find a searchable list of resources that have had sales on the Marketplace. This list may include resources that were previously hidden.

Clicking on any of these resources will display a list similar to the old 'my paid files.' Here, you'll find detailed information for each purchase, including purchase and expiry dates. Additionally, the list now includes the customer's current renewal term, which may differ from the initial purchase due to pricing changes.
Furthermore, you'll notice the new license key, conveniently searchable in the top right corner. We've also made the list of purchases available in CSV format, allowing for easy integration into your own website or marketplace.

Please let us know if you have any questions and we hope these new tools will ease the transition from the Marketplace.

Our June release includes enhancements to our various statistics and reporting features included within the community.
Statistics are important for a community platform because they provide valuable insights about user engagement, preferences, and behaviors, which directly inform the platform's strategy and design. Furthermore, statistics enable the monitoring of the platform's growth and user retention, which are essential for maintaining a vibrant and active community.
In our June release, we have made some enhancements to those features that will allow you to more quickly monitor those trends.
Saved Charts
In Invision Community 4.3, we introduced the ability to save charts to allow you to view them multiple times without needing to reset your filters each time. This works well, however there are three notable downsides.
You could only save a chart if there were filters to apply, such as Warning Types, Device Types, Member Groups, etc. Any specified timescale was not retained in your saved chart. There was no centralized location to view every chart you have saved. In our June release, we have resolved both of those issues. Now, every chart can be saved regardless of if there are filters or not, and when saved, will now also retain your timescale as well. In addition to that, we have added an additional My Saved Charts page. This page will show you every chart you have saved, including all filters and timescales that have been selected.

From this page you can quickly review all charts, temporarily adjust their timescales and filters to quickly see other information, as well as download each individual chart as a CSV directly from this page.
Don't worry, though - your saved charts will also still show in their original locations just as they have in the past.
Content Level Statistics
Later on, in Invision Community 4.5, we introduced an improved Topic View that included various statistical information about the topic including the top comments, popular days, top commenters, and more. This, however, was only limited to topics in the forums, and not the rest of the community. In our June release, we have taken this and expanded it to content in every application. This includes Blog Entries, Gallery Albums, Gallery Images, and more.
Each content item (such as a topic, blog entry or image) will show a new button for those with moderator permissions which opens a full statistics and analytics modal, providing expanded statistical information related to that particular piece of content specifically.

Clicking this new button opens up the statistics and analytics modal. Our Classic customers will see the following view:

Cloud Powered Historical View Tracking
For our Invision Community cloud customers, we have expanded our infrastructure to allow for storing historical views for all content.
On the previously mentioned Statistics and Analytics modal, a chart will be shown that outlines the amount of views that content has gotten every single day over a period of time, to allow you to see when specifically content was popular. This chart allows you to view trends for up to a year in the past.

Additionally, we have expanded this to content containers Forums, Downloads Categories, Blogs, Blogs Categories, Gallery Categories, and more will all report their own historical view trends.

Finally, these trends can be exported as a CSV file for your own personal processing if desired - and if needed, you can choose to only include certain types of content if you are focusing on one particular section.

We hope these changes help you to identify trends from within your own community to help you promote and grow it further.
The features and changes presented here are available in the following packages:
Saved charts and content item level statistics: Beginner, Creator, Creator Pro, Team, Business, Enterprise, Community Classic (Self Hosted). Saved charts, content item level statistics, analytic report generation, content level historical view tracking, container level historical view tracking: Beginner, Creator, Creator Pro, Team, Business, Enterprise. If you do not see your product or package listed, please contact us to talk about upgrading your Invision Community.

We love talking about our big new features, such as GraphQL and Live Topics, but we also like to shine a light on some of the smaller updates we've made to existing applications.
In this blog, I'll take you through a few changes to the Download app and an update on our various API integrations.
Downloads
After the success of the Events and Gallery refreshes, we've brought some of those changes over to the Downloads application.
Our Invision Community March '23 release will feature subtle theme updates to bring the Downloads app more in line with other applications. In addition, we have also added a grid mode for files. As in other areas of the platform, you can allow your members to choose their favourite view, which is remembered on subsequent visits.

A long-awaited request by our Marketplace Contributors was to delete their pending version updates. The good news is that our March release now allows this!
API News
Invision Community benefits from several API services, including REST, GraphQL and webhooks.
Our March release brings some improvements to GraphQL, including the ability to query for clubs and members. We have also enhanced the webhook for clubs which now returns information about the club itself.
While we're on the subject of webhooks, we have created a new webhook that is triggered via Downloads when a new pending version is approved.
I hope you find these updates useful. I'll be posting some more in our developer's blog on GraphQL, including some simple javascript examples to show you how easy it is to query for data and insert it into the templates without needing to edit templates.
 

Humans are visual beings. Images attract our attention, can communicate ideas faster than the written word and can trigger meaningful discussions. At Invision Community we recognised this very early in the company history and have included a Gallery application for many years. During this time online communities have evolved substantially so we thought it was time to re-assess what it means to offer a community gallery and have some exciting developments to share.
Visual Refresh
The first thing we wanted to do was to give the look & feel a modern overhaul. @Ehren has done a fantastic job with modern design ideas. We took inspiration from the recent overhaul of the Events app and included a brand new Gallery overview page. This view better highlights featured and new images but also brings recent image comments in to focus to promote discussion.

Better Video Support
Video support has been included in Invision Community for a while but browser support has varied wildly. This often led to a poor experience where viewers were prompted to download plugins or forced to download the video in its entirety. Browser support for MP4 playback has moved on however and we have been able to update Gallery with some new functionality.
Frames from the video can be extracted for the preview thumbnail automatically. We have retained the option to upload a separate preview image however for people that want manual control over the image shown. Skipping ahead in videos is now also supported without the need to download the entire file or use plugins.
For communities that are able to leverage our cloud platform non MP4 videos will be automatically converted to support these features.
Searchable Image Contents
Another benefit for Cloud Communities is images can now be optionally analysed to make their contents searchable. For example, if an image of a tree or woodland scene is uploaded, this would previously only be searchable if the title or description of the image contained specific words or phrases. Now images can be identified solely by their visual contents.
NSFW (Not Safe For Work)
Invision Community contains tools to automatically moderate sensitive images to prevent them being posted. Some communities with more mature audiences may wish to allow these to be posted however but with some protection. We have therefore added the ability for images to be optionally set as NSFW when uploading. This will cause images to be blurred until the viewer opts in to viewing them.

Performance & Usability
Images by their nature can be slow to load (particularly on mobile connections) so we took some time and removed lots of redundant javascript and CSS. Where appropriate we have also added support for prefetching the next and previous images in an album or category and lazy loading is handled by the browser natively. We combined this with an improved image navigation experience using an image carousel when viewing individual images and removed the confusing Lightbox overlay. The Lightbox is now used solely for full screen image previews without the visual clutter of comment counts and other meta data.

These changes are the start of further Gallery improvements to come and as always we will continue to develop based on your feedback.
Let us know what you think in the comments.

When we speak to community moderators of busy sites about what they want to see in future Invision Community versions, most ask for ways to improve daily workflows.
Community moderators are at the heart of every community, and those working with busy sites quickly find that repeating the same tasks reveals ways to save clicks and precious time.
We recently released our alert system, which is a great way to get information to a single user or an entire group of members. Alerts can be set so the members have to reply before they can continue interacting with the community.
Invision Community's November release now allows moderators to send a personal alert message to the author of the content they are moderating when their content is hidden, split, locked or moved.
This video takes you through the workflow when hiding a comment.
Combining the alert feature into the moderation workflow makes it easier to inform your members that you've taken action on their content.
For example, you may notice a member posting a topic in the wrong forum. It's now straightforward to move the topic and let the author know why it's been moved and where to find it.

Perhaps you've had to hide some content that doesn't fit your community guidelines. You can now let the author know when hiding the topic and the reason it's been hidden.
Informing your members why you've taken action on their content helps educate, remind them of your community guidelines when needed and prevent confusion when they cannot locate the content they recently posted. Making a personal connection when moving or hiding a member's content helps keep a positive relationship throughout the community.
Viewing alert replies
While we were at it, we have also made it easier to track and respond to alert replies when sending them to large numbers of members.

From November onwards, you will see the number of replies sent to your message when viewing alerts in the Moderator Control Panel. Clicking the reply count will show all personal message replies to that alert via a top-level filter.
This new time-saving feature will come to all Invision Community platforms in November.
 @Daniel F proudly led development of this feature. 👏
We'd love your thoughts; let us know in the comments!

Bringing your community together with both online and in-person events is one of the most powerful ways to create meaningful connections, long-lasting relationships and one-of-a-kind experiences. 
The pandemic put a stop to many in-person events, but now that the dust is settling and people are beginning to return to some sense of normalcy, physical events are becoming commonplace. However, we can’t ignore the recent surge in online events now that COVID inspired a new norm. 
Previously, the Calendar application acted as more of a personal planner, focusing on daily, weekly, monthly and yearly happenings. That functionality still exists, but we’ll leave it to Google Calendar and the likes to handle your standard appointments. 
Instead, we’re shifting focus to community-driven events with our appropriately named app, Events, available for all Invision Community clients. 
Our Events app features a beautiful overview page that showcases community events.
Let’s take a closer look: 
 
Featured Events
calendar.mp4

Community leaders can now promote member-driven events with the “Feature” option. This highlights the event on the main overview page for all to see. It includes the event’s cover photo, date, title and description.
 
Search Events


 
Search for community events that are located near you. 
Tapping the “use my location” prompt allows your browser to identify your physical location, then shows a list of events that are in close proximity to you. 
Get granular with your search. Filter by general  location, date and/or whether the event is an in-person or online event. 

Maps

 
When searching, a map is also available for you to see in an instant what community events are happening.

Happening Near You


This section shows a list of events happening near you. It includes a snap shot of the events happening near your physical location, as well as a map of where the event is taking place.
This tailor-made page displays events based on geo-location, so communities with members from all over the world will view and experience the Events page differently. 
If there aren’t any events happening, a message block is displayed instead that says: 
 
Happening Today
 


On the day of, your event will include a badge to show the entire community the special event is happening.

Online Events


 
This section displays a list of virtual events within your community. Events are shown in chronological order by date and time.

Browse by month


 
We extended the search functionality to automatically show both in-person and online events categorized by the month. 
This is particularly useful to plan what events you’d like to attend and also see what’s in the pipeline. 
 
Event Page

Here's an example of what an Event's page looks like. It includes the event details, a map if it's an in-person event and an “Open Event” linked button for the online events. Optionally members can RSVP or confirm they attended when you request that per event.

Integrations
A particularly useful addition to our new Events application is the inclusion of popular, third-party video streaming platforms. When creating a virtual event in your Events application, you may include a link to your event and the platform will advertise it with the vendor’s logo so your community knows what to expect. When your members are ready to join, choosing the “Open Event” button will set them on their way.

Below is a complete list of platforms that Invision Community’s Events app can showcase (see examples in the screen shots above):
Zoom YouTube EventBrite On24 Facebook Google Webex Slack Discord Microsoft Teams
Here are a few examples of how your community can leverage our Events with in-person events:
Team building meeting
Unite your team with a collaborative event celebrating the company’s wins and victories. Sometimes in-person meetings spark new ideas in ways that a virtual environment can’t. 
Donation drive
Round up your local community and raise money for those in need with an in-person fundraiser. 
Training programs
Gather a group of community moderators and/or employees together and teach them how to innovate, strategize and lead with a physical training event. 
Flash sale
Make Black Friday, Boxing Day and other major retail sales an event within your community. Encourage your community to show up to a limited-time flash sale where in-person purchases are the only route to obtain an exclusive item. 
 
Let's check out some examples for online events:
Virtual happy hour
Let loose with a few of your community buddies at a virtual happy hour. Schedule something once a week or month and make a few extra friends no matter where they live (a cold brew at 5 a.m. your time when it’s 5 p.m. their time might be a tad awkward, but hey, it’s 5 p.m. somewhere). 
Holiday party
If your company is remote-based, an online holiday party is the perfect solution to spread the good time vibes. 
Interviews
Invite fans of an artist to watch a virtual live stream or music video where they can actively engage and contribute.
Fan gatherings
Speaking of fans or an artist or brand, unite people who share common interests together with a fan-fueled event. Conduct a Q&A, share inside information and create a space for them to celebrate their collective passions.
 
Our Events application is a welcomed addition designed to bring an enhanced presentation of the events happening in your space both on and offline. Community users can enjoy this interactive overview as an add-on to the traditional view. As a site admin, the overview page can be set as the new default in your AdminCP.
We are excited to bring the Events application to all Invision Community plans in an upcoming release.
Let us know what you think in the comments. 

Invision Community’s forthcoming release includes an exciting new feature available for all. 
Announcing the Alert System! 🚨™
The Alert System is a new tool for community managers to communicate with their members. There are times when a community manager needs to bring information to the attention of either a single user, or a group of users; when existing systems such as PMs or warning points are not suitable. So, we developed a happy medium to empower you. 
The new alert system offers multiple ways to engage with single users or multiple member groups with a message that must be acknowledged and dismissed before further engagement with the community.
Here are a few examples of when a community leader can use the Alert System for individual members:
Moderator actions 
A moderator moves a topic and wants to inform the topic starter that the topic has been moved and why. 
Get ahead of warnings
A member left a comment that doesn’t justify a warning point, nor should it warrant a private message. You want to kindly remind them of the community guidelines. 

Community leaders may wish to send information to an entire member group. This may to warn them of new limits, or to notify support changes, etc. 
Here are a few examples of when a community leader can use the Alert System for groups:
Updates to community guidelines
After reviewing and updating your community guidelines or terms of service, you can send an alert to all affected member groups outlining the changes, so they are aware. As the message needs to be dismissed before any further interaction with the community, you can be sure it has been read before any more posts are made.

This example shows an alert with send anonymously switched on.
 
Welcome message
To strengthen your onboarding flow, you may like to send all new members a welcome message to introduce yourself and your team, along with some helpful information to help get them settled in.
This example shows an alert with the option to reply, with send anonymously turned off.
Heads up
Remind a group of a permanent account-related change, like their subscription will be decreasing/increasing. 
New forums added
After consultation with your community, you want to add some new discussion areas for your VIP Members. You can now send an alert targeted to members in that group to let them know where the new forums are and what their purpose is.
Let's chat
You notice that a great community member is having a bad day. Instead of reaching for punitive tools, you can send them an alert that they have to reply to before being allowed to continue engaging in the community.

These are just a few examples; of course, the alerts functionality has a lot of flexibility built in. 
Alerts are managed from the Moderator's Control Panel.

 
Let us take a look at the different areas that can be configured.

 
Dates
Each alert has a start date, and this date can be in the future. This is especially useful if you have an event coming up you want to showcase. You can optionally set an expiration date to only serve the alert for members that visit between the start and end date. You can also leave it running indefinitely for uses such as the welcome message.
Send to
This section allows you to choose to send to a single user or to a single or multiple groups. If you are sending to groups, you can further fine-tune the deliverability by choosing to send to everyone currently registered and to new members when they register, or you can target just new members (to be precise, this will target members who register after the alert date), this option is ideal for the welcome message alert.
Send as yourself or anonymously 
You can choose to send the alert anonymously or from yourself. There are times when you want a personal touch and times when you need more of a system style alert, perhaps when notifying of guideline updates. Or, if the message is general, or you want to protect members of your team, send the alert anonymously. 
Replies
If you choose to send the alert personally, then you can allow the member to reply, force the member to respond to dismiss the alert or remove the ability to reply. For a welcome message, you'd likely want to allow replies which then will create a new personal message between you and the member. 
We have built the system to be very flexible to cover a wide range of uses where you want to directly engage with a member or group of members and be confident that they have seen the alert before any further engagement in the community. Alerts can be used to strengthen onboarding, notify sections of your community about exciting new features and changes or even create an open dialogue after a punitive measure such as having a posting time-out.
This feature is coming to Invision Community 4.7, across all platforms.
Thoughts on our new Alert System?! Drop us a line in the comments and let us know what you think.

As the Invision Community platform continues to evolve, so do the precarious ploys of pesky bots. 
Oftentimes spammers, whether they are bots or actual humans, spam your community with links in an effort to boost their website’s SEO. 
There are already a number of ways in the Invision Community platform to fight against spam, including…
 
Our native Spam Defense built into the platform that scores a newly-registered member Placing new registrations into a moderator queue Adding word filters that, when triggered, put the member in a moderation queue
We also integrate with various CAPTCHAs. You might be unfamiliar with the term, but you’ve definitely participated with one. It’s a digital gatekeeper in the form of an interactive puzzle that asks you to find patterns or similar images in order to evade malicious bots from taking action, whether that’s submitting a spam email, comment or registering an account. 
Our existing CAPTCHA defenses include:
 
Invisible reCAPTCHA where the system intelligently detects if the user is human in the background reCAPTCHA V2 where the user simply clicks an "I'm not a robot" checkbox keyCAPTCHA where the user must complete a jigsaw puzzle
  In our latest update, version 4.7, we’ve included yet another defense to block spam from seeing the light of day: hCaptcha
hCaptcha is one of the world's most widely used independent Captcha services. 
We’re incorporating it in a few places where spammers can prepare their attacks.

Registering:
Prevent spammers from joining your community. If enabled, the hCaptcha will stop spammers in their tracks before even creating an account in your community.



Guest posts:
Community leaders have the option to allow guests to reply to topics. This could potentially open up the floodgates for spammers, but the hCaptcha effectively mitigates this by asking the entity (hopefully an actual person) to problem solve. If the sequence is not successfully completed, the guest post won't be published.



hCaptcha is available in the new 4.7 Beta 1 release.
Give it a shot and let us know what you think in the comments… just be sure to successfully select all the traffic lights if you’re a guest! 😉 
 

To celebrate Invision Community turning 20-years-old (an eternity in Internet years), I interviewed the company's founding fathers.
Ahh the good ol' days. Remember simpler times?
This new video interview touches on Invision Community's past, present and future thanks to the invaluable insight from  @Charles, @Matt and @Lindy. 
 
In our chat together, these gentlemen...
 
Take a nostalgic trip down memory lane and reflect on the company's origins Explain the power of community amidst the social media boom Offer advice for new community leaders on how to grow Share some of the biggest changes to the platform Recant fond memories from the earlier days Reveal a teaser of what's next for Invision Community  
Noteworthy quotes:
Charles:
 
Lindy:
 
Matt:
 
Thoughts on the interview? We'd love to hear from you in the comments! 🎂 

Twenty years ago today, Invision Community was founded and within months the first version of Invision Community was released. Little did we know, this would be the start of a remarkable journey spanning several decades.
Our first version appeared shortly after we founded the company. It might be hard to imagine a time before social media and YouTube, but when we started out, the web looked very different.

The first version of Invision Community was called Invision Board, reflecting the popular term for forums back in the early 2000s. It was full featured and you may recognise some elements that persist today.
Like today, it even had a separate control panel where you could create new areas of discussion and customise the theme.

Twenty years is a long time and we've continued to adapt with the ever-changing needs of community managers. We've seen the rise of social media impact how people consume content and found ways to compliment Twitter and Facebook by offering a place for long-form permanent discussion.
Several elements remain from those early days but the concepts behind the theme have change significantly. New workflows, UI elements and views have helped the platform stay fresh and we've certainly innovated a few features that have since become industry standard over that time.
I can't express how proud I am of what we've built together. From those humble beginnings working until 2am to growing a creative and talented team around our passion for community.
I'm still as excited today as I was back in 2002. This year will see us build and release new tools to help guide and inform community managers. Our community platform continues to go from strength to strength.
Of course, the platform is only one part of Invision Community. Over the last twenty years I've been grateful to get to know many of you and watch your lives unfold.
This is as pure as community can get and I'm privileged to be part of it.

We have a few other surprises to celebrate our twentieth anniversary. We can't wait to share them!

I'd love to hear your memories of Invision Community! When did you first use our products and what was your community for? Please let me know in the comments below.

The Invision Community platform is capable of integrating with other powerful services, creating a unified system of connections with the click of a button. 
One of the greatest benefits of integrating with Invision Community is instant expanded functionality. 
This is often done through an API (application programming interface), which allows our platform to seamlessly communicate with third-party developed software like Google, Zapier and SendGrid. 
We also use webhooks to integrate. Webhooks allow other services and applications to stay in sync with your community data or to perform an action after a specific event occurs in your community. Read more about them here.
I had a chat with one of our developers, @Daniel F, who walks us through webhooks, explains why they’re useful and shows us an example (see the video above). In the example he uses, we would...
 

Here are a few integrations we want to put on your radar:
 
Zapier
What is it? Zapier is a service that allows you to connect over 3,000 web apps. The Invision and Zapier integration can communicate with some of the Internet’s most wide-reaching platforms, including Google Docs, Twitter, Facebook, Slack, Trello, Facebook Ads, ActiveCampaign, Zendesk, Asana, Salesforce, Hubspot, Discord, Stripe and more. Read our Zapier blog for more details (it’s worth your undivided attention!). 
An example: When a moderator posts a topic in a news forum, share it on Facebook, Twitter and other social platforms.


MapBox 
What is it? MapBox shares dynamic, performant, and customizable maps that can connect and visibly show where your members are around the world. 
An example: Create events that link to specific locations and specify where they’re taking place. 
 

 
Google Tag Manager
What is it? Google Tag Manager is a tag management system that allows you to add and update your own tags (snippets of code like a tracking pixel) onto your website for conversion tracking, site analytics, remarketing, and more. 
Tags that can be incorporated include link clicks for events, scroll tracking, contact form abandonment, commerce shopping cart abandonment and more. 
Expect to see more functionality with Google Tag Manager in our platform later this year such as quantifying total amount of reactions in a post. 
An example: Tracking when a member clicks the ‘start new topic’ button.

 
Google Analytics
What is it? Google Analytics is a web analytics platform that shares statistics and basic analytical tools for SEO and marketing initiatives. 
Understanding your website’s data, including who is visiting, how often, for how long, device usage and more can better help you optimize your community. 
An example: Tracking unique visitors over the course of a year, then comparing that data to the previous year. Whether there’s an upward or downward trend, analyzing the data can help you create a plan of how to proceed, as well as understand what is (and isn’t) working. 
 
SendGrid

What is it? Sendgrid is a cloud-based email delivery system. It’s a vehicle for your community to send emails to your members.
An example: Sending a monthly newsletter using the Bulk Mail function in the admin control panel.

 
Integrations are an efficient way to take your Invision Community platform to the next level. There’s even more in your ACP that we didn’t discuss in this blog.
If you have an integration in place that you’d like to share with us, or have an idea, drop us a line in the comments and let us know.
 
Related:

Earlier this year, Invision Community launched a native gamification system called Achievements. We added significant improvements to Achievements in our new release, 4.6.8, out now!  🎉 
Achievements allows community leaders to reward members with points, badges and ranks for their outstanding contributions. We listened to your feedback and implemented some very exciting changes.
In this post, you'll get a crash course on the new updates included in your Admin Control Panel (ACP) upon updating your community to 4.6.8. Once you're familiar with these concepts, you can take action to elevate your community.
 
New! Married group promotions with Achievements. 
New! Added metrics to better understand how Achievements functions within your community. 
New! Implemented additional rules to further empower your members. 
New! Updated email notifications to let your members know when they've earned a badge.
New! Download member lists based on Achievements criteria.
 
Before we expand on the new features, here's a recap of Achievements to refresh your memory:
 
Related: Want to know more about Achievements? Read our original blog post.

Now that you’re up to speed, let’s take a look at the new metrics and rules.
 
Group promotions


 
Group promotions lay out various user journeys.
Based on actions a member takes in a community, for example  commenting 100 times, having a high reputation score or having joined a community a year ago, the platform will automatically place them in a group (based on the rules you previously set up). This is useful when creating a hierarchy in your community. The more your members are engaged, the more access / privileges they receive.
 Now, community leaders can automatically place members in specific groups based on what badges they've earned in the community.  
Couple examples:
A moderator manually awards a member the 'Helpful Superstar' badge. In this scenario, that badge can only be earned if a moderator chooses to give it. Once someone earns that badge, they're automatically placed in the 'Helpful Superstars' group. This group may have the ability to create clubs (whereas the other groups can't).  A member earns the 'Engaged' badge. 'Engaged' badges are earned when a member has replied 100 times since joining. Once they've posted 100 replies, the system automatically places them in a new group with other contributing members.   
Related: Learn more about Group Promotions
 
Metrics
Metrics reports are essential for understanding what's working in your community, and what needs improving. 


 
Badges Earned: Track what badges were earned during a defined period of time. This is especially useful to track both member engagement as well as identify how often your community moderators are awarding badges manually.
Badges earned by member group: How many members in each group earned a badge. Track this when quantifying what groups are most engaged with your community. Understanding which group(s) earn the most badges helps you better tend to groups that might be less engaged. It might be a good idea to show them some extra attention. 
Badges by member: Search a time-based list of all members with an earned badge total. Easily discover who your VIP members are and reward / thank them for being active contributors. 
 
Related: Maximize community growth with our new reporting metrics
 
Rules
Set up rules based on various criteria. These rules will automatically take a specific action once the criteria has been met.
 


Member downloads a file: Members may earn a badge for downloading a specific file. This could be useful if your company wanted to share new policies or an announcement; track which members took the time to download the information and publicly recognize them for staying on top of things. 
Member purchases a package or product: Members may also earn a badge for purchasing either a package or a specific product. For example, you could create a rule for members to earn a coveted product badge for opting to purchase a physical product (like a t-shirt). Only members who've purchased an item from your community would receive this type of recognition. 
 
Outreach
Jump into your members' inboxes with tailor-made good news. 


 
New Email notifications: New notification emails let your members know when they've received a coveted rank.  
 
Segment
Download a list of members based on a number of Achievements criteria, including points, ranks and badges.


 
In theory, you can upload this list of members elsewhere to target this specific audience (like sending an exclusive email drip campaign in Mail Chimp).
Several examples include downloading a list of members who've:
Earned 500 or more points Earned a specific badge Reached a specific rank  
Achievements is a robust feature to engage your VIP members and spark the fuse of inspiration for newcomers. There’s a lot of power at your fingertips.
Unsure where to start with implementing Achievements? Check out our original post and determine what behaviors you want to reward within your community. Sometimes just logging in is a good place to start. Reward them for that. 🙂
Ready to take Achievements to the next level? Check out the new Group Promotions and Achievements Metrics now available in 4.6.8.

Where are you in your journey with Achievements? Drop us a line in the comments. We’d love to hear from you!