Hisashi

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.

Long ago, back in the dark ages, forums used the number of posts a member made and how long ago they joined to demonstrate trust and experience.
Is simply posting a lot and being a member for a long time the best way to know which community members are experts?
And is there a better way?
We think so.
 
 
What makes an expert, and why are they important?
Community experts are the keystones to any thriving community. You probably recognise a handful in your community. They tend to be active regularly, are often the first to try and help others with their questions and help set a positive example within the community.
Wouldn't it be great if newer community members could discover who these super users were a little easier? These members trying to find their feet in a new community could follow trustworthy individuals, absorb the positive tone of the community, and even get help a little quicker.
In the past, forums have shown trust and experience through basic metrics like post count and the years since they joined. However, these metrics only show that the individual has been around a long time and posts a lot. It doesn't show that they are potential role models or helpful and trustworthy.
Community Experts with Invision Community 5
Invision Community 5 identifies these experts through metrics such as the number of solutions they have, the volume of 'helpful' votes on their replies, the speed of answers and more.
Each forum will have its own experts, so if you have a very broad community, someone who is very helpful in a particular area will show as an expert in that area only.
When a member has been picked as an expert, they'll receive an email thanking them, and they can then opt-in to be shown as an expert along with a regular notification or email with any unanswered questions in forums they are experts in.

I'm absolutely killing it in the Test Forum
Every few months, the experts are recalculated to reflect the organic way communities grow and change. After all, there's little point in showing that a non-active member is an expert. It might even encourage new community experts to keep up the great work and remain active longer.

Community experts have a badge shown with their posts, along with the option to follow them. Encouraging new members to follow trusted community members should be a core part of any community strategy.
Settings and control
Of course, not everyone should be labelled as a community expert, and perhaps, in very rare circumstances, an existing community expert could have a bad day and not represent the community well.
Invision Community 5 gives you the ability to set which groups experts can be picked from and offers you the opportunity to block existing experts, ensuring they won't be selected again in the future.

Over to you
All communities have to be purposeful and provide value. That value may be in close friendships, or it may be in getting answers for problems you have. Either way, locating the most helpful members will help develop trust, provide guidance and increase knowledge within your community.
For transactional communities such as support-based communities, experts are vital in providing timely answers and demonstrating credibility and expertise to others.
As always, we'd love to hear your thoughts. Please let us know in the comments.
 

Welcome to the third video of our sneak peak series! Today, we're really excited to introduce you to the new Theme Editor!
Built entirely from scratch, the new editor provides an instant, live preview of your theme, as soon as you modify a setting. It's a zero-code approach to creating themes, and has been designed to ensure your theme adheres to your color scheme and looks great on every device, with very little effort. Let's take a closer look!
 
Paragraph 1.mp4
 
To the left of the editor, you’ll see a live preview of your community. You can navigate to any page, as if you were browsing your site normally. At the top left of the editor, you’ll find icons which change the theme between the light and dark color schemes. Below that are buttons which change the viewport size, from desktop, to tablet, to mobile. This is a really convenient way to ensure your theme looks great on every device, without needing to manually resize your browser window.
Lets take a closer look at the Color Palette.
Editing colors in version 4 was a fairly time consuming process. For example, modifying the color scheme from the default blue to another color meant that 26 theme settings needed to be changed. In contrast, the Version 5 theme is powered by just 3 colors: Primary colors are responsible for styling the main elements on your page, such as the Start new topic button. Secondary colors control minor elements, such as pagination links, while the Base color is responsible for controlling the overall tint on your site.
Clicking on these colors opens a color picker. Let’s change this blue color to yellow.
 
Video 2.mp4
 
You’ll notice two things have happened here. First, the preview window updated as soon as we modified the color. All elements which were previously blue, now use yellow, such as the Start new topic button. Secondly, the text color in our button has changed from white to black. This is our automatic contrast feature and it ensures our text is easy to read on our new yellow background, since white text may be more difficult to read for some viewers.
Below the color picker is a text box, with our color displayed in HSL. You can paste your own colors in this box, in any color format and that color will be applied to your elements.
 
Video 3.mp4
 
The Base color controls the tint of your backgrounds and text colors. Let's try a few examples to demonstrate how easy it is to recolor your theme.
 
Video 4.mp4
 
Next up are Logos! Invision Community 5 has three logo types: a text logo, an image logo for desktops and an image logo for mobiles. Let’s edit our text logo.
 
Video 5.mp4
 
After changing the text to “Theme Editor Demo”, we can see that the logo in our preview window updates instantly with our new text. Below that, we have multiple options to help us style the text logo, such as font-family These fonts are a combination of system fonts and web fonts. The web fonts are hosted locally on your site for optimal performance. Additionally, we can also change the font-weight and font-size. We might want a different font-size for mobile logos, so that can be edited too. We can see a live preview by changing our viewport to the mobile option.
If you’d prefer to use an image logo, you can assign it using the Image Logo options. Image logos are made up of 2 upload fields, one for the light theme and one for the dark theme. Below these upload fields, a slider lets you resize your logo so it fits neatly.
 
Video 6.mp4
 
Layout options let you assign the default layouts in your community. In our first sneak peak video, we showcased the new side panel layout, feed view for forum categories, and compact view for topics. These can all be enabled via the theme editor using a simple select menu.
 
Video 7.mp4
 
Lets explore some Color options! In the Header panel, we can see a list of elements we can customize. Clicking on an element opens the Swatch List, which is a list of 22 colors that are powered by the Base, Primary and Secondary colors from earlier. We have 6 "light" base colors, 6 "dark" base colors as well as various shades of our primary and secondary colors. Clicking on any of these swatches will apply that color to your element.
But what if none of these colors suit your requirement? That’s where the Color Picker comes in handy. Here, we can easily choose any color, or even paste in our own color like before.
 
Video 8.mp4
 
A major hurdle with themes in version 4 was customising the header. Depending on the complexity, this would typically involve modifications to both the CSS and HTML. That is a thing of the past with version 5! If we flick over to our Settings tab, you’ll see a brand new interface for customising the header. A new drag and drop feature allows you to easily reposition header elements without touching a single line of code.
 
Video 9.mp4
It’s an incredibly fun tool to play with, and we’re really excited to hear what you think!
Below the drag and drop area, we can customise the header further by using sliders to adjust its height, or we can enable navigation icons with a single click. Body settings let you can customise global elements such as the body background color, text colors, the max-width of your site, the font-family, font-size and more.
Editing Content boxes has always required code modifications in the past. Using this new editor, we can adjust not only the colors of the boxes, but also the borders and shadows. Theme editing has honestly never been this easy!
 
Video 10.mp4
And there you have it! Our brand new theme editor. With a few simple clicks and drags, we've been able to create a customised theme that looks great on desktops and mobiles, with a new color scheme, new logos, a customised header, new page layouts and restyled content boxes - all without touching a single line of code.
Speaking of code, for those of you who want to apply more advanced customisations, we’ve added a really convenient way to access your custom CSS file, via a new dialog box.
Video 11.mp4
And last but not least - the new theme editor is fully responsive, so even if you’re away from the desk, so you’ll be able to change colours and settings, upload new logos, redesign your header and even add your own code!
 
Video 12.mp4
 
Developing this new editor has been a lot of fun, and it’s even more fun to use. Themes have never been easier to edit and we're really excited for you all to get your hands on it so you can have a play for yourself - but for now, let us know what you think the comments, and we’ll see you next time!

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!
 

Our June release of Invision Community introduces several new improvements for your community to increase privacy controls and consent of personally identifiable information.
In today's digital age, privacy and the protection of personally identifiable information (PII) have become increasingly important. By incorporating improved privacy and PII data features into Invision Community, we are creating a more secure and inclusive environment within your community. In this blog post, we will take a quick look at what PII is, and the new features Invision Community has to improve privacy within your community.
What is PII?
PII, or personally identifiable information, refers to any data that can be used to identify, contact, or locate an individual member. When users sign up and visit your community, they may provide various types of PII, either voluntarily or as required by the platform's registration process. For example, an email address is required to complete the registration, and in some cases and IP address may be logged to authenticate a session, or to provide some context to the person posting content. 
Invision Community introduced new data control tools in a previous release, so let's take a look at the improvements coming in our June release that improves cookie management, IP address management, PII data requests, and the right to be forgotten.
PII Data Request and Right to be Forgotten
Your members now have the ability to request their Personally Identifiable Information (PII) data directly from their account settings page. Upon submitting a request, administrators will receive a notification alerting them to the new inquiry, where they can choose to either approve or deny it.
If approved, the member will be notified and provided information on how to download their requested data.

 
Additionally, members now have the option to request account deletion. After submitting this request, they will receive a confirmation email to verify their intent. Once confirmed, the request is forwarded to administrators, who can then decide whether to approve or reject the account deletion.

IP Address Management
Invision Community has had tools to prune IP addresses within a timeframe for a while, but we have conducted a thorough evaluation of the data framework in Invision Community to ensure that all recorded IP addresses are systematically purged according to the designated timeframe.
Cookie Management
Empowering members to control which cookies are stored is an important aspect of fostering trust and security within an online community. By granting users the autonomy to manage cookie preferences, you demonstrate a commitment to respecting their privacy and protecting their personal data. This level of transparency not only helps build a strong sense of trust between the community and its members but also helps with compliance, ultimately contributing to a more engaging and responsible user experience.
The Invision Community cookie consent page has been revamped and now displays a list of essential cookies. Visitors have the option to opt out of non-essential cookies for a more customized browsing experience.

Additionally, we've introduced a new feature that allows for the inclusion of an optional third-party Cookie Description on the cookie consent page, further enhancing transparency and user control.

We trust that these enhancements to privacy and data collection practices will simplify compliance with various regulations and, most importantly, ensure that your community members feel secure and well-protected while engaging with your platform.
The features and changes presented here are available in the following packages:
Beginner Creator Creator Pro Team Business Enterprise These features are also available in the Invision Community Classic (self-hosted) product.
If you do not see your product or package listed, please contact us to talk about upgrading your Invision Community.

This week, we're excited to preview some of the UI changes which will be included with Invision Community 4.7.8.
These changes result in improved performance for Google Fonts and better contrast for accessibility, while also fixing a few bugs along the way. When combined, these small improvements result in a much more polished UI, so lets dive in and take a look at some examples below!
Google Fonts
Google Fonts are now imported using the latest version of their API, which includes support for font-display:swap. This CSS property prevents FOUT, or the Flash Of Unstyled Text, where fonts would temporarily be invisible if the Google Font hadn't finished downloading. With this update, a fallback font will be displayed until the Google Font has been downloaded, so your text will be immediately visible even on your initial page load.
With this update, we have also imported font-weight:600 for improved rendering of semi-bold fonts.
Cleaner UI for Forum Grid
This update includes a cleaner UI for forum grids, resulting in improved contrast particularly for the forum icon and forum name.

Cleaner UI for "Expanded view" topic lists
In addition to new forum grids, the expanded view UI has also seen improvements in this update, where items are now separated by a simple border instead of being separated into their own boxes.

Improved button alignment on mobiles
When possible, buttons will now only occupy a single line on mobiles which results in a cleaner layout and less scrolling. Win win!
Before:

After:

Breadcrumbs
Breadcrumbs now use a darker color and thicker font-weight for improved contrast, and no longer truncate when long titles are included.
Before:

After:

Social Icons
The background color of certain social icons has been updated to match their current brand colours.
Before:

After:

Widget designs
All widgets have received a slight UI overhaul, resulting in improved readability due to heavier font-weights on titles. Alignment issues have also been addressed in certain widgets for mobiles:
Before:

After:

Improved alignment in posts
Post controls (the bar containing the quote link and reactions) are now vertically aligned to the bottom of posts, regardless of the post length. Small change, but a big difference!
Before:

After:

And much more!
In addition to these changes, we've included a bunch of fixes including broken stats on record lists, wide tooltips, sticky announcements not staying stuck to the screen, incorrect image ratios for Recent Achievement badges and stretched thumbnails in widgets.
We think these improvements have really helped to clean up certain areas of our UI and we look forward to them going live on all sites with 4.7.8!

We are excited to announce that the Invision Community GraphQL API is now available.
This blog takes you through what GraphQL is and what makes it better than existing APIs present in Invision Community. It does get a bit technical, but you don't need to be a developer to appreciate how GraphQL will make life easier for those that do develop.
What is GraphQL?
GraphQL describes itself as a query language for APIs that gives clients the power to ask for precisely what is needed and nothing more.
GraphQL was created by Facebook in 2012 and is now an open-source project governed by the GraphQL Foundation, which operates independently of Facebook.
What makes GraphQL better than existing REST APIs?
GraphQL has several advantages over the existing REST API present in Invision Community, and these include:
Flexibility: GraphQL allows clients to request only the data they need, reducing over-fetching or under-fetching data. Getting data from a REST API often means receiving many fields and values you don't need to complete the operation you're creating.
Versatility: GraphQL can query multiple databases or APIs, making it a more versatile solution than REST, which often requires multiple endpoints for multiple data types.
Strong Typing: GraphQL has a robust type system, making it easier to understand the capabilities of an API and catch errors early in the development process.
Better Performance: By allowing the client to request only the data it needs, GraphQL can improve the performance of an application compared to REST, which often returns more data than necessary.
Easier to evolve: The schema-based nature of GraphQL allows for more straightforward and less-breaking changes to the API compared to REST.
Let's look at an example
You're building a dashboard that uses Invision Community data for your Node.js application that shows the latest topics, latest registered members and calendar events. With the REST API, you need to make three requests to get all the data you need. With GraphQL, you can fetch the exact data you need with a single request.

Modern Web Development
GraphQL is now the standard for modern web development, including building mobile apps. A modern web app has a "front-end" and a "back-end".
The front-end refers to the user-facing part of the web application. The front-end is typically written in client-side languages such as HTML, CSS, and JavaScript and is responsible for rendering the user interface and handling user interactions. It communicates with the back-end to retrieve and display data.
The back-end refers to the server-side part of the web application. The back-end is typically written in server-side languages such as PHP, and is responsible for performing business logic, managing data, and serving API responses to the front-end.
Using GraphQL as the interface between the front-end and back-end, the development and deployment of each component can be done independently, improving the overall efficiency and scalability of the application.
At Invision Community, we know that some clients use REST to pull data from Invision Community for use in bespoke web and mobile apps. So we hope you're even more excited about the possibilities with GraphQL.
A list with all currently available queries, mutators and data types can be found in our developer documentation section.

Extending Invision Community Functionality
Of course, you also have full access to the GraphQL API in the Invision Community framework, so you can use GraphQL inside your controllers to run your queries, which has the advantage that you won't need to worry about future changes to the API. 
In addition, we have also created a GraphQL template plugin, which can be utilized inside templates to fetch any data.
This is a more technology-heavy blog than usual. The main takeaway is that we continue to invest in ways to allow your Invision Community data to be used by your own applications. GraphQL makes that job a lot easier and much more efficient.
Let me know if you have any questions!

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.

Community moderators have a responsibility to maintain a sense of normalcy and balance within a community.
The Invision Community platform includes powerful tools for moderators to help them mitigate issues that may arise. We just enhanced one of them.
Our new moderator approval queue feature, available in an upcoming release for all Invision Community clients, arms moderators with more information regarding why an item was sent to the approval queue in the first place.
The approval queue is a temporary waiting room for content that can either be approved, denied, hidden or deleted by a community moderator. 
Sometimes, it’s unclear to a moderator why an item was sent to the approval queue.
Our new feature solves that problem by including a reason with every item that needs to be approved. This provides clarity to the moderator in charge of handling items waiting in the wings.
There are a bunch of different methods in which an item can be held for approval:
Profanity/bad words
If a member uses a word you have deemed inappropriate, you may ask the platform via the ‘Word Filter’ option to automatically hold the post for moderator approval. In this example, the word “damn” is included in the Word Filter list. A member attempts to reply with it. Their comment is automatically held for moderator approval along with a reason why.


 
URLs
If a member posts a link to a third-party website, you may ask the platform to automatically hold it for moderator approval. 


Email addresses
If a member posts an email address, you may ask the platform to automatically hold it for moderator approval. 

 
Reviews
If a member posts a review on a digital download or a physical product, you may ask the platform to automatically hold the review for moderator approval. 


Topics/replies
A member, or group of members, must have their posts manually approved by a moderator before they can be seen by the rest of the community. 

 

A few other things worth mentioning:
The moderator approval queue explanation is compatible with all of our applications (minus the Blog). The Forum and Commerce applications are the only two apps that can be required to have moderator approval at an item level (for example, individual replies within a topic or reviews on a product).
This new feature will be available in an upcoming release.
Thoughts? Let us know what you think 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. 

You’ve got questions, and you’ve got answers.
One of the glorious benefits to running a thriving community is its ability to be self-sustainable. We’ve added new Solved features available on both standard and self-hosted plans. 
While you’re working on growing the community’s presence (and the bottom line), your members are busy connecting and engaging with one another. In addition to you and your team answering questions, peer-to-peer networking is an efficient way to increase support and quickly attend to your members’/clients’/customers’ needs. 
Invision Community’s previously existing Solutions feature allows a topic starter, as well as community moderators, to mark a reply inside a topic as the solution to the question. We’ve added a green block for the member who started the topic that encourages them to mark a response as the solution. This is only visible to them and not other members participating inside the topic. 


 
Here is what the new Solutions button looks like:


 
Not only did it receive a style update, but more importantly the topic starter can now receive periodic emails reminding them to revisit their topic and either re-engage until a solution is found, or mark a previously-posted answer as the solution. 
Community leaders have the ability to turn this feature off, or set the number of days before an email is sent (the default is set to 14 days).
Here is an example email:


 
We also added a Solved report in the Statistics section of your Admin Control Panel.
The report consists of daily snapshots taken within the community. The platform then records the percent of topics solved, as well as the average time it took to find a solution. This helps you understand pain points in your community, as well as what kinds of questions get answered and how long it took for a solution to come to light. 



Benefits of your community using Solutions:
Cuts support costs: Customers help one another so your team can focus elsewhere. Builds a library: Community answers are easily searchable & shareable for future customers. Gives props: Reward customers for answering questions with Achievements. Empowers members: Customers help themselves by asking questions and finding answers. The new Solutions features are available in an upcoming update to version 4.7 of our platform. 
The Solutions option is located in: Admin Control Panel -> Community -> Forums -> Forums -> Select desired Forum -> Edit -> Display Settings -> "Enable Solved?" Toggle + "Allow the topic starter to mark solved?" Toggle
Thoughts? 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.

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.

You have probably spoken to us in support tickets and on our community forums, and you've likely seen our photos.
But what about our workstations? What do they reveal about our personalities? Do none of our team have lights in their office?
Mark H
This is an old picture [Not as old as your Facebook photo -Ed], I now have a 4K monitor in the center, attached via Thunderbolt to my MBP. But that image was taken when I used my PC, a now-old EVGA x79 Dark mobo, i7 3930k, twin GTX 580's, and all watercooled.
When I game, I swap out the leads so the PC can use all 3.
At the moment I'm revisiting an old, but still apparently very popular game. Elder Scrolls: Oblivion.

Where's the light switch?
Marc S
For my main machine I have a late 2014 iMac with 2 x iiyama external monitor, which I spend most of my day on.
When out of the house or just generally wanting a break from the office, I have a MacBook pro. Great for what it is, but I hate sitting on a laptop [You're supposed to sit in front of it -Ed], so I'm generally found hiding away in my office.
When I'm not responding to tickets from you lovely lot, I'm generally doing some of my own development. As a Windows developer primarily [That explains a lot -Ed], I have parallels desktop set up so I can work with visual studio and sql server as if they were native mac applications. I also spend a fair amount of time with Ableton live and Logic, where I play about with trance production, as its something nice to immerse yourself in during spare time.

Who let the dogs out?
Jim M
The few, the proud, the Windows users of IPS [We only keep them so we can assign all IE bugs to them -Ed]. Love my two 27" Dell monitors. Plan to add a third eventually. I may also be a big Tom Petty fan.

Our Tom Petty fan
Matt M
I switched from a desktop only set up to the new retina MacBook Pro last year. It's nice to work in the office with the LG monitors but have the flexibility of unplugging and taking the MacBook with me to work elsewhere [What? Like the garden? -Ed]. 

Clowns, Drug Lords and Funny Men
Daniel
It took hours to clean up for a picture. [This is literally all Daniel supplied as text for this month's blog. For example, he could have pointed out the little keypad thing shown under the right hand monitor which acts like an app launcher, but didn't. So thought I would -Ed]

Precise angles and a lot of work to clean up
Ryan
My office is actually going through a slow renovation process so that it can double as an office as well as a studio, so this will all likely change in a few months (you can see color swatches for paint options on the left) [We can't see anything. You have an expensive Philips Hue set up but clearly never switch it on -Ed]. I'm currently working through a Late 2014 iMac Retina 5k, and apparently I'm one of the few that doesn't have any external monitors (I used to, but I find them cumbersome most of the time, so I took them down [Were you holding them up yourself? -Ed]). When working remotely, I use a 2011 13" MacBook Pro.
My favorite thing, though, is the "poster" I have on the right - my father gave it to me for my thirtieth birthday this year, and it's actually a sheet of uncut one dollar bills (funnily enough, though, there are actually 32 rather than 30).

Coke and Coffee
Mark W
I'm currently in the process of moving from the UK to Australia so I don't really have an office right now, but this is what my office back home looks like [it's always this tidy. He is obsessive -Ed]:

Captain Raymond Holt
Jennifer
2 x 32" inch curved Samsung Monitors a 4K Samsung Smart TV. Razer Chroma Keyboard, Razer Chroma Death Adder, Corsair Yellow Jacket Headphones and a really awesome PC.
I am basically surrounded by screens [FYI, keep an eye on J.A.R.V.I.S, he has a Vision -Ed].

Tony Stark's first set up
Stuart
Up until this month my wife has been studying in Cardiff, so half of my time has been spent working on a dining table in our apartment [Can't wait to see how the table turned out, if you've spent a month on it -Ed].
Now, back home I have my desk set up with the worlds largest laptop [Dear reader, you have no idea -Ed](i7-4720HQ, GTX960M, 16GB Ram, 17.1" 1080p)  connected to an external 22" 1080p monitor. We're still in the middle of restoration so my office is really the lowest priority buy my long term plans include a standing desk, Surface Book 2 (or similar) with twin external 4k displays. Those two PC towers aren't really used anymore (one is Windows Server 2008 which used to be used as a local file server, the other is my old gaming PC)

We're huge fans of LEGO®
Andy
Like Mark I’m constantly on the move so my working environment tends to be wherever I can find that’s quiet with a good Internet connection. When I’m “home” though my office looks like this: [Seriously, switch on a light -Ed]

Dark and moody, just like his coffee
So there we go. We've exposed our team's set ups, expressed our concern about a lack of lighting in many offices and found out who had to tidy up their desk before taking a photo.

We'd love to see your workstations too, post them below!

Completing long and complex forms online is tedious. It can be off putting having to fill in a lot of information before you can join a site or service. You may find that potential members never bother to convert from a visitor.
How to convert guests into regular members is an often asked question. The simple answer is to lower the barrier to entry. Invision Community 4 already allows you to register with Facebook, Twitter, and other networks with ease.
"Complete My Profile" is a system that will lower the barrier of conversion. Guests only have to complete a very basic form to gain membership. Members are then asked to complete any custom profile fields you require.
You can also set up steps that group items together to encourage existing members to add more information to their public profile.
Members with a complete profile and user photo provide others with much more engagement and personality.
Registering
If we look at registering first. Clicking "Sign Up" will only show a simple modal form with as few fields as possible.

 
If you have required steps, and after any member validation flow, the complete your profile wizard is shown.

 
This enforces required fields and the member cannot skip them or view other pages until completed.
Of course, you may have steps that are not set to required. These are available too, but are skippable. Members can complete skipped steps later.

 
A dismissible progress bar shows to members that have uncompleted steps. Once dismissed, it no longer displays in the header of the site.

 
This same progress bar is always shown in the members' settings overview panel, in the user control panel. This will prompt members with incomplete steps.

 
If you set up a new required step, members have to complete the step before being able to browse again. This will ensure that all regular members have completed profiles.
Admin Control Panel
You will create new steps in the Admin Control Panel. Each step can contain multiple elements of a single group. This step can be set to required to enforce completion or suggested to allow it to be skipped.

 
The basic profile group contains things like user photo, birthday and cover photo. Choose any of these for this step.

 
The custom profile field group contains any fields you have set up already.

 
You can switch off this system if you feel it does not fit your needs. When disabled, you get the normal registration form.

 
Reducing the complexity of membership can only help convert more guests into contributing members. Enforcing required steps ensures that you capture data across your membership.
We hope you enjoy this feature and you see an increase in guest conversion with Invision Community 4.2.
 

This entry is about our IPS Community Suite 4.2 release
In IPS Community Suite 4.2 we have added a bunch of new settings for the Downloads Index Page.
 

Downloads Index Page - Settings
With 4.2 you'll be able to hide any of the boxes. 

Hidden Most Downloads Box
 
Another often requested feature was that people want to be able to choose the categories from where the files should be fetched
This way you'll be able to hide files from some very old categories.

Hidden Categories

There are many strategies for growing your community, such as newsletters, mailing lists and advertising on other sites.
IPS Community Suite 4.2 puts a new tool at your disposal: promotions.
There’s no denying the popularity of social media. Worldwide, Facebook has 1.86 billion users active monthly. Every day, millions of people are using Facebook to speak with friends, to talk about their interests and to find new people to connect with.
Of that 1.86 billion people, a good portion of those are actively discussing topics your forum covers. There is a huge opportunity to tap into social media to join in the discussion and to promote your community and provide a venue to carry on the discussion.
For a while, we’ve had social media log in extensions, which means that your users can sign into your community simply by clicking a relevant button. We’ve also had the ability to share things to a personal Facebook account. These tools are great for your users, but how do they help you, forum owner?
IPS Community Suite 4.2 introduces a way to promote your content directly to your brand’s Facebook page and your brand’s Twitter account.
You can curate fun and engaging topics and share them. The workflow is simple. Simply browse your community and queue up interesting topics, comments, gallery items, blog posts or database articles for posting throughout the day to your brand’s social media accounts. You choose the schedule, the hashtags and the wording to send.
Let’s look at the feature set in more detail.
Your first stop is to set up the feature from the admin panel. The system will guide you through the necessary steps of connecting your Facebook and Twitter accounts. Once Facebook has been set up, you can select any page that you are an administrator of on Facebook.
 

The admin panel also offers scheduling options and permissions.
 

You can pre-set the times for when content will be posted. Facebook and Twitter both have analytic tools to determine when your visitors are most frequently online. A good tip here is to set the time to a slightly odd number, so 11:45am is better than 12:00pm as you are likely to catch the attention of someone waiting for lunch, or a lunchtime meeting.
 

You have full control over who can promote items to your social media accounts. You can specify by group or pick individual members who may not be in those groups.
Now that you’ve set up the backend, we can get promoting.
Each item, that is a topic, gallery album, blog entry or article has its own Promote button.

 
Each post and comment can also be shared individually, which is an easy way to share great content your visitors add to existing conversations.

 
Clicking this brings up the sharer.

 
This is where you can customize the text that is sent out to each social media channel. You’ll also notice space to promote this item within your own community in addition (or instead of) Facebook or Twitter, we will explore that shortly.
The sharer is smart enough to pull attachments already added in the post, and you can upload your own images to be sent. Generally, shared items that have an image get better organic reach than just text alone so you’ll almost always want to choose or add an image. Twitter can use up to 4 images, and Facebook allows 1000 pictures per album, but you’ll never want to upload that many!

 
Once you’ve filled out your content and picked your images, you can schedule the promotion. Generally, you’ll want to use the auto schedule option as this allows you to just stack up multiple items and let the auto scheduler post the items according to your pre-set schedule. You can also set a specific date and time if you are looking to run a promotion or other time sensitive event.


The promoted content viewed in Facebook and Twitter
It’s easy to see the status of your queued and sent items from the moderator view.

 
This area allows you to see previous promotions and modify pending promotions.
Earlier, we mentioned that the system has the ability to promote content internally. Promoting items to your own community lets you, the community manager, curate interesting items and comments and present this to your community. This is a great way to allow your visitors to explore content you think they’d enjoy.

 
Promoting content to your community via Our Picks also allow you to promote content if you cannot or choose not to use social networks. It has the advantage that social networks do not have over a community platform like IPS Community Suite: consistency. The content on your community is always there whereas a social network is all about right here right now. Miss it and you miss out. On your community you can engage and re-engage a subject all you want. 
Of course, we’ve built a widget that you can drag and drop to most pages to make this curated list more visible.
IPS Community Suite 4.2 gives you, the site owner and community manager the tools you need to reach out and engage new users already discussing the topics on social media your community covers. With single click sign in and the built in retention functionality the suite offers, you’ll have a powerful way of growing your user base. It furthers that goal by created a list of that promoted content for continual reference and promotion for visitors already on your site.
We’ve got lots more to discuss on this subject, and in the coming months we’ll be putting together some guides on social media best practices and how to leverage Facebook’s excellent post promotion / pay per click tools to further boost your site’s visibility to social media users.
We’re here to help you make a success of your community and to give social media users a venue for when they outgrow Facebook.

This entry is about our IPS Community Suite 4.2 release.
IPS Community Suite has long had a reputation system; first we had a simple up/down system, later updated to introduce a Likes system as an alternative. Whichever system you chose to use, it tied in with our reputation system.
We're pleased to introduce the latest updates to the reputation system, and it's something that has been requested for quite some time: Reactions.
Quite simply, reactions allow users to offer more fine-grained sentiments towards content than a simple up/down or 'like'. They are now in common usage on social networks, and so users expect to be able to be more nuanced in their response to something they see.
Let's see how they work in a post, and then cover the options you'll have available.

What you see above is the default setup for a site that has used the Like system in version 4.1. We include 5 reactions by default:
Like Thanks Confused Sad Haha If you currently use the older style up/down reputation system, don't fret - you'll still get the new reactions on upgrade, but they'll be disabled by default and instead the new reaction UI will show up/down reactions. This gives you the flexibility to decide which of the new reactions, if any, you want to allow.
So, those are the basics - but what configuration options can you expect to see? First, you can of course add your own reactions! We expect that beyond the default reactions you'd expect to find, some sites will want reaction types specific to their use-case. On an intranet, you might want to have 'agree' and 'disagree' reactions for staff to use when responding to discussions. On a gaming community, you might replace the icons to be some graphic from a video game that means something to your particular userbase. There's a wealth of possibilities.
Each reaction you set up can be configured to adjust the original author's reputation count - a reaction can be positive (i.e. award a reputation point), negative (i.e. subtract a reputation point), or neutral (i.e. leave the reputation count unchanged). Our default set won't include any negative reactions, but you are free to configure these and new reactions to suit your own use-case. A user's total reputation count is still shown alongside their content and in their profile, of course.
If you don't want to use the new reactions for whatever reason, you can disable all of them except Like, and it'll behave just the like 4.1-and-earlier system:

 
Sites that currently use the up/down system don't show a list of names of users, and instead show an overall reputation score for the content. With the new reaction system, you can enable this even if you don't use up/down reactions. This is great if you plan to use reactions as, for example, an agree/disagree system, or where the content score is more important to your site than the individual reaction types.

How the reaction UI looks with the 'count only' setting enabled
As you'd expect, you can click individual reaction counts (or the overall reputation score, if you enable that setting) to view who reacted to the content. This remains a permission setting that you can apply per-group.

On touch devices, on-hover functionality is not suitable, and so for these devices the reactions UI looks like this:

Reactions play well with all areas of the suite, including Recommended Replies:

...and activity streams...

...and a couple of places we aren't quite ready to reveal yet  
 
We hope you're looking forward to this new feature as much as we are. It's already been a hit on our internal testing site, and we're looking forward to seeing how clients customize it for use on their own community.
Developer note: Reactions are one of two new features (the other currently unannounced) so far that make use of PHP Traits.

This entry is about our IPS Community Suite 4.2 release.
We are happy to introduce the next major feature that will be available in IPS Community Suite 4.2 - Clubs.
Clubs are a brand new way of supporting sub-communities within your site. Many people have requested social group functionality in the past and Clubs are our implementation of this concept. Let's take a look at a few screenshots, and then go over what they are capable of doing.

The Club directory

A Club homepage

Club member listing

Example of content within a club (topics, in this case)
There's a lot to digest there! Let's go over the basic functionality.
 
Club Types
Four types of club are available:
Public clubs
Clubs that anyone can see and participate in without joining. Open club
Clubs that anyone can see and join. Closed club
Clubs that anyone can see in the directory, but joining must be approved by a Club Leader or Club Moderator. Non-club-members who view the club will only see the member list - not the recent activity or content areas. Private club
Clubs that do not show in public, and users must be invited by a Club Leader or Club Moderator As the site admin, you can of course configure which club types can be created and by whom. You could, for example, allow members to create public and open clubs, but allow a "VIP" group to also create Closed and Private clubs.

Admin configuration option for Club creations
 
Club Users
Each club has three levels of user:
Leader
A leader has all of the permissions of a moderator, and can add other moderators. They can also add content areas (see below). The club owner is automatically a leader. Moderators
Moderators, as the name implies, have the ability to moderate content posted within the club. As the site administrator, you can define which moderator tools can be used. You could, for example, prevent any content being deleted from clubs, but allow it to be hidden. Moderators can also remove members from a club. Users
Anyone else that joins the club.
Defining the moderator permissions available to club moderators
Your site administrator and moderators, with the appropriate permissions, are able to moderator content in any Club regardless of whether they are a member of it. 
Clubs can be created by any user who has permission. As you would expect, this is controlled by our regular permission settings.
For closed clubs, there's an approval process. Users can request to join and the request must be approved by a leader. Leaders get a notification when a user requests to join; the user gets a notification when their request is approved or denied.

Approving and declining join requests
 
Club Content
Club Leaders can add a variety of content areas to their club - forums, calendars, blogs and so on. It's important to note that these content areas are fully functional just as if they existed as a top-level admin created area. They will appear in search results, activity streams, users can follow them, embed links to them, and so on. If a user has permission to see a forum (for example) within a club it will behave exactly like other forums they see - and the same for all other kinds of content.
Each content area a leader adds can have a custom title, and will appear in the club navigation. This means, for example, that you can have multiple forums within a club, and give each a different name.

Adding content areas to a club
 
Club Custom Fields
Clubs also support custom fields. Custom fields are defined by the site administrator and can be filled in by Club Owners. The values they enter are shown (along with the club description) on the club homepage.

Custom fields in a club
On the Club Directory page, users can filter by the custom club fields.

Filtering clubs
 
Club Locations
Clubs have built-in support for Google Maps, allowing users to specify a physical location for their club. Let's say you run a community for car enthusiasts; each club might be tied to a particular region's meetup. The Club Owner specifies the location when setting up the club, and clubs are then shown on map on the directory page:

Club locations
And within a club, the location is shown too:

 
Club Display
We offer two ways to display club headers within the club - the standard way, shown in the screenshots you've seen up to this point, but we also have a sidebar option. This is something the admin sets globally for the site, rather than per-club. This is useful where your site design doesn't facilitate another horizontal banner taking up valuable screen real-estate; moving the club banner to the sidebar alleviates this pressure on vertical space.

Sidebar club style
Using Clubs in Other Ways
There's a lot of scope for using clubs beyond allowing users to create their own groups. You do not even have to call them "clubs" if that does not suit your use case. For example, on a company intranet you could rename Clubs to "Departments", and create a private group for each of your main roles. This would allow each department to have its own community, with its own forums, gallery, file sharing and so on, private and separate from other departments.
Similarly, they'd also work well in situations where you as the site admin want to create entire micro-communities. Take for example a video game publisher. Using Clubs, they could create a micro-community for each of their games, complete with forums, galleries and so forth, and then set the Clubs directory as their overall community homepage. Immediately, they have a setup that hasn't until now been possible out-of-the-box with IPS Community Suite.
 
We expect our clients will come up with some really innovative uses for the new Club functionality, and we can't wait to see what you do. We'd love to hear your feedback - let us know what you think in the comments.

This entry is about our IPS Community Suite 4.2 release
IPS Community Suite comes with a default profile photo which is used when members have not set a profile photo for their account. While this model has served the software well for years, we felt it was time for an update to the software to keep pace with current internet trends. This has led to one of the latest changes you can expect to see with version 4.2: letter profile photos
When upgrading you will be asked if you wish to use letter profile photos, or if you wish to stick with the generic per-theme default profile photo that is used presently. You can change your mind any time after upgrading by adjusting the setting in the AdminCP as well.

AdminCP members list
We have tested many languages to ensure maximum compatibility. The font used in the image is automatically selected based upon the characters to be written to the image, so sites that have more than one language will see compatibility for all of the profile photos that are created automatically.
The colors are not set for each letter. You will notice in the screenshot that each "A" letter photo has a different color. They are chosen randomly when generated.

Letter photos in a sidebar widget
We hope that this change helps bring your communities to life with a little more style, flair, and uniqueness for each new user on your site.
 
Developer Note
The code is structured in such a manner that third party developers can further extend the feature with plugins. The methods for writing text to images are exposed through our central \IPS\Image class introducing new possibilities in your own custom code.

This entry is about our IPS Community Suite 4.2 release
I made a quick video to demo things we have already announced for 4.2 so far.
Enjoy  

This entry is about our IPS Community Suite 4.2 release.
Improving your SEO can be a complex undertaking with many different approaches but there are things that everyone knows are good practice and also more modern approaches to SEO that have changed since we first started developing IPS Community Suite. So it was time for a review and update.
Unfortunately no pretty screenshots on this one as this is all behind the scenes stuff but still quite useful to know . Also, some of this may sound a bit technical and dry but feel free to search some of these technologies if you are curious.
Move from HTML structured data to JSON-LD and enhance our existing markup with sensible additions. Calendar, blog, forum and pages (articles) data marked up for rich snippets. General review of our schema.org markup and enhance where appropriate. Use sitelinks search and other sensible markup such as the website and logo markup. Allow administrators to specify social profile links in the AdminCP which we then show links to in the footer and also make available in schema.org markup. Fix many duplicate page title issues. Review and ensure nofollow/noindex tags are used in appropriate areas. Add item tags as HTML meta tags Adding <link rel="next" value="next page url"> helps search engines know next/previous page.  
Nothing like a bulleted list of items to get you excited! But really these should be welcome improvements to all.
 

We have had a question and answer feature in IPS Community Suite for some time and we are now happy to add Google Authenticator as another option. We have also combined the various options it a new Two Factor Authentication (2FA) section in the AdminCP with many more options.

Two Factor Authentication Settings
There are also new settings to control when a user is required (or not) to setup 2FA:

2FA Setup
You can control what areas will prompt for 2FA authentication:

2FA Area Control
And how the system should recover if a user cannot login via 2FA on their account:

2FA Recovery Settings
An administrator can configure these settings to tailor the security needs of their community. For example, you might want to require 2FA your admins and moderators but keep it optional for your members. 
On the front end your members will see a new Account Security section under their settings area.

Account Security Settings
Once authenticated, a user will then be able to enable various security options. For example, the Google Authenticator setup shows an easy to follow setup.

Google Authenticator Setup
We hope you enjoy this new level of system security. IPS has plans to add additional 2FA providers beyond Question and Answers and Google Authenticator. We will keep you updated!
 
This change will be in version 4.1.18 which is scheduled to be released in late January 2017.