Do you want your Facebook Page to look as professional and legit as your competition?
You will get your wish today!
I wanted the same thing after the dust settled on my website re-brand. I'll be honest, I was tired and overwhelmed with all that I had to do to get my business running smoothly across the internet. I literally had to walk away for a week. Take a break from the computer and recharge.
When I came back, I set to work on figuring out how to make my Facebook page look like an extension of my website.
It isn't hard to do, because there are just a few things that you need to tweak. For some reason though, custom tabs seemed a little tricky and sure enough it took a few tries to get my images the right size.
Paying attention to this little detail will take your Facebook Business Page from blah to brand-tastic! Why? Because adding design elements that connect your brand across the different online platforms will show your audience that you are a professional.
I didn't think it mattered until I saw that the women creatives I looked up to, had pretty, custom apps that fit their brand's aesthetic.
That was it! I had to figure it out!
I promise you, you will not regret taking the time to do this. When you see the finished product, I think you'll be surprised at how much it changes your Facebook page for the better.
Where to Start
Woobox.com is an app that helps you create custom tabs for your blog and social media accounts linked to your biz. They have a free option for this so you don't have to spend any money on it, which is a plus, right? Free always makes me smile!
1. Go to woobox.com
2. Click the lime green button in the upper right that says GET STARTED FOR FREE.
3. Follow the prompts and set up an account for your biz.
4. You will come to the screen below. Click on F STATIC TABS.
5. Click on the Lime Green Button that will appear after you do step 4. In my case, I hadn't made a YouTube app button yet, so for this tutorial I will walk you through how I do it. Clicking that green button will take you to this next screen. Choose which tab you want to start with. The HTML Fangate Tab is my Blog Tab, so when you click on that tab in my Facebook Biz page, you will be shown my blog WITHOUT LEAVING FACEBOOK! Every tab you create allows your audience to view your other online homes for your biz, right in Facebook. It is a time saver and let's face it, everyone loves saving time.
6. After you choose the tab you want to customize, you will be asked to set mobile access. Free users will have to upgrade to a paying subscription if they want mobile users to be able to access the custom app feature. There are many mobile users out there, I just don't want to pay for that feature yet since I am still on a smaller budget.
7. Click on the left side bar that says TAB SETTINGS. The box below will appear. This is where you can upload your custom designed tab. Since we haven't done that yet, let's leave this page for a second to make your very own app button.
8. Now for the fun part! DESIGN! I use Adobe InDesign and will show you how to do it in this program first. After that we will make one in the free graphic design app called Canva. Canva is perfect for those that don't have the Adobe programs and since it has a digital image library that is only $1 per image, it is super economical!
To Create Your App Button in Adobe InDesign
1. Go to File
2. New Document | Save as the name of the tab. In this case BLOG.
3. Set your Page size at 111px (width) x 74 (Height) for the web.
4. Choose a simple Background. Your button name is the focal point.
1. Fill the entire file with your background image.
2. Use a Sans Serif Font
(like this font. Times is an example of a serif font.) It should be easy to read. If it isn't, make it Bold. Play with the size. I used Calibri Bold, 16 pt. If you want yours bigger, go for it. I wanted mine readable but on the smaller side.
3. Go back to file and scroll down to "export". Save it as a JPEG, 95 dpi (dots per inch). If the font doesn't look crisp and clean enough, save it at 150 dpi
4. Go to FILE again and select SAVE AS and name it the next tab's title. You basically just created a template that you can customize and save each time. Create a file named FB Custom Tabs and then create two files, one titled InDesign Files and another titled, FINAL JPG Files.
Woobox Tab Set Up
1. Click TAB SETTINGS in the sidebar on the left.
2. Import your custom design no larger than 111px x 74px or it will be resized and it just doesn't look right resized.
3. Name your tab.
4. Click SAVE SETTINGS.
1. Click EDIT in sidebar.
2. Enter your Username for whatever platform this tab will connect to. This will be a shortcut to your account and once clicked on in Facebook, your posts from each platform will be seen right in Facebook...even if it is Instagram. It is a time saver for sure and for those that can't afford a website just yet, I recommend using Facebook. With custom tabs, sign up forms, video and image post options, services tab and business info, it is a great alternative.
To Create Your App Button in Canva.com
Canva is a free online app that is a treasure trove of design templates, perfect for home based biz owners, freelancers, solopreneurs, mompreneurs...whatever you call yourself, this is one program that is easy to use and easy to learn. There is a CUSTOM DIMENSIONS feature in the top right corner.
1. Click on that and enter 111 x 74 px.
2. Click DESIGN!
3. You will be taken to this screen. On the left on the bottom click UPLOADS.
4. Click UPLOAD YOUR OWN IMAGES in the green box.
5. For different background patterns, iStockPhoto, Creative Market and Angie Makes (This one is an affiliate link that gives me a little art supply money, but she has watercolor backgrounds and fonts that are just gorgeous.) are great resources. Make sure you use a design that goes with your brand's color palette and doesn't compete with the button text.
6. After the background image is in there, click on the TEXT button, two choices above the UPLOAD button.
7. Click on the copy you like and the text will appear in your box.
8. Plug in the title for your button and adjust the font, size and thickness all in one spot. Make sure you pick a font that is easy to read.
9. Click on the DOWNLOAD button.
10. Select the IMAGE: FOR WEB JPG and it will generate your image.
11. Save it to your computer and you are good to go!
Design is possible for all of us solopreneurs. This is good news, because hiring a designer for little professional touches can get pricey. Canva can be your secret weapon and keep you branded across the internet. I hope these easy to follow steps will motivate you to brand your app buttons on your Facebook biz page.
Here are some examples below. All of them are simple and readable. If you want a flowery touch or stripes, put it on the left hand side of the tab. Make it run down the side as a vertical bar, taking up 1/4 of the entire image. Then center the text between the accent bar and the end of the tab on the right. That would look really pretty, if you want more detail than the examples below.
Does your biz need some flyin' juice! In my quest to build a streamlined business, I created these workbooks, worksheets, templates and digital papers from my time researching what works and what doesn't. Click the link below to get started streamlining your own business and get email access to blog posts, new shoppe items and my design and marketing e-courses launching this summer, 2016. See you on the other side!