USER MANUAL
Contents
1. Click the New Page text at the top of the page f Updates Only ay Site Builder de Dashboard New Page Settings Logout M user mode user mode lost dick here custom page A account settings bye bye You will then get a page like New Page Page Title Enter the title of the new page such as Contact Us About Us or Pictures TIP ou can create multiple pages at the same time by separating each page with two colons For example to create 3 pages maximum of 10 at once you would enter the following Contact Gallery Pictures Select A Template By selecting a template you Can have a page layed out for you as a starting point You then just edit the content Create Page Type in a name for the page in the box and click Select Template to show you a range of prebuilt page templates Template Login Register Client Login Client Registration Welcome screenshots Resellers Only Resellers Only Resellers Only Reseller Prebuilt Reseller Prebuilt Saas SE P E A C FEE select template select template select template select template select template Competitors Payment Terms FAQ Home Page Home Page Peceallar reh tt Qereller Dret Peceallar Orati iik fSivh 11 Shule 29 Find the template you want to use and click Select Template and it will become highlighted Then scroll down and click Create Page You will then be re directed to the new page that has just been created Move Content2. USER MANUAL Tel 01775 670180 Fax 01775 670160 Email support drivebywebsites com www DriveByWebsites com Revision Published 1 01 00 30 March 2011 Latest Version Available http drivebywebsites com downloads direct user manual pdf Company Details Drive By Websites is a trading name of Vantage Businesses Ltd Registration 056 574 27 VAT GB 887 5955 43 TABLE OF CONTENTS INTOAUCION AA 4 USE MOdES msn aa d Wiel are USer Modos AA A A 4 WIGS S ONIN arren ileso dani 4 JA A A A AAA 4 Basic Tasks Website Builder Mode occoncocccccnocccccconcocccnnconconnnnanonnonaroarennrnaronnnnannanos 5 VVED DESIGN Pre TTT 5 e Rel 5 Change The Background COUP TTT 6 CUSTOMISC WII HONE sees cause A ta 1 A aes sets nod anaes arse ETE EEE ETO OE 7 Ml A A E E S 9 Credle A ING WAC Cv ca 9 MOVES ONE NAO E 10 Add Additional Content Using Templates oocccncconconcconconoconeonononoonnnononnnnononnnnanonnnnanononnnnos 10 MOGIV EXIS ING Contact E erate et 11 CONO IS cosa oro a a Riiie DORE 12 Creating Links To Other Web Pages On Your SIS sese eee ee 13 Creating Links To Other Websites Not Your Own eee eee 14 Creating Links That Open In A New WiNdOW occoocccccconiconcccnccncocnconconononoonnnoncononanonanonnnos 14 creating Ficture LINKS A A eee as 14 E A as aca hen ned TA oshol siabenned Apsbod cuban eis Apsara sgh 14 AOG ISCDIACC INCSIZE An AMADO iirinn Mates A O stare hs 15 ME E 16 PUDUSH UIA DUDIISD ASP
3. With all the different domain names you can register as well as extensions numbers hyphens etc which do you chose If you stick to these guidelines you should be fine in most cases e Choose a name that reflects the very nature of your business e Shorter the domain name the better This helps to prevent typos and it will also fit easily on a business card etc e Stay clear from hyphens people forget to type them e Register co uk for local UK based businesses com for international We do however recommend you register both if possible and promote just the co uk domain This helps in respect of competition because if your clients or potential clients type in com by mistake then they will be automatically transferred to the co uk website Stay clear from other domain name extensions such as org net fm etc Many people wouldn t even associate them as a website address e Keep numbers out of the domain name or words that have multiple spellings such as 2 two to too if possible e Put your most vital keywords in the domain name but not too many Remember the shorter the domain name the better Usually you want to get the same domain name as your company s name That way when people search for your company name your website comes up Hosting Hosting is something that you will never have to worry about because clients websites created utilising our system are securely hosted by us By using a specifi
4. AGC T 16 DCICIO A Fago A as ee OO EOS SO E O ee eee 17 POD 17 Amend The Information amp Show Powered BW sss sese eee eee 17 Intermediate Tasks Website Builder Mode cccesceseceeeeeeeeeeeeeseneeneeeesneeeeseneees 19 Standalone Wen Padel ES 19 Ss A A O O A Ie ON eee ee 19 ny scateite A E E E ace teosse 19 Eeee ke a em eee e AAPP nn rn a A ee 20 Google A alytes Mstalat Niere 20 Adding 3 Party Widgets To Pages 21 VOU TUG VIGGO oars weap tat tie ns isa na alan as ies Monee uated teach 21 GOOG CA EET 22 Other Embeddable Codes cccccccecceeccecceeeceeceeeceeeeeeceeeeeceeceeeceecseesueeseeseesueseeeaueseeeaeeseesaeesas 23 Related s 23 OY oF CoM ARR O 8 FIJO N 23 Change Me O der OF LL 24 Advanced Tasks Website Builder Mode oocconcocccccconccccconcocconaconconncnaronncnnronnenaronnos 25 Creating An E Commerce Website Using Payal eee ee 25 Embedding A Website Inside Your Web Mage sees eee eee ee 27 Adding Flash TO VOUr Web Fages ii seais 28 ROMO 29 Why Should Even Bother With A Website eee eee 29 Domain Name ROITMAN a need 29 Doma Name Sole CON A A A 30 A A 30 AA E a cate saat anceata a 31 Search ENGINesO DuMNSAl ON cents atea 31 Your Website KeyWord S cc ees eee eee ee 31 OMGr WeDSITCS BACK LINKS Ii 32 OnLine Open FOr BUSINESS aia a 32 MISCOlaneoUS ua 33 EIA A PS PO O ct er 33 PICKING A HEE ie a 33 Omne elled RICKIN ts A SE EAO 33 FICC STOCK ee
5. URLS on Rent A Site When you wantto puta link on your own website this one please use the shorter address ID PAGE KEYWORDS URLs anywhere else leaflets business cards emails etc please use the full address http rentasitedirecLoficeID PAGE KEYWORDS Published Pages Page Title Public URL Payment Terms 1082 paymentterms unpublish delete Frequently Asked Questions nos3frequentiv asked questions unpublish delete Unpublished Pages Page Title Public URL Create New Page Click Create New Page create the page then as normal Managing To get back to the Standalone Page s screen at a later date you can do so by going to your dashboard and clicking Standalone Pages From here you can create more Standalone Pages All your existing Standalone Pages sorted by published and unpublished are stored here Linking To Go to your dashboard and click Standalone Pages You will then see a column heading saying Public URL Copy or write down the public url of the page you want to link to Then go to the page on your website that you want to link to the Standalone Page from Create a link as normal see the section on Tasks for Beginner User Mode gt Web Pages gt Creating Links in this User Manual for more information on this This time when you enter the URL enter in the URL you copied or wrote down earlier and click insert once you are done it should look something like this Genera
6. Web Pages On Your Site First of all you need to find out the web page s address To do this make sure your browser s status bar is viewable its usually just a blank bar at the bottom of the page which keeps you informed about such things as page loading One feature of the status bar is that it will show you the URL of a link before you click it so you can see where you will go before having to click the link Using this just move your mouse cursor over the web page link that you want to link to and it will look something like this EG http rentasiteresellers office 1107 payment terms boo soim moved my mouse cursor over the Payment Terms link in the site header and the status bar in the bottom of the browser showed what you see in the image write it down http rentasiteresellers office 1107 payment terms Go back to where you want to add the link and from the Insert Edit Link popup window just enter everything after the number remember to include the forward slash in front of it like so v1 01 00 Page 13 of 34 General General properties Link URL 1107 payment terms 3 Anchors Ls Target Open in this window frame lae Tte o Class Notse Tal Popup Events Advanced Click Insert and save the changes to the page once you are finished making any further modifications Creating Links To Other Websites Not
7. down to the bottom of the page you want to delete and located in the Post It Note will be a blue link saying Delete Page Click it and an alert will popup confirming that you want to delete the page The Post It Note looks something like this i L lh a Li O Page settings J q nea 1 Lre DA ra G m Delete rage Footer The Footer is the part of your website that s located at the bottom of every page and is the same on every page of your website Below is an example of a Site Footer Copyright 2009 2010 All Rights Reserved Rent A Site Direct Payment Terms Frequently Asked Questions Contact Us Powered By Rent 4 Site Direct v2 00 00 Amend The Information amp Show Powered By You can make amendments to the information displayed in the footer by clicking Settings in the top panel Updates Only ra Site Builder Dashboard New Page o Ed Settings Ue Logout user mode lost dick here custom page E account settings bye bye M USE MODE and then click Footer Information You should end up with something like this v1 01 00 Page 17 of 34 w Dashboard gt Account Settings gt Footer Information Footer Text al L x x rm a Copyright COPYRIGHT_DATE All Rights Reserved Rent A Site Direct Payment Terms Frequently Asked Questions Contact Us Path Words 1f 4 Other Show Powered By i Ifyou go to the bottom of this page you will see a link in the footer
8. on To combat this we simply set up a forwarder to your existing email inbox The inbox can be an existing email address such as client hotmail com client gmail com client yahoo com etc this is where the emails are actually stored and read What we then do is setup an email forwarder such as client yourwebsite com to instantly forward any email sent to that address on to client gmail com etc We can setup up to 10 forwarders per domain name If you don t already have an email address or you want a business one we highly recommend you register an account at www gmail com To help demonstrate how forwarders work visually please see the diagram below A client sends an email to A forwarder is setup so any You log into your barry barrysstore co uk email sent to barry gmail com barry barrysstore co uk account to read the instantly gets forwarded to email and respond barry gmail com Utilising this method means that we have no extra passwords to remember we can use your choice of email inbox hotmail gmail yahoo etc We are in charge of looking after your emails You can have multiple addresses that all go to either one or more Inboxes For example info barrystore co uk amp barry barrystore co uk both go to barry gmail com To setup or modify forwarders please email us at support drivebywebsites com and quote your username and the last 3 characters of your password Contact Please feel free to contact us for supp
9. rest of the form Click Create Button When you are done you will be given some code This is the code you need to copy and paste into the relevant places on your website Go to the web page on your website where you want to add the button to Scroll to the bottom of the page and click Products You should then get something that looks similar to this K Text 9 Images 2 Products 5 Hed Product Layout 1 description Greatior showing products with Images and optional PayPal button of product to allow customers to purchase the item goes here description of product Add To Page goes here like this here 1m heading Product Layout 7 description Great for showing products with images and optional PayPal button of product to allow customers to purchase the item description of product goes here like this here Add To Page description of product Product Layout 3 Greal for showing products with Images and optional PayPal button to allow customers to purchase the item Add To Page Click Add To Page on the layout you like the look of and you will have some settings appear heading description of product Select what you feel suits you best and then click E Commerce Buttons PayPal to produce 4 boxes like this K Text 9 t Images 2 Products 5 description of product How many products do you want to add per row The more products the small
10. saying something eon like Powered By v2 00 00 This gwes you the option of removing this text Yes Helps to keep our prices low due to the exposure from your website to hide the fact youre using a 3rd party system to create and _ SS host your website save amp Go Back You can then modify the text that s displayed in the Footer and you can select if you want to show or hide the Powered By information on your website v1 01 00 Page 18 of 34 Intermediate Tasks Website Builder Mode Standalone Web Pages The only way in which Standalone Pages differ from regular web pages is that Standalone Pages are not automatically linked in i e there is no page link produced in the Header section of the page for you Instead you need to link to it manually such as by adding a link to it from another web page telling people about the link or adding a link to it in the Site Footer Example uses of Standalone Pages are Terms amp Conditions and Privacy Policies both of which are often not wanted in the main navigational area of the website Creation Of On your dashboard click Standalone Pages and you should have something like this on your screen 1 Dashboard gt Standalone Custom Pages l You can manage your standalone web pages below Standalone pages do not appear in the sites main navigation system Instead you must manually link to them via their URL Examples are Terms 4 Conditions or Privacy Policy
11. 1 of 34 SatanicHun LOL L 5 Like a Save to Y Eli Share lt Embed HREL A ee _ After making your selection copy and paste the embed code above The code changes based oe on your selection B Include related videos IT Show border Notice the highlighted code starting with lt object copy it and paste it into the embed code box on your website Click Add To Page and it will appear at the bottom of your page Google Maps Click the Add To Page button on the Maps section You will then see a box appear with the heading Embed Code All you have to do now is go to maps google co uk and find the location you want to show on the map Then click the Link link you should end up with something like this ca Print EJ Send Link U E Ps z E Paste link in email or IM xi y http maps google co uk mapsA q4source s g4hl en geocodi S Q 7 i vd Paste HIML to embed in website E lt iframe width 4 25 height 350 frameborder 0 scrolling no Nyaa Customise and preview embedded map ERS G a Bra E Cae oh F b E testo i G E LE iE Se E ia A Gleed Gira j a ya M K A C a E V Technology pe y A atid A College x E L D El South Holland a 8 W 1 a Con TT 4 i T r Z 5 Gleed Boys K R Schoo i 2 E te Spalding s Te oa SL w b aF Ni C SB E m Pat ai F Fa em Aline Ta E Select the pas
12. Around To move content around on a page simply hover your mouse over what it is you want to move and the section of the page you are going to move becomes highlighted A little toolbar will also popup Move your cursor over the Move icon and hold your left mouse button down Drag the mouse up or down the page to re position it and let go of the mouse button when you are happy with the new position The picture below shows a box being moved Heading Goes Here Fusce lobortis elementum ipsum ut aliquet tellus tempor ac Etiam ultrices posuere ornare Duis rutrum arcu at purus malesuada viverra Vestibulum vitae justo tortor Sed varius bibendum enim sed adipiscing velit feugiat vitae Cras sit amet arcu enim Morbi euismod fermentum ante ut aliquam Quisque sed facilisis quam Maecenas quam metus vehicula sed convallis eu fringilla ac mi Nam id magna vitae sem blandit lobortis l Edit Hl Move SB Clone Z Delete Heading Goes Here Fusce lobortis elementum ipsum ut aliquettellus tempor ac Etiam ultrices posuere omare Duis rutrum arcu at purus malesuada viverra Vestibulum vitae justo tortor Sed varius bibendum enim sed adipiscing velit feugiat vitae Cras sit amet arcu enim Morbi euismod fermentum ante ut aliquam Quisque sed facilisis quam Maecenas quam metus vehicula sed convallis eu fingilla ac mi Nam id magna vitae sem Handit lobortis Fusce lobortis elementum ipsum ut aliquet tellus tempor ac Elam ultrices posuere orna
13. Designs Standalone Pages and much more Basic Tasks Website Builder Mode Web Design Prebuilt If you re in a rush and you need to get your web design done quickly you can use a prebuilt template You literally just point and click on the template design you want to apply to your website Then customise it with up to 3 lines of text in the header add a logo and change the background colour From your dashboard scroll down and click Prebuilt Templates You will then see a page similar to the one shown below Dashboard gt Prebuilt Templates c 0 0 We offer a selection of templates and all you do is point and click on the template you like and itis instantly installed You can then further T customize the template by using the optional settings below which we have tried to make as easy as possible Templates ES Just pick an existing template from our selection Click on it and it will instantly install itself to your website What could be easier Let s Go Easy To Do Personalise The Template Header Text Line 1 es Add a line of text to the header area of your website This text will show on every page of your website Let s Go Select A Design Now click the Templates link or click the Let s Go to the right of the templates heading Then select which template design you like and it will instantly be installed Just keep clicking new templates until you find the o
14. Your Own From the Insert Edit Link popup window click in the box next to Link URL and type in the website address you want to go to such as http google com or http amazon co uk product 12 cool and click Insert Then click Save Changes once you have finished adding links to that section of the page Creating Links That Open In A New Window From the Insert Edit Link popup window you will see a heading that says Target with a drop down box next to it Simply select Open In New Window _ blank from within the drop down box Then click Save Changes once you have finished modifying that section of the page Creating Picture Links Exactly the same procedure for turning text into a link except this time just click on the image you wish to make into a link instead of highlighting some text The process is then the same as making text into a link from then on Removing Links Click the link and then click the icon next to the link s icon The icon will look like 2 chain links broken apart Click that and the link will be removed Another way that might work depending on which web browser you are using is just by right clicking your mouse on the link and then select unlink from the drop down menu Add Replace Resize An Image After carrying out the step above Modify Existing Content to the point where you load up the editor then click where you want the image to go f
15. amp IMAJ ds A a A A a AAA aa de A e 33 Premiun STOCK Fhotos Ge IMAJOS sav sc di A A A A aa 33 B FVII Mr va SS ar 33 O E E O A A areas 34 DECANO coseiciren rodri arcaicos 34 Introduction This User Manual is the complete guide to creating professionally designed websites It s been written to assist people looking to either build their own website or need some assistance in respect of updating their website utilising our award winning system It s perfect for beginners and the more experienced web developer User Modes What are User Modes User Modes are the means by which the system is made relevant to your website development experience You can switch between user modes at any time by clicking the new user mode in the top left of the screen The image below shows you what you should be looking for F Updates Only E a Site Builder Ao Dashboard New Page 2 Settings Logout a dl user mode user mode be lost dick here custom page X account settings bye bye Updates Only This mode is perfect if all you want to do is update your existing website and pay for invoices For this reason Creating New Pages The User Dashboard and Configuring The Web Design etc are all hidden from you as the user in this mode Site Builder Site Builder is for our clients looking to build their own website Included in this mode are many more features such as creating Related Pages Custom Templates
16. ar at the bottom of your page Scroll up a little and you will see it Modify Existing Content Hover your mouse over the text that you want to change and click the Edit icon that appears in the toolbar on the right Once clicked wait a few seconds depending on how fast v1 01 00 Page 11 of 34 your internet connection is and you will get something similar to what is shown in the image below BZ Uee Gic ES 3323 j x x Pe a Se e i 29 aA SS G Format Fontfamily Fontsize gt A 2 ig urm R Heading Goes Here Fusce lobortis elementum ipsum ut aligquet tellus tempor ac Etiam ultrices posuere omare Duis rutrum arcu at purus malesuada viverra Vestibulum vitae justo tortor Sed varius bibendum enim sed adipiscing velit feugiat vitae Cras sit amet arcu enim Morbi euismod fermentum ante ut aliquam Quisque sed facilisis quam Maecenas quam metus vehicula sed convallis eu fringilla ac mi Nam id magna vitae sem blandit lobortis Path Words 68 E save Changes Cancel Heading Goes Here Notice that the edit tools are similar to Microsoft Word That s because they are supposed to look similar so there is a good chance you will already know how to edit the content Just select some text click B and it becomes bold Easy as that Hold the mouse cursor over the icons for a few seconds to see what each one will do Click Save Changes once you are happy with what you hav
17. ard gt Prebuilt Templates gt Header Text Line 1 Font Text Size Colour Click a new font below and it will be applied to the text in the header Remember that you can reposition the text by holding the mouse F cursor over the header you Want To move hold down the left mouse button and drag it to its new location D LZ L Zd ae 291 MR AT 3 7 N 34 35 36 Aa Dike GH KUMANO AaboCcDdEeFfaahht AcPh chdkefirEehhlhS AaBbCcDdEeFTGgHhlliJjK AABBCCDDEEFFGGHHIIJIKKL A dl A eRe Ee eS PAPA W A 6 iti ae it SS TB 6 8 e d d eee ee ES IPR SA 6 6 ee A FA First of all you need to click the Text tab enter some text in the box and click Apply New Text Wait for a second and it will appear in the header of your page Then adjust the size colour and select a new font for it Once you re happy click Go Back and then add more lines etc To delete a heading just delete the text in the textbox and click Apply New Text To move the heading just click on it with your mouse hold down the left mouse button and move it to where you want it to be positioned Let go of the mouse button when you re done Add A Logo Now go back to the previous page with all the headings on and click Logo You should then see a page like TA Dashboard gt Prebuilt Templates gt Logo Trage an image of your own for best results use one with a transparent background When you upload an ima
18. cally chosen third party hosting provider we guarantee to provide you as a valued client with a fast secure and reliable performance at all times The service setup has been designed specifically to accommodate clients demanding the highest quality network performance At the time of writing this for the past six months we have been running Pingdom com on our site and we have received 100 uptime The way this works is a 3rd party website carries out 5 minute checks automatically to make sure that it s online Should any of our clients websites go offline a text message and email notification is sent to one of our technicians So far we have received NO SUCH EMAILS OR TEXTS which means that the system has been online for a full 6 months with NO interruptions Best Practices Here is a short list of the best practices that we would recommend you should follow Obviously this is not set in stone just recommended e Do not keep changing font styles throughout the website If you insist on having several styles then use a different font for the headings only but make sure you make all the headings around the site the same font e Do not make any text blue unless it is a link By default links are blue and website visitors are used to links being blue So seeing whole paragraphs of text that are blue instantly implies you can click it as visitors to your site will think that it s a link Try to leave text black on a whit
19. e background for the best contrast to make the content easy to read e Do not make text too large Doing so results in more scrolling for the user e Do not make images too wide so that it results in a horizontal scroll bar Users are used to scrolling down but not across as well e Do not add too many moving elements on a page To start with it may look nice but after a short time it tends to get very annoying and distracting when trying to read text on the page e When writing headings try to keep them short and snappy If you find that one or two words are going on a new line try and reduce it to a single full line or put a line break in the middle to force the 2 heading lines to be about the same width This will make the website look a lot more appealing Though doing this with headings sounds a lot easier than it is Search Engine Optimisation There are two elements to search engine optimisation One element is what you can do on your own website and the other element is what you can do on other websites If you try to do anything to purposefully get higher in search results such as stuff keywords into pages too heavily or pay to get listed on link farms then Google and other search engines may completely remove your website from their result listings So remember don t try too hard and in most cases you will do well Your Website Keywords To summarise your website needs to be full of keywords and easy to scan by search e
20. e changed Creating Links If ever you want to create a link e if someone clicks some text or an image and you want them to be sent to another website like Google com or a page within your own website Then you do so by creating a link or hyperlink to be exact To create a link all you do is go to the page where you want to add the link Click Edit in the toolbar that appears when you hover over what you want to turn into a link on the page Then highlight the text or image that you want to turn into a link like this d e i lE E x BiUs e LR la gt EY JE 3 F aa Se lw Paragraph Font family Font size k Ay 2 gt 2 al E um ie E Hi S E We have plenty of payment options like so Please adas to see our payment terms v1 01 00 Page 12 of 34 As you can see have highlighted the click here text using my mouse cursor in exactly the same way as you would make text bold italic etc Only instead of clicking the B icon click the picture with the 3 chain links hold your mouse cursor over the icon and it may say Insert Edit Link Click that icon and you will get a popup window like so from which the next steps below will follow General Popup Events Advanced r General properties Link URL fF Anchors AA Target Open in this window frame 5 Title Class Mot set Creating Links To Other
21. er the images will be 2 Products oe Show full size image when clicked Yes me gt gt Product Spacing m PayPal Button Product 1 applies if you selected to show 1 product Enter the embed code below PayPal Button Product 2 applies if you selected to show 2 products Enter the embed ana hola Then each time you create a button in PayPal for a product copy and paste that code in the appropriate box Click Add To Page and when you re done it will appear at the bottom of your web page Repeat this for as many items as you want to add to the page Embedding A Website Inside Your Web Page To embed another website directly into a web page on your website you can do so by first going to a page on your site then scroll to the bottom and click the Advanced heading Then click Add To Page for the Embeddable IFrame item AFTER reading the warning Then enter the website in the box provided and click Add To Page It should look like this Reseller Goodies 2 3rd Party Widgets 10 Advanced 3 Embeddable Object Embed something in to a page such as a flash file video or map Add To Page Embeddable IFrame Embed another websitefwebpage into a page on your own site and add more content above or below the iframe WARNING Be careful not to embed a page that has javascript preventing it from showing in frames otherwise you may find all your site visitors are automatica
22. ge itis NOT resized automatically unless itis larger than 900px by 900px since itweuld be too big for these templates This means you will need to resize the image to the correct dimensions so thatitfits in the header area BEFORE uploading it Ifthis has confused you we ED Select an image that can then be moved around in the header of the site by drag and dropping it where you wantit When you upload recommend you skip this section Your Own Images Manage Images No Image Save amp Go Bark Click Manage Images and you will then get something like so Filter a Selected folder az y y Upload gE Refresh Page T Tar LZ Mew mode Thumbnails 25 images pace Categories B rentasitedirect L History C Favorites Folders Then click Upload browse for the image logo you want to add to your site and click Upload Then once it s done you should get a message Click OK then close the upload box click the X or click cancel Now click on the thumbnail of your logo The page should reload click the logo again and it will appear in your header Then drag and drop it to position it in the header area v1 01 00 Page 8 of 34 Web Pages The web pages contain the actual content of the website Such as an About Page Home Page Welcome Page Services Page and Contact Page etc Create A New Page
23. hen need to click on 3 Party Widgets and you will see a list of websites come up something like below K Text 9 Images 2 Products 5 Reseller Goodies 2 3rd Party Widgets 10 slideshows Photo Snack Flickr Etc Embed a slideshow on to your web page Goto Photo Snack Flickr etc Look for an option to embed or link a page click it and then copy the embed code into the Dox that will appear after you click the button below Add To Page iil Maps Google Microsoft Etc Embed an interactive map on to your web page Goto Google Maps Microsoft Maps Multi Maps etc When you have found your map look for an option to embed or link the map click it and then copy the embed code into the box that will appear after you click the button below Add To Page Videos YouTube Vimeo MetaCafe Etc Embed a video on to your web page Go to YouTube Metacafe Vimeo etc When you have found the video look for an option to embed or link the video click it and then copy the embed code into the box that will appear after you click the button below Add To Page YouTube Videos Click the Add To Page button on the Videos section You will then see a box appear with the heading Embed Code All you have to do now is go to youtube com and find the video you want to use on your website Then click the Embed link you should end up with something like this v1 01 00 Page 2
24. hing like Create Buy Now Buttons Sell Single Items or Accept Donations This website changes all the time but you should be able to find it just click on a few links until you end up with a page like this a My Account Send Money y Request Money Merchant Services I Auction Tools Products amp Services y Overview A00 Funds Withdraw History Resolution Centre Profile Create PayPal payment button PayPal payment buttons enable you to accept payments quickly and easily online with no start up fees For more information see Website Payments Standard Overview Lise this page to customise your button and create the HTML you ll need to copy and paste into your website Learn more Having trouble viewing this page Step 1 Choose a button type and enter your payment details Choose a button type wi Which button should choose Buy Now lt Note Goto My saved buttons to create a tem name tem ID options What s this Price Currency GBP Need multiple prices Customise button Your customer s view Fl Add dropdown menu with price option Example a El Add drop down menu without prices Example Buy Now _ ERER P Add test fald Frame EAS vs isa en v1 01 00 Page 25 of 34 Choose the button type such as Buy Now for a single product with no shopping cart Shopping Cart or for an Add To Cart button and so on click the button type that suits your requirements and fill in the
25. l Popup Events Advanced General properties Link URL 1082 payment terms TEE anchors ll Target Openin this window frame e me L Class Notset Le Google Analytics Installation Click Settings in the top right of your website Z Updates Only al Site Builder T Dashboard New Page Settings Logout user mode user mode Le lost dick here custom page P account settings bye bye Then click on Traffic Analytics You then need to get your http analytics google com account finish the registration pages and at the end you will be given some code Copy and paste the code into the box we provide you with and click Save amp Go Back It should look something like this mm Dashboard gt Account Settings gt Traffic Analytics Traffic Analytics Traffic Analytics Code Copy and paste the traffic analytics code given to you by your analytics provider such as Google Analytics into the box on the left X lt script type textjavascript gt 1H var _gag _gaq I _gag push _setAccount UA 11675878 1 _gag push _trackPageview l Save amp Go Back Adding 3 Party Widgets To Pages Do you have an account on another website and wish that you could include some of that content on your own website Maybe add a video from youtube or a feed from Twitter This is how you do it Go to the page on your site that you wish to add the content to and scroll to the bottom You t
26. lly being sent to that site MOTE You cannot edit an iframe you must delete the iframe and add it again Add To Page ni Blank Canvas Start with nothing and use the editor and your own coding skills to create the content Add To Page z Adding Flash To Your Web Pages You first need to upload the flash swf file somewhere on the internet via a web host Whoever developed the flash file will be able to provide you with some code to embed the flash file with on a website Find the page you want to add the flash file to scroll to the bottom click the Advanced heading and where you see Embeddable Object click Add To Page You will then see an Embeddable Object Code box Paste the code you got from the flash developer in this box and click Add To Page It will then appear at the bottom of the web page v1 01 00 Page 28 of 34 Advice Why Should Even Bother With A Website It s expected every business has a website nowadays A website inspires confidence and adds credibility to your business How many times have you Googled a business to find out what its all about and how many times have you contacted an alternative supplier just because your original choice of business didn t have a website or their website wasn t up to scratch A website is a powerful marketing tool because you are creating an easy way for people that you meet or people that see your advertisements to get more inf
27. ne you like PLEASE NOTE that they are instantly applied to your site The templates page looks something like Dashboard gt Prebuilt Templates gt Templates soy Just point and click on the template that you want to install Please be aware that the template is instantly installed and new visitors to your website will see it instantly Ifyou have a Bespoke Template it will be REPLACED with the template you select below This feature was recently installed and we plan on adding hundreds of templates for you to choose from in the near future Including themed templates So please remember to keep checking back here Change The Background Colour Now go back to the previous page with all the headings on and click Background Colour Select the colour you want and click the OK button Once you find a background colour that you like click the Save amp Go Back button The background colour selection page will look something like Drag Markers To Pick A Color if JERES HHE 100 gt EEE a EN le MA T l o CERREN E CTE A 153 BRE REE 204 RES HENEN a 1100 98882 v1 01 00 Page 6 of 34 Customise It With Text Now go back to the previous page with all the headings on and click Header Text Line 1 or whichever line of text it is you want to work on You will then see a page like follows Dashbo
28. ngines all original content nothing copied from other websites First of all we have already made your website easy to scan by search engines and we have given you access to put keywords in the correct places to help you In most cases all you have to do is just build your website without trying too hard to stuff it full of keywords Just make sure that you have a good amount of quality text Other Websites Back Links Back Links are when other websites contain a link that points to your own website Websites such as www google com depend very heavily on how many other websites contain links back to your website The larger the site linking to your website is the higher in search engines you will go or at least that is the theory Creating back links as they are called can take some time but it s well worth it in the long run After you ve created your website we would recommend that you register your business with as many business directory websites as you can find such as for example BT Tradespace and Free Index OnLine amp Open For Business Your website is now finished and open for business The next step is to promote it At the very least make sure you include your web address in the following places Email signature Business Cards Letter Headings Press Releases Signs Social Networks facebook linkedin etc Online business directories Advertisements VV VV VV VV WV In fact NEVER miss an opportu
29. nity include your website address on everything for the best results Miscellaneous Useful Links Picking A Colour Scheme You can pick colour schemes which tell you the hex code for that specific colour scheme by visiting http www colorschemer com online html Online Colour Picking Should you need to pick a specific colour you can do so here By visiting this site you will find the hex code to match the exact colour you ve chosen The hex code is located next to the at the top of the page http www colorpicker com Free Stock Photos amp Images More often than not you will want some nice images to use in the template design of a website or throughout the pages of a site This is where stock images come in handy because you can choose the one you want often out of a 1000 s http www sxc hu Premium Stock Photos amp Images More often than not you will want some nice images to use in the template design of your website or throughout the pages of your site This is where stock images comes in handy because you can choose the one you want often out of a 1000 s http www istockphoto com http www fotolia com http www shutterstock com Email Forwarders From past experience we do not offer actual email inboxes This is because they cause more trouble than they are worth in respect of clients contacting us about forgotten passwords not getting emails because their inbox is full and so
30. or example at the start of a paragraph of text Then move your mouse cursor along the top row of icons until you see one that looks like a picture with a sign on it If you leave your mouse cursor on the icon for a second or two it may come up with some text saying Insert Image Click the icon and you should get something similar to this Selected folder frentasitedirect Create folder Upload ge Refresh File manager Page 1 off View mode Thumbnails 25 images page Categories Pi rentasitedirect L History Y Favorites Folders LT icons_46 B logos T screenshots CF testimonials This is where all your images are stored You can create folders to store group images in We recommend that you create one folder for each web page for instance if you are adding images to a Services Page create a folder called Services and click the folder to insert images in it When you want to upload an image to your website click upload and follow the on screen instructions You will then return to the image manager screen click the thumbnail version of the image that s automatically produced and it will be inserted into your page To re size an existing image click on the image you want to re size By clicking on the image little white boxes will appear around it like so Headin Fusce lobo malesuada amet arcu e vehicula se Now hold your left mouse button down on one of the little boxes that have appea
31. ormation about you and your business which is of course open 24 7 You should treat your website like an employee the qualities you should be looking for Friendly and informative Professional at all times Able to communicate clearly and concisely Interesting and entertaining VV VV WV Smartly attired Your website should be working hard on your behalf and getting results Very often this is just not the case and business owners are disappointed and look on their website as a waste of time and money This need not be the case because by taking on board some of the free advice offered within this section of the User Manual your website could well become employee of the year Domain Name Registration A domain name must be registered with a domain registrar before your website can go live Once your domain is registered no one else can use that domain name However because the internet is worldwide you need to get your domain name registered NOW before someone else does It s entirely your choice which company you choose to register your domain name with We would recommend godaddy com because we think you will find that they are very reasonable in respect of the price But it is entirely your choice Domain Name Selection The first step to commissioning a website is to purchase your domain name Your domain name is basically the name of your website for instance www yourbusiness com or www yourbusiness co uk
32. ort or advice in respect of your website development or updates Website http drivebywebsites com Phone 01775 670180 Email Address support drivebywebsites com Post Drive By Websites Bank House Farm Spalding Lincolnshire PE11 3JH Disclaimer This User Manual is for guidance purposes only and we cannot be held liable or responsible for any loss or damages caused by anything that s contained within this document
33. re Luis rutrum arcu at purus malesuada viverra Vestibulum vitae justo tortor Sed varius bibendum enim sed adipiscing velit feugiat vitae Cras sit j Se ametarcu enim Morbi euismod fermentum ante ut aliquam Quisque sed facilisis quam Maecenas quam metus v1 01 00 Add Additional Content Using Templates Let s say you want to add another paragraph of text or a list to the page Scroll down to the bottom of the page until you see what looks like that shown in the image below Page 10 of 34 HOW DO ADD MORE CONTENT TO THIS PAGE To add content to this page just select what you wantto add from the boxes below and follow the instructions v Text 9 Heading A straightforward large heading used mainly atthe very top of a page Add To Page sub Heading slightly smaller than a regular heading often used in multiple places around a page Add To Page Paragraph A single paragraph of text which can be of any length Add To Page Bulleted List Alistofitems each with its own bullet point Add To Page Numbered List similarto a bulleted list butthis time with numbers that are automatically generated no need to L nana keen The pumhers inthe cotre rc arteari t Images 2 t Reseller Goodies 2 Click on Add To Page for whatever it is you want to add Then some options will come up specific to what you have selected Fill in the options and click the new Add To Page button Once clicked it will appe
34. red and drag your mouse to resize the image The boxes in the corners will prevent the image from becoming distorted as you re size it To change an image click on it as if you were going to re size it then click the Insert Image icon as you did earlier select the new image and it will replace it Re size the new image as required Tweak Page Settings Scroll down to the bottom of the page you want to tweak and click Page Settings located in the Post lt Note on the right and you will get something like this appear Page Details Page Title Enter the title of the new page such as Contact Us About Us or Pictures This will display as the clickable link to this page Screenshots Related To An example would be individual products being related to a main products page Not Related To Any Page Make My Homepage The first page a visitor will see when viewing yoursite com Tick the box to make this v1 01 00 page your new home page Make the changes to the page and click Save Page Settings once you are done Publish Unpublish A Page Scroll down the page you want to publish or unpublish until you see one of the little boxes in the pictures below and click the relevant button Page 16 of 34 THIS PAGE 15 NOT YET PUBLISHED When you are happy for this page to show on your website click Publish This Page below PUBLISH THIS PAGE UNPUBLISH THIS PAGE Delete A Page Scroll
35. rs Explained Conservatory Styles History of Glass Glass Types uPVC Colours Roof Sheets Explained How K Glass Works Building amp Planning Regulations Home Information Packs Trickle Vents Explained Say Goodbye To Condensation ARated Windows Five Double Decker Buses World Class Industry Plastic Sharing lts Birthday With Polythene Imagine A Day Without Plastic An Example of Eco Efficiency Price amp Value Distinction The Benefits of Replacing uPVC Keep Trade Local Petition New Consumer Protection Cut Your Energy Bill Costs uPVC Windows The Future Plastics An Energy Source Environment Contribution Plastics Re Cycled Plastics Replace Existing uPVC Hoorah for Sash Windows Bi Fold Doors Popularity Windows amp The Environment National Scrappage Scheme UPVC in Fires The Ideal Glazing Partner The Carpenters Choice Change The Order Of Pages Hold your left mouse button down while hovering over a link in the menu and then drag the link to its new position Let go of the mouse button when you re happy with its new position v1 01 00 Page 24 of 34 Advanced Tasks Website Builder Mode Creating An E Commerce Website Using PayPal This section is if you want to accept payments online via your website This is how you do this via a PayPal account which we assume has previously been registered If not please register an account Login to your PayPal account and go to the merchant services page From there you are looking for somet
36. te html to embed in website code copy and paste it into the embed code box on your website Click Add To Page and it will appear at the bottom of your page Other Embeddable Codes You will find many websites offer the ability to embed parts of their site into other websites If you find something else you want to embed just add it to any of the 3 party widget boxes It will work just the same and efficiently if you paste the code for a video into the maps embed code box Related Pages You may on occasions want to create a page such as an Articles page Within this page you would like to have individual articles listed when people click on that page This is what the related pages section is for In effect wnenever you want pages to relate to a parent page Create A New Page Create and find the Parent Page such as Articles or Products first Then scroll down to the bottom of the page and in the Post It Note on the right you will see a link saying Create Related Page Now create the page as normal see the section in this manual about creating pages for more information on this Once the page has been created it will produce a related page s menu like so Whatis uPVC History of uPVC How is uPVC Made How Long Does uPVC Last How Does Double Glazing Work Care for Your uPVC Frames Disposing of UPVC Conservatory Build Time Conservatory Base Construction History of the Conservatory Box Gutte
Download Pdf Manuals
Related Search