How to add your social media feeds into your website.
SuiteUX’s page builder allows for many customizations, but there are a few hidden gems that can be added with little effort.
Your facebook, instagram and twitter account feed can all be added to your website with an embed code.
First up, Facebook.
Go to https://developers.facebook.com/docs/plugins/page-plugin/ and type in your Facebook Page URL. There are a few options you can choose from, but when you’re done click the “Get Code” button and a popup will show. Click on the “IFrame” tab at the top and copy all the code that is displayed.
Now Login to your SuiteUX account and navigate to the page you are going to add it to. With the page builder showing click the + sign to add a new component, then click the “Title” option. When you click to edit the title, you will see an HTML icon to the far left. Click the icon and paste in the code, then click Save. You should see the Facebook feed show up in the page builder. Click Save in the top right of the page builder, refresh your website and it will see it displayed.
The process is relatively the same for Instagram and Twitter.
Go to https://instawidget.net/generate to generate the code for your Instagram feed. Make sure to enter the username and click Preview to see how it’ll look, then click “Get the embed code” and copy it.
For Twitter go to https://publish.twitter.com/#. Type in your twitter URL and click the little right arrow. Then click the option that says “Embedded Timeline” and copy the code.
The key is to determine how you want the feed to show up. A good option is to have it show up as a side column.