WEBSITE INSTRUCTIONS. Table of Contents

Size: px

Start display at page:

Download "WEBSITE INSTRUCTIONS. Table of Contents"

Meryl Harrison
5 years ago
Views:

1 WEBSITE INSTRUCTIONS Table of Contents 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. Social Sharing Tool Kit 6.2. Insights 7. FAQ 1

How to edit your website Before creating a new website, we recommend taking the time to register the domain name that you want to use for your website.

2 How to edit your website Before creating 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. You can access your website by login to the Kigo App and clicking on Websites > EDIT or VIEW 2

3 KIGO PLUGIN The first time you enter into your Kigo Wordpress Dashboard you will see a Welcome message 3

4 2.1 INITIAL SETUP Now is time to review how the KIGO plugin works! First of all, please verify that the temporary domain is correctly placed in the SITE URL of this section. Before going live and while the domain name does not match with the domain name entered in the KIGO app, this message will appear: *This message doesn t affect the normal functionality of your site and once you go live will disappear. 2.2 DATA SYNC From this menu you can create the default pages for your website (Home,All rentals, My list/favorites, Attractions, About us, Owner information, Guest information, Travel insurances, Contact us, Make booking, Booking confirmation, Rental policy, Terms of use) When you click CREATE DEFAULT PAGES, a pop up window will open and after a few moments, a list of all the new pages will be displayed. 4

5 Step 1 > Click on the CREATE DEFAULT PAGES button. Step 2 > It will open a small pop up window asking to CONFIRM. Please accept it. 5

6 Step 3 > A new window will appear after a few seconds. It will display the list of pages generated by the system. 6

7 2.3 GENERAL In this section you will be able to see your API KEY and when was the last sync of Data or SEO 2.4 PROPERTY & SEARCH SETTINGS From here you can customize the Homepage search bar by adding or removing features like (Bedrooms, Market areas, Developments, Location area, etc.). *Please check the SEARCH section for further information. 7

8 8

9 2.5 SLIDESHOW Here you can upload up to 6 images to show on the homepage slideshow. Theme Big Image (1): 1903x692 Theme Search Centric (2): 1903x692 Theme Stretched Background (4): 1600x745 Theme Airy Search (7): 1903x692 Theme Beautifully Wide (8): 1903x692 Themes Full Width Slideshow: 1600x400/500/600 Please make sure that all images have the same resolution, otherwise there will be difference when the images are changing. The numbers in the parentheses apply to the theme number while the names apply to their names in our theme gallery. 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

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 137.117.72.

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. *Please confirm with our support team if the domain name is the same that you initially give us, in case it s different some changes will necessary to be done on our settings. 2.7 ADVANCED In the ADVANCED section you will find 4 different fields that are very useful for your statistics traffic manager: Display related websites: here will appear all the sites created in your account. You can select or unselect in order to make them visible through the site you are modifying. 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. 10

11 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. *Please take into account that any CSS changes may affect the whole website and KIGO will not be responsible for any modification implemented. 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. Please remember to SAVE CHANGES after any modifications in this section. Thank you. 11

12 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. theme gallery.imbookingsecure.com/gallery/ Once you have chosen a THEME you need to follow these steps: Step 1 > Click on APPEARANCE > THEMES 12

13 On this screen, you will find all the THEMES we offer. The first one displayed is the one chosen by default from the system. 13

14 14

15 Step 2 > CUSTOMIZE Please mouse over any THEME and then click the ACTIVATE button that appears. To change the text and colours that appears by default on each theme, please click on APPEARANCE > CUSTOMIZE where you will be able change the following: Site identity (Site Title, Tagline and SIte icon to upload) Background color Background image Menu Menu Locations (select main menu) Main Navigation Menu (Add pages, posts, custom URL s, Categories, Tags) Widgets (Actually not enabled) Static front page Social Icons (When you type social media links, those will automatically appear inside the widget section for social media) *Depending on the THEME enabled, those options may change. Please remember to SAVE CHANGES after any modifications in this section. Thank you. 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

16 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. 16

17 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. Title Font Style & Paragraph Font Style Menu Style Footer Style Featured Properties Style Titles Main (H1, Widget & Main page Titles color) Titles Secondary (H2 color) Paragraph color Logo size Favicon upload Please remember to SAVE CHANGES after any modifications in this section. Thank you. 17

18 18

19 Example of choosing a new colour for the menu: 19

20 Example of new colour: 20

21 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. *Please take into account that any CSS changes may affect the whole website and KIGO will not be responsible for any modification implemented. 21

22 KIGO APP CONTENT 4.1 Overview of the pages 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 *CANNOT BE MODIFIED Property Details Property information, photos, rates, location, reviews, etc. Search Buckets List of Search Buckets or Property Finders 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 22

23 Owner Information Information for Property Owners Contact Us Company contact info and contact form Blog Blog Blog Post Blog post 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. 23

BASIC PAGES > 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.

24 BASIC PAGES > 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. 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: 24

25 Page example: You can also add a Google Adwords Tracking code to each page and modify the SEO attributes for each page. The system will generate randomly SEO that can be modified using the fields inside each page. Once you have entered your SEO content, don t forget to activate the CUSTOM OPTIONS 25

26 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 Widget Names Widget Archives Calendar Categories Kigo Custom menu Kigo Detail Overview Kigo Developments Kigo Featured Properties Kigo Footer Kigo Header Kigo Homepage Logo Kigo Homepage Logo with tagline Kigo Homepage Slideshow Kigo Inquiry Form Kigo Latest Blog Posts Kigo Search Kigo Search Home Page Kigo Search Buckets 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. Displays the overview section of the detail screen. Displays a list of developments Displays featured properties ( # of properties determined in widget, you can select the properties to highlight) 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) 26

27 Kigo Similar Properties Kigo Site Selector Kigo Social Icons Kigo Sortable Property Finders Kigo Sortable Specials Kigo Specials Kigo Weather Meta Pages Recent Comments Recent Posts RSS Search Social Sharing Toolkit Follow Widget Social Sharing Toolkit Share Widget Tag Cloud Text Visual Editor Displays similar properties in a property detail page Displays flags for clients that have several sites in different languages. Display the Social Media Icons filled in the customizer Use this to select and sort your Property Finders that you setup in the Kigo App Use this to select and sort your Specials that you setup in the Kigo App Displays special offers (# determined in widget) Displays local weather 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 27

28 WIDGETS section: 28

29 4.2.2 Widget Areas 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 Kigo Top Fixed (Common) Kigo Bottom Fixed (Common) Kigo Header Left (Common) Kigo Header Right (Common) Kigo Footer (Common) Kigo Left Home Kigo Right Home Kigo Bottom Full Home Kigo Bottom Left Home Kigo Bottom Middle Home Kigo Bottom Right Home Kigo Left Sidebar Search Kigo Right Sidebar Search Kigo Left Sidebar Property Detail Kigo Right Sidebar Property Detail Kigo Left Sidebar Other Kigo Right Sidebar Other Kigo Left Sidebar 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) 29

Kigo Right Sidebar Content Kigo Top Wide Content Kigo Bottom Wide Content Kigo Bottom Left Content Kigo Bottom Center Content Kigo Bottom Right Content The right sidebar on content pages (static

30 Kigo Right Sidebar Content Kigo Top Wide Content Kigo Bottom Wide Content Kigo Bottom Left Content Kigo Bottom Center Content Kigo Bottom Right Content 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 pages) 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) 30

31 31

32 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 32

4.4 Basic Wireframes 4.4.1 Home page (theme 01) PROPERTY FINDERS The Property finders can be defined in your KIGO APP.

33 4.4 Basic Wireframes Home page (theme 01) 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 33

34 34

35 4.4.2 Search Results page Property Details Page 35

36 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 36

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

38 38

39 The Kigo 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. 39

40 4. Tagline > You can add a tag cloud with all the tags created on POST section and applied to POSTs. 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 40

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

42 2. check in and number of nights: 42

43 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) 43

44 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 44

45 Search Advanced Tips 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 45

46 4.7 Search Results View The search results page displays the properties in 3 different modes: List Photo Map These can be turned on or off in Wordpress (Dashboard > InstaSite > Property & Search Settings). 46

47 47

48 The results can be also filtered to sort by: bedrooms, sleeps, category, heading, city, min. price, max. price, random. 48

49 4.8 Property Details Page Property Details Page includes: 1. Photo Gallery (all images entered into the App and their captions) We recommend checking the box "Standardizes dimensions for optimal display in search results and slideshows (Recommended)" when uploading photographs. 640x480 is the largest resolution displayed, but it s recommend uploading larger resolutions for when full screen gallery is accessed. 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. 49

50 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. 6.3 Delete Site TOOLS > DELETE SITE > This plugins allows you to remove your website indefinitely. 50

51 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 Social Sharing Tool Kit 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. 51

52 6.2 Insights 1. Dashboard > Here you will see the following: Overview, Reports, Custom dimension reports, System info 2. Settings > Here you will be able to insert your GA code (General, Universal, Advanced, Custom dimensions, Debug mode) 3. Extensions > This section cannot be modified. 52

53 FAQ: 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

WEBSITE INSTRUCTIONS

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