WEBSITE INSTRUCTIONS

Transcription

1 Table of Contents WEBSITE INSTRUCTIONS 1. How to edit your website 2. Kigo Plugin 2.1. Initial Setup 2.2. Data sync 2.3. General 2.4. Property & Search Settings 2.5. Slideshow 2.6. Take me live 2.7. Advanced 3. Themes 3.1. How to choose a theme 4. Kigo App Content 4.1. Pages Overview 4.2. Widgets Overview Widget Names Widget Areas 4.3. Menu 4.4. Basic Wireframes 4.5. Header section Logo Office info setup Other information (languages, currency, weather) 4.6. Search settings 4.7. Search results view 4.8. Property Details pages 5. Tools 5.1. Import / Export 5.2. Redirections 5.3. Delete Site 6. Plugins 6.1. Google Analytics 6.2. Google Language Translator 6.3. Social Sharing Tool Kit 7. FAQ 1

2 How to edit your website Before asking your Account manager to create a new website, we recommend taking the time to register the domain name that you want to use for your website. It s possible to start the process without the domain name, but there is a possibility of someone else registering the same domain name you wanted to use while setting up your new Kigo website. How to access the website > Now that your website is created, click on Websites > EDIT / VIEW to the new URL created where you will be able to view your new website. KIGO PLUGIN The first time you enter into your Kigo Wordpress Dashboard you will see a Welcome message 2

3 2.1 INITIAL SETUP Now is time to review how the KIGO plugin works! First of all, we need to verify that the main domain we ll use is correctly placed in the SITE URL of this section. 3

4 If the domain name does not match with the domain name entered in the KIGO app, this message will appear: 2.2 DATA SYNC Once the website is ready to add your customized content, we will need to import all the data content that comes from the KIGO application. When you click on the CREATE DEFAULT PAGES, a pop up window will open and after a few moments, a list of all the pages created will appear. With this button the plugin will create all the automatic content generated by the Kigo app. Step 1 > Click on the CREATE DEFAULT PAGES button. 4

5 Step 2 > It will open a small pop up window asking to CONFIRM. Please accept it. Step 3 > A new window will appear after a few seconds. It will display the list of pages generated by the system. 5

6 2.3 GENERAL In this section you will be able to see your API KEY code and some useful information about when the last Data Sync happened, the last SEO sync and the last TEXT Data Sync. 6

7 2.4 PROPERTY & SEARCH SETTINGS This section is a very important as this is where you will set up how you would like to display all your KIGO features for the search bar (Bedrooms, Market areas, Developments, Location area, etc.). *Please check the SEARCH section for further information. 7

8 2.5 SLIDESHOW 8

9 Here you will be able to upload all the images you may want to show on the homepage slideshow. Theme Big Image (1): 1100x400 Theme Search Centric (2): 1100x400 Theme Stretched Background (4): 1600x745 Theme Airy Search (7): 1100x400 Theme Beautifully Wide (8): 1100x400 Themes Full Width Slideshow: 1600x400/500/600 Please remember to try and have identical dimensions for each photo so as to not distort the slideshow. The numbers in the parentheses apply to the theme number while the names apply to their names in our theme gallery. As far as property photos go, we recommend keeping this option checked "Standardizes dimensions for optimal display in search results and slideshows (Recommended)" when uploading photographs. 640x480 is the largest we display for properties, but we recommend uploading larger sizes for when we add the option to view full screen images in later releases. 2.6 TAKE ME LIVE This section explains how to bring your website live. First of all, you will need to buy a DOMAIN name from a registrar company (Godaddy, OVH, 1and1, etc.) Once you 9

10 receive access, you will need to find the DNS zone for that domain. Please edit the DNS zone and create the following: - A record pointing to CNAME record pointing to the Value inside the Value column for that section ADVANCED In the ADVANCED section you will find 4 different fields that are very useful for your statistics traffic manager: - In the Google Adwords Key will you be able to insert the ID for the Google Adwords conversions. - In the Google Adwords Conversion Label you will be able to insert the value for the conversion label. - In the Global HEADER scripts you will be able to insert all the scripts you may need for your website (Google analytics, Social media scripts, CHATS, etc). Please be aware that these scripts will load after all the content for the website is loaded. - In the Google Webmaster verification field, you will be able to insert the proper code for this Google Tool. Please use the HTML tag Method. 10

11 Please remember to SAVE CHANGES after any modifications in this section. Thank you. THEMES 3.1 How to choose a theme Our wordpress offers you the possibility to change the look and feel by modifying the way the content is displayed. There are 8 THEMES pre-installed. Check this link to view them all and see how they are structured. 11

12 Once you have chosen a THEME you need to follow these steps: Step 1 > Click on APPEARANCE > THEMES On this screen, you will find all the THEMES we offer. The first one displayed is the one chosen by default from the system. 12

13 Step 2 > CUSTOMIZE Please mouse over any THEME and then click the ACTIVATE button that appears. 13

14 To change the text and colours that appears by default on each theme, please click on APPEARANCE > CUSTOMIZE and a new window will open where you will be able change the following: Title & Tagline Colours for the background Add an image as a background Choose the navigation bar. In case you create more menu items, this gives you the opportunity to add this new menu in the THEME option. Choose which pages will be displayed by default. There are two options, one static page (about page, for example) or a post page. 14

15 Step 3 > THEME OPTIONS If you would like to change some colours or to add your own CSS, click on this section and you will be directed to 3 differents tabs; depending on your CSS knowledge. STYLING > This section allows you to choose between different styles for the same THEME. Please click on SELECT TYPE once you are sure about which one to choose. 15

16 GENERAL > This section allows you to change the colours for the background, texts and links by clicking on the different options. Here you will be able to change the logo size and to add a favicon to your website browser. Example of choosing a new colour for the menu: 16

17 Example of new colour: 17

18 CUSTOM CSS > This field allows you to add any CSS customization that you may wish to apply to your websites. To activate your CSS changes, click on ON. 18

19 *Please take into account that any CSS changes may affect the whole website and KIGO will not be responsible for any modification implemented. KIGO APP CONTENT 4.1 Overview of the pages 19

20 Once you import all the content through the DATA SYNC tool within the Kigo Plugin section, the following pages will be generated. Here you will find a short description for each page. Page Home Role Homepage of the website Rentals - Search List of properties after a search query - All Rentals List of all properties - Property Details Property information, photos, rates, location, reviews, etc. - Search Buckets List of Search Buckets - Search Bucket Details Search Buckets details and list of properties included - Developments List of Developments - Development Details Development details and list of properties included - My List List of properties wishlisted by visitor Specials List of Special Offers - Special Details Special offer details and properties it applies to Attractions List of Attractions and their location in a map - Attraction Details Attraction details and nearby properties Company - About Us Company information - Services Services that are offered by the company - Guest Information Information for Guests - Owner Information Information for Property Owners - Travel Insurance Information on Travel Insurance - Contact Us Company contact info and contact form - Blog Blog - Blog Post Blog post 20

21 Make Booking Make a Payment Booking Confirmation Rental Policy Privacy Policy Terms of Use Static Page Summary of a reservation. Page to make a payment for a booking. Confirmation that booking request has been received. Rental policy Privacy policy Terms of use Any page manually added in the Wordpress dashboard. You may be able to change the content for those sections if you wish. Click inside the content area in order to personalize the content. 21

22 - Add media > To add images to the pages - You can add HTML content changing the view to TEXT instead of VISUAL - Use the edit toolbar to give styles to your text: Page example: 22

23 You can also add a Google Adwords Tracking code to each page and modify the SEO attributes for each page. *For further information about the SEO options we offer, please contact your Account Manager. Thank you! 4.2 WIDGETS Widgets can be added, arranged, and removed from the home page blocks (sidebar, top, bottom, header, footer, etc.), and from the sidebar in the search results page, the property details pages, other pages and content pages. 23

24 Widget Names Widget Archives Calendar Categories Custom menu Google Translator Insta Detail Overview Insta Developments Insta Featured Properties Insta Footer Insta Header Insta Homepage Logo Insta Homepage Logo with tagline Insta Homepage Slideshow Insta Inquiry Form Insta Latest Blog Posts Insta Search Insta Search Home Page Insta Search Buckets Insta Similar Properties Insta Site Selector Insta Specials Insta Weather Use A monthly archive of your site s Posts. A calendar of your site s Posts. A list or dropdown of blog post categories. Adding another menu besides the main one. Add the Google Language Translator website tool. Displays the overview section of the detail screen. Displays a list of developments Displays featured properties (random order, # of properties determined in widget) Displays the footer Displays the header Displays the logo Displays the logo with tagline Displays slideshow in home page (max. 6 images uploaded in Wordpress) Displays inquiry form Displays latest blog posts Property search widget (for inner pages) Property search widget (for home page, fields can be determined in Wordpress) Displays search buckets (# determined in widget) Displays similar properties in a property detail page Displays flags for clients that have several sites in different languages. Displays special offers (# determined in widget) Displays local weather 24

25 Meta Pages Recent Comments Recent Posts RSS Search Social Sharing Toolkit Follow Widget Social Sharing Toolkit Share Widget Tag Cloud Text WYSIWYG HTML Widget Login, RSS, & WordPress.org links. A list of your site s Pages. Your site s most recent comments. Your site s most recent Posts. Entries from any RSS or Atom feed. A search form for your site. Social Sharing Toolkit Follow Widget Social Sharing Toolkit Share Widget A cloud of your most used tags. Arbitrary text or HTML. Arbitrary text or HTML with visual editor WIDGETS section: 25

26 Widget Areas 26

27 Widgets can be placed in different areas, depending on the theme that s selected. Basic widget positions that all themes share are: Name Main Sidebar Insta Top Fixed (Common) Insta Bottom Fixed (Common) Insta Header Left (Common) Insta Header Right (Common) Insta Footer (Common) Insta Left Home Insta Right Home Insta Bottom Full Home Insta Bottom Left Home Insta Bottom Middle Home Insta Bottom Right Home Insta Left Sidebar Search Insta Right Sidebar Search Insta Left Sidebar Property Detail Insta Right Sidebar Property Detail Insta Left Sidebar Other Insta Right Sidebar Other Insta Left Sidebar Content Insta Right Sidebar Content Insta Top Wide Content Insta Bottom Wide Content Position Sidebar for the blog page Fixed position at the top of the screen Fixed position at the bottom of the screen Header area, left side (for logo, title, etc) Header area, right side (for logo, title, etc.) Footer of the page Left sidebar on the home page The right content below the slideshow in the home The bottom wide area below the left and right content on the home page The bottom left area in the home page The bottom middle area on the home page The bottom right area on the home page The left sidebar on the search results page The right sidebar on the search results page The left sidebar on the property details page The right sidebar on the property details page The left sidebar on other detail pages (special details, attraction details, development details) The right sidebar on other detail pages (special details, attraction details, development details) The left sidebar on content pages (static pages) The right sidebar on content pages (static pages) The top wide content on content pages (static pages) The bottom wide content on content pages (static 27

28 pages) Insta Bottom Left Content Insta Bottom Center Content Insta Bottom Right Content The bottom left content on content pages (static pages) The bottom center content on content pages (static pages) The bottom right content on content pages (static pages) 28

29 29

30 4.3 Main navigation menu After adding all the pages to be inserted into the menu, the user has to go to Appearance >> Menus. The pages will be dragged from the left menu and dropped in the menu structure from the right part. If sub-menus are to be added, each page will be added below the main and indented to the right 4.4 Basic Wireframes Home page (theme 01) 30

31 ATTENTION: *The Featured properties are shuffled and cannot be set manually PROPERTY FINDERS The Property finders can be defined in your KIGO APP. Go to SETUP > WEBSITE > Property finders Finders/?q=property+finders&l=en_US&fs=Search&pn=1 31

32 32

33 4.4.2 Search Results page Property Details Page 33

34 4.5 Header Section The Header is the top area where all pages share common information such as, Logo, Weather, Office Information, Currency Conversion, Multiple Language Flags Logo 1. Upload your logo in the Kigo App - (max 200x200 pixels) [See images below] 2. Fine tune it in your Kigo Wordpress Admin, Appearance > Theme Options. General > Logo section Logo > SETUP > Solution > Solution Setup > Logo 34

35 4.5.2 Office info setup Phone number (pulled from office information in the App) 35

36 36

37 The insta header includes the language drop down menu, currency converter, my wish list and phone number. Each one can only be removed with css and in case you want to change the text for the front-end, you will need to add JQuery customized. Examples: Other information 1. Language dropdown or flags - see the text above. 2. Currency dropdown: For changing the actual currency you are using in your website you will need to update the Main settings in SETUP > Platform Admin > Miscellaneous Setup. This will be the main currency for your website. 3. Weather widget. 37

38 4. Tagline > You can add a tag cloud with all the tags created on POST section and applied to POSTs. 38

39 5. Social sharing widget Once you have added the Social Sharing Toolkit on your website, you can change the social links in SETTINGS > SOCIAL SHARING TOOLKIT section inside PLUGINS 39

40 4.6 Search Properties can be searched by: 1. check-in and check-out dates, using drop down calendars: 40

41 2. check-in and number of nights: 41

42 3. property category: Other filters you can add: 4. min. number of people it sleeps 5. exact number of bedrooms 6. min. number of bedrooms 7. max. number of bedrooms 8. amenities > This option may need to be created in your KIGO APP. 9. development > This option may need to be created in your KIGO APP. 10. number of adults 11. number of children 12. property headline (autocomplete) 42

43 13. max. rate 14. location (dropdown list or autocomplete) 15. Attraction > This option may need to be created in your KIGO APP. 16. Market areas > This option may need to be created in your KIGO APP. Examples: *As explained in the KIGO PLUGIN SECTION, the search options can be set up in Wordpress. Dashboard > KIGO > Property & Search Settings Search Advanced Tips 43

44 ATTRACTIONS > Location: Setup Website Attractions New Setup Website Attractions (Select attraction from list) _US&fs=Search&pn=1 DEVELOPMENTS > Universal Search Term: To quickly locate this page, search for Developments. Location: Setup Properties Developments MENTS&l=en_US&fs=Search&pn=1 MARKET AREAS > Universal Search Term: To quickly locate this page, search for Market Areas. Location: Setup Properties Market Areas Areas/?q=MARKET&l=en_US&fs=Search&pn=1 4.7 Search Results View The search results page displays the properties in 3 different modes: List Photo 44

45 Map These can be turned on or off in Wordpress (Dashboard > InstaSite > Property & Search Settings). 45

46 46

47 The results can be also filtered to sort by: bedrooms, sleeps, category, heading, city, min. price, max. price, random. 4.8 Property Details Page Property Details Page includes: 1. Photo Gallery (all images entered into the App and their captions) 2. Tabs: - General (Property Details and text description) - Rates & Availability - Amenities - Attractions - Reviews 3. Sidebar might include: - Revise Search widget - Have a Question? Inquiry form - Similar Properties widget Sidebar content for the Property Details Page depends on which widgets are added to the Insta Left Sidebar Property Details or Insta Right Sidebar Property Details blocks. 47

48 TOOLS 6.1 Import / Export TOOLS > IMPORT > This tool allows you to import data files such as xml. This is also useful if you want to import blogs, menu, pages from another Wordpress site. (Read Wordpress official doc on Importing) TOOLS > EXPORT > This tool allows you to export your Wordpress site 6.2 Redirections TOOLS > REDIRECTIONS > This plugin allows you to make all the redirections you may need within your site. For example, if you have a non existing website that you want to be redirected to an existing one, you only need to create the old URL and set it up to be redirected to a new one. 48

49 6.3 Delete Site TOOLS > DELETE SITE > This plugins allows you to remove your website indefinitely. PLUGINS Pre-installed plugins Here you will find a basic description to the pre-installed plugins Kigo have in their websites. *Please take into account that our system is blocked and external plugins cannot be installed. 6.1 Google Analytics SETTINGS > GOOGLE ANALYTICS > This plugin allows you to manage the Google Analytics account of your site. 49

50 6.2 Google Language Translator SETTINGS > GOOGLE LANGUAGE TRANSLATOR > This plugin allows you to set your correct parameters for the language menu, depending on your settings. 50

51 6.3 Google Sharing Tool Kit 51

52 SETTINGS > Social Sharing Tool Kit > This plugin works with the Social Sharing Toolkit Widget. This is where you can add any personal links you may have for the majority of social networks available: Facebook, Twitter, etc. In the General Settings, you will be able to decide where the icons will appear. In the Content section you will be able to add your own personal links to each field. FAQ: 52

53 - Can we add extra widgets/plugins in the system? There is no way to add extra widgets or plugins to the system. - Can we change the template to another one once it is set up? Yes, you can change the THEME easily but take into account that every THEME will require some adjustments. We recommend changing the THEME only 1 / 2 times per year because it may affect the SEO indexation. - Can we ask for changes to the template? Some template/css code changes can be done by yourself using the THEME CUSTOMIZATION. Example of changes that can be done by yourself: Theme colour (website elements such as buttons, footer etc) Font type Font size Logo positioning Layout adjustments (for example, if content is overlapping due to text being too long) For any other changes or requests you will have to contact our Professional Services team. 53