If you haven’t noticed, HTML5 is now on Wix! This is exciting, because no other service aims to offer a full HTML5 builder for Facebook yet. Where Facebook in concerned, HTML5 means mobile-friendly. We’re set to roll out a few updates in the near future to make WixPages even better, including more templates, presets for the new wider format, an improved user interface for the Flash builder and additional features to increase social activity/ user engagement on your page. Whew!
What is HTML5 Anyway?
HTML5 is a new standard that defines how browsers and websites interact. It includes a set of semantics and rules for the markup, which is the basic code that makes up most of the web. The new standard is more straightforward and streamlined, and allows the browser to do some things like display video and play audio without needing a plugin. For the future of the web, this means faster websites that do cool stuff without a lot of load on your connection.
HTML5 + WixPages = Awesome
With the change to Facebook pages in March, this is a perfect time to take a look at your custom page tab and make some changes, or do a complete makeover. Here are just a few things to consider:
1. The page area is wider.
While our templates haven’t been updated yet, you can still edit your page and set the width of your elements to 800px.
2. The Like button is on the right!
Because Facebook does not allow you to ask for likes on your Timeline cover image or app graphics, it is more important than ever to use your custom page tabs to drive call-to-action, paired with social promotion through your Timeline posts. Make sure any call-to-action graphic you currently have is pointing to the right place!
3. You have app graphics to promote pages.
Because you can’t set your custom page as your landing tab any longer, custom page tabs are even more powerful as stand-alone pages when combined with an app graphic. The app graphics sit on the upper-right of your Timeline, and you can make three of them visible all the time. These are prime spots for promotions or links to specific pages such as shops, forms and galleries.
Creating an HTML5 Promo
Here are a few quick steps for creating a promo page using the HTML5 builder and what we’ve talked about so far. Of course, before you begin, take a look at Facebook’s Promotion guidelines so you know what to avoid.
1. Go to wix.com and click Create.
2. Click HTML5 on the left side
3. Click Facebook Welcomer at the bottom-left.

4. Choose a design to start with and click Edit.
5. Begin by clicking the Gridlines button in the floating toolbar. This will help you keep everything lined up nicely.
6. Click Design and start with a custom background.
7. Move on to Colors and Fonts by clicking Customize Colors/Customize Fonts at the bottom of each panel. For more information on creating styles, visit the help page.
8. Customize your welcome page by clicking the various elements to edit them. Add more through the large plus icon on the left-hand menu.
9. The best promo pages send a single message and illustrate it with a strong visual. Add these three elements to your page:
- Image/Slider: Your image should be at least 800 pixels wide for best results – this prepares your promo for the wider format later

- Large Text: Text on promo pages should be large and use a clean font. Try using a size above 16.
Call-to-Action buttons can be created using shapes and text, or a button element. Use this link to send visitors to another tab such as your shop, a special website or a hidden page of your Wix tab containing a special offer
10. Move your Like Usgraphic to the right edge of the grid guideline to better align with the new Like button placement.
11. From here, you may continue to add auxillary pages containing text or other content you don’t need to promote directly from your main page. When you’re happy with your design, click Save. If you already have the WixPages app installed on your Facebook page, your new design will be updated automatically. If this is a new page, click Publish to install the WixPages tab app and select your Facebook Fan Page from the drop-down.
12. Put on the final touch by visiting your Timeline and editing the app icon to insert a custom image representing your promo. Check out our Facebook Tips for details on using this new feature.
View the above HTML5 Facebook promo page demo or, for detailed help with using the new HTML5 editor, visit the WixPages Support Center.