Design and manage stunning Facebook Fan Pages that will make your brand more competitive! Have you ever wanted to design and show special offers to your Facebook fans only? Now you can easily do that from within Dreamweaver with our Facebook Fan Page extension! It enables you to choose which regions of your
page will
be visible for fans and which for non fans. You can even follow your great design in the built in Dreamweaver mode preview and see exactly what your page will look like in Facebook.
Building easy Fan Gates is one of the most efficient ways to increase
your online presence across the social networking platforms. If you want to make your space within Facebook more attractive and keep your users engaged, our Facebook Fan Page will allow you to use all the DMXzone Dreamweaver extensions to empower your Fan Gates! With this great tool you can embed any page made with
Dreamweaver and hosted on your site to your Facebook Fan Page as a
Custom Tab! It gives you full control of the design and web components like photo galleries, videos and event posters that will present your brand or product and carry their message across to the users.
Facebook Fan Page guarantees you quick access to your Facebook pages and extensive
security. It supports all PHP & ASP server models.
Overview
Features Highlights:
- Create and manage custom tabs - Design and show special content to your Facebook fans. The Facebook Fan Page allows you to use all the DMXzone Dreamweaver extensions to empower your Fan Gates.
- Create new Facebook fan page - Included button to lead you directly to Facebook where you can create a new page.
- Facebook page fans and non fans - With the help of the server behaviors you can select any region you want to be visible only for fans or non fans.
- Integrated Dreamweaver design mode
- As Facebook Fan Pages are restricted to specific size we have built
in a great design mode preview in Dreamweaver, so you can see exactly
what you are designing!
- Test runner - Test your page how it will look like locally, without the need to link and call them from Facebook, with the integrated Test runner.
- Empower rich content - While designing your Facebook Fan Page in Dreamweaver, you can add any DMXzone extension such as galleries, players, etc. With the Facebook Fan Page, simply add it as a custom tab to your fan page.
* For complete Features overview press the Features in Detail
Features
- Create and manage custom tabs - Design and show special content to your Facebook fans. The Facebook Fan Page allows you to use all the DMXzone Dreamweaver extensions to empower your Fan Gates.
- App ID/ App Secret fields - Once you add your App ID/API key and the App secret codes, they will be added to your page code which you'll need upon linking it to Facebook.
- Create new Facebook fan page - Included button to lead you directly to Facebook where you can create a new page.
- Facebook page fans and non fans - With the help of the server behaviors you can select any region you want to be visible only for fans or non fans.
- Integrated Dreamweaver design mode - As Facebook Fan Pages are restricted to specific size we have built in a great design mode preview in Dreamweaver, so you can see exactly what you are designing!
- Test runner
- Test your page how it will look like locally, without the need to
link and call them from Facebook, with the integrated Test runner.
- Empower rich content - While designing your Facebook Fan Page in Dreamweaver, you can add any DMXzone extension such as galleries, players, etc. With the Facebook Fan Page, simply add it as a custom tab to your fan page.
- Quick Access to Facebook pages - With a simple mouse click you can access your Facebook page settings and manage/add your tabs/apps to your Facebook Fan Page.
- Full support for ASP & PHP server models
- Server check - We've added a Dreamweaver check to ensure that you use the extension on an ASP/PHP page.
- Extensive Security - Your custom pages can be run only as Facebook Fan Pages from within Facebook. We have included heavy security checks to validate that and prevent abuse.
- Great Dreamweaver integration - Interactive dialog in Dreamweaver with all the options you'll need.
- Facebook Pages: Creating, administering and editing your page
- How to build the perfect Facebook fan page, 2011 edition
- Designing a Facebook Fan Page: Showcases, tutorials and resources
Showcases
-
Facebook Video Presentation Showcase
For this showcase we designed a Facebook Fan Page with our Dreamweaver extension of the same name. The video presentation is executed with the HTML5 Video Player and wrapped up in a HTML5 Parallax ...
-
Facebook Product Presentation Showcase
For this showcase we designed a Facebook Product Presentation template with the help of 3 awesome DMXzone extensions. With the Facebook Fan Page we designed our page within Dreamweaver, added the ...
-
Facebook Recipes Page Showcase
For this showcase we used the Facebook Fan Page to create a facebook page. On the top we have a menu made with the Universal CSS Navigation Menu. With the DMXzone CSS3 Drop Shadows we added different ...
-
Facebook QRcode Store Showcase
For this showcase we used our Facebook Fan Page to create a Facebook page. On the top we built a navigation menu with the Universal CSS Navigation Menu. Using the free Universal CSS Transforms: ...
-
Wine Shop Sales Page for Facebook
Building easy Fan Gates is one of the most efficient ways to increase your online presence across the social networking platforms. If you want to make your space within Facebook more attractive ...
-
Facebook Christmas Catalog Showcase
In this showcase you can see how easy it is to create a product catalog using 3 Dreamweaver extensions. All products are displayed in the updated Ajax DataGrid and on click a DMXzone Lightbox opens ...
-
Night Club Facebook Page Tab Showcase
In this showcase you can see a simple, yet really beautiful Facebook Fan Page Tab, created with Facebook Fan Page, that displays a latest video and great navigation (Universal CSS Navigation Menu) to ...
-
Facebook Fan Page Showcase
In built in test runner of the extension you can see how a Facebook Fan Page Tab/App will look like if the viewer is a fan of the Facebook page and if not. Also for the page content we used Sliding ...
-
Facebook Hot Offers Tab Showcase
In this showcase is designed as a Facebook Fan Page Tab and you can see how amazingly you can present your products in a fantastic HTML5 Slideshow. The thumbnail images are navigate the slideshow ...
-
Facebook Fan Page Showcase
In this showcase is designed as a Facebook Fan Page Tab and you can see how amazingly you can present your products in a fantastic HTML5 Slideshow. The thumbnail images are navigate the slideshow ...
Videos
Using HTML5 3D Flipping Gallery with Facebook Fan Page
Creating Custom Facebook Tab with Sliding Billboard
Using Facebook Fan Page
Requirements
Note that the extension requires PHP 5+
History
Version 1.2.1
- Improved fluid page height in Facebook for Responsive designs
- Improved Facebook Test Runner to also support fluid height, for optimal local preview
- Improved Dreamweaver design view of the Facebook Fan Page
- Improved Dreamweaver CS6 compatibility
- Improved installer for Dreamweaver CS 6.1 (Adobe Creative Cloud) compatibility
Version 1.2.0
- New full support for fluid pages! Now you can have your Facebook Fan
Pages as large as you wish! They will be automatically resized and no
vertical scrollbars will appear! All the resizing is done fully
automatically. You only need to reapply the extension on your Fan Page
in Dreamweaver.
Version 1.1.0
- Full support for the new Fan Pages Timelines design!
- Now you can have wider fan pages! Just choose the new page width size.
- Improved Facebook TestRunner to allow you to preview your fan pages locally, with the new width
- Improved Dreamweaver integration
Version 1.0.3
- Changes in the extension name
- Improved extension installation for DW CS 5.5+
Version 1.0.2
- Improved Dreamweaver 8 compatibility
Version 1.0.1
- New shortcut button for adding custom tabs to fan pages
- Updated manual
- Updated Using Facebook Fan Page video
Update Procedure
Here are five easy steps to update all your pages;
- Install the latest version of Facebook Fan Page
- Open your Facebook Fan Page page
- Select the existing Facebook Fan Page Server Behavior from the server behaviors palette
- Click on the OK button to re-apply the server behaviors
- An alert will be sure that your files are replaces, make sure you upload the files to your server
This process updates all the needed files so a single page update is enough.
George Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com, which is visited daily by more than 30.000 people and is most popular for its over high-quality Dreamweaver extensions and templates.
