Website Builder - User contributions [en]

Template:VivitiWelcome

2011-03-18T19:04:40Z

Dinsley:

__NOTOC__
{| border="0" cellpadding="2" style="text-align:left"
!width="670"| <font size=3>Welcome to the Jigsy Wiki!</font>
!width="330"| <FONT COLOR="#398404">'''[[FAQ | Common Questions]]'''</font><hr>
|- style="font-size:86% !important; vertical-align: top;"
|<div style="margin-right: 20px;"><FONT size="2">

Wondering what the website builder is or looking for help with a specific topic? This wiki caters to all users of the website builder regardless of previous website building experience and will cover all aspects of using this dynamic software as it grows.
<br><br>
Our goal is to provide an evolving, detailed resource for all website builder users to assist in getting the most out of it.
</FONT></div>
|
<span style="line-height: 2.1em;">
[[FAQ#paid | What is offered with a paid package?]]<br>
[[FAQ#trialexpired | My trial has expired - what now?]]<br>
[[Storage and Bandwidth Availability | How much storage and bandwidth is available for my site?]]<br>
[[Registering a Domain Name | How can I register/manage a domain name?]]<br>
[[Creating an E-mail address | How can I create/manage an e-mail address?]]<br>
[[Hostname Mapping | I own a domain elsewhere - how do I set it up with website builder?]]<br>
[[FAQ#search | Do you automatically submit websites to search engine listings?]]<br>
[[FAQ#paymenttypes | Which payment types do you accept?]]<br>
[[Support Center | How can I get help?]]<br>
[[FAQ | '''More...''']]
</span>
|}

<br>
<FONT COLOR="#398404">'''[[Introduction]]'''</FONT>
<hr>
{| border="0" cellpadding="2"
!width="225"|
!width="225"|
!width="225"|
!width="225"|
|- style=""
| [[Creating an Account]] || [[Logging into your Account]] || [[Viewing your Account Overview]] || [[Upgrading your Hosting Package]]
|- style=""
|[[Changing your e-mail Address]] || [[Changing your Password]] || [[Retrieving a Lost Password]] || [[Creating a new Website]]
|- style=""
|[[Deleting a Website]] || [[Deleting an Account]] || [[Accessing the Website Editor]] || [[Using the Website Editor]]
|- style=""
|[[Publishing your Website]] || [[Creating a New Page]] || [[Deleting a Page]] || [[Toolbar]]
|- style=""
|[[Status Bar]] || [[Pages | Organizing your Pages]] || [[Viewing your Transaction History]] || [[Introduction | '''More...''']]
|}

{{Template:FrontpageHelpCategories}}

<FONT COLOR="#398404">'''Helpful Links'''</font>
<hr>
{| border="0" cellpadding="2"
!width="170"|
!width="170"|
!width="170"|
!width="170"|
!width="170"|
|- style="text-align:left;"
| [http://jigsy.com/ Jigsy Home]
|| [http://forums.jigsy.com Jigsy Forums]
|| [http://blog.jigsy.com Jigsy Blog]
|| [[Releases | Release History]]
|| [[FAQ | Frequently Asked Questions]]

Main Page

2011-03-18T19:03:18Z

Dinsley:

{{#ifeq: {{SERVERNAME}} | wiki.jigsy.com | {{VivitiWelcome}} | {{WhiteboxWelcome}} }}
<css>#firstHeading { display:none; }</css>

Releases

2011-01-18T20:15:24Z

Dinsley: /* Version 1.2.2 */

<div style="float: left; width: 200px;"> __TOC__ </div>

<div style="margin-left: 20px; width: 700px; float: left;">
= Upcoming Changes =

=== Bugs ===
=== Features ===
=== Enhancements ===

</div>

<br style='clear: left' />

== Version 1.2.2 ==
Release Date: January 18, 2011

=== Bugs ===
* Fixed a bug that caused some help links to not load.
* Fixed a bug that didn't allow scrolling to work properly inside the file manager
* Fixed an issue with branding inside of the initial theme selection dialog.
* Fixed an issue with the package selection API for partners.

=== Features ===
* Added Ecwid shopping cart components! Users can now add product listing component, product search component, and product category component to anywhere on their website!
* Added the ability to search for files in the asset manager.

=== Enhancements ===
* New user interface changes to file manager
* Improved IE compatibility across the entire builder.
* Improved reliability of Facebook components in the event that Facebook does not respond.

== Version 1.2.1 ==
Release Date: November 8, 2010

=== Bugs ===
* Fixed a bug that caused email DNS records not to get reset when using the 'Reset DNS' option for a domain name.
* Fixed a bug that would cause an error when attempting to edit an image in the Visual Editor if the border was set to 0px.
* Fixed a problem that sometimes caused an error when the alternative text of images contained quotes.
* Fixed a bug that caused custom themes to sometimes not get applied properly.
* Fixed a bug that mishandled invalid protocols in the Feed Component and Blogroll Component.
* Fixed a bug that caused some help content to not load.
* Fixed a style issue that allowed some themes override table styles in editor dialogs.
* Fixed a bug that wouldn't submit comments after a validation error.
* Fixed a bug that prevented multiple form field items to be added to a Form Component without reloading the dialog.
* Fixed a bug that didn't set the copyright on site creation.
* Fixed a bug that didn't properly filter assets when scrolling.

=== Features ===
* Google Maps Component now supports streetview, georss/kml feeds and directions.
* New Tweet Button component. Easily allow visitors to tweet pages on your site.

=== Enhancements ===
* Speed improvements to the theme selection dialog.
* Improved image border options to make it easier to understand.
* E-mail no longer required for comments.

== Version 1.2 ==
Release Date: October 12, 2010

=== Bugs ===
* Fixed an issue where the wrong dialog tab would open when attempting to edit original sized images in the Visual Editor.
* Fixed an issue that caused styles to be lost when modifying the alignment or border of images in the Visual Editor.
* Fixed a bug handling the scenario where a Facebook account is linked, but not visible.
* Fixed a bug that put youtube videos above the toolbar. Doesn't update existing youtube components.

=== Features ===
* Added new component: Google Docs Viewer
* Integrated Help System
* Brand new dialog styles

=== Enhancements ===
* Video Player now supports panning.
* Google Maps Component upgraded to newer API. Some new features will be implemented soon!

== Version 1.1.8 ==
Release Date: July 28, 2010

=== Bugs ===
* Fixed a bug on signup that incorrectly said a password was too short after submitting the form.
* Fixed an alignment issue with the Find Address button on the Google Maps Component.
* Added missing primary navigation to the theme Idyllic.

=== Features ===
* Added the ability to add and remove an auto-responder from your email addresses.
* Added the ability to setup email forwarders for your email addresses.

=== Enhancements ===
* Made it easier to upload the correct type of files for the [[AudioPlayerComponent|Audio Player Component]] and the [[VideoPlayerComponent|Video Player Component]].
* The editor for copyright now focuses automatically when you click edit.

== Version 1.1.7 ==
Release Date: July 19, 2010

=== Bugs ===
* Fixed a problem with Internet Explorer throwing an error dialog when replying to a ticket.
* Fixed a bug where Chrome/Safari would render javascript if replying to a support ticket twice in a row.
* Fixed a bug that sometimes caused an error when attempting to login incorrectly too many times.
* Fixed a bug that was causing users to not be able to insert a second image in the content areas sometimes.

=== Features ===
=== Enhancements ===
* Automatically downcases email address when creating it to avoid unnecessary errors.
* Improvements for resellers and cobrand partners.

== Version 1.1.6 ==
Release Date: July 12, 2010

=== Bugs ===
* Fixed an issue that occasionally caused spam filtering to hang when checking comments.
* Fixed a bug in the audio player that doesn't initially recognize selected collections.
* Fixed javascript error when opening Flickr, Asset, or Youtube dialogs when within the Visual Editor.
* Fixed an issue with Chrome/Safari throwing an error and removing the selected image when attempting to edit it.
* Fixed an issue with Internet Explorer not going to the right dialog tab when editing an internal image in the Visual Editor.
* Fixed an issue causing an error to occur occasionally when editing theme resources or replacing theme images.
* Fixed an issue that caused the dialog to jump around when clicking on an image in the Visual Editor in Internet Explorer.
* Fixed an issue that caused the alignment of an image to revert back to its original position in the Visual Editor when switching to HTML mode.

=== Features ===
* Ability to easily set border sizes and colors on images in the Visual Editor.

=== Enhancements ===
* Approving or marking multiple comments as spam should now be occur much quicker.
* Better CSS class names for the body tag on dynamically generated pages (for advanced theme customization).
* Tweaks to dropspot UI to help make it more clear where components get dropped.
* Creating a new select option in the [[FormComponent|Form Component]] now immediately places focus the text box, eliminating the need to click before typing.

== Version 1.1.5 ==
Release Date: June 29, 2010

=== Bugs ===
* 'More by this author' link in theme browser fixed.
* When changing the page title, the change is reflected immediately now.
* Search filter no longer gets lost when changing sort order in theme gallery.
* Improved validation for external domains.
* Disabled ability to delete external domains after email is setup (causes problems if you do).
* A problem with the Image toolbar in Visual Editor has been fixed so that it now works in all browsers when clicking the edit button.
* Fixed a bug introduced by last release causing issues changing page layouts.
* Updated Digg Component to work with changed response in the API from Digg.
* Stopped blog posts from erroring when trying to post to Facebook after arbitrary FB limits have been reached.

=== Features ===
* Ability to display pictures from Flickr groups in the [[FlickrGalleryComponent|Flickr Gallery Component]].
* Reset DNS option added to domain management.
* Ability to make fields required in the [[FormComponent|Form Component]].

=== Enhancements ===
* Extra markup in the [[FormComponent|Form Component]] for more flexibility in styling.
* Support ticket system improvements.
* Image website headings now link to the home page.
* Added the ability to order email at the same time as domain names.

== Version 1.1.4 ==
Release Date: June 9, 2010

=== Bugs ===
* After changing [[Header Settings | website heading]] type, going back to edit it will properly show the correct by default.
* Avatar setting in [[Managing Comment Settings | comment settings]] properly shows the correct setting.

=== Features ===
* New themes: Dip!, Idyllic, Technobabble
* New Components: [[FacebookLikeComponent|Facebook Like Button]], [[FacebookActivityComponent|Facebook Activity]]

=== Enhancements ===
* Theme browser shows new themes first.
* Viewing page stats is now quicker.
* Further improved handling of Facebook issues when their servers are not responding correctly.
* Embeded javascript code is now allowed in the [[TextorContentBlockComponent|Custom Component]].
* When selecting a gif file to insert into [[TextorContentBlockComponent|Custom Component]], the size will default to original size to preserve animations.
* New anti-spam measures for Blog comments.

== Version 1.1.3 ==
Release Date: May 17, 2010

=== Bugs ===
* Fixed a bug preventing users from setting their initial host as the primary host, after changing it.
* Fixed a bug that prevented the adding of filenames with apostrophes in them in the visual editor.
* Fixed display issues in themes EcoBusiness and EcoBusiness Cafe.
* Fixed an issue that would leave an empty box in the [[FormComponent|Form Component]] editor after clicking cancel when adding a new item.

=== Features ===
* The carousel feature for the [[ImageGalleryComponent|Image Gallery Component]] now allows you to set the transition time.
* You can now change the password for email addresses created.
* Ability to use [[Header Settings | images for website heading]].
* Improvements for resellers and cobrand partners.
* Ability to enable and disable a [[Registering_a_Domain_Name#Managing_e-mail_catch-all_settings | catch-all for email services]].

=== Enhancements ===
* Improved page generation and load time.
* Improved first time help/intro, added mini tutorial.
* Improved email account setup speed.
* Page stats no longer track 404s.
* Improved anti-spam measures.
* Comments on blog posts are now paginated with 100 comments per page.
* Dialogs will always ensure save buttons are in the viewport on smaller screen resolutions.

== Version 1.1.2 ==
Release Date: April 28, 2010

=== Bugs ===
* Bug causing [[AudioPlayerComponent|Audio Player Component]] to always auto-play has been fixed.
* Fixed a bug that caused the [[BlogArchiveComponent|Blog Archive Component]] to not respect the displayed limit setting on some themes.
* Fixed layout issues in the page settings dialog.
* Issue with quotes in metatags resolved.
* Fixed a bug in the [[VideoPlayerComponent|Video Player Component]] that muted audio when using auto-play.
* Fixed a bug that caused slow loading the [[AudioPlayerComponent|Audio Player Component]] for some users.\
* Fixed a bug that caused the enter key to not work in the domain search form.

=== Features ===
* Email services are now available!
* Designer directory added, for people who want a professionally designed website.
* The [[ImageGalleryComponent|Image Gallery Component]] how has a new view option. View your images in a click-through carousel.
* The carousel option of the [[ImageGalleryComponent|Image Gallery Component]] now has a slideshow option and an option to display titles.
* Ability to make [[NavigationComponent|Navigation Component]] group labels link to internal pages.

=== Enhancements ===
* Improvements to customization options for resellers.
* Domain name tools will show up all the time to avoid confusion, previously was hidden on trial/free plans.
* [[VideoPlayerComponent|Video Player Component]] play button now has a hover effect.
* Themes can now have more than 9 locations.
* Unpublished pages will no longer show up in the [[Managing_Primary_Navigation|Primary Navigation]] and [[NavigationComponent|Navigation Component]].
* Comment spam improvements.

== Version 1.1.1 ==
Release Date: March 29, 2010

=== Bugs ===
* Fixed an issue that caused pages to be available at their old url for awhile after renaming the page.
* Usernames with spaces in them now work correctly on the [[FriendfeedComponent|Friendfeed Component]].
* Improved error handling when responses from Facebook and Twitter's are invalid/broken.
* Fixed errors when adding an external image that is taking a long time to respond.

=== Features ===
* Themes no longer [[Required HTML Elements | require]] heading, subheading, nav or copyright.. but they are still recommended!
* Added [[VideoPlayerComponent | Video Player Component]]. Play MP4 videos right on your website!

=== Enhancements ===
* Customization options for reseller sites.

== Version 1.1.0 ==
Release Date: March 18, 2010
=== Bugs ===
* Fixed a bug that allowed Flash objects to be shown through a lightbox.
* Fixed a bug that didn't restore components when previewing your site in the Website Builder.
* Fixed a bug that in the [[AudioPlayerComponent|Audio Player Component]] that displayed a blank title if the file contained no ID3 values for title and artist.

=== Features ===
* Added new theme 'Classic Luxury'.
* New design for main site and account management.
* Reseller and API programs launched.
* [[Registering a Domain Name | Domain Registration and DNS management]].

=== Enhancements ===
* New icons for social networking.
* You can now display share icons for blog posts on Facebook and Twitter.
* You can now display the comment text on the [[BlogCommentComponent | Blog Comment Component]].
* [[BlogArchiveComponent | Blog Archive component]] now has an option to truncate the list, with a link to display the full list.

== Version 1.0.x ==
Release notes for 1.0.x releases are available on the [[Releases_1.0|Releases 1.0.x]] page.

Releases

2011-01-18T20:13:50Z

Dinsley: /* Bugs */

<div style="float: left; width: 200px;"> __TOC__ </div>

<div style="margin-left: 20px; width: 700px; float: left;">
= Upcoming Changes =

=== Bugs ===
=== Features ===
=== Enhancements ===

</div>

<br style='clear: left' />

== Version 1.2.2 ==
Release Date: January 18, 2011

=== Bugs ===
* Fixed a bug that caused some help links to not load.
* Fixed a bug that didn't allow scrolling to work properly inside the file manager
* Fixed an issue with branding inside of the initial theme selection dialog.

=== Features ===
* Added Ecwid shopping cart components! Users can now add product listing component, product search component, and product category component to anywhere on their website!
* Added the ability to search for files in the asset manager.

=== Enhancements ===
* New user interface changes to file manager
* Improved IE compatibility across the entire builder.
* Improved reliability of Facebook components in the event that Facebook does not respond.

== Version 1.2.1 ==
Release Date: November 8, 2010

=== Bugs ===
* Fixed a bug that caused email DNS records not to get reset when using the 'Reset DNS' option for a domain name.
* Fixed a bug that would cause an error when attempting to edit an image in the Visual Editor if the border was set to 0px.
* Fixed a problem that sometimes caused an error when the alternative text of images contained quotes.
* Fixed a bug that caused custom themes to sometimes not get applied properly.
* Fixed a bug that mishandled invalid protocols in the Feed Component and Blogroll Component.
* Fixed a bug that caused some help content to not load.
* Fixed a style issue that allowed some themes override table styles in editor dialogs.
* Fixed a bug that wouldn't submit comments after a validation error.
* Fixed a bug that prevented multiple form field items to be added to a Form Component without reloading the dialog.
* Fixed a bug that didn't set the copyright on site creation.
* Fixed a bug that didn't properly filter assets when scrolling.

=== Features ===
* Google Maps Component now supports streetview, georss/kml feeds and directions.
* New Tweet Button component. Easily allow visitors to tweet pages on your site.

=== Enhancements ===
* Speed improvements to the theme selection dialog.
* Improved image border options to make it easier to understand.
* E-mail no longer required for comments.

== Version 1.2 ==
Release Date: October 12, 2010

=== Bugs ===
* Fixed an issue where the wrong dialog tab would open when attempting to edit original sized images in the Visual Editor.
* Fixed an issue that caused styles to be lost when modifying the alignment or border of images in the Visual Editor.
* Fixed a bug handling the scenario where a Facebook account is linked, but not visible.
* Fixed a bug that put youtube videos above the toolbar. Doesn't update existing youtube components.

=== Features ===
* Added new component: Google Docs Viewer
* Integrated Help System
* Brand new dialog styles

=== Enhancements ===
* Video Player now supports panning.
* Google Maps Component upgraded to newer API. Some new features will be implemented soon!

== Version 1.1.8 ==
Release Date: July 28, 2010

=== Bugs ===
* Fixed a bug on signup that incorrectly said a password was too short after submitting the form.
* Fixed an alignment issue with the Find Address button on the Google Maps Component.
* Added missing primary navigation to the theme Idyllic.

=== Features ===
* Added the ability to add and remove an auto-responder from your email addresses.
* Added the ability to setup email forwarders for your email addresses.

=== Enhancements ===
* Made it easier to upload the correct type of files for the [[AudioPlayerComponent|Audio Player Component]] and the [[VideoPlayerComponent|Video Player Component]].
* The editor for copyright now focuses automatically when you click edit.

== Version 1.1.7 ==
Release Date: July 19, 2010

=== Bugs ===
* Fixed a problem with Internet Explorer throwing an error dialog when replying to a ticket.
* Fixed a bug where Chrome/Safari would render javascript if replying to a support ticket twice in a row.
* Fixed a bug that sometimes caused an error when attempting to login incorrectly too many times.
* Fixed a bug that was causing users to not be able to insert a second image in the content areas sometimes.

=== Features ===
=== Enhancements ===
* Automatically downcases email address when creating it to avoid unnecessary errors.
* Improvements for resellers and cobrand partners.

== Version 1.1.6 ==
Release Date: July 12, 2010

=== Bugs ===
* Fixed an issue that occasionally caused spam filtering to hang when checking comments.
* Fixed a bug in the audio player that doesn't initially recognize selected collections.
* Fixed javascript error when opening Flickr, Asset, or Youtube dialogs when within the Visual Editor.
* Fixed an issue with Chrome/Safari throwing an error and removing the selected image when attempting to edit it.
* Fixed an issue with Internet Explorer not going to the right dialog tab when editing an internal image in the Visual Editor.
* Fixed an issue causing an error to occur occasionally when editing theme resources or replacing theme images.
* Fixed an issue that caused the dialog to jump around when clicking on an image in the Visual Editor in Internet Explorer.
* Fixed an issue that caused the alignment of an image to revert back to its original position in the Visual Editor when switching to HTML mode.

=== Features ===
* Ability to easily set border sizes and colors on images in the Visual Editor.

=== Enhancements ===
* Approving or marking multiple comments as spam should now be occur much quicker.
* Better CSS class names for the body tag on dynamically generated pages (for advanced theme customization).
* Tweaks to dropspot UI to help make it more clear where components get dropped.
* Creating a new select option in the [[FormComponent|Form Component]] now immediately places focus the text box, eliminating the need to click before typing.

== Version 1.1.5 ==
Release Date: June 29, 2010

=== Bugs ===
* 'More by this author' link in theme browser fixed.
* When changing the page title, the change is reflected immediately now.
* Search filter no longer gets lost when changing sort order in theme gallery.
* Improved validation for external domains.
* Disabled ability to delete external domains after email is setup (causes problems if you do).
* A problem with the Image toolbar in Visual Editor has been fixed so that it now works in all browsers when clicking the edit button.
* Fixed a bug introduced by last release causing issues changing page layouts.
* Updated Digg Component to work with changed response in the API from Digg.
* Stopped blog posts from erroring when trying to post to Facebook after arbitrary FB limits have been reached.

=== Features ===
* Ability to display pictures from Flickr groups in the [[FlickrGalleryComponent|Flickr Gallery Component]].
* Reset DNS option added to domain management.
* Ability to make fields required in the [[FormComponent|Form Component]].

=== Enhancements ===
* Extra markup in the [[FormComponent|Form Component]] for more flexibility in styling.
* Support ticket system improvements.
* Image website headings now link to the home page.
* Added the ability to order email at the same time as domain names.

== Version 1.1.4 ==
Release Date: June 9, 2010

=== Bugs ===
* After changing [[Header Settings | website heading]] type, going back to edit it will properly show the correct by default.
* Avatar setting in [[Managing Comment Settings | comment settings]] properly shows the correct setting.

=== Features ===
* New themes: Dip!, Idyllic, Technobabble
* New Components: [[FacebookLikeComponent|Facebook Like Button]], [[FacebookActivityComponent|Facebook Activity]]

=== Enhancements ===
* Theme browser shows new themes first.
* Viewing page stats is now quicker.
* Further improved handling of Facebook issues when their servers are not responding correctly.
* Embeded javascript code is now allowed in the [[TextorContentBlockComponent|Custom Component]].
* When selecting a gif file to insert into [[TextorContentBlockComponent|Custom Component]], the size will default to original size to preserve animations.
* New anti-spam measures for Blog comments.

== Version 1.1.3 ==
Release Date: May 17, 2010

=== Bugs ===
* Fixed a bug preventing users from setting their initial host as the primary host, after changing it.
* Fixed a bug that prevented the adding of filenames with apostrophes in them in the visual editor.
* Fixed display issues in themes EcoBusiness and EcoBusiness Cafe.
* Fixed an issue that would leave an empty box in the [[FormComponent|Form Component]] editor after clicking cancel when adding a new item.

=== Features ===
* The carousel feature for the [[ImageGalleryComponent|Image Gallery Component]] now allows you to set the transition time.
* You can now change the password for email addresses created.
* Ability to use [[Header Settings | images for website heading]].
* Improvements for resellers and cobrand partners.
* Ability to enable and disable a [[Registering_a_Domain_Name#Managing_e-mail_catch-all_settings | catch-all for email services]].

=== Enhancements ===
* Improved page generation and load time.
* Improved first time help/intro, added mini tutorial.
* Improved email account setup speed.
* Page stats no longer track 404s.
* Improved anti-spam measures.
* Comments on blog posts are now paginated with 100 comments per page.
* Dialogs will always ensure save buttons are in the viewport on smaller screen resolutions.

== Version 1.1.2 ==
Release Date: April 28, 2010

=== Bugs ===
* Bug causing [[AudioPlayerComponent|Audio Player Component]] to always auto-play has been fixed.
* Fixed a bug that caused the [[BlogArchiveComponent|Blog Archive Component]] to not respect the displayed limit setting on some themes.
* Fixed layout issues in the page settings dialog.
* Issue with quotes in metatags resolved.
* Fixed a bug in the [[VideoPlayerComponent|Video Player Component]] that muted audio when using auto-play.
* Fixed a bug that caused slow loading the [[AudioPlayerComponent|Audio Player Component]] for some users.\
* Fixed a bug that caused the enter key to not work in the domain search form.

=== Features ===
* Email services are now available!
* Designer directory added, for people who want a professionally designed website.
* The [[ImageGalleryComponent|Image Gallery Component]] how has a new view option. View your images in a click-through carousel.
* The carousel option of the [[ImageGalleryComponent|Image Gallery Component]] now has a slideshow option and an option to display titles.
* Ability to make [[NavigationComponent|Navigation Component]] group labels link to internal pages.

=== Enhancements ===
* Improvements to customization options for resellers.
* Domain name tools will show up all the time to avoid confusion, previously was hidden on trial/free plans.
* [[VideoPlayerComponent|Video Player Component]] play button now has a hover effect.
* Themes can now have more than 9 locations.
* Unpublished pages will no longer show up in the [[Managing_Primary_Navigation|Primary Navigation]] and [[NavigationComponent|Navigation Component]].
* Comment spam improvements.

== Version 1.1.1 ==
Release Date: March 29, 2010

=== Bugs ===
* Fixed an issue that caused pages to be available at their old url for awhile after renaming the page.
* Usernames with spaces in them now work correctly on the [[FriendfeedComponent|Friendfeed Component]].
* Improved error handling when responses from Facebook and Twitter's are invalid/broken.
* Fixed errors when adding an external image that is taking a long time to respond.

=== Features ===
* Themes no longer [[Required HTML Elements | require]] heading, subheading, nav or copyright.. but they are still recommended!
* Added [[VideoPlayerComponent | Video Player Component]]. Play MP4 videos right on your website!

=== Enhancements ===
* Customization options for reseller sites.

== Version 1.1.0 ==
Release Date: March 18, 2010
=== Bugs ===
* Fixed a bug that allowed Flash objects to be shown through a lightbox.
* Fixed a bug that didn't restore components when previewing your site in the Website Builder.
* Fixed a bug that in the [[AudioPlayerComponent|Audio Player Component]] that displayed a blank title if the file contained no ID3 values for title and artist.

=== Features ===
* Added new theme 'Classic Luxury'.
* New design for main site and account management.
* Reseller and API programs launched.
* [[Registering a Domain Name | Domain Registration and DNS management]].

=== Enhancements ===
* New icons for social networking.
* You can now display share icons for blog posts on Facebook and Twitter.
* You can now display the comment text on the [[BlogCommentComponent | Blog Comment Component]].
* [[BlogArchiveComponent | Blog Archive component]] now has an option to truncate the list, with a link to display the full list.

== Version 1.0.x ==
Release notes for 1.0.x releases are available on the [[Releases_1.0|Releases 1.0.x]] page.

Releases

2011-01-18T20:13:12Z

Dinsley: /* Features */

<div style="float: left; width: 200px;"> __TOC__ </div>

<div style="margin-left: 20px; width: 700px; float: left;">
= Upcoming Changes =

=== Bugs ===
=== Features ===
=== Enhancements ===

</div>

<br style='clear: left' />

== Version 1.2.2 ==
Release Date: January 18, 2011

=== Bugs ===
* Fixed a bug that caused some help links to not load.
* Fixed a bug that didn't allow scrolling to work properly inside the file manager

=== Features ===
* Added Ecwid shopping cart components! Users can now add product listing component, product search component, and product category component to anywhere on their website!
* Added the ability to search for files in the asset manager.

=== Enhancements ===
* New user interface changes to file manager
* Improved IE compatibility across the entire builder.
* Improved reliability of Facebook components in the event that Facebook does not respond.

== Version 1.2.1 ==
Release Date: November 8, 2010

=== Bugs ===
* Fixed a bug that caused email DNS records not to get reset when using the 'Reset DNS' option for a domain name.
* Fixed a bug that would cause an error when attempting to edit an image in the Visual Editor if the border was set to 0px.
* Fixed a problem that sometimes caused an error when the alternative text of images contained quotes.
* Fixed a bug that caused custom themes to sometimes not get applied properly.
* Fixed a bug that mishandled invalid protocols in the Feed Component and Blogroll Component.
* Fixed a bug that caused some help content to not load.
* Fixed a style issue that allowed some themes override table styles in editor dialogs.
* Fixed a bug that wouldn't submit comments after a validation error.
* Fixed a bug that prevented multiple form field items to be added to a Form Component without reloading the dialog.
* Fixed a bug that didn't set the copyright on site creation.
* Fixed a bug that didn't properly filter assets when scrolling.

=== Features ===
* Google Maps Component now supports streetview, georss/kml feeds and directions.
* New Tweet Button component. Easily allow visitors to tweet pages on your site.

=== Enhancements ===
* Speed improvements to the theme selection dialog.
* Improved image border options to make it easier to understand.
* E-mail no longer required for comments.

== Version 1.2 ==
Release Date: October 12, 2010

=== Bugs ===
* Fixed an issue where the wrong dialog tab would open when attempting to edit original sized images in the Visual Editor.
* Fixed an issue that caused styles to be lost when modifying the alignment or border of images in the Visual Editor.
* Fixed a bug handling the scenario where a Facebook account is linked, but not visible.
* Fixed a bug that put youtube videos above the toolbar. Doesn't update existing youtube components.

=== Features ===
* Added new component: Google Docs Viewer
* Integrated Help System
* Brand new dialog styles

=== Enhancements ===
* Video Player now supports panning.
* Google Maps Component upgraded to newer API. Some new features will be implemented soon!

== Version 1.1.8 ==
Release Date: July 28, 2010

=== Bugs ===
* Fixed a bug on signup that incorrectly said a password was too short after submitting the form.
* Fixed an alignment issue with the Find Address button on the Google Maps Component.
* Added missing primary navigation to the theme Idyllic.

=== Features ===
* Added the ability to add and remove an auto-responder from your email addresses.
* Added the ability to setup email forwarders for your email addresses.

=== Enhancements ===
* Made it easier to upload the correct type of files for the [[AudioPlayerComponent|Audio Player Component]] and the [[VideoPlayerComponent|Video Player Component]].
* The editor for copyright now focuses automatically when you click edit.

== Version 1.1.7 ==
Release Date: July 19, 2010

=== Bugs ===
* Fixed a problem with Internet Explorer throwing an error dialog when replying to a ticket.
* Fixed a bug where Chrome/Safari would render javascript if replying to a support ticket twice in a row.
* Fixed a bug that sometimes caused an error when attempting to login incorrectly too many times.
* Fixed a bug that was causing users to not be able to insert a second image in the content areas sometimes.

=== Features ===
=== Enhancements ===
* Automatically downcases email address when creating it to avoid unnecessary errors.
* Improvements for resellers and cobrand partners.

== Version 1.1.6 ==
Release Date: July 12, 2010

=== Bugs ===
* Fixed an issue that occasionally caused spam filtering to hang when checking comments.
* Fixed a bug in the audio player that doesn't initially recognize selected collections.
* Fixed javascript error when opening Flickr, Asset, or Youtube dialogs when within the Visual Editor.
* Fixed an issue with Chrome/Safari throwing an error and removing the selected image when attempting to edit it.
* Fixed an issue with Internet Explorer not going to the right dialog tab when editing an internal image in the Visual Editor.
* Fixed an issue causing an error to occur occasionally when editing theme resources or replacing theme images.
* Fixed an issue that caused the dialog to jump around when clicking on an image in the Visual Editor in Internet Explorer.
* Fixed an issue that caused the alignment of an image to revert back to its original position in the Visual Editor when switching to HTML mode.

=== Features ===
* Ability to easily set border sizes and colors on images in the Visual Editor.

=== Enhancements ===
* Approving or marking multiple comments as spam should now be occur much quicker.
* Better CSS class names for the body tag on dynamically generated pages (for advanced theme customization).
* Tweaks to dropspot UI to help make it more clear where components get dropped.
* Creating a new select option in the [[FormComponent|Form Component]] now immediately places focus the text box, eliminating the need to click before typing.

== Version 1.1.5 ==
Release Date: June 29, 2010

=== Bugs ===
* 'More by this author' link in theme browser fixed.
* When changing the page title, the change is reflected immediately now.
* Search filter no longer gets lost when changing sort order in theme gallery.
* Improved validation for external domains.
* Disabled ability to delete external domains after email is setup (causes problems if you do).
* A problem with the Image toolbar in Visual Editor has been fixed so that it now works in all browsers when clicking the edit button.
* Fixed a bug introduced by last release causing issues changing page layouts.
* Updated Digg Component to work with changed response in the API from Digg.
* Stopped blog posts from erroring when trying to post to Facebook after arbitrary FB limits have been reached.

=== Features ===
* Ability to display pictures from Flickr groups in the [[FlickrGalleryComponent|Flickr Gallery Component]].
* Reset DNS option added to domain management.
* Ability to make fields required in the [[FormComponent|Form Component]].

=== Enhancements ===
* Extra markup in the [[FormComponent|Form Component]] for more flexibility in styling.
* Support ticket system improvements.
* Image website headings now link to the home page.
* Added the ability to order email at the same time as domain names.

== Version 1.1.4 ==
Release Date: June 9, 2010

=== Bugs ===
* After changing [[Header Settings | website heading]] type, going back to edit it will properly show the correct by default.
* Avatar setting in [[Managing Comment Settings | comment settings]] properly shows the correct setting.

=== Features ===
* New themes: Dip!, Idyllic, Technobabble
* New Components: [[FacebookLikeComponent|Facebook Like Button]], [[FacebookActivityComponent|Facebook Activity]]

=== Enhancements ===
* Theme browser shows new themes first.
* Viewing page stats is now quicker.
* Further improved handling of Facebook issues when their servers are not responding correctly.
* Embeded javascript code is now allowed in the [[TextorContentBlockComponent|Custom Component]].
* When selecting a gif file to insert into [[TextorContentBlockComponent|Custom Component]], the size will default to original size to preserve animations.
* New anti-spam measures for Blog comments.

== Version 1.1.3 ==
Release Date: May 17, 2010

=== Bugs ===
* Fixed a bug preventing users from setting their initial host as the primary host, after changing it.
* Fixed a bug that prevented the adding of filenames with apostrophes in them in the visual editor.
* Fixed display issues in themes EcoBusiness and EcoBusiness Cafe.
* Fixed an issue that would leave an empty box in the [[FormComponent|Form Component]] editor after clicking cancel when adding a new item.

=== Features ===
* The carousel feature for the [[ImageGalleryComponent|Image Gallery Component]] now allows you to set the transition time.
* You can now change the password for email addresses created.
* Ability to use [[Header Settings | images for website heading]].
* Improvements for resellers and cobrand partners.
* Ability to enable and disable a [[Registering_a_Domain_Name#Managing_e-mail_catch-all_settings | catch-all for email services]].

=== Enhancements ===
* Improved page generation and load time.
* Improved first time help/intro, added mini tutorial.
* Improved email account setup speed.
* Page stats no longer track 404s.
* Improved anti-spam measures.
* Comments on blog posts are now paginated with 100 comments per page.
* Dialogs will always ensure save buttons are in the viewport on smaller screen resolutions.

== Version 1.1.2 ==
Release Date: April 28, 2010

=== Bugs ===
* Bug causing [[AudioPlayerComponent|Audio Player Component]] to always auto-play has been fixed.
* Fixed a bug that caused the [[BlogArchiveComponent|Blog Archive Component]] to not respect the displayed limit setting on some themes.
* Fixed layout issues in the page settings dialog.
* Issue with quotes in metatags resolved.
* Fixed a bug in the [[VideoPlayerComponent|Video Player Component]] that muted audio when using auto-play.
* Fixed a bug that caused slow loading the [[AudioPlayerComponent|Audio Player Component]] for some users.\
* Fixed a bug that caused the enter key to not work in the domain search form.

=== Features ===
* Email services are now available!
* Designer directory added, for people who want a professionally designed website.
* The [[ImageGalleryComponent|Image Gallery Component]] how has a new view option. View your images in a click-through carousel.
* The carousel option of the [[ImageGalleryComponent|Image Gallery Component]] now has a slideshow option and an option to display titles.
* Ability to make [[NavigationComponent|Navigation Component]] group labels link to internal pages.

=== Enhancements ===
* Improvements to customization options for resellers.
* Domain name tools will show up all the time to avoid confusion, previously was hidden on trial/free plans.
* [[VideoPlayerComponent|Video Player Component]] play button now has a hover effect.
* Themes can now have more than 9 locations.
* Unpublished pages will no longer show up in the [[Managing_Primary_Navigation|Primary Navigation]] and [[NavigationComponent|Navigation Component]].
* Comment spam improvements.

== Version 1.1.1 ==
Release Date: March 29, 2010

=== Bugs ===
* Fixed an issue that caused pages to be available at their old url for awhile after renaming the page.
* Usernames with spaces in them now work correctly on the [[FriendfeedComponent|Friendfeed Component]].
* Improved error handling when responses from Facebook and Twitter's are invalid/broken.
* Fixed errors when adding an external image that is taking a long time to respond.

=== Features ===
* Themes no longer [[Required HTML Elements | require]] heading, subheading, nav or copyright.. but they are still recommended!
* Added [[VideoPlayerComponent | Video Player Component]]. Play MP4 videos right on your website!

=== Enhancements ===
* Customization options for reseller sites.

== Version 1.1.0 ==
Release Date: March 18, 2010
=== Bugs ===
* Fixed a bug that allowed Flash objects to be shown through a lightbox.
* Fixed a bug that didn't restore components when previewing your site in the Website Builder.
* Fixed a bug that in the [[AudioPlayerComponent|Audio Player Component]] that displayed a blank title if the file contained no ID3 values for title and artist.

=== Features ===
* Added new theme 'Classic Luxury'.
* New design for main site and account management.
* Reseller and API programs launched.
* [[Registering a Domain Name | Domain Registration and DNS management]].

=== Enhancements ===
* New icons for social networking.
* You can now display share icons for blog posts on Facebook and Twitter.
* You can now display the comment text on the [[BlogCommentComponent | Blog Comment Component]].
* [[BlogArchiveComponent | Blog Archive component]] now has an option to truncate the list, with a link to display the full list.

== Version 1.0.x ==
Release notes for 1.0.x releases are available on the [[Releases_1.0|Releases 1.0.x]] page.

Releases

2011-01-18T20:10:51Z

Dinsley: /* Enhancements */

<div style="float: left; width: 200px;"> __TOC__ </div>

<div style="margin-left: 20px; width: 700px; float: left;">
= Upcoming Changes =

=== Bugs ===
=== Features ===
=== Enhancements ===

</div>

<br style='clear: left' />

== Version 1.2.2 ==
Release Date: January 18, 2011

=== Bugs ===
* Fixed a bug that caused some help links to not load.
* Fixed a bug that didn't allow scrolling to work properly inside the file manager

=== Features ===
* Added ecwid shopping cart components
* Added a search bar to file manager

=== Enhancements ===
* New user interface changes to file manager
* Improved IE compatibility across the entire builder.
* Improved reliability of Facebook components in the event that Facebook does not respond.

== Version 1.2.1 ==
Release Date: November 8, 2010

=== Bugs ===
* Fixed a bug that caused email DNS records not to get reset when using the 'Reset DNS' option for a domain name.
* Fixed a bug that would cause an error when attempting to edit an image in the Visual Editor if the border was set to 0px.
* Fixed a problem that sometimes caused an error when the alternative text of images contained quotes.
* Fixed a bug that caused custom themes to sometimes not get applied properly.
* Fixed a bug that mishandled invalid protocols in the Feed Component and Blogroll Component.
* Fixed a bug that caused some help content to not load.
* Fixed a style issue that allowed some themes override table styles in editor dialogs.
* Fixed a bug that wouldn't submit comments after a validation error.
* Fixed a bug that prevented multiple form field items to be added to a Form Component without reloading the dialog.
* Fixed a bug that didn't set the copyright on site creation.
* Fixed a bug that didn't properly filter assets when scrolling.

=== Features ===
* Google Maps Component now supports streetview, georss/kml feeds and directions.
* New Tweet Button component. Easily allow visitors to tweet pages on your site.

=== Enhancements ===
* Speed improvements to the theme selection dialog.
* Improved image border options to make it easier to understand.
* E-mail no longer required for comments.

== Version 1.2 ==
Release Date: October 12, 2010

=== Bugs ===
* Fixed an issue where the wrong dialog tab would open when attempting to edit original sized images in the Visual Editor.
* Fixed an issue that caused styles to be lost when modifying the alignment or border of images in the Visual Editor.
* Fixed a bug handling the scenario where a Facebook account is linked, but not visible.
* Fixed a bug that put youtube videos above the toolbar. Doesn't update existing youtube components.

=== Features ===
* Added new component: Google Docs Viewer
* Integrated Help System
* Brand new dialog styles

=== Enhancements ===
* Video Player now supports panning.
* Google Maps Component upgraded to newer API. Some new features will be implemented soon!

== Version 1.1.8 ==
Release Date: July 28, 2010

=== Bugs ===
* Fixed a bug on signup that incorrectly said a password was too short after submitting the form.
* Fixed an alignment issue with the Find Address button on the Google Maps Component.
* Added missing primary navigation to the theme Idyllic.

=== Features ===
* Added the ability to add and remove an auto-responder from your email addresses.
* Added the ability to setup email forwarders for your email addresses.

=== Enhancements ===
* Made it easier to upload the correct type of files for the [[AudioPlayerComponent|Audio Player Component]] and the [[VideoPlayerComponent|Video Player Component]].
* The editor for copyright now focuses automatically when you click edit.

== Version 1.1.7 ==
Release Date: July 19, 2010

=== Bugs ===
* Fixed a problem with Internet Explorer throwing an error dialog when replying to a ticket.
* Fixed a bug where Chrome/Safari would render javascript if replying to a support ticket twice in a row.
* Fixed a bug that sometimes caused an error when attempting to login incorrectly too many times.
* Fixed a bug that was causing users to not be able to insert a second image in the content areas sometimes.

=== Features ===
=== Enhancements ===
* Automatically downcases email address when creating it to avoid unnecessary errors.
* Improvements for resellers and cobrand partners.

== Version 1.1.6 ==
Release Date: July 12, 2010

=== Bugs ===
* Fixed an issue that occasionally caused spam filtering to hang when checking comments.
* Fixed a bug in the audio player that doesn't initially recognize selected collections.
* Fixed javascript error when opening Flickr, Asset, or Youtube dialogs when within the Visual Editor.
* Fixed an issue with Chrome/Safari throwing an error and removing the selected image when attempting to edit it.
* Fixed an issue with Internet Explorer not going to the right dialog tab when editing an internal image in the Visual Editor.
* Fixed an issue causing an error to occur occasionally when editing theme resources or replacing theme images.
* Fixed an issue that caused the dialog to jump around when clicking on an image in the Visual Editor in Internet Explorer.
* Fixed an issue that caused the alignment of an image to revert back to its original position in the Visual Editor when switching to HTML mode.

=== Features ===
* Ability to easily set border sizes and colors on images in the Visual Editor.

=== Enhancements ===
* Approving or marking multiple comments as spam should now be occur much quicker.
* Better CSS class names for the body tag on dynamically generated pages (for advanced theme customization).
* Tweaks to dropspot UI to help make it more clear where components get dropped.
* Creating a new select option in the [[FormComponent|Form Component]] now immediately places focus the text box, eliminating the need to click before typing.

== Version 1.1.5 ==
Release Date: June 29, 2010

=== Bugs ===
* 'More by this author' link in theme browser fixed.
* When changing the page title, the change is reflected immediately now.
* Search filter no longer gets lost when changing sort order in theme gallery.
* Improved validation for external domains.
* Disabled ability to delete external domains after email is setup (causes problems if you do).
* A problem with the Image toolbar in Visual Editor has been fixed so that it now works in all browsers when clicking the edit button.
* Fixed a bug introduced by last release causing issues changing page layouts.
* Updated Digg Component to work with changed response in the API from Digg.
* Stopped blog posts from erroring when trying to post to Facebook after arbitrary FB limits have been reached.

=== Features ===
* Ability to display pictures from Flickr groups in the [[FlickrGalleryComponent|Flickr Gallery Component]].
* Reset DNS option added to domain management.
* Ability to make fields required in the [[FormComponent|Form Component]].

=== Enhancements ===
* Extra markup in the [[FormComponent|Form Component]] for more flexibility in styling.
* Support ticket system improvements.
* Image website headings now link to the home page.
* Added the ability to order email at the same time as domain names.

== Version 1.1.4 ==
Release Date: June 9, 2010

=== Bugs ===
* After changing [[Header Settings | website heading]] type, going back to edit it will properly show the correct by default.
* Avatar setting in [[Managing Comment Settings | comment settings]] properly shows the correct setting.

=== Features ===
* New themes: Dip!, Idyllic, Technobabble
* New Components: [[FacebookLikeComponent|Facebook Like Button]], [[FacebookActivityComponent|Facebook Activity]]

=== Enhancements ===
* Theme browser shows new themes first.
* Viewing page stats is now quicker.
* Further improved handling of Facebook issues when their servers are not responding correctly.
* Embeded javascript code is now allowed in the [[TextorContentBlockComponent|Custom Component]].
* When selecting a gif file to insert into [[TextorContentBlockComponent|Custom Component]], the size will default to original size to preserve animations.
* New anti-spam measures for Blog comments.

== Version 1.1.3 ==
Release Date: May 17, 2010

=== Bugs ===
* Fixed a bug preventing users from setting their initial host as the primary host, after changing it.
* Fixed a bug that prevented the adding of filenames with apostrophes in them in the visual editor.
* Fixed display issues in themes EcoBusiness and EcoBusiness Cafe.
* Fixed an issue that would leave an empty box in the [[FormComponent|Form Component]] editor after clicking cancel when adding a new item.

=== Features ===
* The carousel feature for the [[ImageGalleryComponent|Image Gallery Component]] now allows you to set the transition time.
* You can now change the password for email addresses created.
* Ability to use [[Header Settings | images for website heading]].
* Improvements for resellers and cobrand partners.
* Ability to enable and disable a [[Registering_a_Domain_Name#Managing_e-mail_catch-all_settings | catch-all for email services]].

=== Enhancements ===
* Improved page generation and load time.
* Improved first time help/intro, added mini tutorial.
* Improved email account setup speed.
* Page stats no longer track 404s.
* Improved anti-spam measures.
* Comments on blog posts are now paginated with 100 comments per page.
* Dialogs will always ensure save buttons are in the viewport on smaller screen resolutions.

== Version 1.1.2 ==
Release Date: April 28, 2010

=== Bugs ===
* Bug causing [[AudioPlayerComponent|Audio Player Component]] to always auto-play has been fixed.
* Fixed a bug that caused the [[BlogArchiveComponent|Blog Archive Component]] to not respect the displayed limit setting on some themes.
* Fixed layout issues in the page settings dialog.
* Issue with quotes in metatags resolved.
* Fixed a bug in the [[VideoPlayerComponent|Video Player Component]] that muted audio when using auto-play.
* Fixed a bug that caused slow loading the [[AudioPlayerComponent|Audio Player Component]] for some users.\
* Fixed a bug that caused the enter key to not work in the domain search form.

=== Features ===
* Email services are now available!
* Designer directory added, for people who want a professionally designed website.
* The [[ImageGalleryComponent|Image Gallery Component]] how has a new view option. View your images in a click-through carousel.
* The carousel option of the [[ImageGalleryComponent|Image Gallery Component]] now has a slideshow option and an option to display titles.
* Ability to make [[NavigationComponent|Navigation Component]] group labels link to internal pages.

=== Enhancements ===
* Improvements to customization options for resellers.
* Domain name tools will show up all the time to avoid confusion, previously was hidden on trial/free plans.
* [[VideoPlayerComponent|Video Player Component]] play button now has a hover effect.
* Themes can now have more than 9 locations.
* Unpublished pages will no longer show up in the [[Managing_Primary_Navigation|Primary Navigation]] and [[NavigationComponent|Navigation Component]].
* Comment spam improvements.

== Version 1.1.1 ==
Release Date: March 29, 2010

=== Bugs ===
* Fixed an issue that caused pages to be available at their old url for awhile after renaming the page.
* Usernames with spaces in them now work correctly on the [[FriendfeedComponent|Friendfeed Component]].
* Improved error handling when responses from Facebook and Twitter's are invalid/broken.
* Fixed errors when adding an external image that is taking a long time to respond.

=== Features ===
* Themes no longer [[Required HTML Elements | require]] heading, subheading, nav or copyright.. but they are still recommended!
* Added [[VideoPlayerComponent | Video Player Component]]. Play MP4 videos right on your website!

=== Enhancements ===
* Customization options for reseller sites.

== Version 1.1.0 ==
Release Date: March 18, 2010
=== Bugs ===
* Fixed a bug that allowed Flash objects to be shown through a lightbox.
* Fixed a bug that didn't restore components when previewing your site in the Website Builder.
* Fixed a bug that in the [[AudioPlayerComponent|Audio Player Component]] that displayed a blank title if the file contained no ID3 values for title and artist.

=== Features ===
* Added new theme 'Classic Luxury'.
* New design for main site and account management.
* Reseller and API programs launched.
* [[Registering a Domain Name | Domain Registration and DNS management]].

=== Enhancements ===
* New icons for social networking.
* You can now display share icons for blog posts on Facebook and Twitter.
* You can now display the comment text on the [[BlogCommentComponent | Blog Comment Component]].
* [[BlogArchiveComponent | Blog Archive component]] now has an option to truncate the list, with a link to display the full list.

== Version 1.0.x ==
Release notes for 1.0.x releases are available on the [[Releases_1.0|Releases 1.0.x]] page.

Releases

2011-01-18T20:09:09Z

Dinsley: /* Enhancements */

<div style="float: left; width: 200px;"> __TOC__ </div>

<div style="margin-left: 20px; width: 700px; float: left;">
= Upcoming Changes =

=== Bugs ===
=== Features ===
=== Enhancements ===

</div>

<br style='clear: left' />

== Version 1.2.2 ==
Release Date: January 18, 2011

=== Bugs ===
* Fixed a bug that caused some help links to not load.
* Fixed a bug that didn't allow scrolling to work properly inside the file manager

=== Features ===
* Added ecwid shopping cart components
* Added a search bar to file manager

=== Enhancements ===
* New user interface changes to file manager
* Improved IE compatibility across the entire builder.

== Version 1.2.1 ==
Release Date: November 8, 2010

=== Bugs ===
* Fixed a bug that caused email DNS records not to get reset when using the 'Reset DNS' option for a domain name.
* Fixed a bug that would cause an error when attempting to edit an image in the Visual Editor if the border was set to 0px.
* Fixed a problem that sometimes caused an error when the alternative text of images contained quotes.
* Fixed a bug that caused custom themes to sometimes not get applied properly.
* Fixed a bug that mishandled invalid protocols in the Feed Component and Blogroll Component.
* Fixed a bug that caused some help content to not load.
* Fixed a style issue that allowed some themes override table styles in editor dialogs.
* Fixed a bug that wouldn't submit comments after a validation error.
* Fixed a bug that prevented multiple form field items to be added to a Form Component without reloading the dialog.
* Fixed a bug that didn't set the copyright on site creation.
* Fixed a bug that didn't properly filter assets when scrolling.

=== Features ===
* Google Maps Component now supports streetview, georss/kml feeds and directions.
* New Tweet Button component. Easily allow visitors to tweet pages on your site.

=== Enhancements ===
* Speed improvements to the theme selection dialog.
* Improved image border options to make it easier to understand.
* E-mail no longer required for comments.

== Version 1.2 ==
Release Date: October 12, 2010

=== Bugs ===
* Fixed an issue where the wrong dialog tab would open when attempting to edit original sized images in the Visual Editor.
* Fixed an issue that caused styles to be lost when modifying the alignment or border of images in the Visual Editor.
* Fixed a bug handling the scenario where a Facebook account is linked, but not visible.
* Fixed a bug that put youtube videos above the toolbar. Doesn't update existing youtube components.

=== Features ===
* Added new component: Google Docs Viewer
* Integrated Help System
* Brand new dialog styles

=== Enhancements ===
* Video Player now supports panning.
* Google Maps Component upgraded to newer API. Some new features will be implemented soon!

== Version 1.1.8 ==
Release Date: July 28, 2010

=== Bugs ===
* Fixed a bug on signup that incorrectly said a password was too short after submitting the form.
* Fixed an alignment issue with the Find Address button on the Google Maps Component.
* Added missing primary navigation to the theme Idyllic.

=== Features ===
* Added the ability to add and remove an auto-responder from your email addresses.
* Added the ability to setup email forwarders for your email addresses.

=== Enhancements ===
* Made it easier to upload the correct type of files for the [[AudioPlayerComponent|Audio Player Component]] and the [[VideoPlayerComponent|Video Player Component]].
* The editor for copyright now focuses automatically when you click edit.

== Version 1.1.7 ==
Release Date: July 19, 2010

=== Bugs ===
* Fixed a problem with Internet Explorer throwing an error dialog when replying to a ticket.
* Fixed a bug where Chrome/Safari would render javascript if replying to a support ticket twice in a row.
* Fixed a bug that sometimes caused an error when attempting to login incorrectly too many times.
* Fixed a bug that was causing users to not be able to insert a second image in the content areas sometimes.

=== Features ===
=== Enhancements ===
* Automatically downcases email address when creating it to avoid unnecessary errors.
* Improvements for resellers and cobrand partners.

== Version 1.1.6 ==
Release Date: July 12, 2010

=== Bugs ===
* Fixed an issue that occasionally caused spam filtering to hang when checking comments.
* Fixed a bug in the audio player that doesn't initially recognize selected collections.
* Fixed javascript error when opening Flickr, Asset, or Youtube dialogs when within the Visual Editor.
* Fixed an issue with Chrome/Safari throwing an error and removing the selected image when attempting to edit it.
* Fixed an issue with Internet Explorer not going to the right dialog tab when editing an internal image in the Visual Editor.
* Fixed an issue causing an error to occur occasionally when editing theme resources or replacing theme images.
* Fixed an issue that caused the dialog to jump around when clicking on an image in the Visual Editor in Internet Explorer.
* Fixed an issue that caused the alignment of an image to revert back to its original position in the Visual Editor when switching to HTML mode.

=== Features ===
* Ability to easily set border sizes and colors on images in the Visual Editor.

=== Enhancements ===
* Approving or marking multiple comments as spam should now be occur much quicker.
* Better CSS class names for the body tag on dynamically generated pages (for advanced theme customization).
* Tweaks to dropspot UI to help make it more clear where components get dropped.
* Creating a new select option in the [[FormComponent|Form Component]] now immediately places focus the text box, eliminating the need to click before typing.

== Version 1.1.5 ==
Release Date: June 29, 2010

=== Bugs ===
* 'More by this author' link in theme browser fixed.
* When changing the page title, the change is reflected immediately now.
* Search filter no longer gets lost when changing sort order in theme gallery.
* Improved validation for external domains.
* Disabled ability to delete external domains after email is setup (causes problems if you do).
* A problem with the Image toolbar in Visual Editor has been fixed so that it now works in all browsers when clicking the edit button.
* Fixed a bug introduced by last release causing issues changing page layouts.
* Updated Digg Component to work with changed response in the API from Digg.
* Stopped blog posts from erroring when trying to post to Facebook after arbitrary FB limits have been reached.

=== Features ===
* Ability to display pictures from Flickr groups in the [[FlickrGalleryComponent|Flickr Gallery Component]].
* Reset DNS option added to domain management.
* Ability to make fields required in the [[FormComponent|Form Component]].

=== Enhancements ===
* Extra markup in the [[FormComponent|Form Component]] for more flexibility in styling.
* Support ticket system improvements.
* Image website headings now link to the home page.
* Added the ability to order email at the same time as domain names.

== Version 1.1.4 ==
Release Date: June 9, 2010

=== Bugs ===
* After changing [[Header Settings | website heading]] type, going back to edit it will properly show the correct by default.
* Avatar setting in [[Managing Comment Settings | comment settings]] properly shows the correct setting.

=== Features ===
* New themes: Dip!, Idyllic, Technobabble
* New Components: [[FacebookLikeComponent|Facebook Like Button]], [[FacebookActivityComponent|Facebook Activity]]

=== Enhancements ===
* Theme browser shows new themes first.
* Viewing page stats is now quicker.
* Further improved handling of Facebook issues when their servers are not responding correctly.
* Embeded javascript code is now allowed in the [[TextorContentBlockComponent|Custom Component]].
* When selecting a gif file to insert into [[TextorContentBlockComponent|Custom Component]], the size will default to original size to preserve animations.
* New anti-spam measures for Blog comments.

== Version 1.1.3 ==
Release Date: May 17, 2010

=== Bugs ===
* Fixed a bug preventing users from setting their initial host as the primary host, after changing it.
* Fixed a bug that prevented the adding of filenames with apostrophes in them in the visual editor.
* Fixed display issues in themes EcoBusiness and EcoBusiness Cafe.
* Fixed an issue that would leave an empty box in the [[FormComponent|Form Component]] editor after clicking cancel when adding a new item.

=== Features ===
* The carousel feature for the [[ImageGalleryComponent|Image Gallery Component]] now allows you to set the transition time.
* You can now change the password for email addresses created.
* Ability to use [[Header Settings | images for website heading]].
* Improvements for resellers and cobrand partners.
* Ability to enable and disable a [[Registering_a_Domain_Name#Managing_e-mail_catch-all_settings | catch-all for email services]].

=== Enhancements ===
* Improved page generation and load time.
* Improved first time help/intro, added mini tutorial.
* Improved email account setup speed.
* Page stats no longer track 404s.
* Improved anti-spam measures.
* Comments on blog posts are now paginated with 100 comments per page.
* Dialogs will always ensure save buttons are in the viewport on smaller screen resolutions.

== Version 1.1.2 ==
Release Date: April 28, 2010

=== Bugs ===
* Bug causing [[AudioPlayerComponent|Audio Player Component]] to always auto-play has been fixed.
* Fixed a bug that caused the [[BlogArchiveComponent|Blog Archive Component]] to not respect the displayed limit setting on some themes.
* Fixed layout issues in the page settings dialog.
* Issue with quotes in metatags resolved.
* Fixed a bug in the [[VideoPlayerComponent|Video Player Component]] that muted audio when using auto-play.
* Fixed a bug that caused slow loading the [[AudioPlayerComponent|Audio Player Component]] for some users.\
* Fixed a bug that caused the enter key to not work in the domain search form.

=== Features ===
* Email services are now available!
* Designer directory added, for people who want a professionally designed website.
* The [[ImageGalleryComponent|Image Gallery Component]] how has a new view option. View your images in a click-through carousel.
* The carousel option of the [[ImageGalleryComponent|Image Gallery Component]] now has a slideshow option and an option to display titles.
* Ability to make [[NavigationComponent|Navigation Component]] group labels link to internal pages.

=== Enhancements ===
* Improvements to customization options for resellers.
* Domain name tools will show up all the time to avoid confusion, previously was hidden on trial/free plans.
* [[VideoPlayerComponent|Video Player Component]] play button now has a hover effect.
* Themes can now have more than 9 locations.
* Unpublished pages will no longer show up in the [[Managing_Primary_Navigation|Primary Navigation]] and [[NavigationComponent|Navigation Component]].
* Comment spam improvements.

== Version 1.1.1 ==
Release Date: March 29, 2010

=== Bugs ===
* Fixed an issue that caused pages to be available at their old url for awhile after renaming the page.
* Usernames with spaces in them now work correctly on the [[FriendfeedComponent|Friendfeed Component]].
* Improved error handling when responses from Facebook and Twitter's are invalid/broken.
* Fixed errors when adding an external image that is taking a long time to respond.

=== Features ===
* Themes no longer [[Required HTML Elements | require]] heading, subheading, nav or copyright.. but they are still recommended!
* Added [[VideoPlayerComponent | Video Player Component]]. Play MP4 videos right on your website!

=== Enhancements ===
* Customization options for reseller sites.

== Version 1.1.0 ==
Release Date: March 18, 2010
=== Bugs ===
* Fixed a bug that allowed Flash objects to be shown through a lightbox.
* Fixed a bug that didn't restore components when previewing your site in the Website Builder.
* Fixed a bug that in the [[AudioPlayerComponent|Audio Player Component]] that displayed a blank title if the file contained no ID3 values for title and artist.

=== Features ===
* Added new theme 'Classic Luxury'.
* New design for main site and account management.
* Reseller and API programs launched.
* [[Registering a Domain Name | Domain Registration and DNS management]].

=== Enhancements ===
* New icons for social networking.
* You can now display share icons for blog posts on Facebook and Twitter.
* You can now display the comment text on the [[BlogCommentComponent | Blog Comment Component]].
* [[BlogArchiveComponent | Blog Archive component]] now has an option to truncate the list, with a link to display the full list.

== Version 1.0.x ==
Release notes for 1.0.x releases are available on the [[Releases_1.0|Releases 1.0.x]] page.

Sample Theme

2010-12-20T18:45:54Z

Dinsley: /* Sample Theme for Download */

The sample theme below will give you a clear example of the minimal requirements necessary to create a working theme.

==Sample Theme for Download==

http://builderexample.com/files/others/blank_theme.zip

This includes all the files you need to get started.

==Blank theme HTML showing only required elements==

If you downloaded the file above, you should recognize the html below. Here is an example showing only the required html elements for a theme and nothing more:

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Example Theme</title>
</head>
<body>
→ <h1 id="site_heading">Site Heading</h1>
→ <h2 id="site_subheading">Site Subheading</h2>

→ <div id="primary_navigation">Primary navigation list</div>

→ <div id="location_0" class="location">
Main site content
</div>

→ <div id="copyright">
Copyright content
</div>

</body>
</html>
</pre>

In the code sample above, the required html elements are noted with arrows.

If the above was all the html in your theme, it would work; the requirements are very minimal.

'''We will automatically remove any html you place inside any of the required elements and then populate them with predefined html based on any content you add later using the editor toolbar.'''

In addition to the required html elements, you will be able to add Optional [[:Category:Components | Components]] such as blogs, friends lists, photo galleries, and more using the editor toolbar. These differ from the [[required HTML Elements]] in that they are optional rather than required, but you can style them in the same way, by knowing what html gets inserted and creating css for it in your stylesheet.

[[Category:Creating Themes]]

Sample Theme

2010-12-20T18:45:01Z

Dinsley: /* Sample Theme for Download */

The sample theme below will give you a clear example of the minimal requirements necessary to create a working theme.

==Sample Theme for Download==

[http://builderexample.com/files/others/blank_theme.zip] ZIP Archive A blank theme to work from

This includes all the files you need to get started.

==Blank theme HTML showing only required elements==

If you downloaded the file above, you should recognize the html below. Here is an example showing only the required html elements for a theme and nothing more:

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Example Theme</title>
</head>
<body>
→ <h1 id="site_heading">Site Heading</h1>
→ <h2 id="site_subheading">Site Subheading</h2>

→ <div id="primary_navigation">Primary navigation list</div>

→ <div id="location_0" class="location">
Main site content
</div>

→ <div id="copyright">
Copyright content
</div>

</body>
</html>
</pre>

In the code sample above, the required html elements are noted with arrows.

If the above was all the html in your theme, it would work; the requirements are very minimal.

'''We will automatically remove any html you place inside any of the required elements and then populate them with predefined html based on any content you add later using the editor toolbar.'''

In addition to the required html elements, you will be able to add Optional [[:Category:Components | Components]] such as blogs, friends lists, photo galleries, and more using the editor toolbar. These differ from the [[required HTML Elements]] in that they are optional rather than required, but you can style them in the same way, by knowing what html gets inserted and creating css for it in your stylesheet.

[[Category:Creating Themes]]

Advanced Website Settings

2010-12-07T17:20:53Z

Dinsley:

The '''Site Header''' contains the head element. Elements inside '''<head>''' tags can include scripts, instruct the browser where to find stylesheets, provide meta information, and more. This is an extremely useful feature to create site-wide meta information that won't be removed if you change or upload a theme. For example, a description for your site, or keywords search engines can use to better index your site. Of course, keywords and descriptions for a specific page can still be managed in it's [[Page Settings]].

'''Robots.txt''' is a file used to give special instructions to web robots. This allows you to block certain web robots from certain parts of your website, or direct them to relevant information.

[[Image:Websitesettings2.PNG]]

A '''Sitemap XML''' file lists the URLs for your website that are most important. This allows search engines to crawl the site more intelligently. These are now auto-discoverable by search engines, which will help your site get indexed better and quicker.

With '''Code Highlighting''', the builder will automatically color-code any snippets of programming code you include in [[Blog]] posts or [[Custom Content blocks]]. The Theme you choose here determines the color scheme the builder will use for highlighting your code.

The website '''Description''' will be used in the metatags when people or search engines visit your site. Most search engines will use the description for a summary in their search results.

'''Custom Keywords''' are used by some search engines for indexing your website. Keywords should be in a comma separated list (eg: hockey,sport,nhl).

Enabling '''Page-specific metatags''' allows you to specify a description or custom keywords for that page.

====See Also:====

* [[Website Settings | Basic Website Settings]]
* [[Header Settings]]
* [[Linked Accounts]]

[[Category:Toolbar]]

Sample Theme

2010-12-06T22:52:26Z

Dinsley: /* Sample Theme for Download */

The sample theme below will give you a clear example of the minimal requirements necessary to create a working theme.

==Sample Theme for Download==

[http://websitebuilderkb.com/images/5/54/Blank_theme.zip blank_theme.zip] ZIP Archive A blank theme to work from

This includes all the files you need to get started.

==Blank theme HTML showing only required elements==

If you downloaded the file above, you should recognize the html below. Here is an example showing only the required html elements for a theme and nothing more:

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Example Theme</title>
</head>
<body>
→ <h1 id="site_heading">Site Heading</h1>
→ <h2 id="site_subheading">Site Subheading</h2>

→ <div id="primary_navigation">Primary navigation list</div>

→ <div id="location_0" class="location">
Main site content
</div>

→ <div id="copyright">
Copyright content
</div>

</body>
</html>
</pre>

In the code sample above, the required html elements are noted with arrows.

If the above was all the html in your theme, it would work; the requirements are very minimal.

'''We will automatically remove any html you place inside any of the required elements and then populate them with predefined html based on any content you add later using the editor toolbar.'''

In addition to the required html elements, you will be able to add Optional [[:Category:Components | Components]] such as blogs, friends lists, photo galleries, and more using the editor toolbar. These differ from the [[required HTML Elements]] in that they are optional rather than required, but you can style them in the same way, by knowing what html gets inserted and creating css for it in your stylesheet.

[[Category:Creating Themes]]

Sample Theme

2010-12-06T22:52:13Z

Dinsley: /* Sample Theme for Download */

The sample theme below will give you a clear example of the minimal requirements necessary to create a working theme.

==Sample Theme for Download==

[https://websitebuilderkb.com/images/5/54/Blank_theme.zip blank_theme.zip] ZIP Archive A blank theme to work from

This includes all the files you need to get started.

==Blank theme HTML showing only required elements==

If you downloaded the file above, you should recognize the html below. Here is an example showing only the required html elements for a theme and nothing more:

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Example Theme</title>
</head>
<body>
→ <h1 id="site_heading">Site Heading</h1>
→ <h2 id="site_subheading">Site Subheading</h2>

→ <div id="primary_navigation">Primary navigation list</div>

→ <div id="location_0" class="location">
Main site content
</div>

→ <div id="copyright">
Copyright content
</div>

</body>
</html>
</pre>

In the code sample above, the required html elements are noted with arrows.

If the above was all the html in your theme, it would work; the requirements are very minimal.

'''We will automatically remove any html you place inside any of the required elements and then populate them with predefined html based on any content you add later using the editor toolbar.'''

In addition to the required html elements, you will be able to add Optional [[:Category:Components | Components]] such as blogs, friends lists, photo galleries, and more using the editor toolbar. These differ from the [[required HTML Elements]] in that they are optional rather than required, but you can style them in the same way, by knowing what html gets inserted and creating css for it in your stylesheet.

[[Category:Creating Themes]]

File:2010-welcome-video-unsized-Dec-3.mov

2010-12-03T23:20:17Z

Dinsley:

Template:VivitiWelcome

2010-11-17T19:45:21Z

Dinsley:

__NOTOC__
{| border="0" cellpadding="2" style="text-align:left"
!width="670"| <font size=3>Welcome to the Viviti Wiki!</font>
!width="330"| <FONT COLOR="#398404">'''[[FAQ | Common Questions]]'''</font><hr>
|- style="font-size:86% !important; vertical-align: top;"
|<div style="margin-right: 20px;"><FONT size="2">

Wondering what the website builder is or looking for help with a specific topic? This wiki caters to all users of the website builder regardless of previous website building experience and will cover all aspects of using this dynamic software as it grows.
<br><br>
Our goal is to provide an evolving, detailed resource for all website builder users to assist in getting the most out of it.
</FONT></div>
|
<span style="line-height: 2.1em;">
[[FAQ#paid | What is offered with a paid package?]]<br>
[[FAQ#trialexpired | My trial has expired - what now?]]<br>
[[Storage and Bandwidth Availability | How much storage and bandwidth is available for my site?]]<br>
[[Registering a Domain Name | How can I register/manage a domain name?]]<br>
[[Creating an E-mail address | How can I create/manage an e-mail address?]]<br>
[[Hostname Mapping | I own a domain elsewhere - how do I set it up with website builder?]]<br>
[[FAQ#search | Do you automatically submit websites to search engine listings?]]<br>
[[FAQ#paymenttypes | Which payment types do you accept?]]<br>
[[Support Center | How can I get help?]]<br>
[[FAQ | '''More...''']]
</span>
|}

<br>
<FONT COLOR="#398404">'''[[Introduction]]'''</FONT>
<hr>
{| border="0" cellpadding="2"
!width="225"|
!width="225"|
!width="225"|
!width="225"|
|- style=""
| [[Creating an Account]] || [[Logging into your Account]] || [[Viewing your Account Overview]] || [[Upgrading your Hosting Package]]
|- style=""
|[[Changing your e-mail Address]] || [[Changing your Password]] || [[Retrieving a Lost Password]] || [[Creating a new Website]]
|- style=""
|[[Deleting a Website]] || [[Deleting an Account]] || [[Accessing the Website Editor]] || [[Using the Website Editor]]
|- style=""
|[[Publishing your Website]] || [[Creating a New Page]] || [[Deleting a Page]] || [[Toolbar]]
|- style=""
|[[Status Bar]] || [[Pages | Organizing your Pages]] || [[Viewing your Transaction History]] || [[Introduction | '''More...''']]
|}

{{Template:FrontpageHelpCategories}}

<FONT COLOR="#398404">'''Helpful Links'''</font>
<hr>
{| border="0" cellpadding="2"
!width="170"|
!width="170"|
!width="170"|
!width="170"|
!width="170"|
|- style="text-align:left;"
| [http://viviti.com/ Viviti Home]
|| [http://forums.viviti.com Viviti Forums]
|| [http://blog.viviti.com Viviti Blog]
|| [[Releases | Release History]]
|| [[FAQ | Frequently Asked Questions]]

Template:VivitiWelcome

2010-11-17T19:44:38Z

Dinsley:

__NOTOC__
{| border="0" cellpadding="2" style="text-align:left"
!width="670"| <font size=3>Welcome to the Website Builder Wiki!</font>
!width="330"| <FONT COLOR="#398404">'''[[FAQ | Common Questions]]'''</font><hr>
|- style="font-size:86% !important; vertical-align: top;"
|<div style="margin-right: 20px;"><FONT size="2">

Wondering what the website builder is or looking for help with a specific topic? This wiki caters to all users of the website builder regardless of previous website building experience and will cover all aspects of using this dynamic software as it grows.
<br><br>
Our goal is to provide an evolving, detailed resource for all website builder users to assist in getting the most out of it.
</FONT></div>
|
<span style="line-height: 2.1em;">
[[FAQ#paid | What is offered with a paid package?]]<br>
[[FAQ#trialexpired | My trial has expired - what now?]]<br>
[[Storage and Bandwidth Availability | How much storage and bandwidth is available for my site?]]<br>
[[Registering a Domain Name | How can I register/manage a domain name?]]<br>
[[Creating an E-mail address | How can I create/manage an e-mail address?]]<br>
[[Hostname Mapping | I own a domain elsewhere - how do I set it up with website builder?]]<br>
[[FAQ#search | Do you automatically submit websites to search engine listings?]]<br>
[[FAQ#paymenttypes | Which payment types do you accept?]]<br>
[[Support Center | How can I get help?]]<br>
[[FAQ | '''More...''']]
</span>
|}

<br>
<FONT COLOR="#398404">'''[[Introduction]]'''</FONT>
<hr>
{| border="0" cellpadding="2"
!width="225"|
!width="225"|
!width="225"|
!width="225"|
|- style=""
| [[Creating an Account]] || [[Logging into your Account]] || [[Viewing your Account Overview]] || [[Upgrading your Hosting Package]]
|- style=""
|[[Changing your e-mail Address]] || [[Changing your Password]] || [[Retrieving a Lost Password]] || [[Creating a new Website]]
|- style=""
|[[Deleting a Website]] || [[Deleting an Account]] || [[Accessing the Website Editor]] || [[Using the Website Editor]]
|- style=""
|[[Publishing your Website]] || [[Creating a New Page]] || [[Deleting a Page]] || [[Toolbar]]
|- style=""
|[[Status Bar]] || [[Pages | Organizing your Pages]] || [[Viewing your Transaction History]] || [[Introduction | '''More...''']]
|}

{{Template:FrontpageHelpCategories}}

<FONT COLOR="#398404">'''Helpful Links'''</font>
<hr>
{| border="0" cellpadding="2"
!width="170"|
!width="170"|
!width="170"|
!width="170"|
!width="170"|
|- style="text-align:left;"
| [http://viviti.com/ Viviti Home]
|| [http://forums.viviti.com Viviti Forums]
|| [http://blog.viviti.com Viviti Blog]
|| [[Releases | Release History]]
|| [[FAQ | Frequently Asked Questions]]

Deleting a Page

2010-11-17T19:27:33Z

Dinsley:

This option will allow you to delete the page you are currently editing. If you only have 1 website page or the page is your main page (as set in the [[Pages]] area), it cannot be deleted and this icon will be inactive.

[[Image:Statusdeletepage.PNG]]

<div class="note">
'''Note''' <br />
Pages can also be deleted in the [[Pages]] section of the [[Toolbar]] in the "My Content" section
</div>

[[Category:Using The Website Builder]]
[[Category:Pages]]
[[Category:Status Bar]]

Deleting a Page

2010-11-17T19:27:17Z

Dinsley:

This option will allow you to delete the page you are currently editing. If you only have 1 website page or the page is your main page (as set in the [[Pages]] area), it cannot be deleted and this icon will be inactive.

[[Image:Statusdeletepage.PNG]]

<div class="note">
'''Note'''
Pages can also be deleted in the [[Pages]] section of the [[Toolbar]] in the "My Content" section
</div>

[[Category:Using The Website Builder]]
[[Category:Pages]]
[[Category:Status Bar]]

Collapsing Components

2010-11-17T19:26:35Z

Dinsley:

This function will toggle the layout mode and when selected, hides all content blocks (text and images). Clicking again will make them re-appear.

[[Image:Statuscollapse.PNG]]

<div class="note">
'''Note'''<br />
Components can still be edited in this state, and this is particularly useful if content within a component is not functioning properly, or is causing problems in editing further. Collapsing components can be a useful editing tool but is not otherwise seen outside of the editor, so visitors to your site won't see this.
</div>

==Example==

The below image shows a component before and after the collapse option is toggled:

[[Image:Collapsed.PNG]]

Note the '''CSS ID''' - the identification number unique to that component. This can be used in making code changes that affect that component specifically, such as [[Creating Navigation Component Hover Menus | Navigation Component Hover Menus]].

[[Category:Components]]
[[Category:Status Bar]]

Collapsing Components

2010-11-17T19:26:20Z

Dinsley:

This function will toggle the layout mode and when selected, hides all content blocks (text and images). Clicking again will make them re-appear.

[[Image:Statuscollapse.PNG]]

<div class="note">
'''Note'''<br />
Components can still be edited in this state, and this is particularly useful if content within a component is not functioning properly, or is causing problems in editing further. Collapsing components can be a useful editing tool but is not otherwise seen outside of the editor, so visitors to your site won't see this.
</div>

====Example====

The below image shows a component before and after the collapse option is toggled:

[[Image:Collapsed.PNG]]

Note the '''CSS ID''' - the identification number unique to that component. This can be used in making code changes that affect that component specifically, such as [[Creating Navigation Component Hover Menus | Navigation Component Hover Menus]].

[[Category:Components]]
[[Category:Status Bar]]

Hostname Mapping

2010-11-17T19:19:35Z

Dinsley:

__NOTOC__
Hostname Mapping allows you to map any external domain names or subdomains to your website and use them in addition to your website builder address.

Your primary hostname is the address that will display in your browser's address bar upon visiting your site. If you configure a domain to be used as a hostname (an option with [[Upgrading your Hosting Package | paid packages]]) and want it to display as your website address at all times, simply set it as the primary hostname!

====Where to Find:====

To access this page, click on the "Hosts" button in the "Websites" area in your [[Account Overview]].

====Configuring:====

[[Image:Hostnamemapping.PNG]]

First, click "Add Hostname" to get started.

[[Image:Hostnamemapping2.PNG]]

You will be able to choose your registrar from the '''Domain Registrar''' dropdown box with further instructions for configuring the domain with that registrar to work with this hostmapping setting.

<div class="note">
'''Note''' <br />
Before adding the hostname you must add a CNAME record or an A record at your registar. Your registrar should be able to assist you with locating and modifying these settings.
</div>

Finally, add the hostname in this lightbox to complete configuration.

[[Image:Hostnamemapping3.PNG]]

====See Also:====

* [[Viewing your Account Overview]]
* [[Upgrading your Hosting Package]]
* [[Registering a Domain Name]]
* [[Adding an External Domain]]

[[Category:Advanced Topics]]
[[Category:Domain Names]]
[[Category:Viviti]]

Uploading Files

2010-11-17T19:19:17Z

Dinsley:

__NOTOC__
==Where to Find==

This area can be found in the "Files" section of the "My Content" area on the [[Toolbar]].

==Uploading Files==

Uploading a file is a quick process. If you have not previously uploaded any files, you should see a window such as the following:

[[Image:Filemanager.PNG]]

Uploading a file is as simple as clicking on the "Click here to upload some files!" link in the main box, or the "Upload Files" button in the left column.

<div class="note">
'''Note''' <br />
You can upload files with spaces in the file name, however these will be converted to dashes (-) after uploading. This helps avoid potential problems with URLs.
</div>

[[Image:Filemanager2.PNG]]

You can use this area to upload any type of file you want to share with your website visitors (''having trouble with this? See the [[#basicuploader | Basic Uploader]] section below!'').

Clicking the "Add Files" button will allow you to browse files you have locally on your computer to be uploaded. You can continue to add files in this manner until you're ready to upload them to your account.

Files are not added to [[File Collections | file collections]] by default, however you can select the collection you would like to upload to using the '''Add to Collection''' dropdown box prior to uploading.

Once you are ready to upload all intended files, simply click on "Upload" at the bottom of the page to complete the process.

<div class="note">
'''Note''' <br />
Files can be removed from the list of files to be uploaded at any time by clicking the [[Image:Deleteicon.PNG]] button beside the file.
</div>

<div id="basicuploader">

====Basic Uploader====
</div>

Because our standard uploader is flash based, in some rare cases, this may result in difficulties in uploading files. We have added a basic uploader as an alternative in these cases. To access it, just click the '''basic uploader''' link at the top of the uploading area.

[[Image:Basicuploader.PNG]]

Simply click "Browse..." to choose files located on your computer to be uploaded.

[[Image:Filemanager3.PNG]]

You will return to the main File manager with a list of your uploaded files. These files are now ready for use with your website!

[[Category:Toolbar]]
[[Category:Using The Website Builder]]

Unpublishing a Page

2010-11-17T19:18:07Z

Dinsley:

Not ready for a page to be displayed on your website? Unpublish it!

<div class="note">
'''Note''' <br />
This will not remove the page from your list while [[Using the Website Editor]], allowing you to access the page and make further changes.
</div>

==Unpublishing an Existing Page==

To unpublish an existing page, you will need to access the [[Pages | Manage Pages]] area within the "My Website" section of the [[Toolbar]] and click on the page name to access the [[Page Settings]]. Clicking on a page name will allow you to edit the settings you used when the page was created in the [[Creating a New Page]] area.

[[Image:Managepages.PNG]]

Simply uncheck the "Published" option, and click "Save" to save this change.

<div class="note">
'''Note''' <br />
Page settings can also be accessed using the [[Status Bar]].
</div>

==Unpublishing a New Page==

To create a page that is unpublished initially, uncheck the "Published" option while [[Creating a New Page]].

Unpublished pages will appear as the the "unpublished" page appears in this image within the '''Current Page''' dropdown on the [[Toolbar]]. The page will not appear in your website's [[Managing Primary Navigation | primary navigation]]. If a formerly published page is visited directly once becoming unpublished, and error page will appear in place of the page.

[[Image:Currentpage.PNG]]

==Related Help==

* [[Publishing your Website | How can I publish my website?]]
* [[Using the Website Editor | How can I use the website editor?]]
* [[Creating a New Page | How can I create a new page?]]
* [[Deleting a Page | How can I delete a page?]]

Enabling Chinese Language Support

2010-11-17T19:17:10Z

Dinsley:

A fellow website builder user has created a simple JavaScript to translate website builder pages into Chinese! Once applied, it will translate most of the English on your pages, such as "comment" "View archived posts" "Submit" "Read more".

==Where to Find:==

This latest version of this code can be found at the member's site here:

http://www.imyuao.com/files/documents/translate.js

We suggest you watch this page for updates and improvements to this script.

==How to Use==

To use this script, simply include the latest javascript file in your default html document while [[Editing Theme Source Code]]. For version 1.3.3 of this script, the entry would appear as follows:

<source lang="javascript">
<script type='text/javascript' src='http://www.imyuao.com/files/documents/translate.js'></script>
</source>

<div class="note">
'''Note''' <br />
Please ensure this is added within the '''<body>''' tags of your default html file.
</div>

==Example==

This code has been tested and works well. An example of this can be found at:

http://www.imyuao.com/

[[Category:Tips and Tricks]]

FacebookActivityComponent

2010-11-17T19:16:55Z

Dinsley:

__NOTOC__
The [http://www.facebook.com Facebook] Activity component displays the most interesting recent activity taking place on your site. Since the content is hosted by Facebook, the plugin can display personalized content whether or not the user has logged into your site. The activity feed displays stories both when users like content on your site and when users share content from your site back to Facebook. If a user is logged into Facebook, the plugin will be personalized to highlight content from their friends. If the user is logged out, the activity feed will show recommendations from your site, and give the user the option to log in to Facebook. This component is associated with the Facebook account you will need to connect with your builder site in the [[Linked Accounts]] manager.

==Where to Find==

This Component can be found in the [[Adding to a Page | "Add to Page..."]] section of the [[Toolbar]].

==Adding to Website==

After selecting this Component, you will be able to choose exactly where you want to add it!

You will see all available [[content locations]] it can be added to - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).

<div class="note">
'''Note''' <br />
If you do not currently have your Facebook account configured as a [[Linked Accounts | Linked Account]], you will be prompted to make this connection after choosing the content location.
</div>

==Options==

[[Image:Facebookactivity.PNG]]

You can optionally set a '''Title''' to be displayed above the topic content on your page. Selecting '''Show Header''' will display the "Recent Activity" bar at the top of the component.

The '''Font''' and '''Color Scheme''' fields will give you customization options for the text that displays within this component.

Lastly, the '''Component Size Width''' and '''Height''' fields will allow you specify the size of the contents within this component (within the boundaries of the component container).

==Editing==

Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the [[Component Toolbar]].

==Example Sites==

An example of this Component can be viewed on the [http://builderexample.com/social-networking Social Networking] page of http://builderexample.com

[[Category:Components]]
[[Category:Social Networking Components]]

Creating Navigation Component Hover Menus

2010-11-17T19:16:24Z

Dinsley: /* Configuring for a specific Navigation Component: */

To further customize the content within a [[NavigationComponent | Navigation Component]], you can create Navigation Component Hover Menus!

[[Image:Hovernav.PNG]]

<div class="note">
'''Note''' <br />
This works only with nested sub-menus created within the Navigation Component.
</div>

====Configuring for all Navigation Components:====

In order to activate the hover menus for ''all'' of your navigation components you'll need to follow the directions below:

1. Go to the My Website [[toolbar]] menu, and click on [[Editing Theme Source Code | Edit Theme Source Code]].<br>
2. Click on the ''default.html'' in the table that lists your theme files.<br>
3. Add the following code below code inside of the '''<head>''' element:

<source lang="javascript">
<script type="text/javascript" src="/extras/js/superfish.js"></script>
<script type="text/javascript"> $j(function(){ $j("ul.navigation").superfish() });</script>
</source>

4. Click the Save button at the bottom of the dialog.

The page should reload and any nested menus in your Navigation Component will now be activated when the mouse hovers overtop of the label.

====Configuring for a specific Navigation Component:====

If you just want the hover menu activated on ''one specific'' Navigation Component, you'll first need to get the CSS ID of the component. To do this, you'll need to:

1. Click the [[Collapse Components | collapse component]] button in the website builder [[status bar]], so that the components ID are displayed.<br>
2. Select and copy the ID into your clipboard (it should look similar to #component_0000)<br>
3. Go to the My Website [[toolbar]] menu, and click on [[Editing Theme Source Code | Edit Theme Source Code]].<br>
4. Click on the ''default.html'' in the table that lists your theme files.<br>
5. You'll now need to add the following code inside of the '''<head>''' element:

<source lang="javascript">
<script type="text/javascript" src="/extras/js/superfish.js"></script>
<script type="text/javascript"> $j(function(){ $j("#component_0000 .navigation").superfish() });</script>
</source>

6. The second line of the above code needs to have #component_0000 replaced with whatever you copied as the components CSS ID.<br>
7. Click the Save button at the bottom of the dialog.

Superfish also has a variety of options that can be tweaked. A list of these options are available on the [http://users.tpg.com.au/j_birch/plugins/superfish/#options Superfish documentation page].

<div class="note">
'''Note''' <br />
Group labels can also be edited to link to internal pages.
</div>

====Example:====

An example of this can be viewed on the [http://builderexample.com/web-tools Web Tools] page of http://builderexample.com

[[Category:Tips and Tricks]]

Creating Navigation Component Hover Menus

2010-11-17T19:14:29Z

Dinsley:

To further customize the content within a [[NavigationComponent | Navigation Component]], you can create Navigation Component Hover Menus!

[[Image:Hovernav.PNG]]

<div class="note">
'''Note''' <br />
This works only with nested sub-menus created within the Navigation Component.
</div>

====Configuring for all Navigation Components:====

In order to activate the hover menus for ''all'' of your navigation components you'll need to follow the directions below:

1. Go to the My Website [[toolbar]] menu, and click on [[Editing Theme Source Code | Edit Theme Source Code]].<br>
2. Click on the ''default.html'' in the table that lists your theme files.<br>
3. Add the following code below code inside of the '''<head>''' element:

<source lang="javascript">
<script type="text/javascript" src="/extras/js/superfish.js"></script>
<script type="text/javascript"> $j(function(){ $j("ul.navigation").superfish() });</script>
</source>

4. Click the Save button at the bottom of the dialog.

The page should reload and any nested menus in your Navigation Component will now be activated when the mouse hovers overtop of the label.

====Configuring for a specific Navigation Component:====

If you just want the hover menu activated on ''one specific'' Navigation Component, you'll first need to get the CSS ID of the component. To do this, you'll need to:

1. Click the [[Collapse Components | collapse component]] button in the website builder [[status bar]], so that the components ID are displayed.<br>
2. Select and copy the ID into your clipboard (it should look similar to #component_0000)<br>
3. Go to the My Website [[toolbar]] menu, and click on [[Editing Theme Source Code | Edit Theme Source Code]].<br>
4. Click on the ''default.html'' in the table that lists your theme files.<br>
5. You'll now need to add the following code inside of the '''<head>''' element:

<source lang="javascript">
<script type="text/javascript" src="/extras/js/superfish.js"></script>
<script type="text/javascript"> $j(function(){ $j("#component_0000 .navigation").superfish() });</script>
</source>

6. The second line of the above code needs to have #component_0000 replaced with whatever you copied as the components CSS ID.<br>
7. Click the Save button at the bottom of the dialog.

Superfish also has a variety of options that can be tweaked. A list of these options are available on the [http://users.tpg.com.au/j_birch/plugins/superfish/#options Superfish documentation page].

* '''Tip:''' group labels can also be edited to link to internal pages!

====Example:====

An example of this can be viewed on the [http://builderexample.com/web-tools Web Tools] page of http://builderexample.com

[[Category:Tips and Tricks]]

Creating a new Website

2010-11-17T19:14:11Z

Dinsley:

Creating a new website is as simple as clicking the "Create a Website" button in your [[Account Overview]] area.

[[Image:Overview.PNG]]

<div class="note">
'''Note''' <br />
If the hosting plan associated with your account does not allow for more websites to be created than currently exist in your account, creating a new website will not be possible. In this event, we ask that you look into [[Upgrading your Hosting Package]] or [[Deleting a Website]].
</div>

'''''Related links:'''''

* [[Viewing your Account Overview | How can I see my account overview?]]<br>
* [[Choosing a Website Address | How can I choose my website address?]]<br>
* [[Changing your Website Address | How can I change my website address?]]<br>
* [[Your Website Address | What is my website address?]]<br>
* [[Deleting a Website | How can I delete a website?]]<br>

[[Category:Viviti]]

Header Settings

2010-11-17T19:13:52Z

Dinsley:

''For theme header settings, please see [[Choosing_a_New_Theme#header | Choosing a New Theme Header Image]].''

==Where to Find==

This can be found in the "Website Settings" area of "My Website" section of the [[Toolbar]] after clicking on the "Header" tab. Alternately, you can click on the "Edit" button on the Heading toolbar while editing your site:

[[Image:Headingeditor.PNG]]

==Header Settings==

The '''Header type''' field allows you to choose what type of header you want for your website. You can choose from:

* Text
* Image
* None

[[Image:Headersettings.PNG]]

This is set as Text by default and the '''Main Title''' and '''Sub Title''' fields will display. Selecting '''None''' will display nothing in the header area of your site.

Choosing '''Image''' gives you the opportunity to customize this section of your site, giving you the ability to add a company logo, for instance. Once selected, you will see an '''Image selection''' area appear below, allowing you to browse through [[File Manager | previously uploaded files]], or [[Uploading Files | upload a file]].

[[Image:Headersettings2.PNG]]

Click "Save" to apply the image.

<div class="note">
'''Note''' <br />
When clicked, the image will act as a link to your home page automatically!
</div>

==Related Help==

* [[Website Settings | Basic Website Settings]]
* [[Advanced Website Settings]]
* [[Linked Accounts]]

[[Category:Toolbar]]

BookFreshComponent

2010-11-17T19:12:43Z

Dinsley:

__NOTOC__
[http://www.bookfresh.com Bookfresh] makes it easy to accept online appointments from new and existing clients. Create a new account by filling in the form, then you can add online booking directly to your website.

==Where to Find==

This Component can be found in the [[Adding to a Page | "Add to Page..."]] section of the [[Toolbar]].

==Adding to Website==

After selecting this Component, you will be able to choose exactly where you want to add it!

You will see all available [[content locations]] it can be added to - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).

<div class="note">
'''Note''' <br />
If you do not currently have your BookFresh account configured as a [[Website_Settings#linked | Linked Account]], you will be prompted to make this connection after choosing the content location.
</div>

==Options==

You will need to fill in a few details to create a new account and begin accepting appointments.

[[Image:Bookfresh.PNG]]

Enter a valid '''E-mail Address''' corresponding to your business, then enter your '''Business Name''' to complete configuration.

Some further customization can then be made to add some extra touches before adding this component to your site.

[[Image:Bookfresh2.PNG]]

You can optionally set a '''Title''' to be displayed above the appointment content on your page. Modifying the '''Background color''' and '''Border color''' will let you use colors that match your theme.

==Editing==

Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the [[Component Toolbar]].

==Example:==

An example of this Component can be viewed on the [http://builderexample.com/web-tools Web Tools] page of http://builderexample.com

[[Category:Components]]
[[Category:Web Tools Components]]

BookFreshComponent

2010-11-17T19:12:28Z

Dinsley:

__NOTOC__
[http://www.bookfresh.com Bookfresh] makes it easy to accept online appointments from new and existing clients. Create a new account by filling in the form, then you can add online booking directly to your website.

==Where to Find==

This Component can be found in the [[Adding to a Page | "Add to Page..."]] section of the [[Toolbar]].

==Adding to Website==

After selecting this Component, you will be able to choose exactly where you want to add it!

You will see all available [[content locations]] it can be added to - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).

<div class="note">
'''Note''' <br />

If you do not currently have your BookFresh account configured as a [[Website_Settings#linked | Linked Account]], you will be prompted to make this connection after choosing the content location.
</div>

==Options==

You will need to fill in a few details to create a new account and begin accepting appointments.

[[Image:Bookfresh.PNG]]

Enter a valid '''E-mail Address''' corresponding to your business, then enter your '''Business Name''' to complete configuration.

Some further customization can then be made to add some extra touches before adding this component to your site.

[[Image:Bookfresh2.PNG]]

You can optionally set a '''Title''' to be displayed above the appointment content on your page. Modifying the '''Background color''' and '''Border color''' will let you use colors that match your theme.

==Editing==

Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the [[Component Toolbar]].

==Example:==

An example of this Component can be viewed on the [http://builderexample.com/web-tools Web Tools] page of http://builderexample.com

[[Category:Components]]
[[Category:Web Tools Components]]

BookFreshComponent

2010-11-17T19:11:09Z

Dinsley:

Grouping Pages with Different Navigations

2010-11-17T19:09:23Z

Dinsley:

__NOTOC__
Here we'll take you through the very useful practice of organizing your pages in a very specific way - by grouping them according to their main [[Managing Primary Navigation | primary navigation]] page.

We recommend this for all members, but especially those who have many pages with varying categories, such as business sites. This example works from the beginning of the process, but this can be used by any member with several pages that can be categorized at any point in the process of building their site.

==Getting Started==

In this example, we'll work with a site that has a typical business purpose, and organize the pages by grouping them as defined by the site's primary navigation. This will make use of the [[NavigationComponent | Navigation component]] as well. Here's what the primary navigation looks like:

[[Image:Diffnav1.PNG]]

This example will focus on the pages related to just one of these primary navigation links - Products. Of course, you can extend this example to work with the rest of the primary navigation links on your site.

This company deals in gizmos, gadgets and widgets so within the Products section, there will be relevant links to pages describing which gizmos, gadgets and widgets are offered specifically. For the purposes of this example, these pages have [[Creating a New Page | already been created]] and are not added to the website's primary navigation.

Here's what the page settings would look like for the "gadgets" page:

[[Image:Diffnav.PNG]]

<div class='note'>
'''Note:'''<br />
In order for these pages - called gizmos, gadgets and widgets to be considered within our "Products" directory, you need to make sure the ''Page URL Location'' is properly set in the process of [[Creating a New Page | creating a new page]] This can also be done later by modifying this same setting within the page's [[Page Settings]].

[[Image:Diffnav2.PNG]]

In this case, using the "gadgets" page as an example, it's Page URL Location would be ''products/gadgets''. Simply type this in the Page URL Location field to set it. This will be reflected in the Page URL Location preview area, under the heading: ''Link to this page in a browser:''

'''This is a crucial step and this grouping isn't possible without it!'''

</div>

==Grouping Pages==

So now all 3 pages are created and the Page URL Location is set to properly reflect that these pages are subpages within the "Products" directory.

Now we want to link the visitors to this site to the gizmos, gadgets and widgets pages, but they weren't added to the site's primary navigation, so how can they get there? These can be easily added using the [[NavigationComponent | Navigation component]] mentioned above, with an added new powerful ability we can use because the pages were set as subpages.

Using our "gadgets" page as an example again, we will now add the Navigation component to it and use a special [[Content Locations | content location]] option to group these pages. Using the "Current Page" dropdown box on the [[Toolbar]], we choose our "gizmos" page.

Click "Add to Page" on the Toolbar, allowing you to [[Adding to a Page | add a component to a page or pages]], and choose the Navigation component.

We are now able to use an option you may not have used before in adding a component to a content location - All pages under '/path/' where "path" is a location within the file structure for our pages.

[[Image:Diffnav3.PNG]]

Choose any of the blue content locations to continue.

We now need to configure this component to link to our product pages. To do this, choose the "Link to a page in my site" option, dragging it into the Menu Items area.

[[Image:Diffnav4.PNG]]

Once done, click "Create"

Now the Navigation component has been added to the specified area and contains links to these product pages.

[[Image:Diffnav5.PNG]]

How this differs from adding this component to other content locations is that it is now also added to every other page listed within the /products/ path - in this case the "gadgets" and "widgets" pages as well, but no others!

This is great for maintaining a list of links that only apply to pages within the products directory, where you want them to display only on pages within that path but not elsewhere, such as our "Services" section where a whole different set of links would be appropriate.

====Additional Notes====

This should help you get started and understand the basics behind grouping pages and how it may be useful for your own applications. A few other things not mentioned above to keep in mind are:

* The example above won't add the Navigation component to the Products page itself, as it's path isn't within /products/, it is within /, or the root of the directory.

* This example used the simplest form of a path for pages to be grouped under. You can and may need to use a more complex path structure where a longer path is involved, such as /products/car products/imports/parts/engine parts/. This is just as valid as simpler structure when it comes to grouping pages in this way!

* Because of the flexibility of the Navigation component, you aren't required to only add links using the "Link to a page in my site" option. You may want to include a few external links, a link to a file you have uploaded to your account, or to an e-mail address. Keeping these options in mind should help you get the most out of this component and grouping pages.

* Don't forget that you can create submenus with the Navigation component! On the same note, you may want to make use of the ability to [[Creating Navigation Component Hover Menus | Create Navigation Component Hover Menus]].

[[Category:Tips and Tricks]]

Custom Error Pages

2010-11-17T19:08:15Z

Dinsley:

A convenient feature we have included is the ability to create a custom error page for your site. This means that if someone visits a page no longer associated with your site, via an outdated link for example, or if they mistype a page name associated with your website address, they will see the error page that you have customized. Editing this is a good idea to maintain the consistency of your site appearance in the event of an error.

This page can't be deleted. Page settings are manageable, however, and you can change the page name, description, and layout style, if other layouts exist for your theme.

==Where to Find==

In order to access this page, you will need to make sure you are [[Logging into your Account | logged into your account]] and are currently using the site editor. Simply enter an address such as the following into your browser's address bar, replacing our example website builder site with your own.

For example, if our website is:

http://builderexample.com

The error page can be accessed to edit at this address:

http://builderexample.com/404

==Editing==

Assuming you're logged into your account and using the editor, your 404 error page will load within the editor, allowing you to make changes to it. This is [[Using the Website Editor | edited in the same way]] as any other page. We have included some default content for your error page with some text in a [[TextorContentBlockComponent | Text or Content Block]]:

[[Image:Customerror.PNG]]

<div class='note'>
'''Note:'''<br />
This is the error page that will be used in all cases where there is an error related to navigation with your site!
</div>

[[Category:Using The Website Builder]]
[[Category:Tips and Tricks]]

FacebookStatusComponent

2010-11-17T19:07:58Z

Dinsley:

__NOTOC__
This component will allow you to display your recent status updates from [http://www.facebook.com Facebook] on your website! Visitors can also visit the update directly on Facebook by clicking it's time stamp below the update, to comment on or like it. This component is associated with the Facebook account you will need to connect with your website builder site in the [[Linked Accounts]] manager.

==Where to Find==

This Component can be found in the [[Adding to a Page | "Add to Page..."]] section of the [[Toolbar]].

==Adding to Website==

After selecting this Component, you will be able to choose exactly where you want to add it!

You will see all available [[content locations]] it can be added to - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).

<div class='note'>
'''Note:'''<br />
If you do not currently have your Facebook account configured as a [[Linked Accounts | Linked Account]], you will be prompted to make this connection after choosing the content location.
</div>

==Options==

[[Image:Facebookstatus.PNG]]

You can optionally set a '''Title''' to be displayed above the topic content on your page.

The '''Number to Display''' field will let you set the number of updates that display on your page at a time - between 1 to 15.

The '''Facebook Account''' field will allow you to choose which account this component is displaying updates from, if multiple [[Website_Settings#linked | Linked Accounts]] are present.

==Editing==

Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the [[Component Toolbar]].

==Example Sites==

An example of this Component can be viewed on the [http://builderexample.com/social-networking Social Networking] page of http://builderexample.com

[[Category:Components]]
[[Category:Social Networking Components]]

Jigsy Updates

2010-11-17T19:07:43Z

Dinsley:

Clicking on the "Updates & Newsletter" link in your [[Account Overview]] area will bring you to the website builder Updates center, where you can be linked to all of our methods of keeping members updated of upcoming changes and new features, as well as outlining some of the most recent website builder news.

[[Image:Vivitiupdates.PNG]]

Here you will be quickly linked to [http://blog.viviti.com/ our Blog] and [http://twitter.com/viviti Twitter feed], where we post website builder news as it happens, with a short list of archived blog posts displayed and linked to below.

==Viviti Newsletter==

We occasionally send emails to our members when there are noteworthy improvements or other important updates.

You can subscribe to our newsletter in this area, which will further keep you informed by delivering periodical updates to your mailbox, by clicking on the "Subscribe to Updates" link. This will result in the subscription area changing to reflect this:

[[Image:Vivitiupdates2.PNG]]

<div class='note'>
'''Note:'''<br />
We do not resell or otherwise compromise your e-mail address information and subscribing will not allow it to be used for any other purpose except these newsletters.
</div>

[[Category:Viviti]]

Using an Image Gallery as a header

2010-11-17T19:07:17Z

Dinsley: /* Extra Steps */

__NOTOC__

Here we'll help you through the process of using an [[ImageGalleryComponent|Image Gallery Component]] as your theme header image. This can be useful in the carousel view setting with an auto-rotate value set.

<div class='note'>
'''Note:'''<br />
For information about managing your site header settings, see the [[Header Settings]] page.
</div>

The first thing you need to do is create a location in your header, if one doesn't already exist. The location id should be unique from the others. If you're using a two-column layout, it's likely that you'll be creating a layout with an id of "location_2". For these example purposes, we'll be using the theme "Hiller Windmill" as our base as it already has a header image that we can replace.

[[File:Carousel.theme.preview.jpg]]

Now we want to modify the HTML in our default.html file (see: [[Editing_Theme_Source_Code|Editing Theme Source Code]]). It will look like this when we start:

[[File:Carousel.code.original.jpg]]

And look like this with our modification:

[[File:Carousel.code.modified.jpg]]

We've added a new location in-place of the existing header image. Now we can add an image gallery to our new location (see: [[Adding_to_a_Page|Adding to a Page]]). Make sure you've added the images you want to use to a collection. That will make it easier for displaying on the the images you want to display in your header (see: [[File_Collections|File Collections]]).

[[File:Carousel.settings.jpg]]

Now you have an image rotator in your header! You may need to tweak the styling to have it align and display how you'd like. This will vary from theme-to-theme and by your preference.

[[File:Carousel.image_gallery.jpg]]

== Extra Steps ==

If you want to hide the previous and next buttons, you can very easily hide them with this code. You'll need to adjust the selector to use the correct id for your layout. You'll need to add this to your main CSS file. See: [[Editing_Theme_Source_Code|Editing Theme Source Code]].

<source lang="css">
#location_2 .image_gallery_component .carousel_controls { display: none; }
</source>

[[File:Carousel.tweaked.jpg]]

[[Category:Tips and Tricks]]
[[Category:Advanced Topics]]

Using an Image Gallery as a header

2010-11-17T19:06:58Z

Dinsley:

__NOTOC__

Here we'll help you through the process of using an [[ImageGalleryComponent|Image Gallery Component]] as your theme header image. This can be useful in the carousel view setting with an auto-rotate value set.

<div class='note'>
'''Note:'''<br />
For information about managing your site header settings, see the [[Header Settings]] page.
</div>

The first thing you need to do is create a location in your header, if one doesn't already exist. The location id should be unique from the others. If you're using a two-column layout, it's likely that you'll be creating a layout with an id of "location_2". For these example purposes, we'll be using the theme "Hiller Windmill" as our base as it already has a header image that we can replace.

[[File:Carousel.theme.preview.jpg]]

Now we want to modify the HTML in our default.html file (see: [[Editing_Theme_Source_Code|Editing Theme Source Code]]). It will look like this when we start:

[[File:Carousel.code.original.jpg]]

And look like this with our modification:

[[File:Carousel.code.modified.jpg]]

We've added a new location in-place of the existing header image. Now we can add an image gallery to our new location (see: [[Adding_to_a_Page|Adding to a Page]]). Make sure you've added the images you want to use to a collection. That will make it easier for displaying on the the images you want to display in your header (see: [[File_Collections|File Collections]]).

[[File:Carousel.settings.jpg]]

Now you have an image rotator in your header! You may need to tweak the styling to have it align and display how you'd like. This will vary from theme-to-theme and by your preference.

[[File:Carousel.image_gallery.jpg]]

==== Extra Steps ====

If you want to hide the previous and next buttons, you can very easily hide them with this code. You'll need to adjust the selector to use the correct id for your layout. You'll need to add this to your main CSS file. See: [[Editing_Theme_Source_Code|Editing Theme Source Code]].

<source lang="css">
#location_2 .image_gallery_component .carousel_controls { display: none; }
</source>

[[File:Carousel.tweaked.jpg]]

[[Category:Tips and Tricks]]
[[Category:Advanced Topics]]

Creating an E-mail address

2010-11-17T19:06:16Z

Dinsley:

__TOC__
Custom e-mail addresses can easily be created and managed within your website builder account. This is great as it allows you to use e-mail addresses associated with your site address for greater professionalism, and they can be conveniently managed within your website builder account along with your domains and websites.

====Creating an E-mail address====

In order to purchase email services, you must first purchase a domain name or add an external domain. When this is in place, simply click "Add a new account" in the "Email accounts" area of your [[Account Overview]] to get started.

[[Image:email1.PNG]]

<div class='note'>
'''Note:'''<br />
If you do not have a domain configured with your account, the next page will detect this and prompt you to configure this to continue.
</div>

The e-mail service is provided at a cost of $10 per year per domain. You can have an unlimited number of mailboxes and each mailbox is limited to 1GB of storage space. Our e-mail service includes POP/IMAP and Webmail access as well.

To add email to an existing domain you need to purchase email hosting after which you can setup as many email accounts as you like for that domain. Please [[Support Center | contact our support department]] if you have any questions regarding this service.

[[Image:email2.PNG]]

Select the domains you want to purchase email hosting for by clicking the checkbox to the left, choose the term length you want to purchase and click the continue button when ready. The next step will be to enter your credit card and billing information, or confirm that you want to use existing information on file and continue to complete the payment.

Once you have purchased this service, creating e-mail addresses is as simple as re-accessing the "Add a new account" in the "Email accounts" area of your [[Account Overview]] area and entering the required information.

[[Image:email3.PNG]]

Once complete, your new address will appear in your [[Account Overview]] area under the "Email accounts" heading.

[[Image:email4.PNG]]

====Managing an E-mail address====

After an e-mail address has been created, it can be managed any time by clicking the "manage" button beside it. Here you can:

* Login with webmail
* Change password
* Delete e-mail address
* Acquire third-party mail client login information

[[Image:email5.PNG]]

You can also configure catch all e-mail settings by visiting the [[Registering a Domain Name#Managing your Domain | Domain Management area]].

====See Also:====

* [[Viewing your Account Overview]]
* [[Registering a Domain Name]]
* [[Hostname Mapping]]
* [[Adding an External Domain]]

[[Category:Domain Names]]
[[Category:E-mail]]
[[Category:Viviti]]

Importing Blog Posts

2010-11-17T19:05:37Z

Dinsley:

__NOTOC__
If you have blog post content already created through another hosting provider and want it to display on your site, you don't have to copy and paste the content into individual blog posts - you can import it directly into your blog! This is much quicker, more convenient and less hassle.

<div class='note'>
'''Note:'''<br />
Only [http://www.blogger.com Blogger] and [http://www.wordpress.com Wordpress] blog content is supported currently. These are 2 of the most used blogging software suites, and we are working on supporting more in the future!
</div>

[[Image:Importposts.PNG]]

==Where to Find==

Blog post importing options can be found by clicking on the "Import" tab in the "Manage Posts" section of the [[Toolbar]].

==Exporting your Blog Post Data==

Before you can import this content, it will need to be exported from your other blog software.

'''Wordpress:'''
For information about how to export your existing Wordpress data, you can [http://codex.wordpress.org/Tools_Export_SubPanel click here to find out more].

'''Blogger:'''
In order to import your posts from Blogger, you will need to grant the builder access to read your posts.

To do this, simply click the "Next" button you see after clicking the Blogger logo. This will send you to Google, who owns Blogger, asking for authorization. Once you have authorized the builder, you will be returned and can continue the process.

==How to Use==

Just click on the appropriate logo in this area to get started. If you are importing '''Blogger''' posts, you will need to authorize access for the builder to access your posts, as mentioned above.

For '''Wordpress''' data, you will need to acquire the appropriate file generated by initiating an export of your blog posts, and make sure it's saved to your computer. You can then simply browse for it on your computer, select it and click the "Upload" button.

[[Image:Importwordpress.PNG]]

When complete, you will see a confirmation message such as the following to let you know this was completed successfully:

[[Image:Importwordpress2.PNG]]

<div class='note'>
'''Note:'''<br />
With either method of importing, it can take awhile when a large number of posts and comments are involved. Please allow the necessary time for this to complete uninterrupted to ensure your posts get imported completely!
</div>

==Related Help==

* [[Managing Posts]]
* [[Creating a New Blog Post]]
* [[Viewing a Blog Post]]
* [[Editing a Blog Post]]
* [[Deleting a Blog Post]]
* [[Blog Categories]]
* [[Blog Settings]]

[[Category:Toolbar]]
[[Category:Blogging]]

FacebookLikeComponent

2010-11-17T19:04:21Z

Dinsley:

__NOTOC__
This component enables users to make connections to your pages and share content back to their friends on [http://www.facebook.com Facebook] with one click! This component is associated with the Facebook account you will need to connect with your builder site in the [[Linked Accounts]] manager.

==Where to Find==

This Component can be found in the [[Adding to a Page | "Add to Page..."]] section of the [[Toolbar]].

==Adding to Website==

After selecting this Component, you will be able to choose exactly where you want to add it!

You will see all available [[content locations]] it can be added to - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).

<div class='note'>
'''Note:'''<br />
If you do not currently have your Facebook account configured as a [[Linked Accounts | Linked Account]], you will be prompted to make this connection after choosing the content location.
</div>

==Configuring==

[[Image:Facebooklike.PNG]]

You can optionally set a '''Title''' to be displayed above the topic content on your page.

'''Layout Style''' offers you a few options for how you want this component to display the information.

Selecting '''Show Faces''' will display the face icons of the users of this component.

You can also choose which '''Verb to Display''' in this component when users ''like'' or ''recommend'' an entry.

The '''Font''' and '''Color Scheme''' fields will give you customization options for the text that displays within this component.

Lastly, the '''Component Size Width''' and '''Height''' fields will allow you specify the size of the contents within this component (within the boundaries of the component container).

==Editing==

Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the [[Component Toolbar]].

==Example Sites==

An example of this Component can be viewed on the [http://builderexample.com/social-networking Social Networking] page of http://builderexample.com

[[Category:Components]]
[[Category:Social Networking Components]]

Creating your first Website Builder site

2010-11-17T19:02:49Z

Dinsley: /* Modifying a Component: */

__NOTOC__
This page will take you through the process of creating your first website builder site from the beginning, assuming you haven't already built a page.

The purpose of this section is to break down the process step by step for those of you who would like help at each stage.

Some information from other pages may be duplicated here, but the other pages will contain additional information not found here, and this page will serve as a simple one stop location for all of the steps involved in creating your first builder site.

==1. Choosing your Theme==

Immediately after completing registration, you will be given the ability to select your Theme.

[[Image:Selecttheme.PNG]]

All available Themes can be viewed here. You can sort by popularity, date added or filter by key word or description. Suggested filters are listed along the left column, however we invite you to filter by a word or description of your choice as well. Clicking in "View all themes" will reset the filter and bring you back to the main page. Icons representing '''Available layouts''' are also displayed here to give you a quick look at how each theme can be configured.

The filter is smart in that it will give you keyword suggestions as you type. Try it out!

<div class='note'>
'''Note:'''<br />
Clicking on a Theme thumbnail will not immediately apply it. You will be able to take a closer look before choosing it by clicking on "Use this Theme".
</div>

Simply click on the Theme you would like to use and click the "Use this Theme" button. [[Choosing a New Theme]] later is quick and easy, so don't worry about making a permanent choice here.

==2. The Website Editor==

You should now be viewing a nice looking page to be customized to your specifications. That was easy!

The area you are now viewing is the website editor. We encourage you to explore this area to see what is possible. The website editor areas will be identified and more information can be found on their respective pages.

Here is a breakdown of the website editor:

[[Image:Editor.PNG]]

====Utility Bars====

These bars can be used to perform almost every task available with website builder, so it is a good idea to become familiar with them.

'''1. [[Toolbar]]'''

'''2. [[Status Bar]]'''

====Page Elements====

The elements that make up your website. Please note that these can be edited but not removed.

'''3. [[Primary Navigation]]''' - this group of links is conveniently located on your page to link visitors to any of your other pages. Pages that are unpublished will not appear here.

''For further information, please see [[Managing Primary Navigation]].''

'''4. [[Site Heading]]''' - The title of the current page. This will also display in your browsers title bar.

''A [[Site Sub-Heading]] element is also available below the heading, however it is empty by default.''

'''5. Theme Image''' - Your main page image. This is set as the default image of the chosen Theme, however this can easily be changed. You can also [[Single Image | add additional images]].

'''9. [[Copyright]]''' - The copyright information for your website. You can modify this to include additional text.

====Default Components====

These [[Components]] are added here by default as a quick way to get started with some common and popular components, however these can easily be changed or removed via the [[Component Toolbar | Component Editor toolbar]]. If you would like to use any of them, the default text included within them will help you get started.

'''6. [[Blog Posts]]'''

'''7. [[Image Gallery]]'''

'''8. [[TextorContentBlockComponent | Text or Content Block]]'''

==3. Editing a Page==

Now that you have become familiar with what makes up a website builder page and what tools are available to you, we can now modify it to suit our needs. Here we will go through some common tasks a typical member would do to personalize their website.

We will assume that you want to keep all of the default Components for the remaining tutorial.

====Modifying a Component====

Our first task will be to modify one of the default Components to add a personal touch to the website. In this example, it will be the [[TextorContentBlockComponent | Text or Content Block]] Component. Simply move your cursor over the component to access the [[Component Toolbar]] and click the "Edit" icon.

[[Image:Editcontent.PNG]]

This will bring you to the Content Block editor.

[[Image:Contentblock.PNG]]

Simply change the default text to a personalized message and click the "Save" button when finished.

More Content Blocks can be added, so don't worry about writing all of the text you want on this page in this box!

====Adding a Component====

Let's suppose you want to [[Single Image | add an image]] to this page. Simply click [[Add To Page]] on the [[Toolbar]] and locate the Component.

You will see all available [[content locations]] it can be added - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).

[[Image:Insertimagemf.PNG]]

Because this is a new account and we haven't uploaded any images, we will need to do this first using the [[File Manager]]. Click on the "upload a new file" link to access it.

[[Image:Filemanager2.PNG]]

We will assume you want to upload an image you have on your computer and are not wanting to use an external image or an image located in your [http://www.flickr.com Flickr] account.

Clicking the "Add Files" button will allow you to browse files you have locally on your computer to be uploaded. Once you have located your image file, click on "Upload" at the bottom of the page to complete the process.

You will return to the main first area with your uploaded image chosen as your image selection.

After you click on "Insert", the image will be embedded into a [[TextorContentBlockComponent | Text or Content Block]] for further customization before it is added to your page.

[[Image:Example1.PNG]]

<small>Our website with a customized Content Block and inserted image.</small>

==3. Creating a New Page==

As you have seen, website builder creates a few extra pages for you initially with some common purposes, but these aren't required and you can create additional pages for other purposes, such as an [[Form | order form]], or a page for a specific component or components.

In this section, we will create a new page per the above example - an order form for a small business.

As before, simply click [[Add To Page]] on the [[Toolbar]] and locate the Component.

After selecting this Component, you will be able to choose exactly where you want to add it as we did with the single image previously.

[[Category:Using The Website Builder]]

Creating your first Website Builder site

2010-11-17T19:02:40Z

Dinsley: /* Default Components: */

__NOTOC__
This page will take you through the process of creating your first website builder site from the beginning, assuming you haven't already built a page.

The purpose of this section is to break down the process step by step for those of you who would like help at each stage.

Some information from other pages may be duplicated here, but the other pages will contain additional information not found here, and this page will serve as a simple one stop location for all of the steps involved in creating your first builder site.

==1. Choosing your Theme==

Immediately after completing registration, you will be given the ability to select your Theme.

[[Image:Selecttheme.PNG]]

All available Themes can be viewed here. You can sort by popularity, date added or filter by key word or description. Suggested filters are listed along the left column, however we invite you to filter by a word or description of your choice as well. Clicking in "View all themes" will reset the filter and bring you back to the main page. Icons representing '''Available layouts''' are also displayed here to give you a quick look at how each theme can be configured.

The filter is smart in that it will give you keyword suggestions as you type. Try it out!

<div class='note'>
'''Note:'''<br />
Clicking on a Theme thumbnail will not immediately apply it. You will be able to take a closer look before choosing it by clicking on "Use this Theme".
</div>

Simply click on the Theme you would like to use and click the "Use this Theme" button. [[Choosing a New Theme]] later is quick and easy, so don't worry about making a permanent choice here.

==2. The Website Editor==

You should now be viewing a nice looking page to be customized to your specifications. That was easy!

The area you are now viewing is the website editor. We encourage you to explore this area to see what is possible. The website editor areas will be identified and more information can be found on their respective pages.

Here is a breakdown of the website editor:

[[Image:Editor.PNG]]

====Utility Bars====

These bars can be used to perform almost every task available with website builder, so it is a good idea to become familiar with them.

'''1. [[Toolbar]]'''

'''2. [[Status Bar]]'''

====Page Elements====

The elements that make up your website. Please note that these can be edited but not removed.

'''3. [[Primary Navigation]]''' - this group of links is conveniently located on your page to link visitors to any of your other pages. Pages that are unpublished will not appear here.

''For further information, please see [[Managing Primary Navigation]].''

'''4. [[Site Heading]]''' - The title of the current page. This will also display in your browsers title bar.

''A [[Site Sub-Heading]] element is also available below the heading, however it is empty by default.''

'''5. Theme Image''' - Your main page image. This is set as the default image of the chosen Theme, however this can easily be changed. You can also [[Single Image | add additional images]].

'''9. [[Copyright]]''' - The copyright information for your website. You can modify this to include additional text.

====Default Components====

These [[Components]] are added here by default as a quick way to get started with some common and popular components, however these can easily be changed or removed via the [[Component Toolbar | Component Editor toolbar]]. If you would like to use any of them, the default text included within them will help you get started.

'''6. [[Blog Posts]]'''

'''7. [[Image Gallery]]'''

'''8. [[TextorContentBlockComponent | Text or Content Block]]'''

==3. Editing a Page==

Now that you have become familiar with what makes up a website builder page and what tools are available to you, we can now modify it to suit our needs. Here we will go through some common tasks a typical member would do to personalize their website.

We will assume that you want to keep all of the default Components for the remaining tutorial.

====Modifying a Component:====

Our first task will be to modify one of the default Components to add a personal touch to the website. In this example, it will be the [[TextorContentBlockComponent | Text or Content Block]] Component. Simply move your cursor over the component to access the [[Component Toolbar]] and click the "Edit" icon.

[[Image:Editcontent.PNG]]

This will bring you to the Content Block editor.

[[Image:Contentblock.PNG]]

Simply change the default text to a personalized message and click the "Save" button when finished.

More Content Blocks can be added, so don't worry about writing all of the text you want on this page in this box!

====Adding a Component====

Let's suppose you want to [[Single Image | add an image]] to this page. Simply click [[Add To Page]] on the [[Toolbar]] and locate the Component.

You will see all available [[content locations]] it can be added - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).

[[Image:Insertimagemf.PNG]]

Because this is a new account and we haven't uploaded any images, we will need to do this first using the [[File Manager]]. Click on the "upload a new file" link to access it.

[[Image:Filemanager2.PNG]]

We will assume you want to upload an image you have on your computer and are not wanting to use an external image or an image located in your [http://www.flickr.com Flickr] account.

Clicking the "Add Files" button will allow you to browse files you have locally on your computer to be uploaded. Once you have located your image file, click on "Upload" at the bottom of the page to complete the process.

You will return to the main first area with your uploaded image chosen as your image selection.

After you click on "Insert", the image will be embedded into a [[TextorContentBlockComponent | Text or Content Block]] for further customization before it is added to your page.

[[Image:Example1.PNG]]

<small>Our website with a customized Content Block and inserted image.</small>

==3. Creating a New Page==

As you have seen, website builder creates a few extra pages for you initially with some common purposes, but these aren't required and you can create additional pages for other purposes, such as an [[Form | order form]], or a page for a specific component or components.

In this section, we will create a new page per the above example - an order form for a small business.

As before, simply click [[Add To Page]] on the [[Toolbar]] and locate the Component.

After selecting this Component, you will be able to choose exactly where you want to add it as we did with the single image previously.

[[Category:Using The Website Builder]]

Creating your first Website Builder site

2010-11-17T19:02:32Z

Dinsley: /* Page Elements: */

__NOTOC__
This page will take you through the process of creating your first website builder site from the beginning, assuming you haven't already built a page.

The purpose of this section is to break down the process step by step for those of you who would like help at each stage.

Some information from other pages may be duplicated here, but the other pages will contain additional information not found here, and this page will serve as a simple one stop location for all of the steps involved in creating your first builder site.

==1. Choosing your Theme==

Immediately after completing registration, you will be given the ability to select your Theme.

[[Image:Selecttheme.PNG]]

All available Themes can be viewed here. You can sort by popularity, date added or filter by key word or description. Suggested filters are listed along the left column, however we invite you to filter by a word or description of your choice as well. Clicking in "View all themes" will reset the filter and bring you back to the main page. Icons representing '''Available layouts''' are also displayed here to give you a quick look at how each theme can be configured.

The filter is smart in that it will give you keyword suggestions as you type. Try it out!

<div class='note'>
'''Note:'''<br />
Clicking on a Theme thumbnail will not immediately apply it. You will be able to take a closer look before choosing it by clicking on "Use this Theme".
</div>

Simply click on the Theme you would like to use and click the "Use this Theme" button. [[Choosing a New Theme]] later is quick and easy, so don't worry about making a permanent choice here.

==2. The Website Editor==

You should now be viewing a nice looking page to be customized to your specifications. That was easy!

The area you are now viewing is the website editor. We encourage you to explore this area to see what is possible. The website editor areas will be identified and more information can be found on their respective pages.

Here is a breakdown of the website editor:

[[Image:Editor.PNG]]

====Utility Bars====

These bars can be used to perform almost every task available with website builder, so it is a good idea to become familiar with them.

'''1. [[Toolbar]]'''

'''2. [[Status Bar]]'''

====Page Elements====

The elements that make up your website. Please note that these can be edited but not removed.

'''3. [[Primary Navigation]]''' - this group of links is conveniently located on your page to link visitors to any of your other pages. Pages that are unpublished will not appear here.

''For further information, please see [[Managing Primary Navigation]].''

'''4. [[Site Heading]]''' - The title of the current page. This will also display in your browsers title bar.

''A [[Site Sub-Heading]] element is also available below the heading, however it is empty by default.''

'''5. Theme Image''' - Your main page image. This is set as the default image of the chosen Theme, however this can easily be changed. You can also [[Single Image | add additional images]].

'''9. [[Copyright]]''' - The copyright information for your website. You can modify this to include additional text.

====Default Components:====

These [[Components]] are added here by default as a quick way to get started with some common and popular components, however these can easily be changed or removed via the [[Component Toolbar | Component Editor toolbar]]. If you would like to use any of them, the default text included within them will help you get started.

'''6. [[Blog Posts]]'''

'''7. [[Image Gallery]]'''

'''8. [[TextorContentBlockComponent | Text or Content Block]]'''

==3. Editing a Page==

Now that you have become familiar with what makes up a website builder page and what tools are available to you, we can now modify it to suit our needs. Here we will go through some common tasks a typical member would do to personalize their website.

We will assume that you want to keep all of the default Components for the remaining tutorial.

====Modifying a Component:====

Our first task will be to modify one of the default Components to add a personal touch to the website. In this example, it will be the [[TextorContentBlockComponent | Text or Content Block]] Component. Simply move your cursor over the component to access the [[Component Toolbar]] and click the "Edit" icon.

[[Image:Editcontent.PNG]]

This will bring you to the Content Block editor.

[[Image:Contentblock.PNG]]

Simply change the default text to a personalized message and click the "Save" button when finished.

More Content Blocks can be added, so don't worry about writing all of the text you want on this page in this box!

====Adding a Component====

Let's suppose you want to [[Single Image | add an image]] to this page. Simply click [[Add To Page]] on the [[Toolbar]] and locate the Component.

You will see all available [[content locations]] it can be added - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).

[[Image:Insertimagemf.PNG]]

Because this is a new account and we haven't uploaded any images, we will need to do this first using the [[File Manager]]. Click on the "upload a new file" link to access it.

[[Image:Filemanager2.PNG]]

We will assume you want to upload an image you have on your computer and are not wanting to use an external image or an image located in your [http://www.flickr.com Flickr] account.

Clicking the "Add Files" button will allow you to browse files you have locally on your computer to be uploaded. Once you have located your image file, click on "Upload" at the bottom of the page to complete the process.

You will return to the main first area with your uploaded image chosen as your image selection.

After you click on "Insert", the image will be embedded into a [[TextorContentBlockComponent | Text or Content Block]] for further customization before it is added to your page.

[[Image:Example1.PNG]]

<small>Our website with a customized Content Block and inserted image.</small>

==3. Creating a New Page==

As you have seen, website builder creates a few extra pages for you initially with some common purposes, but these aren't required and you can create additional pages for other purposes, such as an [[Form | order form]], or a page for a specific component or components.

In this section, we will create a new page per the above example - an order form for a small business.

As before, simply click [[Add To Page]] on the [[Toolbar]] and locate the Component.

After selecting this Component, you will be able to choose exactly where you want to add it as we did with the single image previously.

[[Category:Using The Website Builder]]

Creating your first Website Builder site

2010-11-17T19:02:26Z

Dinsley: /* Utility Bars: */

__NOTOC__
This page will take you through the process of creating your first website builder site from the beginning, assuming you haven't already built a page.

The purpose of this section is to break down the process step by step for those of you who would like help at each stage.

Some information from other pages may be duplicated here, but the other pages will contain additional information not found here, and this page will serve as a simple one stop location for all of the steps involved in creating your first builder site.

==1. Choosing your Theme==

Immediately after completing registration, you will be given the ability to select your Theme.

[[Image:Selecttheme.PNG]]

All available Themes can be viewed here. You can sort by popularity, date added or filter by key word or description. Suggested filters are listed along the left column, however we invite you to filter by a word or description of your choice as well. Clicking in "View all themes" will reset the filter and bring you back to the main page. Icons representing '''Available layouts''' are also displayed here to give you a quick look at how each theme can be configured.

The filter is smart in that it will give you keyword suggestions as you type. Try it out!

<div class='note'>
'''Note:'''<br />
Clicking on a Theme thumbnail will not immediately apply it. You will be able to take a closer look before choosing it by clicking on "Use this Theme".
</div>

Simply click on the Theme you would like to use and click the "Use this Theme" button. [[Choosing a New Theme]] later is quick and easy, so don't worry about making a permanent choice here.

==2. The Website Editor==

You should now be viewing a nice looking page to be customized to your specifications. That was easy!

The area you are now viewing is the website editor. We encourage you to explore this area to see what is possible. The website editor areas will be identified and more information can be found on their respective pages.

Here is a breakdown of the website editor:

[[Image:Editor.PNG]]

====Utility Bars====

These bars can be used to perform almost every task available with website builder, so it is a good idea to become familiar with them.

'''1. [[Toolbar]]'''

'''2. [[Status Bar]]'''

====Page Elements:====

The elements that make up your website. Please note that these can be edited but not removed.

'''3. [[Primary Navigation]]''' - this group of links is conveniently located on your page to link visitors to any of your other pages. Pages that are unpublished will not appear here.

''For further information, please see [[Managing Primary Navigation]].''

'''4. [[Site Heading]]''' - The title of the current page. This will also display in your browsers title bar.

''A [[Site Sub-Heading]] element is also available below the heading, however it is empty by default.''

'''5. Theme Image''' - Your main page image. This is set as the default image of the chosen Theme, however this can easily be changed. You can also [[Single Image | add additional images]].

'''9. [[Copyright]]''' - The copyright information for your website. You can modify this to include additional text.

====Default Components:====

These [[Components]] are added here by default as a quick way to get started with some common and popular components, however these can easily be changed or removed via the [[Component Toolbar | Component Editor toolbar]]. If you would like to use any of them, the default text included within them will help you get started.

'''6. [[Blog Posts]]'''

'''7. [[Image Gallery]]'''

'''8. [[TextorContentBlockComponent | Text or Content Block]]'''

==3. Editing a Page==

Now that you have become familiar with what makes up a website builder page and what tools are available to you, we can now modify it to suit our needs. Here we will go through some common tasks a typical member would do to personalize their website.

We will assume that you want to keep all of the default Components for the remaining tutorial.

====Modifying a Component:====

Our first task will be to modify one of the default Components to add a personal touch to the website. In this example, it will be the [[TextorContentBlockComponent | Text or Content Block]] Component. Simply move your cursor over the component to access the [[Component Toolbar]] and click the "Edit" icon.

[[Image:Editcontent.PNG]]

This will bring you to the Content Block editor.

[[Image:Contentblock.PNG]]

Simply change the default text to a personalized message and click the "Save" button when finished.

More Content Blocks can be added, so don't worry about writing all of the text you want on this page in this box!

====Adding a Component====

Let's suppose you want to [[Single Image | add an image]] to this page. Simply click [[Add To Page]] on the [[Toolbar]] and locate the Component.

You will see all available [[content locations]] it can be added - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).

[[Image:Insertimagemf.PNG]]

Because this is a new account and we haven't uploaded any images, we will need to do this first using the [[File Manager]]. Click on the "upload a new file" link to access it.

[[Image:Filemanager2.PNG]]

We will assume you want to upload an image you have on your computer and are not wanting to use an external image or an image located in your [http://www.flickr.com Flickr] account.

Clicking the "Add Files" button will allow you to browse files you have locally on your computer to be uploaded. Once you have located your image file, click on "Upload" at the bottom of the page to complete the process.

You will return to the main first area with your uploaded image chosen as your image selection.

After you click on "Insert", the image will be embedded into a [[TextorContentBlockComponent | Text or Content Block]] for further customization before it is added to your page.

[[Image:Example1.PNG]]

<small>Our website with a customized Content Block and inserted image.</small>

==3. Creating a New Page==

As you have seen, website builder creates a few extra pages for you initially with some common purposes, but these aren't required and you can create additional pages for other purposes, such as an [[Form | order form]], or a page for a specific component or components.

In this section, we will create a new page per the above example - an order form for a small business.

As before, simply click [[Add To Page]] on the [[Toolbar]] and locate the Component.

After selecting this Component, you will be able to choose exactly where you want to add it as we did with the single image previously.

[[Category:Using The Website Builder]]

Creating your first Website Builder site

2010-11-17T19:02:06Z

Dinsley:

__NOTOC__
This page will take you through the process of creating your first website builder site from the beginning, assuming you haven't already built a page.

The purpose of this section is to break down the process step by step for those of you who would like help at each stage.

Some information from other pages may be duplicated here, but the other pages will contain additional information not found here, and this page will serve as a simple one stop location for all of the steps involved in creating your first builder site.

==1. Choosing your Theme==

Immediately after completing registration, you will be given the ability to select your Theme.

[[Image:Selecttheme.PNG]]

All available Themes can be viewed here. You can sort by popularity, date added or filter by key word or description. Suggested filters are listed along the left column, however we invite you to filter by a word or description of your choice as well. Clicking in "View all themes" will reset the filter and bring you back to the main page. Icons representing '''Available layouts''' are also displayed here to give you a quick look at how each theme can be configured.

The filter is smart in that it will give you keyword suggestions as you type. Try it out!

<div class='note'>
'''Note:'''<br />
Clicking on a Theme thumbnail will not immediately apply it. You will be able to take a closer look before choosing it by clicking on "Use this Theme".
</div>

Simply click on the Theme you would like to use and click the "Use this Theme" button. [[Choosing a New Theme]] later is quick and easy, so don't worry about making a permanent choice here.

==2. The Website Editor==

You should now be viewing a nice looking page to be customized to your specifications. That was easy!

The area you are now viewing is the website editor. We encourage you to explore this area to see what is possible. The website editor areas will be identified and more information can be found on their respective pages.

Here is a breakdown of the website editor:

[[Image:Editor.PNG]]

====Utility Bars:====

These bars can be used to perform almost every task available with website builder, so it is a good idea to become familiar with them.

'''1. [[Toolbar]]'''

'''2. [[Status Bar]]'''

====Page Elements:====

The elements that make up your website. Please note that these can be edited but not removed.

'''3. [[Primary Navigation]]''' - this group of links is conveniently located on your page to link visitors to any of your other pages. Pages that are unpublished will not appear here.

''For further information, please see [[Managing Primary Navigation]].''

'''4. [[Site Heading]]''' - The title of the current page. This will also display in your browsers title bar.

''A [[Site Sub-Heading]] element is also available below the heading, however it is empty by default.''

'''5. Theme Image''' - Your main page image. This is set as the default image of the chosen Theme, however this can easily be changed. You can also [[Single Image | add additional images]].

'''9. [[Copyright]]''' - The copyright information for your website. You can modify this to include additional text.

====Default Components:====

These [[Components]] are added here by default as a quick way to get started with some common and popular components, however these can easily be changed or removed via the [[Component Toolbar | Component Editor toolbar]]. If you would like to use any of them, the default text included within them will help you get started.

'''6. [[Blog Posts]]'''

'''7. [[Image Gallery]]'''

'''8. [[TextorContentBlockComponent | Text or Content Block]]'''

==3. Editing a Page==

Now that you have become familiar with what makes up a website builder page and what tools are available to you, we can now modify it to suit our needs. Here we will go through some common tasks a typical member would do to personalize their website.

We will assume that you want to keep all of the default Components for the remaining tutorial.

====Modifying a Component:====

Our first task will be to modify one of the default Components to add a personal touch to the website. In this example, it will be the [[TextorContentBlockComponent | Text or Content Block]] Component. Simply move your cursor over the component to access the [[Component Toolbar]] and click the "Edit" icon.

[[Image:Editcontent.PNG]]

This will bring you to the Content Block editor.

[[Image:Contentblock.PNG]]

Simply change the default text to a personalized message and click the "Save" button when finished.

More Content Blocks can be added, so don't worry about writing all of the text you want on this page in this box!

====Adding a Component====

Let's suppose you want to [[Single Image | add an image]] to this page. Simply click [[Add To Page]] on the [[Toolbar]] and locate the Component.

You will see all available [[content locations]] it can be added - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).

[[Image:Insertimagemf.PNG]]

Because this is a new account and we haven't uploaded any images, we will need to do this first using the [[File Manager]]. Click on the "upload a new file" link to access it.

[[Image:Filemanager2.PNG]]

We will assume you want to upload an image you have on your computer and are not wanting to use an external image or an image located in your [http://www.flickr.com Flickr] account.

Clicking the "Add Files" button will allow you to browse files you have locally on your computer to be uploaded. Once you have located your image file, click on "Upload" at the bottom of the page to complete the process.

You will return to the main first area with your uploaded image chosen as your image selection.

After you click on "Insert", the image will be embedded into a [[TextorContentBlockComponent | Text or Content Block]] for further customization before it is added to your page.

[[Image:Example1.PNG]]

<small>Our website with a customized Content Block and inserted image.</small>

==3. Creating a New Page==

As you have seen, website builder creates a few extra pages for you initially with some common purposes, but these aren't required and you can create additional pages for other purposes, such as an [[Form | order form]], or a page for a specific component or components.

In this section, we will create a new page per the above example - an order form for a small business.

As before, simply click [[Add To Page]] on the [[Toolbar]] and locate the Component.

After selecting this Component, you will be able to choose exactly where you want to add it as we did with the single image previously.

[[Category:Using The Website Builder]]

Friends

2010-11-17T19:01:28Z

Dinsley:

__NOTOC__
A friends component is used for adding a list of friends from various web sites including [http://www.flickr.com Flickr], [http://www.livejournal.com LiveJournal], [http://www.linkedin.com LinkedIn], or any URL.

Additional configurations can be made via the [[Manage Friends | Friends]] section of the [[Toolbar]].''

==Where to Find==

This Component can be found in the [[Adding to a Page | "Add to Page..."]] section of the [[Toolbar]].

==Adding to Website==

After selecting this Component, you will be able to choose exactly where you want to add it!

You will see all available [[content locations]] it can be added to - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).

==Options==

The following settings can be modified to customize this service for your site:

[[Image:Addfriend.PNG]]

You can optionally set a '''Title''' to be displayed above the friends content on your page. Selecting the "Display Buddy icons" option will set the chosen Buddy icon as a link to the friends profile. Unchecking this will remove the icon and link using text instead.

<div class='note'>
'''Note:'''<br />
Further editing of Friends settings such as configuring the Buddy icon can be found in the [[Manage Friends | Friends]] section of the [[Toolbar]].
</div>

The '''Number to Display''' field will let you set the number of feeds that display on your page at a time - between 1 to 15 or all available.

The '''Order''' setting will allow you to choose how the friend content is displayed on your page. It can appear as:

* Random
* By nickname, A-Z
* By nickname, Z-A

==Editing==

Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the [[Component Toolbar]].

==Example Sites==

An example of this Component can be viewed on the [http://builderexample.com/social-networking Social Networking] page of http://builderexample.com

[[Category:Components]]
[[Category:Social Networking Components]]

Choosing a New Theme

2010-11-17T19:01:06Z

Dinsley:

Time for a change? You can choose a new Theme at any time to give your website a new look and feel. Simply click "Change Website Theme" in the "My Website" section of the [[Toolbar]] to get started.

[[Image:Selecttheme.PNG]]

All available Themes can be viewed here. You can sort by popularity, date added or filter by key word or description. Suggested filters are listed along the left column, however we invite you to filter by a word or description of your choice as well. Clicking in "View all themes" will reset the filter and bring you back to the main page. Icons representing '''Available layouts''' are also displayed here to give you a quick look at how each theme can be configured.

The filter is smart in that it will give you keyword suggestions as you type. Try it out!

<div class='note'>
'''Note:'''<br />
Clicking on a Theme thumbnail or "Use this Theme" will immediately apply it.
</div>

==Editing the Header Image==
In some cases, the header image for a theme can be modified. This is useful as it would otherwise need to be done by editing the theme code and image files manually and in many cases may be difficult. To determine if a theme is configured to allow you to make this change, just look for the icon we have added to them in the theme selection area. Moving your mouse over it should allow you to see a message per the below image:

[[Image:Selecttheme2.PNG]]

You will then be able to replace the theme header image by moving your cursor over it and clicking the "Replace" button:

[[Image:Selecttheme3.PNG]]

We recommend that you leave the image size settings at their default, as this will ensure your image is the correct size to properly fit the theme. For site header settings, please see [[Header Settings]].

[[Image:Selecttheme4.PNG]]

==Where to Find==
This area can be found in the "My Website" section of the [[Toolbar]].

[[Category:Toolbar]]

Content Locations

2010-11-17T19:00:09Z

Dinsley:

Content Locations are areas within your page, pages, or directory folders where a Component can be added. These can be seen in the process of [[Adding to a Page | adding a Component to a page]], or [[Moving Components | moving a component]].

<div class='note'>
'''Note:'''<br />
Pressing the "escape" key on your keyboard at these stages will cancel this and not apply or move the Component.
</div>

[[Image:Contentlocations.PNG]]

<small>Content locations as they display while editing a website</small>

As the locations describe, they will allow you to add the selected component to the '''Every Page''' (all pages created within your account), '''This Page''' (the page you're currently editing), or '''All Pages Under '/path/'''' where "path" is a [[Pages | created folder]].

The last option, the ''dynamic content location'', is useful if you want to add a component only to all pages you have created and designated as being listed within the ''/about/'' path for example, for all pages about you or your website.

You will have to be currently editing one of these pages to see the '''All Pages Under '/path/'''' option.

==Content Location Code==

Content locations are div elements specified as areas for site content where you can drag and drop content components using the [[Component Toolbar]]. The only required content location is '''#location_0''', but you can have as many locations as you want in your theme. In most themes there are only 2 or 3 locations, used for columns on the site layout.

====Example Content Location HTML====
<source lang="html4strict">

<div id="location_0" class="location">
Content components can be placed here using the toolbar
</div>

<div id="location_1" class="location">
Content components can be placed here using the toolbar
</div>

</source>
Location 0 is required, but there is no limit to how many content locations you can create.

Since the website builder is a content management system, you create all content using the editor toolbar after logging in. You will be able to place Optional Content [[Components]] into any content location in your theme. Content locations can be surrounded by as much HTML as you like. The website builder will only manage content within the specified content locations.

====Read Only Locations====

The content locations html code can be modified to disable the ability to add or remove components from within it by changing the code within the class area, per the below example:

<source lang="html4strict">
<div id="location_0" class="location readonly">
Content components can't be placed here using the toolbar
</div>
</source>

A visual confirmation of this setting change will be the removal of the broken line border that surrounds the content location. Additionally, the "Add it Here" button will not appear within this content location.

With this setting change, you '''will''' be able to use many of the features of the [[Component Toolbar]], such as editing and changing settings. You '''will not''' be able to delete the component.

This is useful if you want to have a content location that is for a very specific component, and don't want it to show up as a place to add additional components.

<div class='note'>
'''Note:'''<br />
Using the [[Collapsing Components]] on the [[Status Bar]] will allow the default functioning of a modified content location, including adding or deleting components.
</div>

[[Category:Creating Themes]]
[[Category:Advanced Topics]]
[[Category:Components]]

Page Settings

2010-11-17T18:58:53Z

Dinsley:

This option will allow you to change such page information as Name and Description as well as modify the Page URL Location.

[[Image:Managepages.PNG]]

The '''Page Name''' will be used in the navigation of your site, as well as on any links to this page.

<div class='note'>
'''Note:'''<br />
Anything entered into this field will automatically be entered into the page location as well for convenience, however the location can be renamed if desired.
</div>

The '''Page Location''' is the path to the page that the user will see in the address bar when visiting your website. [[Pages | New folders]] are created in this area.

The '''Page Description''' will be used in the [http://en.wikipedia.org/wiki/Meta_tags meta tags] when people or search engines visit your website. Most search engines will use the description for a summary in their search results.

<div class='note'>
'''Note:'''<br />
The meta tag information added here will be specific to the page you're modifying the settings for, and not for your entire site! To create meta tags for your entire site, please add them to the '''Site Header''' area in the [[Advanced Website Settings | Advanced section]] of your [[Website Settings]].
</div>

Custom '''Keywords''' are used by some search engines for indexing your website. Keywords should be in a comma separated list (eg: hockey,sport,nhl).

You can change the '''Page Layout''' of the page among those available for your chosen Theme.

If the "Published" check box is not selected, the page will not automatically be published.

==Where to Find==

Clicking the "Page Settings" button on the [[Status Bar]] as in the below image will bring up the page settings for the page you are currently editing.

[[Image:Statuspagesettings.PNG]]

<div class='note'>
'''Note:'''<br />
Page settings can also be managed in the [[Manage Pages]] section of the [[Toolbar]] in the "My Website" section.
</div>

[[Category:Status Bar]]
[[Category:Toolbar]]

Page Settings

2010-11-17T18:58:07Z

Dinsley: