Social Media Connections - Vanilla Success

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */

Vanilla offers several Social Connect Addons that you can enable by going to your dashboard, then settings, then “Social media” on the left hand side menu

Github

https://success.vanillaforums.com/kb/articles/358-integrating-with-github

Zendesk

https://success.vanillaforums.com/kb/articles/25-zendesk

Twitter

Social Sign In

You can find the main article on using Twitter to allow your users to sign in here:

https://success.vanillaforums.com/kb/articles/36-social-connect-options#twitter

The process above is only required if you would like users to be able to connect their Twitter account to their community profile. This is required for Social Sign In as well as for automatic Social Share and recommended for all integrations for the best possible user experience.

The benefit is making an even deeper integration with Twitter, which makes it easier for your community members to publish content without going to Twitter.

Social Reactions

Social reactions add a twitter share option to your community that users can hit to share their favourite posts directly to twitter:

ff2e3OXqvbUOjXnJBLRJvaSdkoNCL2c3u_kB-JRiznYIzMTkKipJtPMu5JydPuuz0X_rk43QU7keGRfJ3HdBAfyDoahi3a1Q0LFqsnoVI9xv8QdIa8O1zH9chRjvM07FNIlcdAoj

If you do not have your community connected to twitter, users would be prompted to log in to twitter each time they click this button and will not be able to link their forum and twitter accounts. This is not optimal UX, but functional if you are not able to set up the twitter integration (as described here: https://success.vanillaforums.com/kb/articles/36-social-connect-options#twitter)

Automatic Social Share

You can read about this here: https://blog.vanillaforums.com/product/how-to-enable-automatic-twitter-social-share-in-vanilla

Facebook

Social Sign In

You can find the main article on using Facebook to allow your users to sign in here:

https://success.vanillaforums.com/kb/articles/36-social-connect-options#facebook

The process above is only required if you would like users to be able to connect their Facebook account to their community profile. This is required for Social Sign In as well as for automatic Social Reactions and is recommended for social reactions for the best possible user experience.

Social Reactions

Social reactions add a twitter share option to your community that users can hit to share their favourite posts directly to twitter:

KxlJZPQKdogtR5ZTGKevpaTzwiLR4YYOMdIylzxtpJ0ixsDtkS7zWd0s8z_ioRyHXm3nKnlqR7Ssfy519UmhrIYGhZ4JJyf3DHO_H-_E1e4Gy7m_N1kDGf-Z7_6GiTFmUYOjj-om

If you do not have your community connected to Facebook, users would be prompted to log in to Facebook each time they click this button and will not be able to link their forum and Facebook accounts. This is not optimal UX, but functional if you are not able to set up the Facebook integration, as described here:

https://success.vanillaforums.com/kb/articles/36-social-connect-options#facebook

Social Section of User Profiles

When you have any social connection enabled, you will notice a new section of user profile:

FX-bwcXQPB2xn5Em4y28NseB1gfQJrnN_220EKyb3HUMv5qNzhXFVbPXB4hWntzsMbfNiwsJAILD2YiZBvsRRjc4tj7eFI9ZvpASTekQg01u7tEa6lKeFgtxFStTB7KyEhWWDKZM

This is where users can connect or disconnect their social media accounts and their forum account.

If you have not fully connected your social app, this page will not work properly and will display an error. It is recommended that you complete the integration or hide this section from profiles via CSS.