Back to Top
The nuts and bolts for
Creative web development

Facebook Fan Page

“Design and empower your Facebook Fan Pages with Dreamweaver!”

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.


*For more info about designing a Facebook Fan Page, please visit:

Showcases


  • Facebook Fan Page Showcase

    For this showcase we designed the page layout with DMXzone Bootstrap and put it on Facebook with the help of Facebook Fan Page extension. You can choose which regions of the page will be visible ...

  • 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


Requirements

Type: Behavior
Product: Dreamweaver 6,7,8, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CS5.5, Dreamweaver CC
Screen Shot: External link
Tags: facebook, fan page, toolkit, dreamweaver, extension

Note that the extension requires PHP 5+

History

Version 1.2.2

  • Full Dreamweaver CC and Extension Manager CC support
  • Included new Behavior Connector with restyled UI and better Mac OSX Support
  • Updated the automatic file copy and update component for better Dreamweaver CC support
  • Improved Windows 8 compatibility

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

Update Procedure

Here are five easy steps to update all your pages;

  1. Install the latest version of Facebook Fan Page
  2. Open your Facebook Fan Page page
  3. Select the existing Facebook Fan Page Server Behavior from the server behaviors palette
  4. Click on the OK button to re-apply the server behaviors
  5. 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

George PetrovGeorge 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.

See All Postings From George Petrov >>

Share this Article