https://myaimstore.com/testingtesttester/

You may have heard that the future of business, nay the world, is on Facebook and Twitter and those crazy social networks kids are always talking about. Could be. And it sure wouldn’t hurt to get your MyAIMStore site plugged in to the “it” crowd.

To set up your MyAIMStore site with social media in mind, I recommend first having a Facebook page and/or a Twitter account for your AIM business. Some people like both, some prefer one or the other, and still others just wish it were 1995 and AOL Instant Messenger was still the bee’s knees (me). At any rate, whatever social media sites you use, you can pick and choose from the below instructions on site set-up. Ignore the parts that don’t apply. Revel in the parts that do.

Take a gander at the demonstration site linked above. Let’s begin by talking about the home page.

As you can see, it has a couple social media features front and center, designed to get your social networking noticed. The first is a Twitter area.

To activate this Twitter area, log in to your MyAIMStore website, click on Customize in the left-side vertical menu, and choose Advanced Settings. One of the settings on this page is for a Twitter username. Stick your username in here, click Save Changes, and you’re set.  Your latest Tweets will appear on your homepage and cycle through every few seconds.

(Note: You can change how many Tweets cycle through by editing the Number of Tweets option in your Advanced Settings.)

The Facebook part takes a little more work. To get it to show on your main page, you will need to log in to your MyAIMStore website and go to Pages > Add New. Give the page whatever title you want (it won’t matter because people won’t see the title), and then move on down to the story editor section. Here is where you will need to paste a bit of code from the Facebook website in order to get your Facebook widget.

On Facebook’s developer page, choose the Like Box widget. Enter the details for the your Like widget – details such as your MyAIMStore or Facebook page URL, your layout style, the width of the widget, colors, verbs, and fonts. For the demo site, I went with the following options:

  • URL to Like: http://www.facebook.com/theaimcompanies
  • Width: 292
  • Height: Blank
  • Color: Light
  • Show Faces: Check
  • Border Color: blank
  • Stream: No
  • Header: No

When you are finished, click the Get Code button. Copy and paste the HTML5 or IFRAME code, not the XFBML code.

With code in hand, return to the page editor at your MyAIMStore site, and paste the code into the HTML editor. Remember: The HTML editor is different than the Visual editor.

At this point, your page should have a Facebook like box. I chose to make the page a little more interesting than just that, so I added some introductory text, a Twitter widget, and some paragraph text. The text spots should be pretty self-explanatory – put on your writing hat! (it’s the one with the feather) – so let me run through the Twitter widget. To get this for your site, go to Twitter’s Goodies page and choose Follow Button. Type in your Twitter username and click the code button. Bingo. All you need to do is copy and paste that code into the HTML side of your page editor, and you’re set.

So the page now contains a Facebook box, a Twitter widget, and some happy text. But it kind of looks sloppy. On the final version of the demo, you’ll see that everything is tied together nicely. To do that, you need to add some CSS code to the page editor. Don’t worry about knowing what it means; you can copy straight from the below code.

Put this code above the Facebook box code in the HTML editor of your page.

<div style="width: 880px;"><div style="float: left; margin-right: 30px;">

Put this code after the Facebook box code.

</div>

Put this code at the very end.

</div>

In the end, your HTML editor should look similar to this.

<div style="width: 880px;"><div style="float: left; margin-right: 30px;">
<script type="text/javascript">// <![CDATA[(function(d, s, id) {  var js, fjs = d.getElementsByTagName(s)[0];  if (d.getElementById(id)) {return;}  js = d.createElement(s); js.id = id;  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&#038;appId=239731056056415";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));// ]]></script>
</div><h3>Find out more about healthy, whole-food nutrition by becoming a fan on Facebook or by following my Twitter feed.</h3><a href="https://twitter.com/theaimcompanies">Follow @theaimcompanies</a><script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam velit nisi, mattis vitae pharetra ac, viverra ac enim. Morbi pulvinar sapien eu urna consectetur lacinia. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse et magna eget nisi vestibulum commodo. Vestibulum lobortis odio nec erat gravida eu iaculis augue ornare. Nullam quis ante tellus, ac egestas nunc. Donec sit amet odio sed enim rhoncus iaculis. Mauris sollicitudin tincidunt turpis, ut luctus dolor consectetur ut. Suspendisse mauris justo, feugiat ac mattis at, porttitor interdum felis. Integer pellentesque nisi ut nibh viverra rhoncus. Aliquam eu metus lorem. Curabitur nec libero nec lorem pulvinar congue nec sit amet eros. Ut faucibus, velit at consequat tincidunt, mi nulla consectetur mi, at malesuada sapien metus ac lorem. Praesent iaculis posuere commodo. Nam nec lorem nunc.
</div>

Whew. Now onto less difficult things. Now that we have the page content in place, we need to make the page appear on the homepage. To do this, go to Customize > Advanced Settings and look for the option titled HomePage Content # 1. There will be a drop-down menu with the names of all your pages. Choose the name of the page you just created. Now this content will show up on the homepage of your site, above the About and Testimonies features and below the Twitter widget we made in the first step.

Elsewhere on the homepage, I made changes to the main heading, content, buttons, and picture. I was a busy guy. These settings are also found under Customize > Advanced Settings (except the main photo, which is a General Settings thing). Begin with the Main Heading and Main Intro. This changes the big text that appears beside your featured image.

Scroll down to the Buttons section, and you can change the name of the button and where each button links. I set up a blog (which I’ll get to in a minute) and linked there for my first button, and I linked to the products page for my second button.

Next up, I wanted to make my Featured Image link to the BarleyLife – Nutrition That Works video on YouTube. In the Featured Image URL box, I put the URL of the video at YouTube (you can see a full list of AIM YouTube videos over at the YouTube site).

I wanted the video to appear in a pop-up window so that visitors wouldn’t leave the MyAIMStore site. I checked the pop-up box and the “Show play icon” box, and once I gave the image a title, I was set.

The featured image itself was another setting I changed. There are a number of AIM ads on the MyAIMStore resources page, so I went with a classic BarleyLife one. I downloaded the image to my computer then went to Customize > General Settings and clicked the Upload button for the Featured Image.

I selected the image on my computer, let MyAIMStore do the uploading, and then clicked the “Insert image into post” button to finish.

And as always, click Save Settings when you are done.

The last change on the main page was to fix the menu that spans the top. I featured a Facebook link, a Twitter link, and links to some various MyAIMStore template pages. To create a custom menu, go to Apperaance > Menus in your MyAIMStore dashboard. Create a new menu, and set it as the menu for the main part of your site.

Then have fun setting up the menu you want. I added the two manual, direct links by typing in my Facebook and Twitter URLs and providing appropriate text.

The rest of my menu links were pages that already have been made for my site. These were easy to add, and then all I had left to do was move them around to my liking.

***

Now about that blog …

One of the pages I created was a page for blog posts. To do this, go to Pages > Add New, and set the Blog template for this page.

I titled the page Latest News and linked there directly from the custom menu and from the custom button.

The blog page pulls Posts onto a single page so that people can easily read what you have to say all in the same place. Your blog page needs Posts to work. So create some by going to Posts > Add New. You don’t have to do anything yourself to add these Posts to your blog page. MyAIMStore does it automatically. Here is what the blog page looks like on the demo site.

Finally, there is one more place where the Facebook and Twitter integration happens, and that’s in the sidebar of the blog page (and all other pages, save Videos). Just like I did with the Facebook and Twitter wisdgets on the home page, I went to the Facebook and Twitter sites to get code for these.

Once you have your code, go to Appearance > Widgets in your MyAIMStore dashboard. Left-click on the gray “Text” box in the middle section, and drag it over to the right, into the Sidebar box. Keep dragging until you see a dotted outline inside the Sidebar box.

I titled this Text widget “Become a fan on Facebook.” You can title it whatever you want. After you have your title (which is optional, by the way), paste the code you got from the Facebook or Twitter website into the Text widget on your MyAIMStore site. Be sure to click Save.

Then go check the fruits of your labors.

There are many more ways than this to impelement social media on your MyAIMStore sites, and I encourage you to find the option that works best for you. Some people love Facebook Like boxes. Others prefer Twitter or YouTube or, dare I say, MySpace. Whatever means of social networking is for you, find a way to make it work on your MyAIMStore site. Or e-mail MyAIMStore Support and we’ll give you some tips.