# All Designer Regions

Designer Regions are shared content areas that you can create for only your Site Designers to maintain directly from a Page. These areas are better for widget coding, javascript, etc., where you don't want someone without HTML programming knowledge to accidentally edit it.

Designer Regions typically contain javascript, HTML widgets, embedded Flash objects, etc.

Since Designer Regions are placed into Page Styles, they become shared content that can be displayed on one, some, or all of your website Pages.

TIP: Designer Regions are ideal for adding news feeds and other third-party widgets to your website.

Unlike Page Regions, Designer Regions must be create manually by the Site Designer before they can be edited.

NOTE: Designer Regions are not editable using the Rich-text Editor because it strips out non-HTML/CSS tags in an attempt to "clean" the content before it is saved. It does this to help the Content Managers from adding bad tags to their Page content and breaking the Page's layout and functionality.

## Searching Designer Regions

You can enter a search term in the box on this screen and search for any Designer Region by it's properties and content.

## Widgets

There are a few built-in functions, called widgets that allow you to add advanced functionality to your HTML website design.

### Contact Widget

The Contact Widget is a PHP script you can add to your website HTML that accepts contact information and creates a Contact in the database. The Contact Widget, when submitted, will create a Contact in a Contact Group, add the Contact fields that are collected, e-mail the Contact fields collected to any User with "Notify of Leads" selected, and then redirect the Submitter to any URL.

TIP: Contact Widgets are useful when you need to collect Contacts but you don't want to dedicate the whole Page for the purpose, like a site footer with a "join mailing list" area. If you need more control over collecting Contacts and using auto-responders, consider using the more powerful Custom Forms features.

To add the Contact Widget to your website, simply cut and paste the HTML below into any Designer Region or directly into a Page Style, be sure to replace the "/login/" directory with the directory you login with:

<form action="/login/contact.php" method="post" />
<input name="return_url" type="hidden" value="http://www.mydomain.com/pages/my_confirmation_page" />
<input name="lead_source" type="hidden" value="Website Contact Widget" />
<input name="group" type="hidden" value="Leads" />
<input name="email_subject" type="hidden" value="Thank you for contacting us." />
<table>
<tr>
<td>First Name:</td>
<td><input name="first_name" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Last Name:</td>
<td><input name="last_name" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Nickname:</td>
<td><input name="nickname" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Company:</td>
<td><input name="company" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Title:</td>
<td><input name="title" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Department:</td>
<td><input name="department" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Office Location:</td>
<td><input name="office_location" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Business Address 1:</td>
<td><input name="business_address_1" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Business Address 2:</td>
<td><input name="business_address_2" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Business City:</td>
<td><input name="business_city" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Business State:</td>
<td><input name="business_state" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Business Country:</td>
<td><input name="business_country" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Business Zip Code:</td>
<td><input name="business_zip_code" type="text" size="30" maxlength="10" /></td>
</tr>
<tr>
<td>Business Phone:</td>
<td><input name="business_phone" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Business Fax:</td>
<td><input name="business_fax" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Home Address 1:</td>
<td><input name="home_address_1" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Home Address 2:</td>
<td><input name="home_address_2" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Home City:</td>
<td><input name="home_city" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Home State:</td>
<td><input name="home_state" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Home Country:</td>
<td><input name="home_country" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Home Zip Code:</td>
<td><input name="home_zip_code" type="text" size="30" maxlength="10" /></td>
</tr>
<tr>
<td>Home Phone:</td>
<td><input name="home_phone" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Home Fax:</td>
<td><input name="home_fax" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>Mobile Phone:</td>
<td><input name="mobile_phone" type="text" size="30" maxlength="50" /></td>
</tr>
<tr>
<td>E-mail Address:</td>
<td><input name="email_address" type="text" size="30" maxlength="100" /></td>
</tr>
<tr>
<td>Website:</td>
<td><input name="Website" type="text" size="30" maxlength="255" /></td>
</tr>
<tr>
<td>Opt-Out:</td>
<td><input type="checkbox" name="opt_out" value="yes" class="checkbox" /></td>
</tr>
<tr>
<td>Description:</td>
<td><textarea name="description" cols="30" rows="5"></textarea></td>
</tr>
</table>
<input type="submit" name="submit" value="Submit" />
</form>

All fields are optional except for "return_url". The "return_url" field defines where the Submitter will be directed after the Contact Widget is submitted.

### Site Search Widget

Site Search Widget is a PHP script that you can embed in any Designer Region or Page Style that will allow your Visitors to search Pages for content and return the results on the Search Results Page. You can place the Site Search Widget anywhere on your site.

All "searchable" Pages will be searched by the Site Search Widget. If you don't want some Pages found, even if the Visitor or User has access to it's Folder, disable "Include in Search" in those Pages and they will not be found.

Site Search will only display the search results for Pages that the Visitor or User has "view" access to. So, website Visitor will only see search results from Pages that are in Public Folders, and Members will see both results from Public Folder Pages and Membership Folder Pages, and so on.

To add the Site Search Widget to your website, simply cut and paste the HTML below into any Designer Region or directly into a Page Style, be sure to replace the "/login/" directory with the directory you login with:

<form action="/login/search.php" style="margin: 0px">
<input type="text" name="query" class="search-query" /><input type="submit" value="Search" class="search-submit" />
</form>

TIP: You may also point the form action to a Search Results Page. (ex. action="/pages/search_results")

NOTE: Site Search Widget only searches Page Regions and not Common Regions or Menus. This is necessary of else the search results would return duplicate information for all Page that share content from Common Regions.

IMPORTANT: Be sure that all Pages that should be searched have "Include in Search" Page Property selected, and that you have a Search Results Page created that is in a Public Folder.

### Embedded Media

Adding media objects to your Designer Region is easy. However, we have found some issues with their use on some client computers. If you are having problems rendering your embedded media that has been uploaded to your website, edit the media's Properties and use the actual URL

(e.g. /[dir]/get_file.php?name=example.wmv) instead of the virtual URL (e.g. /files/example.wmv). We are not sure why the rewriting

of the URLs matters, but it appears that a small percentage of client computers don't like the virtual URLs, probably because of some unrelated compatibility issue that has not been indentified.

If that does not work, you should also consider adding a URL parameter to your media's Properties as follows, since there seems to be an issue for some versions of the Internet Explorer browser:

<object>...<param name="url" value="/files/example.wmv" />...</object>

Be sure to also replace the virtual URL with the actual URL as described above.