Website Builder - User contributions [en]

Adding an SSL Certificate

2020-09-03T23:38:34Z

Jamess: Removal of 2 year certificate mention.

An '''SSL certificate''' ("Secure Sockets Layer") is an digital certificate that enables HTTPS, authenticates a website's identity to visitors, and encrypts its traffic for safety.

__TOC__

==What are the benefits of an SSL certificate?==
An SSL Certificate tells customers your website really is who it claims to be, by verifying the website and domain name. Your site will appear as "Secure" with a padlock in the URL bar, along with enabling https which ensures that communication to and from your site is more secure. Whether your site accepts credit card payments, collects customer data via email forms, or just operates as a homepage to your home business, taking steps to show your customers that your site is legitimate and safe is vital to the success of your business.

''Note: A website requires your own domain to secure, *.jigsy subdomains cannot be secured with an SSL certificate.''

==Pricing==
SSL Certificates are $49.00 for 1 year. All prices are in USD.

==Purchasing an SSL certificate==
To get started, click the '''"Purchase SSL Certificate"''' link on your Dashboard, then select the website/domain you wish to secure.

As part of the verification process, you will be asked to add '''Contact Details''' for the certificate on the next screen. These should accurately match your [[Registering_a_Domain_Name#Managing_your_Domain|domain's registered contact details]]. If you are using an external domain, you can retrieve these Registrant details from your domain registrar's site.

Once done, click '''"Purchase"''' and continue through the payment process.

The certificate will be verified and generated automatically. Once the certificate is verified and complete, it will automatically install and secure your website with no action required.

Its status may be checked in the SSL Certificates section of your Dashboard.

Adding an SSL Certificate

2019-02-06T00:48:56Z

Jamess: /* What are the benefits of an SSL certificate? */

An '''SSL certificate''' ("Secure Sockets Layer") is an digital certificate that enables HTTPS, authenticates a website's identity to visitors, and encrypts its traffic for safety.

__TOC__

==What are the benefits of an SSL certificate?==
An SSL Certificate tells customers your website really is who it claims to be, by verifying the website and domain name. Your site will appear as "Secure" with a padlock in the URL bar, along with enabling https which ensures that communication to and from your site is more secure. Whether your site accepts credit card payments, collects customer data via email forms, or just operates as a homepage to your home business, taking steps to show your customers that your site is legitimate and safe is vital to the success of your business.

''Note: A website requires your own domain to secure, *.jigsy subdomains cannot be secured with an SSL certificate.''

==Pricing==
SSL Certificates are $49.00 for 1 year, or $93.00 for 2 years for a Single Domain (saving $5.00). All prices are in USD.

==Purchasing an SSL certificate==
To get started, click the '''"Purchase SSL Certificate"''' link on your Dashboard, then select the website/domain you wish to secure.

As part of the verification process, you will be asked to add '''Contact Details''' for the certificate on the next screen. These should accurately match your [[Registering_a_Domain_Name#Managing_your_Domain|domain's registered contact details]]. If you are using an external domain, you can retrieve these Registrant details from your domain registrar's site.

Once done, click '''"Purchase"''' and continue through the payment process.

The certificate will be verified and generated automatically. Once the certificate is verified and complete, it will automatically install and secure your website with no action required.

Its status may be checked in the SSL Certificates section of your Dashboard.

==Installing a certificate from another vendor==
You may also manually install third-party certificates from alternative sources. This requires a different process that will involve support services.

To begin, [https://jigsy.com/support submit a ticket to the Support desk] with information such as your SSL vendor and desired domain for further instructions.

Adding an SSL Certificate

2019-02-06T00:48:35Z

Jamess: /* What are the benefits of an SSL certificate? */

An '''SSL certificate''' ("Secure Sockets Layer") is an digital certificate that enables HTTPS, authenticates a website's identity to visitors, and encrypts its traffic for safety.

__TOC__

==What are the benefits of an SSL certificate?==
An SSL Certificate tells customers your website really is who it claims to be, by verifying the website and domain name. Your site will appear as "Secure" with a padlock in the URL bar, along with enabling https which ensures that communication to and from your site is more secure. Whether your site accepts credit card payments, collects customer data via email forms, or just operates as a homepage to your home business, taking steps to show your customers that your site is legitimate and safe is vital to the success of your business.

'''Note: A website requires your own domain to secure, *.jigsy subdomains cannot be secured with an SSL certificate.'''

==Pricing==
SSL Certificates are $49.00 for 1 year, or $93.00 for 2 years for a Single Domain (saving $5.00). All prices are in USD.

==Purchasing an SSL certificate==
To get started, click the '''"Purchase SSL Certificate"''' link on your Dashboard, then select the website/domain you wish to secure.

As part of the verification process, you will be asked to add '''Contact Details''' for the certificate on the next screen. These should accurately match your [[Registering_a_Domain_Name#Managing_your_Domain|domain's registered contact details]]. If you are using an external domain, you can retrieve these Registrant details from your domain registrar's site.

Once done, click '''"Purchase"''' and continue through the payment process.

The certificate will be verified and generated automatically. Once the certificate is verified and complete, it will automatically install and secure your website with no action required.

Its status may be checked in the SSL Certificates section of your Dashboard.

==Installing a certificate from another vendor==
You may also manually install third-party certificates from alternative sources. This requires a different process that will involve support services.

To begin, [https://jigsy.com/support submit a ticket to the Support desk] with information such as your SSL vendor and desired domain for further instructions.

Adding an SSL Certificate

2019-02-06T00:40:26Z

Jamess:

An '''SSL certificate''' ("Secure Sockets Layer") is an digital certificate that enables HTTPS, authenticates a website's identity to visitors, and encrypts its traffic for safety.

__TOC__

==What are the benefits of an SSL certificate?==
An SSL Certificate tells customers your website really is who it claims to be, by verifying the website and domain name. Your site will appear as "Secure" with a padlock in the URL bar, along with enabling https which ensures communication to/from your site is more secure. Whether your site accepts credit card payments, collects customer data via email forms, or just operates as a homepage to your home business, taking steps to show your customers that your site is legitimate and safe is vital to the success of your business.

''Note: A website requires your own domain to secure, *.jigsy subdomains cannot be secured with an SSL certificate.''

==Pricing==
SSL Certificates are $49.00 for 1 year, or $93.00 for 2 years for a Single Domain (saving $5.00). All prices are in USD.

==Purchasing an SSL certificate==
To get started, click the '''"Purchase SSL Certificate"''' link on your Dashboard, then select the website/domain you wish to secure.

As part of the verification process, you will be asked to add '''Contact Details''' for the certificate on the next screen. These should accurately match your [[Registering_a_Domain_Name#Managing_your_Domain|domain's registered contact details]]. If you are using an external domain, you can retrieve these Registrant details from your domain registrar's site.

Once done, click '''"Purchase"''' and continue through the payment process.

The certificate will be verified and generated automatically. Once the certificate is verified and complete, it will automatically install and secure your website with no action required.

Its status may be checked in the SSL Certificates section of your Dashboard.

==Installing a certificate from another vendor==
You may also manually install third-party certificates from alternative sources. This requires a different process that will involve support services.

To begin, [https://jigsy.com/support submit a ticket to the Support desk] with information such as your SSL vendor and desired domain for further instructions.

SSL Support

2019-02-06T00:37:07Z

Jamess: Redirected page to Adding an SSL Certificate

#REDIRECT [[Adding an SSL Certificate]]

Adding an SSL Certificate

2019-02-06T00:36:00Z

Jamess:

__TOC__

An '''SSL certificate''' ("Secure Sockets Layer") is an installable certificate that enables HTTPS, authenticates a website's identity to visitors, and encrypts its traffic for safety.

==What are the benefits of an SSL certificate?==
An SSL Certificate tells customers your website really is who it claims to be, by verifying the website and domain name. Your site will appear as "Secure" with a padlock in the URL bar, along with enabling https which ensures communication to/from your site is more secure. Whether your site accepts credit card payments, collects customer data via email forms, or just operates as a homepage to your home business, taking steps to show your customers that your site is legitimate and safe is vital to the success of your business.

''Note: A website requires your own domain to secure, *.jigsy subdomains cannot be secured with an SSL certificate.''

==Pricing==
SSL Certificates are $49.00 for 1 year, or $93.00 for 2 years for a Single Domain (saving $5.00). All prices are in USD.

==Purchasing an SSL certificate==
To get started, click the '''"Purchase SSL Certificate"''' link on your Dashboard, then select the website/domain you wish to secure.

As part of the verification process, you will be asked to add '''Contact Details''' for the certificate on the next screen. These should accurately match your [[Registering_a_Domain_Name#Managing_your_Domain|domain's registered contact details]]. If you are using an external domain, you can retrieve these Registrant details from your domain registrar's site.

Once done, click '''"Purchase"''' and continue through the payment process.

The certificate will be verified and generated automatically. Once the certificate is verified and complete, it will automatically install and secure your website with no action required.

Its status may be checked in the SSL Certificates section of your Dashboard.

==Installing a certificate from another vendor==
You may also manually install third-party certificates from alternative sources. This requires a different process that will involve support services.

To begin, [https://jigsy.com/support submit a ticket to the Support desk] with information such as your SSL vendor and desired domain for further instructions.

Adding an SSL Certificate

2019-02-06T00:28:58Z

Jamess: Created page with "__TOC__ An '''SSL certificate''' ("Secure Sockets Layer") is an installable certificate that enables HTTPS, authenticates a website's identity to visitors, and encrypts its t..."

__TOC__

An '''SSL certificate''' ("Secure Sockets Layer") is an installable certificate that enables HTTPS, authenticates a website's identity to visitors, and encrypts its traffic for safety.

==What are the benefits of an SSL certificate?==

An SSL Certificate tells customers your website really is who it claims to be, by verifying the website and domain name. Your site will appear as "Secure" with a padlock in the URL bar, along with enabling https which ensures communication to/from your site is more secure. Whether your site accepts credit card payments, collects customer data via email forms, or just operates as a homepage to your home business, taking steps to show your customers that your site is legitimate and safe is vital to the success of your business.

''Note: A website requires your own domain to secure, *.jigsy subdomains cannot be secured with an SSL certificate.''

==Pricing==

SSL Certificates are $49.00 for 1 year, or $93.00 for 2 years for a Single Domain (saving $5.00). All prices are in USD.

==Purchasing an SSL certificate==

To get started, click the '''"Purchase SSL Certificate"''' link on your Dashboard, then select the website/domain you wish to secure.

As part of the verification process, you will be asked to add '''Contact Details''' for the certificate on the next screen. These should accurately match your [[Registering_a_Domain_Name#Managing_your_Domain|domain's registered contact details]]. If you are using an external domain, you can retrieve these Registrant details from your domain registrar's site.

Once done, click '''"Purchase"''' and continue through the payment process.

The certificate will be verified and generated automatically. Once the generation is complete, it will automatically install and secure your website.

==Installing a certificate from another vendor==

You may also manually install third-party certificates from alternative sources. This requires a different process that will involve support services.

To begin, [https://jigsy.com/support submit a ticket to the Support desk] with information such as your SSL vendor and desired domain for further instructions.

File:HeaderMainOptions.png

2017-10-18T16:09:00Z

Jamess: Jamess uploaded a new version of "File:HeaderMainOptions.png"

File:HeaderMainOptions.png

2017-10-18T11:06:56Z

Jamess: Jamess uploaded a new version of "File:HeaderMainOptions.png"

HeaderComponent

2017-10-18T11:06:12Z

Jamess: Blanked the page

Components

2017-10-18T11:02:11Z

Jamess:

<center>
{| class="wikitable" border=1 cellspacing=0 cellpadding=3
!colspan="6"|Content Components
|-
| [[Image:Customicon.PNG|link=TextorContentBlockComponent]]
| Text or Content Block
| Add text and images using a visual editor
|-
| [[Image:HeaderIcon.png|link=HeadingComponent]]
| Heading
| Add a customizable text heading using a visual editor
|-
| [[Image:Htmlicon.PNG|link=HTMLComponent]]
| HTML/Javascript
| Embed third party widgets or write your own code
|-
| [[Image:spacericon.png|link=SpacerComponent]]
| Spacer
| Adds a spacer between components
|-
| [[Image:Imageicon.PNG|link=ImageComponent]]
| Single Image
| Place a single image on your page
|-
| [[Image:Imageslideshowicon.PNG|link=ImageSlideshowComponent]]
| Image Slideshow
| Add a slideshow from all of the images in a folder
|-
| [[Image:Imagegalleryicon.PNG|link=ImageGalleryComponent]]
| Image Gallery
| Add a number of images to your site in a variety of ways
|-
| [[Image:Formicon.PNG|link=FormComponent]]
| Contact Form
| Display a simple form on your site that e-mails you submissions
|-
| [[Image:Feedicon.PNG|link=FeedComponent]]
| Web Feed
| Add content from websites that publish feeds of their content
|-
| [[Image:Googlemapsicon.PNG|link=GoogleMapComponent]]
| Google Maps
| Display a map with a location on it
|-
| [[Image:Navigationicon.PNG|link=NavigationComponent]]
| Navigation
| Create an extra navigation menu
|-
| [[Image:WorldMapicon.png|link=WorldMapComponent]]
| Interactive World Map
| Display an interactive map with custom markers
|-
| [[Image:Bnetappsicon.PNG|link=BravenetComponent]]
| Bravenet Web Apps
| Add A Bravenet Web App to your site
|-
| [[Image:Guestbookicon.PNG|link=GuestbookComponent]]
| Guestbook
| Allow your visitors to write a message to you!
|-
| [[Image:Pagecountericon.PNG|link=PageCounterComponent]]
| Page Counter
| Display your number of unique visits or page views on your website
|-
!colspan="6"|Blogging Components
|-
| [[Image:Blogicon.PNG|link=BlogComponent]]
| Blog Posts
| Display blog posts you have written as a list, summary or full posts
|-
| [[Image:Blogcommenticon.PNG|link=BlogCommentComponent]]
| Blog Comments
| Display recent comments made on your blog posts
|-
| [[Image:Blogsearchicon.PNG|link=BlogSearchComponent]]
| Blog Search
| Display a search box so that your blog can be searched
|-
| [[Image:Blogarchiveicon.PNG|link=BlogArchiveComponent]]
| Blog Archive
| Show links to your old blog posts by dates, categories or tags
|-
!colspan="6"|Multimedia Components
|-
| [[Image:beforeaftericon.png|link=BeforeAfterComponent]]
| Before After
| Show a before and after image
|-
| [[Image:html5videoicon.png|link=HTML5VideoComponent]]
| HTML5 Video
| Display an HTML5 Video on your website
|-
| [[Image:Youtubeicon.PNG|link=YoutubeComponent]]
| Youtube Video
| Display a YouTube video on your site
|-
| [[Image:GDocsicon.PNG|link=GoogleDocsViewerComponent]]
| Google Docs Viewer
| Display a document on your website
|-
| [[Image:Flickricon.PNG|link=FlickrGalleryComponent]]
| Flickr Gallery
| Display a collection of images from Flickr in a customizable gallery
|-
| [[Image:Videoplayericon.PNG|link=VideoPlayerComponent]]
| Video Player
| Display a video on your website.
|-
| [[Image:Flashicon.PNG|link=FlashComponent]]
| Embed Flash
| Embed a Flash SWF on your website
|-
| [[Image:Vimeoicon.PNG|link=VimeoComponent]]
| Vimeo
| Display a Vimeo video on your site
|-
| [[Image:Audioplayericon.PNG|link=AudioPlayerComponent]]
| Audio Player
| Let your visitors listen to music on your website
|-
!colspan="6"|Social Components
|-
| [[Image:Sociabuttonsicon.PNG|link=ShareButtonsComponent]]
| Social Sharing Buttons
| Add icons that allow visitors to share your webpages through a variety of social networks.
|-
| [[Image:Lastfmicon.PNG|link=LastfmComponent]]
| Last.FM
| Display music that you listen to through your Last.FM account
|-
| [[Image:Followersicon.PNG|link=TwitterFollowerComponent]]
| Twitter Followers
| Display the icons of people following you, or people you're following
|-
| [[Image:Twittericon.PNG|link=TwitterComponent]]
| Twitter Timeline
| Display your recent Twitter updates on your page
|-
| [[Image:Githubicon.PNG|link=GitHubRepositoriesComponent]]
| GitHub Repositories
| This component will display a list of recent GitHub repositories for a GitHub user
|-
| [[Image:Tweetbuttonicon.PNG|link=TweetButtonComponent]]
| Tweet Button
| Allow users to share your site on Twitter
|-
| [[Image:facesiteicon.PNG|link=FacebookActivityComponent]]
| Facebook Site Activity
| Show the recent Facebook activity on your site
|-
| [[Image:facelikeicon.PNG|link=FacebookLikeComponent]]
| Facebook Like Button
| Allow users to like a page or item on Facebook
|-
| [[Image:facestaticon.PNG|link=FacebookStatusComponent]]
| Facebook Status Updates
| Display your recent Facebook Status updates on your page
|-
| [[Image:Redditicon.PNG|link=RedditComponent]]
| Reddit
| Display stories from reddit.com on your website
|-
| [[Image:Blogrollicon.PNG|link=BlogrollComponent]]
| Blogroll
| Display a list of your favorite blogs
|-
| [[Image:Friendfeedicon.PNG|link=FriendfeedComponent]]
| Friendfeed
| Display your recent online activity from a variety of other websites
|-
| [[Image:Deliciousicon.PNG|link=DeliciousComponent]]
| Del.icio.us
| Display your recently bookmarked websites
|-
| [[Image:Friendicon.PNG|link=FriendComponent]]
| Friend List
| Add a list of friends to your site
|-
| [[Image:Gamercardicon.PNG|link=GamercardComponent]]
| Xbox GamerCard
| Show off your scores by entering your XBOX GamerTag
|-
!colspan="6"|eCommerce Components
|-
| [[Image:Paypalicon.PNG|link=PaypalComponent]]
| Paypal
| Display a Paypal "buy now" button on your site
|-
| [[Image:Ecwidsbicon.PNG|link=EcwidShoppingBagComponent]]
| Ecwid Shopping Bag
| Create a digital shopping bag for your website
|-
| [[Image:Ecwidpsicon.PNG|link=EcwidProductSearchComponent]]
| Ecwid Product Search
| Create a search box for the products you sell
|-
| [[Image:Ecwidplicon.PNG|link=EcwidProductListingComponent]]
| Ecwid Product Listing
| Display products from your Ecwid.com online store
|-
| [[Image:Bookfreshicon.PNG|link=BookFreshComponent]]
| BookFresh Online Scheduling
| Let new and existing clients schedule with your business online
|-
| [[Image:Ebayitemsicon.PNG|link=ebayItemsComponent]]
| eBay Listings
| Display a list of the items you're selling on eBay
|-
|}

</center>

Although your Website Builder theme will work if you do not apply any css styles to the html for the optional content components, you will need to style them if you want to give them a unique design rather than the default style that is applied.

Want to see these components at work? An example site has been set up to display them all at http://builderexample.com

HeadingComponent

2017-10-18T11:01:16Z

Jamess: Renamed from page HeaderComponent.

__NOTOC__
Insert a highly customizable text header into your content with this component, with support for custom backgrounds, sizing, and CSS.

==Where to Find==

This Component can be found in the [[Adding to a Page | "Add Content 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==

[[Image:HeaderMainOptions.png|frameless|x720px|center]]

After choosing where this Component will appear, the '''Title''' text can be configured, along with '''extra design options''' for optional custom backgrounds or borders.

You can optionally change the '''color''' of the text with the included color selector, while the '''Element Tag''' can select a range of predefined styles for the font, size, and spacing.

The '''font size''' can be adjusted here, as well as the '''font weight''' and '''alignment''' in the header. Additionally, the '''line height''' can be adjusted, such as for cases where the title is long enough to wrap.

Under '''Design Options''', an optional '''custom background''' for the text can be uploaded and added, as well as changing the '''size and dimensions''' of the header box itself to accommodate the image, such as allowing extra height above and/or below the text to allow more of the image to show.

'''Borders''' for the header box can also be customized here, such as changing the style and '''radius''' of rounded corners if desired.

The last section, '''Custom Options''', is to allow experienced designers to easily create and apply their own additional CSS for extra flexibility.

==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]].

[[Category:Components]]
[[Category:Multimedia Components]]

HeaderComponent

2017-10-18T10:59:22Z

Jamess:

HeaderComponent

2017-10-18T10:53:51Z

Jamess: /* Options */

__NOTOC__
Insert a customizable header into your content with this Component.

==Where to Find==

This Component can be found in the [[Adding to a Page | "Add Content 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==

[[Image:HeaderMainOptions.png|frameless|x720px|center]]

After choosing where this Component will appear, the '''Title''' text can be configured, along with '''extra design options''' for optional custom backgrounds or borders.

You can optionally change the '''color''' of the text with the included color selector, while the '''Element Tag''' can select a range of predefined styles for the font, size, and spacing.

The '''font size''' can be adjusted here, as well as the '''font weight''' and '''alignment''' in the header. Additionally, the '''line height''' can be adjusted, such as for cases where the title is long enough to wrap.

Under '''Design Options''', an optional '''custom background''' for the text can be uploaded and added, as well as changing the '''size and dimensions''' of the header box itself to accommodate the image, such as allowing extra height above and/or below the text to allow more of the image to show.

'''Borders''' for the header box can also be customized here, such as changing the style and '''radius''' of rounded corners if desired.

The last section, '''Custom Options''', is to allow experienced designers to easily create and apply their own additional CSS for extra flexibility.

==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]].

[[Category:Components]]
[[Category:Multimedia Components]]

HeaderComponent

2017-10-18T10:51:07Z

Jamess: Created page with "__NOTOC__ Insert a customizable header into your content with this Component. ==Where to Find== This Component can be found in the Adding to a Page | "Add Content to Page"..."

__NOTOC__
Insert a customizable header into your content with this Component.

==Where to Find==

This Component can be found in the [[Adding to a Page | "Add Content 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==

[[Image:HeaderMainOptions.png|frameless|x720px|center]]

After choosing where this Component will appear, the '''Title''' text can be configured, along with '''extra design options''' for optional custom backgrounds or borders.

You can optionally change the '''color''' of the text with the included color selector, while the '''Element Tag''' can select a range of predefined styles for the font, size, and spacing.

The '''font size''' can be changed here, as well as the '''font weight''' and '''alignment''' on the page. Additionally, the '''line height''' can be adjusted for cases where the title is long enough to wrap.

Under '''Design Options''', an optional '''custom background''' for the text can be uploaded and added, as well as changing the '''size and dimensions''' of the header box itself to accommodate the image, such as allowing extra height above and/or below the text to allow more of the image to show. '''Borders''' for the header box can also be customized here, such as changing the style and radius of rounded corners.

The last section, '''Custom Options''', is to allow experienced designers to easily create and apply their own additional CSS for extra flexibility.

==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]].

[[Category:Components]]
[[Category:Multimedia Components]]

File:HeaderMainOptions.png

2017-10-18T10:17:26Z

Jamess: Jamess uploaded a new version of "File:HeaderMainOptions.png"

File:HeaderMainOptions.png

2017-10-18T10:16:50Z

Jamess: Jamess uploaded a new version of "File:HeaderMainOptions.png"

File:HeaderMainOptions.png

2017-10-18T10:15:57Z

Jamess: Jamess uploaded a new version of "File:HeaderMainOptions.png"

File:HeaderMainOptions.png

2017-10-18T10:15:03Z

Jamess: Jamess uploaded a new version of "File:HeaderMainOptions.png"

File:HeaderMainOptions.png

2017-10-18T09:29:33Z

Jamess: Jamess uploaded a new version of "File:HeaderMainOptions.png"

File:HeaderMainOptions.png

2017-10-18T09:28:48Z

Jamess:

File:HeaderIcon.png

2017-10-18T09:16:00Z

Jamess: Jamess uploaded a new version of "File:HeaderIcon.png"

Components

2017-10-18T09:07:51Z

Jamess:

<center>
{| class="wikitable" border=1 cellspacing=0 cellpadding=3
!colspan="6"|Content Components
|-
| [[Image:Customicon.PNG|link=TextorContentBlockComponent]]
| Text or Content Block
| Add text and images using a visual editor
|-
| [[Image:HeaderIcon.png|link=HeaderComponent]]
| Header
| Add a customizable header using a visual editor
|-
| [[Image:Htmlicon.PNG|link=HTMLComponent]]
| HTML/Javascript
| Embed third party widgets or write your own code
|-
| [[Image:spacericon.png|link=SpacerComponent]]
| Spacer
| Adds a spacer between components
|-
| [[Image:Imageicon.PNG|link=ImageComponent]]
| Single Image
| Place a single image on your page
|-
| [[Image:Imageslideshowicon.PNG|link=ImageSlideshowComponent]]
| Image Slideshow
| Add a slideshow from all of the images in a folder
|-
| [[Image:Imagegalleryicon.PNG|link=ImageGalleryComponent]]
| Image Gallery
| Add a number of images to your site in a variety of ways
|-
| [[Image:Formicon.PNG|link=FormComponent]]
| Contact Form
| Display a simple form on your site that e-mails you submissions
|-
| [[Image:Feedicon.PNG|link=FeedComponent]]
| Web Feed
| Add content from websites that publish feeds of their content
|-
| [[Image:Googlemapsicon.PNG|link=GoogleMapComponent]]
| Google Maps
| Display a map with a location on it
|-
| [[Image:Navigationicon.PNG|link=NavigationComponent]]
| Navigation
| Create an extra navigation menu
|-
| [[Image:WorldMapicon.png|link=WorldMapComponent]]
| Interactive World Map
| Display an interactive map with custom markers
|-
| [[Image:Bnetappsicon.PNG|link=BravenetComponent]]
| Bravenet Web Apps
| Add A Bravenet Web App to your site
|-
| [[Image:Guestbookicon.PNG|link=GuestbookComponent]]
| Guestbook
| Allow your visitors to write a message to you!
|-
| [[Image:Pagecountericon.PNG|link=PageCounterComponent]]
| Page Counter
| Display your number of unique visits or page views on your website
|-
!colspan="6"|Blogging Components
|-
| [[Image:Blogicon.PNG|link=BlogComponent]]
| Blog Posts
| Display blog posts you have written as a list, summary or full posts
|-
| [[Image:Blogcommenticon.PNG|link=BlogCommentComponent]]
| Blog Comments
| Display recent comments made on your blog posts
|-
| [[Image:Blogsearchicon.PNG|link=BlogSearchComponent]]
| Blog Search
| Display a search box so that your blog can be searched
|-
| [[Image:Blogarchiveicon.PNG|link=BlogArchiveComponent]]
| Blog Archive
| Show links to your old blog posts by dates, categories or tags
|-
!colspan="6"|Multimedia Components
|-
| [[Image:beforeaftericon.png|link=BeforeAfterComponent]]
| Before After
| Show a before and after image
|-
| [[Image:html5videoicon.png|link=HTML5VideoComponent]]
| HTML5 Video
| Display an HTML5 Video on your website
|-
| [[Image:Youtubeicon.PNG|link=YoutubeComponent]]
| Youtube Video
| Display a YouTube video on your site
|-
| [[Image:GDocsicon.PNG|link=GoogleDocsViewerComponent]]
| Google Docs Viewer
| Display a document on your website
|-
| [[Image:Flickricon.PNG|link=FlickrGalleryComponent]]
| Flickr Gallery
| Display a collection of images from Flickr in a customizable gallery
|-
| [[Image:Videoplayericon.PNG|link=VideoPlayerComponent]]
| Video Player
| Display a video on your website.
|-
| [[Image:Flashicon.PNG|link=FlashComponent]]
| Embed Flash
| Embed a Flash SWF on your website
|-
| [[Image:Vimeoicon.PNG|link=VimeoComponent]]
| Vimeo
| Display a Vimeo video on your site
|-
| [[Image:Audioplayericon.PNG|link=AudioPlayerComponent]]
| Audio Player
| Let your visitors listen to music on your website
|-
!colspan="6"|Social Components
|-
| [[Image:Sociabuttonsicon.PNG|link=ShareButtonsComponent]]
| Social Sharing Buttons
| Add icons that allow visitors to share your webpages through a variety of social networks.
|-
| [[Image:Lastfmicon.PNG|link=LastfmComponent]]
| Last.FM
| Display music that you listen to through your Last.FM account
|-
| [[Image:Followersicon.PNG|link=TwitterFollowerComponent]]
| Twitter Followers
| Display the icons of people following you, or people you're following
|-
| [[Image:Twittericon.PNG|link=TwitterComponent]]
| Twitter Timeline
| Display your recent Twitter updates on your page
|-
| [[Image:Githubicon.PNG|link=GitHubRepositoriesComponent]]
| GitHub Repositories
| This component will display a list of recent GitHub repositories for a GitHub user
|-
| [[Image:Tweetbuttonicon.PNG|link=TweetButtonComponent]]
| Tweet Button
| Allow users to share your site on Twitter
|-
| [[Image:facesiteicon.PNG|link=FacebookActivityComponent]]
| Facebook Site Activity
| Show the recent Facebook activity on your site
|-
| [[Image:facelikeicon.PNG|link=FacebookLikeComponent]]
| Facebook Like Button
| Allow users to like a page or item on Facebook
|-
| [[Image:facestaticon.PNG|link=FacebookStatusComponent]]
| Facebook Status Updates
| Display your recent Facebook Status updates on your page
|-
| [[Image:Redditicon.PNG|link=RedditComponent]]
| Reddit
| Display stories from reddit.com on your website
|-
| [[Image:Blogrollicon.PNG|link=BlogrollComponent]]
| Blogroll
| Display a list of your favorite blogs
|-
| [[Image:Friendfeedicon.PNG|link=FriendfeedComponent]]
| Friendfeed
| Display your recent online activity from a variety of other websites
|-
| [[Image:Deliciousicon.PNG|link=DeliciousComponent]]
| Del.icio.us
| Display your recently bookmarked websites
|-
| [[Image:Friendicon.PNG|link=FriendComponent]]
| Friend List
| Add a list of friends to your site
|-
| [[Image:Gamercardicon.PNG|link=GamercardComponent]]
| Xbox GamerCard
| Show off your scores by entering your XBOX GamerTag
|-
!colspan="6"|eCommerce Components
|-
| [[Image:Paypalicon.PNG|link=PaypalComponent]]
| Paypal
| Display a Paypal "buy now" button on your site
|-
| [[Image:Ecwidsbicon.PNG|link=EcwidShoppingBagComponent]]
| Ecwid Shopping Bag
| Create a digital shopping bag for your website
|-
| [[Image:Ecwidpsicon.PNG|link=EcwidProductSearchComponent]]
| Ecwid Product Search
| Create a search box for the products you sell
|-
| [[Image:Ecwidplicon.PNG|link=EcwidProductListingComponent]]
| Ecwid Product Listing
| Display products from your Ecwid.com online store
|-
| [[Image:Bookfreshicon.PNG|link=BookFreshComponent]]
| BookFresh Online Scheduling
| Let new and existing clients schedule with your business online
|-
| [[Image:Ebayitemsicon.PNG|link=ebayItemsComponent]]
| eBay Listings
| Display a list of the items you're selling on eBay
|-
|}

</center>

Although your Website Builder theme will work if you do not apply any css styles to the html for the optional content components, you will need to style them if you want to give them a unique design rather than the default style that is applied.

Want to see these components at work? An example site has been set up to display them all at http://builderexample.com

Components

2017-10-18T09:06:17Z

Jamess:

<center>
{| class="wikitable" border=1 cellspacing=0 cellpadding=3
!colspan="6"|Content Components
|-
| [[Image:Customicon.PNG|link=TextorContentBlockComponent]]
| Text or Content Block
| Add text and images using a visual editor
|-
| [[Image:HeaderIcon.png|link=HeaderComponent]]
| Text or Content Block
| Add a custom text header using a visual editor
|-
| [[Image:Htmlicon.PNG|link=HTMLComponent]]
| HTML/Javascript
| Embed third party widgets or write your own code
|-
| [[Image:spacericon.png|link=SpacerComponent]]
| Spacer
| Adds a spacer between components
|-
| [[Image:Imageicon.PNG|link=ImageComponent]]
| Single Image
| Place a single image on your page
|-
| [[Image:Imageslideshowicon.PNG|link=ImageSlideshowComponent]]
| Image Slideshow
| Add a slideshow from all of the images in a folder
|-
| [[Image:Imagegalleryicon.PNG|link=ImageGalleryComponent]]
| Image Gallery
| Add a number of images to your site in a variety of ways
|-
| [[Image:Formicon.PNG|link=FormComponent]]
| Contact Form
| Display a simple form on your site that e-mails you submissions
|-
| [[Image:Feedicon.PNG|link=FeedComponent]]
| Web Feed
| Add content from websites that publish feeds of their content
|-
| [[Image:Googlemapsicon.PNG|link=GoogleMapComponent]]
| Google Maps
| Display a map with a location on it
|-
| [[Image:Navigationicon.PNG|link=NavigationComponent]]
| Navigation
| Create an extra navigation menu
|-
| [[Image:WorldMapicon.png|link=WorldMapComponent]]
| Interactive World Map
| Display an interactive map with custom markers
|-
| [[Image:Bnetappsicon.PNG|link=BravenetComponent]]
| Bravenet Web Apps
| Add A Bravenet Web App to your site
|-
| [[Image:Guestbookicon.PNG|link=GuestbookComponent]]
| Guestbook
| Allow your visitors to write a message to you!
|-
| [[Image:Pagecountericon.PNG|link=PageCounterComponent]]
| Page Counter
| Display your number of unique visits or page views on your website
|-
!colspan="6"|Blogging Components
|-
| [[Image:Blogicon.PNG|link=BlogComponent]]
| Blog Posts
| Display blog posts you have written as a list, summary or full posts
|-
| [[Image:Blogcommenticon.PNG|link=BlogCommentComponent]]
| Blog Comments
| Display recent comments made on your blog posts
|-
| [[Image:Blogsearchicon.PNG|link=BlogSearchComponent]]
| Blog Search
| Display a search box so that your blog can be searched
|-
| [[Image:Blogarchiveicon.PNG|link=BlogArchiveComponent]]
| Blog Archive
| Show links to your old blog posts by dates, categories or tags
|-
!colspan="6"|Multimedia Components
|-
| [[Image:beforeaftericon.png|link=BeforeAfterComponent]]
| Before After
| Show a before and after image
|-
| [[Image:html5videoicon.png|link=HTML5VideoComponent]]
| HTML5 Video
| Display an HTML5 Video on your website
|-
| [[Image:Youtubeicon.PNG|link=YoutubeComponent]]
| Youtube Video
| Display a YouTube video on your site
|-
| [[Image:GDocsicon.PNG|link=GoogleDocsViewerComponent]]
| Google Docs Viewer
| Display a document on your website
|-
| [[Image:Flickricon.PNG|link=FlickrGalleryComponent]]
| Flickr Gallery
| Display a collection of images from Flickr in a customizable gallery
|-
| [[Image:Videoplayericon.PNG|link=VideoPlayerComponent]]
| Video Player
| Display a video on your website.
|-
| [[Image:Flashicon.PNG|link=FlashComponent]]
| Embed Flash
| Embed a Flash SWF on your website
|-
| [[Image:Vimeoicon.PNG|link=VimeoComponent]]
| Vimeo
| Display a Vimeo video on your site
|-
| [[Image:Audioplayericon.PNG|link=AudioPlayerComponent]]
| Audio Player
| Let your visitors listen to music on your website
|-
!colspan="6"|Social Components
|-
| [[Image:Sociabuttonsicon.PNG|link=ShareButtonsComponent]]
| Social Sharing Buttons
| Add icons that allow visitors to share your webpages through a variety of social networks.
|-
| [[Image:Lastfmicon.PNG|link=LastfmComponent]]
| Last.FM
| Display music that you listen to through your Last.FM account
|-
| [[Image:Followersicon.PNG|link=TwitterFollowerComponent]]
| Twitter Followers
| Display the icons of people following you, or people you're following
|-
| [[Image:Twittericon.PNG|link=TwitterComponent]]
| Twitter Timeline
| Display your recent Twitter updates on your page
|-
| [[Image:Githubicon.PNG|link=GitHubRepositoriesComponent]]
| GitHub Repositories
| This component will display a list of recent GitHub repositories for a GitHub user
|-
| [[Image:Tweetbuttonicon.PNG|link=TweetButtonComponent]]
| Tweet Button
| Allow users to share your site on Twitter
|-
| [[Image:facesiteicon.PNG|link=FacebookActivityComponent]]
| Facebook Site Activity
| Show the recent Facebook activity on your site
|-
| [[Image:facelikeicon.PNG|link=FacebookLikeComponent]]
| Facebook Like Button
| Allow users to like a page or item on Facebook
|-
| [[Image:facestaticon.PNG|link=FacebookStatusComponent]]
| Facebook Status Updates
| Display your recent Facebook Status updates on your page
|-
| [[Image:Redditicon.PNG|link=RedditComponent]]
| Reddit
| Display stories from reddit.com on your website
|-
| [[Image:Blogrollicon.PNG|link=BlogrollComponent]]
| Blogroll
| Display a list of your favorite blogs
|-
| [[Image:Friendfeedicon.PNG|link=FriendfeedComponent]]
| Friendfeed
| Display your recent online activity from a variety of other websites
|-
| [[Image:Deliciousicon.PNG|link=DeliciousComponent]]
| Del.icio.us
| Display your recently bookmarked websites
|-
| [[Image:Friendicon.PNG|link=FriendComponent]]
| Friend List
| Add a list of friends to your site
|-
| [[Image:Gamercardicon.PNG|link=GamercardComponent]]
| Xbox GamerCard
| Show off your scores by entering your XBOX GamerTag
|-
!colspan="6"|eCommerce Components
|-
| [[Image:Paypalicon.PNG|link=PaypalComponent]]
| Paypal
| Display a Paypal "buy now" button on your site
|-
| [[Image:Ecwidsbicon.PNG|link=EcwidShoppingBagComponent]]
| Ecwid Shopping Bag
| Create a digital shopping bag for your website
|-
| [[Image:Ecwidpsicon.PNG|link=EcwidProductSearchComponent]]
| Ecwid Product Search
| Create a search box for the products you sell
|-
| [[Image:Ecwidplicon.PNG|link=EcwidProductListingComponent]]
| Ecwid Product Listing
| Display products from your Ecwid.com online store
|-
| [[Image:Bookfreshicon.PNG|link=BookFreshComponent]]
| BookFresh Online Scheduling
| Let new and existing clients schedule with your business online
|-
| [[Image:Ebayitemsicon.PNG|link=ebayItemsComponent]]
| eBay Listings
| Display a list of the items you're selling on eBay
|-
|}

</center>

Although your Website Builder theme will work if you do not apply any css styles to the html for the optional content components, you will need to style them if you want to give them a unique design rather than the default style that is applied.

Want to see these components at work? An example site has been set up to display them all at http://builderexample.com

File:HeaderIcon.png

2017-10-18T09:06:02Z

Jamess: Jamess uploaded a new version of "File:HeaderIcon.png"

File:HeaderIcon.png

2017-10-18T09:02:12Z

Jamess: Jamess uploaded a new version of "File:HeaderIcon.png"

File:HeaderIcon.png

2017-10-18T08:57:30Z

Jamess: