How to build your site


Published on

Published in: Travel, Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

How to build your site

  1. 1. h<br />How to guide<br />Create your own community network<br />
  2. 2. For one minute...<br />...imagine a place where you can make a website that incorporates everything that is great about the internet. A place where you can add YouTube videos, flickr photos, Google maps, the weather, horoscopes, Google calendar, Yahoo mail, Google mail, Venda shops, Amazon and more including adding widgets you found whilst searching the web. <br />And…all with just one mouse click!<br />Well…you just found it.<br />Welcome to Webjam!<br />r<br />a<br />Welcome to Webjam!            <br /> <br />
  3. 3. CONTENTS<br />1.Getting Started<br />Creating a network from scratch - registering<br />Copying a network you like<br />Using a template<br />The ‘Edit’ button<br />2.The Top Bar<br />Viewing and Editing your site<br />Settings<br />Modules<br />Styles<br />Members<br />3.Going Premium<br />Remove/add own advertisements<br />Use domain name<br />Branded newsletter functionality<br />Branded top bar & footer<br />Co-branded registration<br />r<br />Welcome to Webjam!            <br /> <br />
  4. 4. Create your network<br />Registering an account – option 1<br />On click the button or click ‘create new network’ at the top of any Webjam page. <br />The registration light box will appear (see left). Fill it in then click ‘Register and proceed’.<br />Now choose a title for the network you are about to create and click ‘Create my network!’<br />Part 1: Getting started with Webjam            <br /> <br />
  5. 5. Finding a network to copy – option 2<br />Alternatively you can duplicate the style and layout of a network in an instant. <br />Step one<br />Step three<br />A new light box will appear and all you need to do is select the checkbox: ‘A copy of this network’* Give your new site a name and click on ‘Create my network’ and it’s a done deal, a copy of your chosen site will appear instantaneously. <br />Searching<br />Step two<br />click ‘Create new network’ <br />on the left of the top bar.*<br />Find a network you like by searching through the thousands on offer using the search tool in the top bar.<br />*If this option is not available the editor has chosen not to allow replication.<br />Part 1: Getting started with Webjam            <br /> <br />See other site ideas at<br />
  6. 6. Templates – option 3<br />Create your site in seconds!<br />Every site is a potential template that you can copy. You can also access themed templates created by us; visit to see.<br />If you like what you see click the ‘Start!’ button to replicate and begin editing! <br />Click on a template to be taken to the site.<br />Start!<br />Part 1: Getting started with Webjam            <br /> <br />
  7. 7. The EDIT button<br />There are a few key notes to take in before you begin creating.<br />Depending on what you have added to your page the ‘EDIT’ button allows you to moderate and amend your module. It allows you to do anything from create tags for ‘flickr’ and ‘YouTube’ modules to changing the styles of forums and blogs. Just click ‘EDIT’ to open up a whole new world of what we do.<br />By clicking on the ‘ADD’ button you are able to add specific modules to other pages on your site. For example if you see a widget you like on another site click ‘ADD’ from the top right of the module and choose which page you wish to add to. <br />The EDIT button<br /> <br />
  8. 8. The Top Bar<br />This is where the magic happens!<br />Using this toolbar you are able to control anything that takes place on your network. Everything from adding content, changing the style to removing pages. Over the next few stages we will look at exactly what you can achieve by using the top bar.<br />Access the module editing buttons by first clicking ‘edit site’<br />The view site tool allows you to see the page displayed from the point of view of an editor, a member or a passer by. Click on the down arrow to select.<br />Part 2: The Top Bar            <br /> <br />
  9. 9. Settings<br />Control your network<br />from the ‘settings’ tab.<br />1. Edit the title of your network and add tags so that your site is picked up through search engines.<br />2. Use the description box to add info about your site. <br />4. You can set your page privacy at four levels. Public, Members only Custom & Private.<br />5. Delete pages by clicking the red cross. Be careful as you will delete everything on that page!<br />3. Change the title of the pages in the available text boxes.<br />Part 2: The Top Bar            <br /> <br />
  10. 10. m<br />Modules<br />Making web content easy.<br />It’s so easy to create my website!!<br />Use ‘modules’ to turn your blank canvas into a spectacular website. Don’t be scared, knowing about code is not necessary. <br />Click the modules tab and you can access a wealth of materials from blogs to <br />flickr add-ons. <br />Some modules<br />f<br />Part 2: The Top Bar - modules            <br /> <br />
  11. 11. Part 2: Adding Modules<br />Transform your blank canvas <br />Inserting a module onto your site couldn’t be more simple. Find the module you wish to add from the modules tab. In this case we are adding a blog.<br />When the blog appears on your page, tap ‘Write new post’<br />Use the ‘EDIT’ button to change the features of your module<br />You can either drag and drop the module onto the page or alternatively click ‘+ TO PAGE’ Do this with any module you like until you are satisfied with your content.<br />Remember to access your modules click ‘Modules.’<br />A new light box will appear where you can start writing. You are now ready to become the next Charles Dickens! It’s easy.<br />Part 2: The Top Bar - modules            <br /> <br />
  12. 12. Adding a forum<br />Anyone can start a discussion<br />1. Click..<br />2. Then choose ‘Post a new topic.’ A new page will appear for you to post a topic.<br />…‘modules’ then ‘me & my community’ tab and add a forum to your page.<br />3. People can easily reply by clicking the topic headline. To subscribe to updates on the forum click the ‘subscribe’ button.<br />Part 2: The Top Bar – Modules/Forums            <br /> <br />
  13. 13. Styles<br />Customise your pages<br />Want to make your site look good? By using the styles tab you are able to choose a specific design for your site. It covers everything from colours to link styles.<br />Make your style unique by selecting ‘Customise style’. Here you can choose exactly how you want your website to look. Orange Boxes and brown text? We don’t mind - it’s your website!<br />Click on the ‘styles’ tab and choose ‘Webjam styles’ and find one that you like. By clicking a style you are able to see a preview of how your site will look. If you don’t like what you got just hit ‘Reset’. Simple.<br />Part 2: The Top Bar – Styles            <br /> <br />
  14. 14. Styles<br />Create your own header<br />Click ‘edit site’ and on the left hand side of the page under the stats button is a Rich text module. Click ‘EDIT’<br />Feeling Clever?<br />1. Using the measurements 1000pixels X 200pixels you can design a header using photo editing software or add a photo/image<br />2. Hit the styles tab and choose ‘Customise style’<br />3. Click ‘Change image’<br />4. Upload your image.<br />5. Set the height at 200px and click save. <br />Here you can add your title.<br />Part 2: The Top Bar – Styles<br /> <br />
  15. 15. Members<br />Get other networks involved<br />Click the ‘members’ tab and on the left hand side of your ‘Members list’ click ‘Invite members’ to invite your friends to join your site. They will be sent an email inviting them to join which will include a link to your site.<br />Use the join permissions drop down menu to select who you want to be able to access your site.<br />Part 2: The Top Bar – Members<br /> <br />
  16. 16. Members<br />Who’s who?<br />Choose this check box to select all members. This is useful should you wish to send a newsletter to your whole community.<br />Use the members page to see who is a member of your network and how many members you have. You can also use this function to make members co-editors, delete members and send messages and newsletters.<br />Click the box to make a member a co-editor of the site. Click the + for specific page co-editing.<br />Use the red ‘x’ to cancel memberships.<br />Part 2: The Top Bar – Members<br /> <br />
  17. 17. Members<br />Who are they?<br />Use the ‘Members form’ to gather information about your users. Set up the questions and click Save. New users will be asked to fill in the form when they join.<br />Use the red x to delete questions.<br />Decide on the type of question and answer and whether the question is mandatory or not.<br />Part 2: The Top Bar – Members<br /> <br />
  18. 18. Going Premium<br />It’s easy to get full control of your network and it doesn’t cost the earth either.<br />Click ‘Settings’ in the top bar then ‘Premium Settings’<br />Premium costs less than £10 a month on a yearly plan.<br />Going Premium allows you to:<br /><ul><li>Remove/add own advertisements enabling you to monetise your community
  19. 19. Use domain name use your own domain name for the website
  20. 20. Branded newsletter functionalitysend up to 5000 newsletters per month
  21. 21. Branded top bar & footer replace the Webjam logo with yours on the top bar
  22. 22. Co-branded registration change the registration light boxes</li></ul>Part 3 – Going Premium<br /> <br />
  23. 23. Remove/add own advertisements <br />Delete the Advertisements module to create a completely ad-free network. Alternatively, earn money from your network by using any ad serving service.<br />To remove ads: On your network click the &apos;edit site&apos; tab. Click the delete button &apos;X&apos; in the header of the Advertisements module. <br />To serve your own ads: 1. Delete the Advertisements module from your page.2. Sign up for ad serving from a provider (see our tip on adverts here)3. Use the HTML code provided by the ad server and paste it into a &apos;Free HTML&apos; module (from modules &gt; My content) 4. Ads will be automatically served on your network in the size and module position you choose. <br />“Sign up to Premium and start monetising your site in minutes”<br />Part 3 – Going Premium<br /> <br />
  24. 24. Use your own domain name <br />Map your own registered domain name to your network. <br />1. Purchase a domain name from a domain name provider (a registrar).<br />2. At your domain registrar, go to the DNS Management services and change the CNAME making the domain point at the IP name: <br /><br />thus: domain name CNAME 3. On your network, in the &apos;settings&apos; tab, under &apos;Standard Settings&apos; submit your domain name (URL) for your domain to be automatically mapped to your network.<br />“personalise your network with your chosen web URL.”<br />Part 3 – Going Premium<br /> <br />
  25. 25. Branded newsletter functionalitySend out up to 5,000 branded newsletters to your members.<br /> To customise your members&apos; newsletter; go to the &apos;members&apos; tab, then &apos;Newsletter settings&apos; and click on &apos;Branded settings’. Add your own logo or image using the &apos;Change image&apos; button. Change the newsletter header & footer using the editing toolbar and change the background using the colour palette. <br />To create and send your newsletter go to &apos;Members&apos; &gt; &apos;Members list&apos;, choose the recipients and click the &apos;Send newsletter&apos; button. <br />The increase to 5000 emails per month is applied immediately after upgrading. A counter of available emails left to send within the month appears in &apos;Members&apos; &gt; &apos;Members list&apos;.<br />“The increase to 5000 emails per month is applied immediately after upgrading to premium.”<br />Part 3 – Going Premium<br /> <br />
  26. 26. Branded top bar & footer Customise your network to suit your needs by replacing the Webjam logo and changing the top bar style then tailoring the footer to include links and information about who you are. <br />To customise the top bar and footer, go to the &apos;styles&apos; tab, then the &apos;Premium styles&apos; tab and make changes. Under &apos;Custom top bar&apos; add your own logo or image using the &apos;Change image&apos; button. Change the background and font colours using the colour palettes (not shown). <br />Under &apos;Custom footer&apos; check the check box to activate the personalised footer area and enter the HTML of your custom footer. Note that when you add a branded footer the Webjam footer decreases in size to include only essential links. <br />Part 3 – Going Premium<br /> <br />
  27. 27. Co-branded registration Customise the style of the registration screens –to include your logo, brand, look and feel. <br />To customise the registration light box, go to the &apos;styles&apos; tab, then the &apos;Customise style&apos; tab and under &apos;Registration form&apos; tick the box stating: &apos;Activate my branded registration form&apos; and Save. <br />This will apply the same style to the Registration light box as you have for your module header.<br />Going premium on Webjam costs just £12.95 per month or £99 per year. <br />Part 3 – Going Premium<br /> <br />
  28. 28. Search Engine Optimisation (SEO)SEO is useful mainly to people who have upgraded to Premium and have domain mapped their network.<br />SEO helps have your pages ranked well in search engines. These tips don’t guarantee an increased ranking, but they will get you started in the right direction. The changes to be made are within the ‘settings’ tab on your top bar.<br />Give your network a title, making sure you use the same words in you tags.<br />Give your network a description to encourage people to click through to your site.<br />Decide on a small number of keywords that, if entered into a search engine, should increase the relevance of your page within a search. Make sure that the word is used relatively often in the normal content of your page and site<br />Get more info on SEO here<br /> <br />
  29. 29. Including a headerDo you want your network to stand out from the crowd? Want to give it the edge over other’s websites? Here’s how<br />In a design program create a new document that is 1000pixels (px) wide and 200px high.<br />Now choose a colour and use the fill tool to colour the header. <br />Now add some images to give a style to the header. <br />Using the type tool put in the title of your network.<br />Search Engine Optimisation<br /> <br />
  30. 30. Summary <br />The top 5 points for building a network<br />3<br />1<br />4<br />5<br />2<br />Index: See an index of your pages and move from page to page by clicking the ‘Settings’ tab. <br />Style: Change the style of your network by clicking ‘styles’ on the toolbar and selecting one that suits you.<br />Content<br />Webjam is so easy to use. To make your site look great all you have to do is click ‘+ to page’ or drag and drop modules. You will create your own personalised network within a matter of minutes. <br />Premium: Take control of your whole site from the URL to the footer by making it Premium. <br />Members: Make members co-editors of one page or the whole site in the ‘Members’ tab.<br />Some useful tips            <br /> <br />
  31. 31. Quick tips. <br />The top 5 helpful tips for building your network<br />1<br />3<br />4<br />5<br />2<br />Found a network you like? Why not copy it and have their style on your site?<br />Add a column by clicking the plus sign. Use the x to delete the column. <br />TOP TIP!!<br />Use modules to engage your community. Add forums, blogs, photos, polls and RSS feeds plus a whole host of other stuff just by clicking a button. <br />Control privacy settings by clicking ‘EDIT’ in the top right corner of your modules and change the access dropdown.<br />Find out how many people have visited your site in the last day, week or month.<br />Some useful tips            <br /> <br />