Sonya*

In a digital world with no shortage of places to connect, a beautiful theme will help you stand out from the crowd. 
We previously touched on the importance of branded communities, and now we’re unveiling new functionality that will help make your theme more functional: easy access to header and footer tabs within our new simple theme editor. 
Invision Community already has a powerful and advanced theme editor allowing total control over every aspect of your community’s UI, however this power comes at the cost of ease of use. We often get asked if there’s an easier way to add a site wrapper, or header and footer with some tweaks to the CSS without learning the complexities of the theme editor. Now, we do!
Invision Community 4.7.0 comes with a simple theme editing mode.
Utilizing a clean interface, this editing mode allows you to quickly and easily add header and footer HTML, along with any CSS.
 


When editing a theme, after clicking the big green button that says "Use Simple Theme Editing," you're taken to a simplified theme editor page where you can add in code for your header and footer, as well as custom CSS.
Previously, this option was not available. Before, community leaders had to sift through a theme’s template structure to modify anything within the header and footer code by manually editing Core > Global > GlobalTemplate and work out where to put the HTML. Now, there are header, footer and CSS tabs for easy access.
 

 
The same Header and Footer tabs are also viewable when editing a theme. 
 

 
TL;DR? We streamlined an important theme editing process.
Our mission is to further simplify the more complex parts of the Admin Control Panel without losing the extensibility and customization Invision Community is famous for. The simple theme editor is a single step in that direction.
The new, easy-to-use header / footer / CSS theme options are available to use in our new release, 4.7.0.
 

Take control of your community messenger inbox.
Topics, replies and reviews are an incredible way to engage with members in a community, but sometimes a conversation needs to be had in private. 
Invision Community's built-in messenger is a powerful system that allows members to privately message another member, or a group of members, directly within your community. 
However, allowing your members unrestricted access to reach out could clog up your community inbox (and mind!). There are times when you may want a little space from receiving new messages. For example, when you are… 
Going on vacation Working on a project that requires your complete attention Needing a moment to catch up Currently, your only option is to disable the entire messaging system. That is effective, but it means you cannot engage with existing messages, send replies or message other members.
We’ve developed a solution! 
Invision Community 4.7.0 allows for more refined control over your messenger by allowing you to disable the inbox. 
The benefit of this is that you can continue existing conversations and start conversations with others while preventing anyone from messaging you (except staff members) either directly or via the Alerts System.


 
The "Disable my messenger" link has been replaced with "Disable my inbox". The warning pop-up makes it clear what this action will do.


 
Of course, administrators can still completely disable the messenger for themselves and other members of the community, which prevents them from accessing the messenger entirely.
The new disable your inbox feature, included in Invision Community 4.7.0, will be available to all in the near future.
Thoughts on the disabling the inbox feature? Let us know what you think in the comments!
 
Related:

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! 😉 
 

Improving SEO with your community is a hot topic with community managers. Many minor tweaks can move the needle in the right direction, but the most significant changes come with increasing crawl efficiency.
I recently wrote about changes we made to Invision Community to improve crawl efficiency. By removing thin content pages and being laser-focused on what you want to be crawled, you present a more efficient site ready for crawling.
Crawl depth is another metric that impacts crawl efficiency. The more 'clicks' Google and other search engines have to make to get to your content; the less efficient your site is for crawling. With a community, this can present problems because using forums and child forums segments content and places it an extra click or two away from the home page. Segmenting is ideal when your community has defined content boundaries, but it can mean Google has to work harder to find your content.
We introduced a "fluid view" in a past release, which streams all of your community's topics into a single filterable view. This streamed view works well when you have a small number of forums, but it is less valuable when you have a more significant number.
Wouldn't it be perfect if you could have a fluid view per forum or category so you can stream the forum's topics with any child forum's topics in a single view?

With our latest release, you can do just that! In this example, I have a forum called "Ideation", and there are two child forums. The new feature enabled on a per-forum basis in the AdminCP allows the topics from all three forums to be streamed in a single view. As with the global fluid view mode, your members can toggle the filters to refine which forums you want the stream to include.

Showing the topics from multiple forums in a single unified stream is not only helpful for search engines as it reduces the crawl depth, but it also reduces helps your members find valuable content faster.
Update (July 14, 2022):  You asked and we listened! Thanks to valuable client feedback, we made an update to our fluid view feature included in our latest release, 4.6. To better the user experience, we improved the fluid-mode per forum filters to remove a page reload! We also reversed the filter checkbox status to make it clear which filters are being viewed. 
The Fluid View updates are available now. We'd love to hear your thoughts below!

Since the dawn of the Internet, forums have remained a dominant force on the worldwide web. 
Invision Community not only survived the social media boom, we thrived. Our community forum platform is an industry leader and continues to serve thousands of businesses year-round. 
If community forums are tried and true, then why is the average Internet user bombarded with pleas to follow a brand’s Instagram, Facebook and Twitter accounts versus a forum? 
It's often the case that when decision makers consider building a community, they look to social media tools first and overlook the power an owned community platform has.
It's rare to find an instance where exclusively maintaining a social media presence builds a rich and diverse community that shares information and actively help each other.
Every smart company should invest in fostering a community through the means of a forum.
Without geeking out too hard (I’m about to geek out real hard), allow me to explain why forums harness immense power.
 
Meaningful user generated content
I added meaningful because the fabric of social media is also user generated content, however, much of the time it's followers competing for attention or having no interest or knowledge of your brand and its products. One issue with social media is random trolls and people misunderstanding a brand's products or services. That causes a lot of noise or adds little value.
This is because community forums focus on the content, whereas social media centers around the individual user. 
Social media comment sections have become increasingly divisive with tempers easily flared. It can be hard to have a worthwhile conversation. You’re either tossing a comment into the social media campfire, arguing with someone you’ll never meet or double tapping a “like” to show public support. None of which adds value or elevates a brand’s identity. 
On the other hand, a community forum offers various pathways for meaningful engagement. 
 
A library of content 
Topics build on top of one another and eventually creates a searchable library of content for new users to discover. Easily discoverable
Search engines don’t typically respond to your query with social media posts. On the other hand, forum posts are quickly indexed. Invision Community’s latest update 4.6.11 includes IndexNow, which quickly informs search engines about new content changes. This draws in new users with little effort.  Belonging
Successful forums are inherently niche. Generally, members who participate share overarching commonalities with one another, and where they don’t they have a platform to express otherwise. Social media is too gargantuan to recreate these special connections.  Moderation
Social media can be powerful, but often spirals into toxicity because these platforms rely on automatic moderation tools. Our community forum has built-in tools for automatic moderation as well as tools for moderators (actual people caring for your community!) to ensure stability.    

Invision Community's forums in Fluid mode

Fosters community
Community forums facilitate community building. They are the apparatus for Internet users around the world to instantly connect with one another. 
Think of community forums like a neighborhood. A construction company (that's you) builds the community, but the community needs residents (your members) to transform the houses into homes. 
Once the infrastructure is set up, forums can use time to its advantage. Unlike social media, forum content can remain relevant and circulate throughout a community for long periods of time. That’s because ongoing conversations aren’t dependent on complex algorithms that display content based on past engagement.
For example, your Instagram explore page shows you similar content based on other content you’ve engaged with in the past. That keeps you stuck in a loop and prevents you from interacting with new content. The algorithm sees you liked X, it shows you more of X, you see X, you engage with more of X and the cycle repeats itself, never allowing yourself to explore A, B, C or literally anything else. 
Forums display content based on what the community as a whole is interested in (not just the individual).
With the Invision Community’s forums application,  the member also has the option to decide how they want to consume content (maybe engaging with X is all that member wants, but they have the ability to discover more content outside of what machine learning dictates). 
 
Own your community forum
Imagine spending years building a following on social media only for it to vanish overnight. Even worse, there’s no point of contact to reach out to to gain an understanding of what happened.
That can’t happen when owning your own community forum. 
Not only do you maintain control, but you…
 
Call the shots 
You are the decision maker. On social media, there’s no ability to enable, test, try or optimize new ideas / features. Have access to rich reporting
Social media offers some insights, but it’s limited. Invision Community’s reporting inside the ACP includes various engagement reporting metrics to help you better understand what’s working (and what isn’t). Can monetize
There are roundabout ways to get monetized on social media, however with our community forums application, you have far more flexibility to integrate digital campaigns such as banner ads, affiliate links and paid promotional content.  

Invision Community's Activity Streams

Free market research
Save money on market research by tapping into your audience's needs free of charge. Your power users want to tell you about their experience in your community, something big brands without a community pay big money for.
If you’ve made it to the bottom of this post, you probably think I have something against social media. To the contrary! Social media is a powerful tool, but most use it as the be-all end-all when it can better serve businesses to encourage new audiences to visit your community (versus attempting to create community directly on a platform you don’t own, control or have any real say in). 
Owning your own community forum is so immensely powerful, and, despite message boards and forums existing since the early ‘80s, it still feels like a secret. 
Invision Community’s forums application is the best in the industry. If you have your own community forum, show it off in the comments! Don’t have one yet? Please reach out to us and we’ll get you started. 

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.

Gratitude is an essential part of building community.
One of the most powerful emotions is gratitude. It helps foster meaningful connections, expands awareness and, well, it just feels good!
Invision Community features powerful tools to help you maintain relationships with your clients, customers or members. Approaching them with gratitude in mind will inspire your community to blossom into something even greater. 
 
Here are five ways to show your community members you are thankful for them:
 
1) Achievements


Our robust Achievements system is the most obvious method to tap into gratitude. As a community leader or moderator, you can literally show thanks by rewarding your members.
Manually award members a Badge and Points for exemplifying leadership, posting special content or for their positive contributions. 
Move members into an exclusive Rank for consistently being a positive force in the community.  Display a block of Badges on the community homepage to make members’ accomplishments visible.
 
2) Newsletter
Send a bulk email from the platform directly into your members’ inbox.
A newsletter is a wonderful way to intimately communicate with your die-hards. Blast the email to your entire community, or choose specific user groups. For example, relay this special gratitude email to members who’ve posted 100 times or more. 
 
3) Curate content

Highlight your members’ topics or blog posts by curating them for more to see. This not only thanks your community for positively contributing, but also encourages others to follow suit. 
Use the Our Picks widget or the Feature moderation action to prominently display content items. Though different tactics, both showcase what your members are posting. 
 
4) Reputation
Our Reputation system is one of the most efficient and effective ways to show gratitude in an instant. 

“Reacting” to members’ posts visibly shows thanks and communicates to others that the post is worth stopping and reading. Reacting also increases a member’s perceived value in the community. The higher a member’s Reputation score is, the more they are trusted by others. 
 
5) Topics
This might be the most powerful but challenging tip of all: create a topic in the Forums and tell your community you’re grateful for them. 
It’s one thing to award badges and points, curate content and send a newsletter, but it’s another for you, the community leader, to spend a moment and personally thank your members for supporting you. They are spending their time, one of the most valuable assets, with you. That’s worth celebrating! 
Speaking of… Invision Community would like to take this moment to thank you. Whether you are a serious hobbyist, a medium-sized company or an enterprise industry giant, we want to thank you for believing in us and using our platform to better your business.
If you’re someone who’s interested in joining, we’d love to hear from you!
🙏  Get in touch with us! 🙏

🟢 Scaling your community requires overcoming many barriers and learning new ways of working with your community. Rosie explores this in her blog: How we are at the small scale is who we are at the large scale.
"In community, we often say to do things that don't scale. To start small. To get the foundations right. To trust that how we are and what we do is what the community becomes, on a larger scale. Our behaviour, our intentions, our alignment, and our goals all influence what the community can become."
🧠 What we think: There is no right or wrong way to scale your community from its humble beginnings and it can be a lot of hard work but that doesn't mean we should change our core values and how we approach helping others.
 
 
 🟢 Should you respond to questions before your members? Is a question explored by Richard at Feverbee.
"If you (the community manager) respond to a question in a community, other members are less likely to respond. This makes it harder for top members to earn points and feel a sense of influence.
But if you don’t respond to a question in a community, it can linger and look bad. It also means the person asking a question is waiting for a response and becoming increasingly frustrated."
 🧠 What we think: There are certain areas where you need your team to lead. Right here on this forum we want to provide the best service for our customers so our support team are active and quick to reply to all questions. There are other community-led sections that definitely benefit from allowing time for other members to reply to share their knowledge. It's a good feeling helping others.
 
 
 🟢 CMX explores how to move your community online. Much of this is great advice for anyone considering moving platform (to Invision Community, right?). 
"Christiana recommends viewing community migration as a process that requires patiences, “this is not a race meant to be run fast. We are changing the mindset of the people in our ecosystem”. "
  🧠 What we think: Patience is definitely key when moving platforms. The sooner you start engaging with your own community and explaining the reasons for the move and the benefits it'll bring, the easier it will be.
 
 
 🟢 Michelle can't find the bathroom when at a party which inspires a blog on 5 secrets to community onboarding.
"Walking into a party without your host can feel confusing, alienating, and frustrating. And for your customers, joining a new community without onboarding is just as bad."
   🧠 What we think: Onboarding is critical to your community's success. New members can often feel lost and unsure where to start. It can be intimidating in real life to enter a room full of people that know each other, and this is true in the online space too.
 
 
🎧 Podcast: What makes a community a home? Patrick explores this by interviewing members of his own community, which opened 20 years ago and is still going strong.
    🧠 What we think: We love hearing about long established communities that are still thriving and hearing how those early online relationships shaped people's lives.
 
 

No matter how good your content is, how accurate your keywords are or how precise your microdata is, inefficient crawling reduces the number of pages Google will read and store from your site.
Search engines need to look at and store as many pages that exist on the internet as possible. There are currently an estimated 4.5 billion web pages active today. That's a lot of work for Google.
It cannot look and store every page, so it needs to decide what to keep and how long it will spend on your site indexing pages.
Right now, Invision Community is not very good at helping Google understand what is important and how to get there quickly. This blog article runs through the changes we've made to improve crawling efficiency dramatically, starting with Invision Community 4.6.8, our November release.

The short version
This entry will get a little technical. The short version is that we remove a lot of pages from Google's view, including user profiles and filters that create faceted pages and remove a lot of redirect links to reduce the crawl depth and reduce the volume of thin content of little value. Instead, we want Google to focus wholly on topics, posts and other key user-generated content.
Let's now take a deep dive into what crawl budget is, the current problem, the solution and finally look at a before and after analysis. Note, I use the terms "Google" and "search engines" interchangeably. I know that there are many wonderful search engines available but most understand what Google is and does.
Crawl depth and budget
In terms of crawl efficiency, there are two metrics to think about: crawl depth and crawl budget. The crawl budget is the number of links Google (and other search engines) will spider per day. The time spent on your site and the number of links examined depend on multiple factors, including site age, site freshness and more. For example, Google may choose to look at fewer than 100 links per day from your site, whereas Twitter may see hundreds of thousands of links indexed per day.
Crawl depth is essentially how many links Google has to follow to index the page. The fewer links to get to a page, is better. Generally speaking, Google will reduce indexing links more than 5 to 6 clicks deep.
The current problem #1: Crawl depth
A community generates a lot of linked content. Many of these links, such as permalinks to specific posts and redirects to scroll to new posts in a topic, are very useful for logged in members but less so to spiders. These links are easy to spot; just look for "&do=getNewComment" or "&do=getLastComment" in the URL. Indeed, even guests would struggle to use these convenience links given the lack of unread tracking until logged in.  Although they offer no clear advantage to guests and search engines, they are prolific, and following the links results in a redirect which increases the crawl depth for content such as topics.
The current problem #2: Crawl budget and faceted content
A single user profile page can have around 150 redirect links to existing content. User profiles are linked from many pages. A single page of a topic will have around 25 links to user profiles. That's potentially 3,750 links Google has to crawl before deciding if any of it should be stored. Even sites with a healthy crawl budget will see a lot of their budget eaten up by links that add nothing new to the search index. These links are also very deep into the site, adding to the overall average crawl depth, which can signal search engines to reduce your crawl budget.
Filters are a valuable tool to sort lists of data in particular ways. For example, when viewing a list of topics, you can filter by the number of replies or when the topic was created. Unfortunately, these filters are a problem for search engines as they create faceted navigation, which creates duplicate pages.

The solution
There is a straightforward solution to solve all of the problems outlined above.  We can ask that Google avoids indexing certain pages. We can help by using a mix of hints and directives to ensure pages without valuable content are ignored and by reducing the number of links to get to the content. We have used "noindex" in the past, but this still eats up the crawl budget as Google has to crawl the page to learn we do not want it stored in the index.
Fortunately, Google has a hint directive called "nofollow", which you can apply in the <a href> code that wraps a link. This sends a strong hint that this link should not be read at all. However, Google may wish to follow it anyway, which means that we need to use a special file that contains firm instructions for Google on what to follow and index.
This file is called robots.txt. We can use this file to write rules to ensure search engines don't waste their valuable time looking at links that do not have valuable content; that create faceted navigational issues and links that lead to a redirect.
Invision Community will now create a dynamic robots.txt file with rules optimised for your community, or you can create custom rules if you prefer.

The new robots.txt generator in Invision Community
Analysis: Before and after
I took a benchmark crawl using a popular SEO site audit tool of my test community with 50 members and around 20,000 posts, most of which were populated from RSS feeds, so they have actual content, including links, etc. There are approximately 5,000 topics visible to guests.
Once I had implemented the "nofollow" changes, removed a lot of the redirect links for guests and added an optimised robots.txt file, I completed another crawl.
Let's compare the data from the before and after.
First up, the raw numbers show a stark difference.

Before our changes, the audit tool crawled 176,175 links, of which nearly 23% were redirect links. After, just 6,389 links were crawled, with only 0.4% being redirection links. This is a dramatic reduction in both crawl budget and crawl depth. Simply by guiding Google away from thin content like profiles, leaderboards, online lists and redirect links, we can ask it to focus on content such as topics and posts.

Note: You may notice a large drop in "Blocked by Robots.txt" in the 'after' crawl despite using a robots.txt for the first time. The calculation here also includes sharer images and other external links which are blocked by those sites robots.txt files. I added nofollow to the external links for the 'after' crawl so they were not fetched and then blocked externally.

As we can see in this before, the crawl depth has a low peak between 5 and 7 levels deep, with a strong peak at 10+.

After, the peak crawl depth is just 3. This will send a strong signal to Google that your site is optimised and worth crawling more often.
Let's look at a crawl visualisation before we made these changes. It's easy to see how most content was found via table filters, which led to a redirect (the red dots), dramatically increasing crawl depth and reducing crawl efficiency.

Compare that with the after, which shows a much more ordered crawl, with all content discoverable as expected without any red dots indicating redirects.

Conclusion
SEO is a multi-faceted discipline. In the past, we have focused on ensuring we send the correct headers, use the correct microdata such as JSON-LD and optimise meta tags. These are all vital parts of ensuring your site is optimised for crawling. However, as we can see in this blog that without focusing on the crawl budget and crawl efficiency, even the most accurately presented content is wasted if it is not discovered and added into the search index.
These simple changes will offer considerable advantages to how Google and other search engines spider your site.
The features and changes outlined in this blog will be available in our November release, which will be Invision Community 4.6.8.

It’s been a minute since our last blog post, but we have cooked up several epic projects in the interim.
To refresh your memory, we recently launched a new platform update, 4.6. It includes *takes a deep breath* Achievements, Zapier integration, web app and push notifications, anonymous posting, solved content, the ability to show when a team member has replied, a new health dashboard, spam improvements and more.
In the time since, we prepared a few special treats for you. Before we dive into the feature feast, sample our forthcoming website refresh. In the very near future, our entire website will slip into something a little more comfortable. Not only will the look and feel change, but we’re implementing new sections to explain how and why Invision Community is any business’ go-to- solution for community building. More on that to come, but for now take a bite out of this:



Onto the feature updates; hope you’re hungry!
Extended closed Club functionality
Clubs with ‘closed’ permissions have more flexibility than ever. 
Now, the owner of a closed club can opt to have the club’s forums, calendar, pages, gallery and downloads be visible for all to see (despite the club being set to closed). Previously, members could not access any part of a closed club unless they joined.
For example, a closed club leader could create a special landing page that’s viewable by members who have not yet joined the club, but the rest of the club is closed. This might be useful as a means to encourage someone to join, share information that’s pertinent to those in and out of the club or as a sales tool. 
Another example could be keeping the club-associated forums visible for all, but keep the club’s calendar and image gallery exclusive to the club’s members as an incentive to join. 
Gobble up this screengrab below:
 

 
Subscribe to Activity Streams
Never skip a beat! Members of a community can now subscribe to any default or custom activity stream (minus the All Activity Stream) and receive either daily or weekly email notifications with a roundup of content they may have missed. 
This is especially useful for die-hard community members and moderators who frequently consume content. By subscribing to an activity stream, members have important, need-to-know items they’re interested in delivered straight to their inbox. 
 


Community administrators have the option to limit how many activity streams a member can subscribe to. 
Because email notifications are inherently intimate, we have also implemented something called stream decay. If the user hasn't visited the site for a predefined amount of time, the activity stream email notifications they previously subscribed to will automatically stop until the member re-engages with the community by visiting. Pretty nifty, right?
 

 

Health Club
Since you’ve made it to the bottom of this blog post, sink your teeth into dessert. Sugar free, of course! 
We recently launched a new Health Club. It’s free to join and available for all Invision Community clients. This is a great opportunity for you to connect with other community leaders in the industry, as well as our own team, through the important modality of physical and mental health. The world is in a weird spot right now; please utilize this club to lean on one another for support, give advice, ask questions and share your health wins and missteps. As cheesy as it sounds, upping your general well-being will make you a better community leader and ultimately elevate your community as a whole. Just some food for thought!
 

The new Club and Activity Stream features will be made available in September.
Questions? Comments? Feedback? Drop us a crumb in the comments - we’d love to hear from you!
Header photo: Unsplash

One of the overarching goals for any community leader is to shine a bright light on your members. Their contributions should be publicly recognized. Now with Invision Community’s new Achievements system... you can!
Achievements is Invision Community’s native gamification system baked into our latest update, 4.6. 
We’ve dreamed up innovative actions for community leaders to publicly recognize members who show up and participate in meaningful ways.
Award Points and badges based on conditional Rules!
Here’s what you need to know...

 

Points
Our Achievements Points system keeps a running tally of Points. Members may earn Points in a multitude of ways. Essentially, it’s achieved by participating in the community. 
Create a topic? Points! Post a reply? Points! Follow another member? Nothing. Just kidding… Points!!!
This is done through creating Rules.

 

Rules
Rules are actionable processes set up in the admin panel. 
Here are what members can earn Points for:
When a...
Member joins a club Reaction is given New poll is created User follows a content item Review is posted Member logs in for the first time that day New club is created Content item/comment is promoted or featured Comment/reply is posted User follows a forum, blog, gallery, category etc User votes on a poll User is followed New content item is posted Post is marked as best answer There are also corresponding When/Then Rules for each item listed above. 
When this action happens, then this subsequent action happens.
Example: when a member posts 10 times, then this Badge is awarded.
 

 
 

Badges
Community leaders can also create specific Rules when deciding what actions earn Badges. 
For example, reward your members with a Badge for visiting your community for 20 days.
Once a member reaches 20 visits or more over 20 days, the Achievements system will automatically award them a ‘20 Visits’ Badge you’ve previously created.
 

 
 
Ranks
In 4.6, we’ve completely revamped our Ranks system to communicate with Achievements. 
Achievements’ Ranks system will replace our previous Ranks system*
Set up different Ranks based on how many Points a member earns. Ranks display a members’ perceived value to the community. The higher a members’ Rank, the greater their influence because the more they’ve participated. 
Ranks are currently for prestige at the moment. 
Here's our example for a pretend Coconut community:
 
 

 

There’s a lot of information to absorb here, but if there’s anything to take away from this blog post it’s this: empower your contributing members with Achievements and watch your community grow. It creates an immersive and elevated experience for your die-hards. And hey, who doesn’t love to earn? 
When 4.6 and Achievements is officially released for all, we’ll hold a live Q&A event for you to join and ask any questions you may have.
Props? Concerns? Comments? Questions? We’d love for you to sound off in the comments! Not only because we want to hear from you, but because it’ll earn you some sweet, sweet Points, too!

As we approach the release of Invision Community 4.6, I wanted to take you through some improvements for using Invision Community on a mobile device.
Web push notifications
For some time, we've used the local browser notification API to show users notifications. There's a big drawback though: users had to have the site open in a tab for these to work. This is particularly problematic for mobile devices.
In 4.6, we've added support for the WebPush API, which allows sites to push notifications to users' browsers & devices even if the site isn't open - or even if the device is asleep.
We already have support baked in for push notifications via our beta mobile app, so we've piggy-backed on that system and expanded it to support browser-based push notifications.

Choosing push notifications
For users, it's a simple process. A little while after joining a community they will prompted to accept notifications from the site when they open the notification list dropdown (or they can opt-in any time from the notification settings screen). After accepting, they will be able to choose a "Notification List + Push" option for any of the available notification types.

Push notifications enabled
Existing users, who may have already granted permission to the site in the past, will be re-prompted to accept push notifications upon logging in after the 4.6 upgrade.
Push notifications typically show on the homescreen of a phone or in the notification tray of a desktop computer, so receiving dozens of notifications could be overwhelming. For that reason, Invision Community will automatically merge related notifications - for example, multiple mentions from the same topic, or multiple new topics from the same forum.

Grouped push notifications
And, of course, users can stop push notifications across all of their devices with a single click if they want to opt out.
We're excited about the engagement potential of push notifications, since they allow you to immediately reach users who aren't currently on your site - a job previously left to email alone.
On the subject of notifications, one more thing: we've heard your feedback about notifications for new replies/mentions being merged with notifications for likes/quotes, and will be separating these two types into their own permissions in 4.6. We're acutely aware that making notifications annoying results in users turning them off, so we're always looking to ensure there is a reasonable balance.
Splash Screen Images
When you add a website to your phone's desktop, it appears like a native app. Tapping to launch the site can show a blank screen for a few seconds while the website is loaded. Fortunately, you can now set a 'splash' image in the Admin CP which is shown when launching the app.
 

Sharing using native share options
Another enhancement coming in 4.6 is the addition of the device share sheet when sharing content from within Invision Community. Users will now see a "More Sharing Options" button (providing their device/browser supports the underlying API) which, when tapped, will open the device share sheet. The options available depend on the device, but typically include actions like sharing links in WhatsApp, posting to Facebook or creating a note.

Offline support
With a larger share of users now using mobile devices for most of their browsing comes the problem of patchy phone signal and internet connections dropping out. For a dynamic web-based platform like Invision Community, it's difficult to offer much in the way of full offline support, but starting in 4.6 we will present a branded offline page to users when they have no internet connection and try to access the community.

 
We hope that you are looking forward to these PWA improvements coming in Invision Community 4.6!

Wouldn't it be great to know if a staff member had replied to a topic before you clicked to open it?
When you're scanning a list of topics, knowing which have had a reply by a member of the community team can help decide which to read. Currently, you need to open the topic and scan the posts to see if there's a reply from the team.
Happily, in our next release, we've made it clear which have had a reply by a member of a specific group.
You can specify which groups to show as having replied via the Groups form in the Admin CP.

The per-group setting in the Admin CP
You can select to detect the group based on the member's primary group, secondary group or both.
When viewing a list of topics, you will see a badge showing that a member of that group has replied.

This simple feature will make it easier to highlight when important replies have been made to topics, which is a great addition for forums using the new 'solved' feature.

Let me know below if you'll use this new feature and what you'd like to see in the future.

For a very long time Invision Community has allowed community owners to choose how open or private their communities should be. Communities could optionally allow guests to post without registering, they could allow the use of pseudonyms or they could require the use of real names.
This covers a diverse range of communities but feedback from our clients made us realize that some use cases have not been accounted for.
For some types of community, where discussion topics are particularly sensitive, community owners want to make sure that members register with their real details but are given the option to post anonymously where appropriate. For example, organisations dealing with abuse or sensitive topics might want the member to feel safe and disinhibited to post info without fear of being identified by the rest of the community.
With our next release, we are pleased to introduce Anonymous Posting to make this a reality.
When enabled, members will see the option to post anonymously when creating or replying to content.

Starting a new anonymous topic
Author details for anonymously posted content is hidden throughout the community and instead a default profile picture and name is shown.
Total anonymity is not always desirable however and in some cases it may be necessary for trusted staff members to know who posted the content. Where allowed, these staff members will be shown an option to reveal the content author.

Author details are hidden but can be revealed by trusted staff members
Anonymous posting can be enabled on a per group basis and also limited to specific forums, albums and categories etc. The ability for staff members to reveal who really posted the content is a moderator permission.
We hope this new feature is a useful addition and where appropriate makes your members feel safe or comfortable to share info they might not have otherwise.
How open or private is your community and what do you find are the benefits or disadvantages of anonymity?

Conspiracy theories have roots in the 19th century and have been popular for decades. Until recently, conspiracy theorists have lived in the margins. They are often convinced the earth is flat, Lee Harvey Oswald didn't act alone, and the moon landings were faked in a Hollywood sound stage.
More recently, with 9/11 and the coronavirus pandemic, these conspiracy theories have become more mainstream, with celebrities and politicians sharing them over their official social media channels. From the evil machinations of Bill Gates, the rise of QAnon, to the conflation that 5G is responsible for spreading coronavirus, it's hard to ignore the impact they have in creating misinformation which undermines attempts at effective communication from governments and public health bodies.
Despite reams of facts, logic and critical thinking, those that follow conspiracy theories will not be budged from their positions. They trust their sources implicitly, and a mountain of research disproving the argument does not interest them.
The number of people that succumbs to these narratives grows every day. When you consume the content shared by the primary sources of this misinformation, it's easy to see why.
Conspiracy theories are created and shared in a way that is engaging and irresistible to many seeking stability in a confusing world. Whatever your position is on these conspiracy theorists, you can leverage these tactics to make your own content more engaging and shareable.
Lesson 1: Make it emotive
Human beings have two distinct and independent thinking centres in the brain. One works on emotion (the limbic system) and the other on logic (the neocortex).
The emotional brain works much faster than the logical brain. It is what has kept us alive as a species. If you hear a loud bang, your emotional brain processes this first and triggers the urge to move before your logical brain kicks in and deduces the bang was from a book expertly pawed from its shelf by your cat.
The emotional brain is continually processing the world, and even though it's part of you, you do not have much control over it. Your logic brain, however, works on facts, truths and analysis.
When you watch harrowing whistleblower testimony telling of their suffering in a conspiracy theory video, your emotional brain is powerfully stirred.
It's why challenging conspiracy theorists who are emotionally committed to the point of view with just logic often fails. The emotional commitment is incredibly powerful, and when you challenge them, the logic brain is short-circuited, and the emotional brain becomes defensive. In fact, the more logic and evidence you provide, the more the emotional brain digs in and refuses the new evidence.
How can you use this to your advantage?
Work on creating an emotional response with your content. Don't purely rely on facts and logic to persuade your audience. Try and evoke an emotional reaction through imagery, metaphors and similes.
President Obama was a powerful orator and used emotion often to create a strong message. When he spoke of investing in education, he invokes emotion by saying "We believe that when she goes to school for the first time, it should be in a place where the rats don't outnumber the computer."
Lesson 2: Tell a story
Conspiracy theory videos don't just reel off a list of events and facts, they tell a story. Some of the more complex theories are akin to a sprawling TV series with several characters linked by circumstance.
Humans have always been curators of stories. From religious texts to morality fables, we learn and process the world through stories. Stories are memorable. Most adults can recite fairytales read to us when we were children.
Use a story to link together critical points within your content.
Consider how "Gamification has been proven to make communities more sticky and encourage more engagement" reads compared to "It was 3am, the flicker of the TV set was the only light in the room. My palms, slick with sweat, fought to keep the controller sticks moving. Even though I had a 6am start, I couldn't put the controller down. I had to finish the quest and collect the reward. Your community is no different."
Take your reader on a journey, and they're more likely to finish your content. Try and make it personal. When we read, we always try and put ourselves in the shoes of the author or the protagonist.
Stories and emotion go hand in hand. Recently, the Huffington Post ran a story with the headline "One death a minute" which is a very emotive and powerful alternative to the raw fact that 1,461 Americans lost their lives to COVID-19 on the 29th July.

Lesson 3: Make it easy to consume
A key strength for any content creator is to know when to create long-form content and snackable content.
A single meme is more potent than 300 links to PubMed. A single YouTube video can be more persuasive than an expert in her field.
Conspiracy theory creators use over-simplification to reduce a complex issue into an easily digestible entertaining snack. A meme generally contains a single idea that is easy to grasp and engaging. You don't have to work very hard to understand it, your visual brain processes it in 1/10th of a second, and it triggers a moment of delight.
Infographics and memes are often smart ways to create an entrance to your content. If an image containing a straightforward idea from a more complex piece of content is digested quickly, it can leave your audience wanting more, and therefore more likely to involve themselves in your more complex work.

When creating long-form content, consider the use of iconography, infographics and photography. Visuals help us remember and understand content quickly. I could say that 63% of this blog was written on an iPad, but a piechart would make this easier to process and more memorable.
No tin foil hats required
Creating compelling content is key to building your community. Your content sets the tone, helps drive re-engagement and positions you as a key expert in your field. Using the techniques many conspiracy theory creators use to spread their narratives will help your content be more memorable and shareable
A well-created story with emotional cornerstones made more accessible by key points simplified into snackable quotes or images will help your content find a wider audience, whether you believe Neil Armstrong landed on the moon or not.

The World Health Organization (WHO) is the world's most trusted source of information on international health, and a foremost partner to public health agencies combating the coronavirus.  They also understand the critical need for risk communication and community engagement to respond to the coronavirus pandemic -- a valuable strategy that any online community can adopt in these volatile times.  
In March of this year as the coronavirus was already rampaging across nations, WHO published a series of guidance for risk communication and community engagement.  One of the major lessons they learned during some of the most perilous outbreaks including SARS, Ebola, and MERS was that community engagement was a critical factor in the success of containing any pandemic.  

Here are 3 best practices from the World Health Organization that can help online communities navigate any crisis.  
INFODEMICS
One of the biggest problems hampering the effective treatment of coronavirus, or any major disruptive event in a community, is the excessive abundance of information - an "infodemic" from multiple and untrustworthy sources that reduces trust in any advice.  The flood of information can quickly overwhelm any at-risk population.  
Community leaders need to proactively communicate.  As WHO recommends, "One of the most important and effective interventions to any event is to proactively communicate what is known, what is unknown, and what is being done to get more information."  Communication from community leaders establishes the chain of communication and establishes themselves as a source of credible information.  By getting out in front of disruptive events and staying in regular communication with your members, you build trust and ensure that proper advice will be followed.  
PERCEPTIONS OF RISK 
Different groups of people perceive the same problem differently.  In the case of coronavirus, WHO discovered that certain segments of the population didn't understand the risk of the virus as much as they should have - a gap of knowledge that effective communication would have addressed for different populations.  Part of the goal of WHO's risk communication and community engagement is to "help transform and deliver complex scientific knowledge so that it is understood by and trusted by populations and communities."  
Community leaders need to tailor their communication to sub-groups.  While regular announcements and general updates are important for the community at-large, it leaves knowledge gaps for different sub-groups of your community membership: clients need to be informed of service interruptions; vendors need to be informed of supply chain disruptions; superusers need to know how to direct users for help.  Different stakeholders have differing needs, and each group requires customized and tailored communication to best navigate through the crisis.  
ADDRESSING THE UNKNOWN & MISINFORMATION
One of WHO's recommended actions for leaders was to be prepared to communicate about the first coronavirus case, even before the full picture was known.  Even today, much is unknown and data is still being compiled about coronavirus.  But in a digital world where misinformation gets mixed in with the ease of a tweet or share, it's more important than ever to communicate factually while acknowledging uncertainty.
Address uncertainty by systematically collecting questions and providing answers to all questions.  In the beginning of any crisis, you won't have all the answers and events will still be unfolding.  It's critical to establish an early dialogue with your community to gather concerns from members, to monitor for misinformation, and to systematically compile questions into a FAQ. 

Source:   Risk communication and community engagement readiness and response to coronavirus disease (COVID-19). Interim guidance 19 March 2020. World Health Organization.  
 
On behalf of the entire IPS team, we wish our clients well wishes during these difficult times!  
 
Executive Summary
Problems of crisis: infodemics with excess information, different perceptions of risk among sub-groups, and uncertainty with misinformation. Solutions for community leaders: proactive communication, customized communication, and addressing uncertainty.  

We have announced a lot of new things coming soon with Invision Community 4.5. Most of these are pretty big new features worth a blog on their own.
However, we've made a lot of smaller changes that may not deserve their own blog but still have a significant impact.
Let's run through some of those.
Performance Improvements
For every major release, we take some time to run through the code and look at ways to make Invision Community run more efficiently.
For Invision Community 4.5, we've made node forms, sitemaps and commonly run SQL queries more efficient, which is excellent news for you and your users who get reduced server load and a snappier community.
TikTok Embed
Although it confuses me greatly, TikTok has taken the internet by storm. We have added it to the embed list so pasting a TikTok share link automatically shows the video ready to play in the comment.

A TikTok
Upload Chunking
Uploading large files can be tricky. Typically trying to push a large file to a server results in timeouts, memory issues and eventually frustration. We have added chunked uploading when using S3. Put simply; this uploads part of the file at a time to prevent memory issues and the server timing out waiting for the upload to finish.
View Members by Rank
Very recently, we were asked how you can view all members in the ACP of a specific rank. It turned out you couldn't. This quick change was added into Invision Community 4.5.

Showing members with a specific rank in the AdminCP
Download Statistics
While Invision Community 4.5 has new and improved statistic displays, a common request was to be able to download the raw data. This is now possible.

Export stats as a CSV
Downloads
In Invision Community 4.5, when you require approval of new versions of files submitted to Downloads, the original version will no longer be hidden from view. We've added a new flow for moderators to approve these new versions.
Live Meta Tag Editor
Invision Community 4.5 seemed like a great time to run through this feature and tweak the functionality to make it more useful. Now it's possible to remove default meta tags, and it's easier to remove custom tags.
Closed Tag Autocomplete
When using the closed tag system where a user can select from one of your preset tags, we have added a search box to make it easier to find a single tag from a list of potentially hundreds.
EU Tax Support in Commerce
Tax doesn't have to be taxing! But it generally is. Countries within the EU often have complex tax rates. Commerce now supports multiple tax rates for consumers, businesses and EU VAT-registered businesses.
That concludes our mini round-up of all the things we've not talked about yet. Let me know which one you're looking forward to most!

Ever since Invision Community 4.0, there has been a huge focus on making communities multi-lingual by providing translation features inside the AdminCP.
We have received a lot of feedback on our multi-lingual and translation tools over the past year, and we're happy to announce these new features coming to Invision Community 4.5.

Pages Phrase Tools
If you have the Pages application, you can also use these phrases in HTML pages and HTML Blocks without needing to visit the translation tools area. Simply use the tag editor in the sidebar when editing a page or block's contents.



The new phrases sidebar options
You can quickly create new multi-lingual phrases by clicking the + icon.

The new add phrase dialog
Additionally, WYSIWYG Blocks have now been made translatable, so you can now create WYSIWYG blocks that will display their content in specific languages.
Translation Tools
Language pack creators can now set a version update URL which is checked to notify admins within the AdminCP that an update available, just like the theme system. This is a great way to notify customers when fixes are available.

Finally, you can now quickly add a new phrase from the Translation Tools page without the need to use the developer tools.

The new "Add Phrase" option

These little changes should make a huge difference in your workflow, and make it easier than ever to create fully multi-lingual pages throughout your site.

If you've been around Invision Community for a while, you'll know our frontend default theme hasn't significantly evolved since the early days of 4.0. Indeed, the last significant refresh came with 4.2.
With the upcoming release of 4.5, we wanted to revisit the default theme and give it a facelift for 2020, as well as make incremental improvements to the underlying codebase as a stepping stone to a bigger re-engineering in a future version.
In this entry, I want to talk a little about some of the design decisions that went into building the new theme.
Goals
Redesigning for the sake of it is never a good idea, so we first laid out what we wanted to achieve:
A brighter UI with more saturation & contrast and simpler overall color scheme Improved typography Better, more consistent, spacing around and between elements, especially on mobile Better logical grouping of sections of each page Reducing underutilized links/buttons on the page and finding alternative ways of making them available Improving how post states are displayed Modernizing and enhancing the underlying code that powers the default theme Let's talk a little about each of these.
 
Brighter UI
The most obvious change will be that our default colors are brighter and more saturated than before. Before making any changes, we first created a color scale for both neutrals and the brand color (blue, of course). This gave us a flexible but consistent palette of colors to choose from, with appropriate contrast built in. Neutrals have a touch of blue too to avoid seeming washed out.
We've simplified the style, in particular reducing reliance on background colors to differentiate sections within cards (a card essentially being an ipsBox, for those who are familiar with our framework). Instead, we use spacing, borders and appropriate typography to achieve visual separation.

Brighter default colors
 

Simplifying the UI by removing block backgrounds
 
Improving typography
We've felt our typography has been somewhat muddled for some time - with a mixture of sizes, weights and colors used depending on the particular context.
The first step to improving it was to create a typography scale that we could refer to and implement, to ensure we remained consistent throughout the product.

Our typography scale
(The keen-eyed amongst you may also notice we've switched our default font to Inter. Inter is a fantastic open source font that is ideal for text on the web, and was recently added to the Google Web Fonts project making it super simple for us to incorporate it into our default theme.)
We've been much more deliberate about applying type styles, especially for titles, ensuring that they are always visually distinct from surrounding text. We've done this through both color and weight. As a result, pages should instinctively feel more organized and logical than before.

An example of improved typography, from the Downloads app
 
Improved spacing (especially on mobile)
We identified that spacing (padding and margins) needed some improvement. A lot of spacing values were arbitrary and inconsistent, leading to poor visual harmony across any given page.
Most troubling of all, on mobile sizes we simply halved desktop padding values. While this was a reasonable approach in the days of phones with small screens, it has felt decidedly dated for some time. Phone screens are now typically larger and able to accommodate roomier UIs without appearing comical.
In 4.5, we have done away with that approach, and the impact was immediate. Mobile sizes now get a much more pleasant interface, with elements having room to breathe. In addition, we've also made most cards full-width to provide additional breathing space for content.

Posts can finally breathe on mobile
 
There are numerous other tweaks across the product too: default spacing has been increased a little, data tables (e.g. topic listing) get extra vertical spacing, and spacing between elements has become more consistent.
 
Improved grouping of related elements
Prior to 4.5, most content areas existed inside cards. However, one notable exception to this was page headers and as a result, they could feel particularly disorganized, especially for users who had many controls in this part of the page (such as staff).
To solve this problem, we've developed a new, standardized design for content item page headers, giving them their own cards and consistent button placement.

Topic view header
 
Some areas don't necessarily fit into the same design pattern above. In those areas, we've tweaked styling to suit the context, while still adhering to our overall aesthetic.

Calendar header

Messenger conversation header
 
Reducing underutilized links/buttons
Finally, another area we identified as needing improvement is the abundance of tools, made up of links and buttons, across pages. Many of these are only used occasionally and so would be better moved out of the main view to simplify the page.
Two particular areas we focused on were share links and postbits (both forum posts and comments in other apps).
Research shows social share links are used by a vanishingly small percentage of users, so even though they were at the bottom of the page, it was unnecessary to make them so prominent (given their eye-catching colors). To solve this, we've added a share link to the page header, with the social network links themselves in a popup menu. The result is ideal: sharing functionality is unobtrusive but obvious.

Share links in content items
Comment areas have also suffered from 'button creep' over the years. A typical comment will contain a report link, a share link, a quote link and multiquote button, reactions, plus IP address, checkbox, edit and options links for certain users. That is a lot of visual noise around the important part: the content.
We've therefore simplified comment boxes as much as is reasonable. Reporting and sharing comments/posts is now available in the post options menu, as are any tools for the author/staff. Quoting and reacting are two primary interactions for users, so they of course retain their position in the control bar.

Simpler postbits, even for staff
 
Improving post states
Posts/comments in Invision Community can have many states - sometimes more than one. Posts can be hidden/unapproved, popular, recommended, solved (new in 4.5!) or highlighted because of the author's group. It's always been a challenge to indicate these statuses well.
In previous versions, we added a border but the most prominent indicator was a flag in the top-right corner of the post. This had three problems:
Due to the lack of space (thanks to report/share links), showing more than one flag was difficult. Showing any flags on mobile was messy because of the space constraints. The meaning of the flags was not obvious, especially to new users. Group-highlighted posts had no flag, just a border, which made them even more difficult to understand. With the top-right corner of posts now tidied up and free from fluff, we were able to much more effectively use this space to indicate post statuses.
In 4.5, posts and comments will show badges when they have a particular status, as well as a more attractive semi-transparent border. For group-highlighted posts, we show the group name instead (the colors of this highlight are still controllable via theme settings).

A post with two states: group highlighted and popular
This works much better on mobile too, where the status badges get the prominence they deserve:

Mobile post statuses
 
Modernizing the underlying code
I wrote about the technical improvements behind the theme in a previous entry. If you're a theme designer or edit the theme for your own community, go and check it out now!
 
Wrapping up
As well as these large-scale concepts, you'll notice many other smaller enhancements as you start using the new theme.
I've shown some snippets of pages in the screenshots above, but I've included some full-page views below so you can see the overall aesthetic and how these pieces fit together.
Modernizing and refreshing our default theme has been needed for some time, but we view this as just a stepping stone to future work that will be reserved for a major version bump, and we're excited to figure out where we go next.
 
Screenshots
  
Desktop forum views (click to expand)
 
    
Mobile forum views (click to expand)
 
 
Activity streams & messenger (click to expand)
 

If you've been around Invision Community for a while, you'll know our frontend default theme hasn't significantly evolved since the early days of 4.0. Indeed, the last significant refresh came with 4.2.
With the upcoming release of 4.5, we wanted to revisit the default theme and give it a facelift for 2020, as well as make incremental improvements to the underlying codebase as a stepping stone to a bigger re-engineering in a future version. Keep an eye out for our next blog for more on the facelift.
In this entry, I want to go over some of the design and code-level changes we've implemented that will be of particular interest to third-party theme designers, or those building a custom theme for their community.
IE11 Support
Until now, we've supported IE11 as a 'B' browser - meaning we didn't aim for perfect support (especially visually), but did aim to make all functionality work, and we fixed IE11-specific issues if possible.
As of 4.5, we no longer support IE11 in any way and Invision Community will not work well in that browser. By removing support for IE11, we are able to make use of newer CSS technologies which significantly eases development for us and third-party designers. I'll discuss some of those below.
Combined theme settings
We've combined a number of existing theme settings into one new setting. We've found that settings like poll_bar, step_background, rating_hover and so on are nearly always set to the same color - typically the site's main brand color. These settings have therefore been replaced with one new brand_color setting, which is used throughout the CSS in places where this primary color would be needed. This will simplify the early stages of theme development and make it easier to match branding in Invision Community.

Front end colors
Removing hardcoded colors
While our theme settings have allowed community owners to change most colors, there were still many hardcoded in our CSS framework. These were typically neutral colors used for things like 'close' links, semi-transparent backgrounds and so on, but it was enough to make creating a dark theme an unrealistic prospect without an awful lot of effort (and kudos to those designers who have offered dark themes up until now!).
In 4.5, we've removed hardcoded colors from our framework, and instead rely on colors already defined by theme settings. You can now, finally, create a dark theme just by editing the built-in theme settings.
Type scale & {fontsize} tag
While we've had fixed type-size classes (e.g. ipsType_normal) for a long time, in practice many elements had their own font sizes set. This leads to inconsistency and poor visual rhythm too. Another side effect is it was also tough to globally change the font size (such as for branding purposes, or to create a theme for visually-impaired users).
To solve these problems, we first created a type scale; that is, a fixed number of sizes to choose from. A product the size of Invision Community does have need for a flexibility, so we settled on the following scale:
x_small: 12; small: 13; medium: 14; base: 16; large: 18; x_large: 20; 2x_large: 24; 3x_large: 30; 4x_large: 36.
All of these values are editable as theme settings, so each theme can adjust the type scale used. Our default CSS in 4.5 has been fully updated to put all type on this scale.
To actually make use of these settings, we have added a new {fontsize} tag which accepts either a scale key, or a specific pixel size (for those occasional situations where a specific size is absolutely needed, e.g. icons).
Why couldn't we just use {theme="x_small"}, or even CSS variables? To solve the problem of globally scaling text, we have also added a percentage-based scale setting that will save you from having to create your own type scale. The {fontsize} tag automatically applies the global scale to any values passed into it. Want text in your theme to be twice as big as default? Simply set the global type scale to 200% and the entire theme will reflect the change immediately. 

The new font size options
Spacing scale
The lack of a consistent spacing scale has led to some arbitrary values being used in any given situation, which again has had a negative impact on the visual harmony of our design. We've therefore implemented a 4px spacing scale (using CSS variables rather than theme settings this time) and applied across almost all padding/margin values. In time, we anticipate fully switching all measurement values to the scale.
New CSS class families
We have added a range of new spacing classes for padding and margins, allowing far more control over how these are applied, especially on different device sizes. Previously, ipsPad (15px) was simply halved on small screens - with no 'opt-out' short of adding specific CSS. We've felt this has been imprecise for some time, especially since mobile devices typically have larger screens in 2020 and don't need to be so tightly-spaced.
ipsPad_all now replaces the existing ipsPad, and does not halve itself on small screens. Instead, there's a new responsive naming convention that allows you to apply specific padding on specific device sizes:
ipsPad_all:double md:ipsPad_all sm:ipsPad_all:half
In this arbitrary example, desktop size (the default) get double padding, medium (tablets) get regular padding and small (phones) get half padding.
We've added similar classes for top, bottom, left and right padding, as well as horizontal, vertical and none (to removing all padding) shortcuts.
For margins, the old ipsSpacer_* classes have been replaced with a new ipsMargin family that work exactly the same as the padding classes above, with the same range of flexibility.
The old ipsPad/ipsSpacer classes will continue working as they did before for backwards compatibility, but should be considered deprecated from 4.5 onwards.
We've also added a whole range of new ipsFlex classes, also with responsive controls (making it easy to have horizontal layouts on desktop and vertical layouts on mobile, for example), as well as a new ipsGap utility that automatically adds spacing between elements, without requiring manual :first-child/:last-child exclusions.
CSS variables & calc()
In 4.5, thanks to IE11 support ending, we're finally making use of CSS variables and calc() to make CSS more maintainable and easier to customize. A lot of repeating or often-customized styles - such as form field styles, message colors, card styles, border radii etc. - are now created as CSS variables, allowing theme designers to easily change styling in one place. Instead of magic numbers, we either stick to our spacing scale, or use calc() to avoid hardcoded numbers.
The future
The work we've done so far is just a 'first-pass'. We'll be pressing forward with modernization throughout the 4.5.* series and beyond with a view to reducing our footprint, improving our ability to maintain our CSS and, of course, making theming easier for our customers.

Invision Community introduced drag and drop widgets many years ago. These widgets allowed anyone to add blocks to existing views, and to build up entirely new pages.
These widgets were great for quickly adding content to a page, but they weren't incredibly customizable. 
For Invision Community 4.5, we've added three new Page Builder widgets which allow you a little more control.
For an overview of this new feature, please take a look at the video below.
As you can see, these new widgets offer a lot of customization without the need to code any CSS or HTML. You can add background colours and images, adjust padding and borders and even add colour overlays right from the widget menu.

The new Page Builder widget options
Blandness be gone! Now you can let your creativity loose on your pages and all other views that have the drag and drop zones.
I'd love to know what you think of this new feature; please let me know below!

Recently, we had a post in our pre-sales forum that asked how to achieve a few different things with Pages. One of the questions asked was if it was possible to show topics from a particular forum in each database record. While Pages can create a topic for each record for you, there's no way to associate an entire forum with a record.
In my reply, I indicate that you'd need to have a forum ID stored with each record in a custom field, and then use PHP to interact with our API to pull the topic list.
As it turns out, however, there's an easier way that I discovered after some experimentation. In hindsight it's obvious, but I want to share it here because it could open up some other interesting possibilities with some creative uses.
Setting up blocks
The first thing we need to do is create our blocks. We're going to create a block for each of our forums. You can set whatever parameters you want here, but the important thing is that they're named consistently using the forum ID. So, for my forum ID 2, I've named the block forum_2. This will allow us to include our blocks later.

Creating one of the blocks we'll need
 
Adding the field
Next we'll need to create a field in our Pages database that will be used to set the forum ID that is going to show in each record. For simplicity, I'm creating a Number field and I'll enter the forum ID manually, but if you wanted to go further, you could create a Select Box field, with the key being each forum and the value being the name. This would give you a friendlier input from which to select the forum for each record.
Here, though, I've just created the Number field, and named it Forum ID.

Setting up the database field
 
Using the field formatter to show the correct block
Finally, we'll use the Field Formatting options to show the correct block based on the forum ID entered for each record. On the Display Options tab, I'm going to hide the field from the listing template, but show it on the display template. I've selected Custom as the format, then entered this format:
{{if $formValue}} {block="forum_{$formValue}"} {{endif}} That's it - that's all you need for this to work. It's very simple. All we're doing is passing the $formValue of the field (which is the raw value) into the {block} tag as a variable, so that the block that is rendered depends on this value. As long as a block exists with the correct key, it'll be shown in the display view:

End result, with the correct block pulled in based on the ID we provided to the record
 
Going further
So, given that we know we can use variables in block names to pull in different content (providing the block has been created ahead of time), what other possibilities are there? For starters, we aren't just restricted to using field formatters. Instead, we could use blocks directly in the database templates, using some of the data available there.
Here's one idea - if you have just a few staff members posting records, you could create a block for each staff member that lists their recent posts, status updates, etc. In your database template, you could include the correct block by doing this:
{block="content_for_{$record->author()->member_id}"}  
I hope this relatively simple approach gives you some ideas for more creative ways to use blocks. If you have any suggestions for other ways to use this approach, please let us know in the comments!

Invision Community has had different view modes for a good number of years.
Forum grid view was added to create some visual interest when listing forums, and we've had expanded and condensed view modes in streams since they were introduced.
We've taken both of these views a step further in Invision Community 4.5
Forum Grid View
To create even more visual interest, the grid view now allows you to upload, or choose a stock image for the header. This instantly makes for a more dynamic and inviting forum list.

The new grid view image headers
You can choose an image from the Admin CP when creating or editing a forum.

Choose a stock photo, or upload your own
Topic List View
For the topic list view, we have taken inspiration from our stream view options to introduce a new 'expanded' view mode, which displays a snippet of the first post.

The new expanded topic list mode
This immediately entices you to engage with the topic because you can read part of the post without having to click inside to see if it interests you.
This is controlled via the Admin CP, where you can choose the default view, or turn off the new view completely.
Other Changes
You may notice a few other subtle changes in these screenshots. The first is that we now included the follower count as a metric on both the forum grid view and the topic expanded view modes. The number of followers is usually a good indicator of how others perceive the value of the content. A higher follower count generally means a more engaging topic or forum.
You can also see that we've switched to a short number format to keep the displays clean. Instead of say, "2,483 posts", it will merely say "2.5k posts". Reducing visual clutter is always crucial to maintaining a clean user interface.
We hope that you find these new view modes useful and that they make your community even more vibrant!

Zapier is a service that allows you to connect over 2,000 web apps. In Invision Community 4.5 we are launching a beta service of Zapier integration for Invision Community in the Cloud.
What does Zapier do?
Zapier acts as a bridge between Invision Community and other apps, such as Google Docs, Twitter, Facebook, Slack, Trello, Facebook Ads, ActiveCampaign, Zendesk, Asana, Salesforce, Hubspot, Discord, Stripe and more. Zapier has over 2000 apps registered currently, and that number grows every single day.
Let us look at a real life example.
Right now, if you wanted to add a member to a Google Sheets document each time a new registration was completed, you'd need some fairly complex code to be written that was "triggered" by this registration event. This would take days to write at some cost.
Zapier simplifies this by allowing you to connect Invision Community with Google Sheets without needing a single line of code. Zapier allows you to streamline your workflows in minutes.
Zapier has two types of events, triggers and actions.
Triggers
When a certain thing happens on Invision Community, like a member registering or a topic being posted, a trigger can be sent to Zapier to then run actions in other apps. For example, you might create a zaps to...
When a member registers, add their email to a Mailchimp list. When a moderator posts a topic in a news forum, share it on Facebook, Twitter and other social platforms. When a member posts something that requires moderator approval, send a message to a Slack channel for your moderators.
Invision Community Integration with Mailchimp through Zapier
Actions
You can also set up Zaps so that when something happens in an external application, it triggers an action in your Invision Community. For example, you might create a zaps to...
When you add an event in a Google Calendar, create a Calendar Event on your community. When you receive an email to a feedback email address, create a topic on your community in a forum for moderators. When you create a task in Trello, add a record to a Pages Database on your community.
Invision Community Integration with Google Calendar through Zapier
Self-Integration
In addition to using Zapier to integrate with third party services, you can also connect an Invision Community trigger to an Invision Community action. For example: when a member registers, create a topic in a welcome forum.

Self-Integration through Zapier
Frequently Asked Questions
What integrations are available?
In the beta launching with Invision Community 4.5, Zapier will be able receive a trigger when a member account or content (forum post, gallery image, etc.) is created and send actions to create the same. More triggers and actions will be added over time. When will this integration be out of beta?
Later this year. Will third party applications and plugins be able to create Zapier triggers and actions?
Because the integration requires an app hosted with Zapier (which is written in Node.js) and this has to be submitted directly by the vendor, it will be difficult for third party applications and plugins to integrate with Zapier through Invision Community's integration. In the future we may be able to provide basic abstracted integrations for third party applications and plugins through an extension API. In the meantime, third party authors can of course write their own Zapier Apps if desired.