customization guide

P a g e | 18

CustomPageEditorInCustomPagestherearetwoareas:

1. YourCustomPages(LeftField):Thisiswhereyourcustompagesarestoredforeditinglateraftertheyarecreated.Youwillnoticeagarbagecanicon(DELETE)andpencilicon(EDIT)nexttothetitleofeachPageyouhavecreated.(Theseonlyappearafteryouhavecreatedatleast1page).

2. CreateNewCustomPage(RightField):ThisiswhereyouaddyourcustomizedPagecontent.

Copyright 2011 MyFreeWebsite.com

P a g e | 19

UnderCreateNewCustomPageyoucancreateaTitle,URLandMetaDataandusetheWYSIWYGEditortoaddthecontenttoyourpage.Title,URLandMetaData:

PageTitle:Addingyourpagetitlewillautomaticallycreateaprettypermalink(pageURLusingthetitlewords).SothetitleThisismybeautifulnewcustompagewouldturnintothisurl:Thisismybeautifulnewcustompage.html

PageURL:ThisallowsyoutochangeyourURL,whichisusefulifyouwantyourtitletobedifferentthanyourURL,orifyourtitleisverylong.YoucouldchangeThisismybeautifulnewcustompage.htmltobeautiful.page.html.

MetaKeywords,MetaDescription,MiscellaneousMeta:RefertoCustomization>>MetaTagsformoreinformationonconfiguringtheseareas.

WYSIWYGEditor:Note:Ifyouhoveroverthetoolsthenameforeachwillcomeup.

TheWYSIWYG(Whatyouseeiswhatyouget)HTMLeditorprovidesanediting

interfacewhichresembleshowthepagewillbedisplayedinawebbrowser.ThiseditorworksthesameasbloggingtoolslikeWordpressorDrupalHTMLpageeditors.ItisfairlysimpletofigureoutandyoudontneedtoknowHTML.

TopRowToolOptionsInsertatoken[T](seeTOKENSinnextchapter)andNewDocument[PageSymbol]thiswillclearyourexistingpageandHTML.

TopRowToolOptionsFonts:BOLD,Italics,Underline,Strikethrough;AlignmentofText(left,center,right,justified),StylesFormat(Paragraph,Address,Preformatted,Headings),FontFamily,FontSize.

BottomRowToolOptionsCut,Copy,Paste,BulletedList,NumberedList,Outdent,Indent,Blockquote,Undo,Redo,InsertLink,RemoveLink,AnchorforLink,InsertFile,InsertEmbeddedMedia(Video),InsertImage,CleanupMessyCode,SelectTextColor,SelectBackgroundColor,EditorInsertcustomHTML.

CustomFrontPageEditorThisistheworkspacewhereyoucutandpasteorenteryourcontent.BecarefulpastingcontentfromMSWorddocumentsasthiswillscrambletheHTMLthatappearsandgiveyoufunkycodethatlooksmessedup.PastingfromNotepadisfine.


P a g e | 20


AddingImages:

Selectingthe[Image]iconintheeditorwillallowyoutoinsertanimagethatyouhavealreadyaddedtoyourFileManager.SeeFileManageraboveformoreinformationonhowtouseitOneyouhaveyourimagesinsertedyoucanclickonitandalignitusingthe[Align]tools.ToalignimageswithtextusetheseAlignTagsusingtheHTMLeditor.

.

AlignLeft:Thiswillalignyourimagetotheleftofyourtext.AlignRight:Thiswillalignyourimagetotherightofyourtext.AddingLinks:AddingLinksisveryeasyusingtheLinkstool.Firstyouneedeithertextoranimageyouwanttocreatethelinkwith.ExampleText:Thesevibratorsaregreat!Highlightthewordvibratorsandclickthe[LINK]tool.AsmallboxwithopenuptoallowyoutopasteintheURLofyourlink.YoucanalsochooseTarget(openinthesamewindow)or(openinanewwindow).Choosingnothingwillopeninthesamewindow.AddtexttoaddSEOtitletagsforyourlinks(thisisthetextthatappearsifyouhoveredoverthelinkonapage).SaveChanges:TheSaveChangesbuttonisatthebottomCustomPageEditor.Makesuretosaveyourchangesasyouwork.AddNewPage:TheAddNewPage(topright)willcreateanewpageforyou.Makesuretosavechangestoanypagesyouareworkingonfirst.

P a g e | 21

10. Customization>>CustomizeHomepageorCustomPages,AddingTokensforFeaturedProducts

UsingTokensinCustomPagesWhenbuildingyourcustompagesitcanbeusefultorefertosnippetsofcodecalled"tokens".Tokensareusedincustompagestoadddynamiccontent,suchasFeaturedProductsandWhatsNewandworksimilartoadynamiclistofitems.IntheWYSIWYGHTMLeditor,toprow,thereisa[T]iconthatyoucanusetoinsertatokenwith.Theseinclude:SKU,WhatsNew,BestSellers,Category,Categories,andTwitter.ThereisalsoaFeaturedToken[%featured%]notincludedthatyoucanadd.Tokensmustbesurroundedby[%tokenname%]towork,butcanbeplacedanywhereinthecontentareaofyourcustompagewithoutusingtheeditHTMLsourceeditor.Example:Addafeaturedproductstoken[%featured%]toyourcustompageforquicklyaddingFeaturedProductsinaspecificspot.TheFeaturedTokenworkstogetherwiththeFeaturedProductsunderCustomContent.So,youneedtoaddyourSKUsintheFeaturedProductsarea,toaddyourowncustomproducts,ortheFeaturedProductsontheCustomPagewillbeSextoyfundefaultfeaturedproducts.Usethe[T]TokeniconontheEditortoInsertTokenCodesCurrentTokens:

FeaturedProducts:[%featured%] WhatsNew:[%wnew%] Bestsellers:[%bestsellers%] SKU:[%sku%] Category:[%category%] Categories:[%categories%] Twitter:[%twitter%]

NOTE:Youcanalsojustmanuallyaddthecodeforacertaintoken[%featured%]yourselftoinsertatokeninaspecificspot.


P a g e | 22

AdvancedTokenCustomizations:Youcanplace[%featured%],[%wnew%]and[%bestsellers%]oranyothertokenanywhereinthecontentofyourcustompagewithoutdefiningtheparametersanditwilllookjustliketheonesonthefrontpageofwww.sextoyfun.com.Ifhowever,youdontwantasmanyproductsshown,oryoudontwanttheproducttitles,prices,orimagestoshow,orwanttochangethewaythislooks,thenyouneedtodefinetheparameters.Youcanalsoaddspecificelementsorparameterstoatokentocustomizeitsstyle(CSS),suchasoptionortypeorsizewhichusesthefollowingformat:[%tokennameoption=tokenoptiontype=tokentypesize=tokentype%]OptionalParameters:

type=url(displaysurlforthatproduct) type=attrname=[PNAME](displaystheproductname) type=thumb(displaystheproduct'sthumbnailimage) type=pic(displaystheproduct'sfullsizeimage) option=link(displaysthetokeninformationasalinktotheproduct) size=#(limitsthenumberofresultsreturned,withamaximumof25)

RequiredParameters:Usingthe[%sku%],[%category%],and[%categories%]tokensrequiresthatyouuseRequiredParametersinorderforthetokentowork.SKUs:For[%sku%]therequiredparameteristheproductnumberdefinedas:

pnum=SKU#,e.g.:pnum=GT609(SilverBulletproductSKU)Optionalparametersinclude:


http://www.sextoyfun.com/

P a g e | 23


CategoryandCategories:Forthe[%category%]and[%categories%]tokens,therequiredparameteriscategoryIDdefinedas

cat_id=###,e.g.:cat_id=489(AsSeenonOprahCategory)Category[%category%]:Optionalparametersfor[%category%]include:


Categories[%categories%]:The[%categories%]tokenswilllistalltheCategoriesinthemenu.TherequiredparameterforthistokeniscategoryIDdefinedas

cat_id=###,e.g.:cat_id=489(AsSeenonOprahCategory)Optionalparametersfor[%categories%]include:

type=custom(displayscustomcategorylistthatyoudefined) option=link(displaysthetokeninformationasalinktotheproduct)

Twitter:Twitterisafreesocialnetworkingandmicrobloggingservicethatenablesitsuserstosendandreadotherusers'updatesknownastweets.Youcanpostyourowntweets,orthoseofotherTwitterusersusingthe[%twitter%]tokenwhichhastheRequiredParameter:user=twitterusername.The[%twitter%]tokenalsohasthefollowingOptionalParameters:

option=sidebar(displaysinlistformdesignedforthesidenavigation) size=#(limitsthenumberofresultsreturned,withamaximumof25)

customization guide

Documents