Skip to content

Adding Social Media Posts To My Website?

NOTE: We require all social media accounts to be registered with the PRMC social media team. Their email address socialmedia@gsu.edu

Social media posts are added to the website using a third-party application called Juicer (https:/juicer.io). Juicer allows you to embed social media posts from your account onto the website without conflicting with the current CSS styles and JavaScript on your theme. 

The goal of this feed is to get visitors to view your social media profile and follow you. This allows visitors to stay up-to-date on events happening in your department. Therefore, we recommend showing only your latest 3-4 posts to entice visitors to follow you. All social media feeds must meet the Georgia State color and typography standards. You can change the color and style of your feed with the premium version of Juicer.

To adhere to color and typography standards, we require the use of the paid version of Juicer. If you'd like to test Juicer before committing to the monthly price, you can sign up for a trial version. However, the trial version does NOT work with Twitter. To test with Twitter, you must purchase a monthly subscription. These subscriptions can be purchased using your department's P-card. Contact your HR specialist for specific instructions and guidelines regarding your department's P-card. 

After you've purchased a premium Juicer, you're ready to add it to your site. Juicer offers feed customizations, and most are found in the dashboard. Basic color and text changes can be made directly from the "Custom Design" panel of your dashboard. 



Next, add this CSS style to the feed style (above the font colors section) 


.juicer-feed.slider .slick-prev, .juicer-feed.slider .slick-next {
  background: none;
  padding: 0 2px 0 2px;
}
 
.juicer-feed.slider .slick-prev:hover:before, .juicer-feed.slider .slick-next:hover:before {
  color: #0034a6 !important;
}
 
.juicer-feed.slider .slick-prev:before, .juicer-feed.slider .slick-next:before {
  font-size: 2.8rem !important;
}

Copy the iframe version of the embed code and embed it into the CSS Toolbox Pro. You can then place the CSS Toolbox Pro block into your page.




Keywords: social media, social media team, register, juicer, color, typography, standards, georgia state standards, georgia state university social media


Feedback and Knowledge Base