Wednesday, July 11

Adding HTML App Pages to Facebook's Timeline

It has been months since Facebook rolled out their Timeline innovation, forcing accounts to make the switch at the end of March. Some businesses have settled in nicely with the new layout but others are lost on how to utilize the new features on their page.

Scroll Down

Making your business page look more sleek.

It has been months since Facebook rolled out their Timeline innovation, forcing accounts to make the switch at the end of March. Some businesses have settled in nicely with the new layout but others are lost on how to utilize the new features on their page.

App pages are an easy to way to provide loads of information that had no place on Facebook before. Most importantly, the information presented can link back to your website, giving your user a taste of the goods and encouraging them to learn more.

 

Designing your app pages:

Step One

Go to Facebook's search bar at the top and type in “Static HTML: iframe tabs.” Note that you must be using Facebook as yourself to install app pages. 

Kingston, Web Design, Digital Marketing, Socal Media

 

Step Two

Click on “Add Static HTML to page.” You'll be able to select which account you want the app page.

Kingston, Web Design, Digital Marketing, Socal Media

 

Step Three

You'll be directed to the new app page, appearing on your timeline as seen below. Doesn't look like much now but edit the icon graphic and provide a custom name.

Kingston, Web Design, Digital Marketing, Socal Media

Step Four

Click the tool button in the right corner to access edit settings. This leads to how to edit your icon and app page name.

Kingston, Web Design, Digital Marketing, Socal Media

 

Step Five

Once you changed the icon and app page name, organize the order of how you want your information presented. The photos app is permanently number one on your page, leaving you three app tabs visible right on your Timeline.

Kingston, Web Design, Digital Marketing, Socal Media

 

Step Six

Now its time to input information users will see when they click on the specific app page. The content needed in this step is pure HTML. You can add images, text and links to your newly designed page. Remember to save your work. i.e. services, product lines, hours of operation, contest details, etc

Kingston, Web Design, Digital Marketing, Socal Media

 

Step Seven

Hit preview to see what your page looks like. Edit any problems with the HTML code and format your content according. Play around with headings and images within your HTML page until they are error free.

Kingston, Web Design, Digital Marketing, Socal Media

 

Managing your apps

To add another app page to your Facebook, simply type in Static HTML...[Second Tab] and follow the same steps listed above. If you want to edit or delete an app at any time, click edit page. Scroll through the list on the left to find the app page section.

Kingston, Web Design, Digital Marketing, Socal Media

 

This is where you'll find your HTML tabs and other applications you may have downloaded. As your information or strategy changes, the app pages should change as well. Keep them looking fresh with relevant information to your users.

Chat us up on  Twitter @14Theories | Facebook | LinkedIn