Step VI. Home page Modules customization



WARNING! - Do not remove the modules, it will lead to malfunction of the site. If you do not need any of the modules, simply turn it off.


Go to the the most fascinating process - to set up modules on the Main page

To set the Home page you should go to the section "Modules" on the right side of the menu. Click on the "Modules". Home page OKIWI consists of a set of modules that you can change on your own. You can change the contents of the modules and their order on the Home page.

Modules

IMPORTANT! To change the order of items in a "Modules", hover over the item. When the mouse cursor changes to a cross (point 2 in the picture above), hold down the left mouse button and drag the element to the desire place in the table. That's enough to the module on the site has changed its position. It is "Drag & drop" function.



In total there are 19 modules.

Next, we describe how to configure them.

1. SLIDER

Back to top

SLIDER. This module contains a set of slides. The number of slides you can change. Each slide contains a picture, title, and signature button. To configure the module SLIDER click on it, see Modules. You will see the module settings.

SLIDER
  • Enable Module - enables or disables the broadcast of the module on the Home page.
  • Slider font family - select the desired font for the SLIDER.
  • Slider - main module configuration. Default activated 2 slides with the following settings:
    • Slide title - the title of a slide. If you want to change it - write your own variant.
    • Slide image - a picture of a slide. Recommended size 1920x1080. If you want to change - place the pointer on the picture and you will see in the upper right corner of the picture functions "Delete" and "Edit" (point 3 in the picture above). To replace pictures click on the "Delete", and then "Add Image". With "Upload Files" or "Media Library" select a picture and click on "Select". So you apply a new picture for the slide.
    • Slide description - signature for the slide. If you want to change - write its meaning.
    • Slide button name - the name of the button for a slide. If you want to change - write its value.
    • Slider button target - the aim button. If you want to assign a URL Link write a value in the Slider button link. If you want to assign a transition to another module OKIWI Home page - click on the "Scroll to the Module" and use "Select Module name" to select the module.
  • If you want to change the sequence of slides in the module "SLIDER" - move the cursor to the number of the slide (point 3 in the picture above) on the left side - hold the left mouse button and drag the slide to the desired position.
  • If you want to remove the slide from the module SLIDER, click on the function "Delete" on the right side (point 5 in the picture above).
  • If you want to add a new slide, click on "Add Slide" at the bottom of the page (point 4 in the picture above).

ATTENTION! After making changes to the module SLIDER click on the button "Update" in the upper right corner of the page (point 6 in the picture above).

2. SERVICES

Back to top

SERVICES. This module comprises a central image, six icons (three on the left and three on the right), as well as titles and captions.

SERVICES
  • Enable Module - enables or disables the broadcast of the module on the Home page.
  • Module Title - the name of the module on the Home page. If you want to change it - write your own variant.
  • Module Background image - a central image. If you want to change the central image, hover on the image and you will see in the upper right corner of the picture functions "Delete" and "Edit" (point 2 in the picture above). To change the image click on "Delete", and then "Add Image". With "Upload Files" or "Media Library" Select a picture and click on "Select". So you apply a new picture. We recommend using the image with minimum size of 1024×600 pixels in format PNG or JPG.
  • Module Background Full - this is field for downloading Full Background Image of module. We recommend using the image size of 1920×1080 pixels in format PNG or JPG. The procedure for replacing the image is the same - (point 2.1 in the picture above).
  • Icons left side and Icons right side - the choice of icons, headers and signatures. To change the title, enter in the field "Title" desired value. To change the icons select them from the drop-down list. To change the signature, type in the "Text" desired meaning.
  • If you want to change the sequence of row with icon in the module "SERVICES" - move the cursor to the number of the row with icon (point 4 in the picture above) on the left side - hold the left mouse button and drag the element to the desired position.
  • If you want to remove the row with icon from the module "SERVICES", click on the function "Delete" on the right side (point 3 in the picture above).
  • If you want to add a new row with icon, click on "Add Row" at the bottom of the page (point 5 in the picture above).

ATTENTION! After making changes to the module SLIDER click on the button "Update" in the upper right corner of the page (point 6 in the picture above).

3. FEATURES

Back to top

FEATURES. The module with titles, subtitles, icons, with two pictures and background.

FEATURES
  • Enable Module - enables or disables the broadcast of the module on the Home page.
  • Module Title - the name of the module on the Home page. If you want to change it - write your own variant.
  • Module Background image - the background image for the module. If you want to change the background image, hover on the image and you will see in the upper right corner the functions "Delete" and "Edit" (point 2 in the picture above). To change the image click on "Delete", and then "Add Image". With "Upload Files" or "Media Library" select a picture and click on "Select". So you apply a new picture. We recommend using the image size of 1920×1080 pixels in format PNG or JPG.
  • Sliding image from right one - the first moving picture. If you want to change this picture, point to the picture and you will see in the upper right corner the functions "Delete" and "Edit" (point 3 in the picture above). To change the image click on "Delete", and then "Add Image". With "Upload Files" or "Media Library" select a picture and click on "Select". So you apply a new picture. We recommend using the image size of 600×500 pixels in format transparent PNG.
  • Sliding image from right two - the second moving picture. If you want to change this picture, point to the picture and you will see in the upper right corner of the function "Delete" and "Edit" (point 4 in the picture above). To change the image click on "Delete", and then "Add Image". With "Upload Files" or "Media Library" Select a picture and click on "Select". So you apply a new picture. We recommend using the image size of 300×300 or 400x400 pixels in format transparent PNG.
  • Feature items – the management of the title, text and icons. Total elements (text + title + icon) can only be four. Change the appropriate values in the fields, choose the other icons and customize the module as desired.
  • If you want to change the sequence of row with icon in the module "FEATURES" - move the cursor to the number of the row with icon (point 5 in the picture above) on the left side - hold the left mouse button and drag the element to the desired position.

REMINDER! Module "FEATURES" has the maximum number of rows for the items equal to four (4). Also you cannot remove items..

IMPORTANT! For the first and second movable images we recommend using PNG images with a transparent background.

ATTENTION! After making changes to the module FEATURES click on the button "Update" in the upper right corner of the page (point 6 in the picture above).

4. OUR PRESENTATION

Back to top

OUR PRESENTATION. The module with the "Trajectory", titles, texts, pictures or video. With this module you can display information that requires phased implementation. For example, the steps to register, the actions of booking, how your product is made.

PRESENTATION
  • Enable Module - enables or disables the broadcast of the module on the Home page.
  • Module title - the name of the module on the Home page. If you want to change it- write your own variant.
  • Presentation items - includes five sections. Each section contains the following elements:
    • Presentation title - if you want to change it, write your own variant.
    • Presentation description - If you want to change it, write your own variant.
    • Choose media type - select the type of content - the picture or video. If you select a picture - change it to the desired standard procedure as described above for all images. If you select a video, you can also change it by the same procedure.
  • Module Background image - This is field for downloading Background Image of module. We recommend using the image size of 1920×2900 pixels in format PNG or JPG. Since the height of the module significantly, requiring a higher resolution for the background image.
  • If you want to change the item image or background image, hover on the image and you will see in the upper right corner the functions "Delete" and "Edit" (point 2, 2.1 and 5 in the picture above). To change the image click on "Delete", and then "Add Image". With "Upload Files" or "Media Library" select a picture and click on "Select". So you apply a new picture.
  • If you are holding the cursor on the number of the element and dragging, you can change the sequence of elements (point 3 in the picture above).

ATTENTION! Figure "Trajectory" is static. This means that you must follow the certain proportions of pictures.

IMPORTANT! To correctly display the pictures in the sections, stick to a certain resolution 350x300 pixels.

  • Recommend using the image size of 350x300 pixels in format transparent PNG.
  • REMINDER! After making changes to the module OUR PRESENTATION click on the button "Update" in the upper right corner of the page (point 6 in the picture above).

    5. PORTFOLIO

    Back to top

    PORTFOLIO. The tiles with the elements - images and names. The content of this module interacts with the external section "Galleries" (the management of this section here).

    PORTFOLIO
    • Enable Module - enables or disables the broadcast of the module on the Home page.
    • Module Title - the name of the module on the Home page. If you want to change it – write your own variant.
    • Gallery items - consists of two windows. In the left window there is a list of all the existing elements for PORTFOLIO. In the right window there is a list of items, which are broadcast on the module PORTFOLIO on Home page. To move an item from the left table to the right table, click on the "Plus" icon on an item on the left side of the table (point 2 in the picture above). To remove an item from the right table, click on the "Minus" icon (point 3 in the picture above). Also, holding an element, you can drag and change its sequence (point 4 in the picture above).
    • The order of an item in the module PORTFOLIO on the Home page corresponds to the sequence in the right table control module.

    IMPORTANT! To add a new item to the tile PORTFOLIO, go to the outer section "Galleries" (the management of this section here). If you add a new element to the "Galleries", it will appear in the left window in the PORTFOLIO items. Now you can find the new item at the bottom of the list in the left table. It remains only to click on the "Plus" (point 2 in the picture above) and move the item to the right table. Drag and move a new element to its new location in the list. If you click on the "Minus" in the right window, then it will delete the item.

    ATTENTION! After making changes to the module PORTFOLIO click on the button "Update" in the upper right corner of the page (point 5 in the picture above).

    6. HOW WE WORK

    Back to top

    HOW WE WORK. The area with the parallax effect (static), icons, title and text. This simple but very beautiful module will be a real decoration of your site.

    HOW WE WORK
    • Enable Module - enables or disables the broadcast of the module on the Home page.
    • Module Title - the name of the module on the Home page. If you want to change it – write your own variant.
    • Module Icons - the choice of no more than five icons. Choose icons and sign them.
    • Module Text - the text module. If you want to change it - write your own variant.
    • Module background image - the background image for a zone with parallax. We recommend using the image size of 1920×1080 pixels in format PNG or JPG.
    • If you want to change the background image, hover on the image and you will see in the upper right corner the functions "Delete" and "Edit" (point 5 in the picture above). To change the image click on "Delete", and then "Add Image". With "Upload Files" or "Media Library" select a picture and click on "Select". So you apply a new picture.
    • If you want to delete a row with the icon, click on the "Minus" (point 3 in the picture above). If you want to add, click on Add Row (point 4 in the picture above).

    IMPORTANT! Holding the cursor over the number of the element and dragging it you can change the sequence of elements (point 2 in the picture above).

    ATTENTION! After making changes to the module HOW WE WORK Click on the button "Update" in the upper right corner of the page (point 6 in the picture above).

    7. OUR LATEST POSTS

    Back to top

    OUR LATEST POSTS. Module with the latest posts from the standard section of the Wordpress Posts.

    • Enable Module - enables or disables the broadcast of the module on the Home page.
    • Module Title - the name of the module on the Home page. If you want to change it – write your own variant.

    ATTENTION! After making changes to the module OUR LATEST POSTS click on the button "Update" in the upper right corner of the page.

    8. FULL SCREEN VIDEO

    Back to top

    FULL SCREEN VIDEO. The module with full-screen video.

    • Enable Module - enables or disables the broadcast of the module on the Home page.
    • Video File - choose a file on the server through the library. We recommend using the file format .mp4
    • Video Link - here you can post a link to Youtube or Vimeo video.

    ATTENTION! After making changes to the module FULL SCREEN VIDEO click on the button "Update" in the upper right corner of the page.

    9. MEET OUR HEROES

    Back to top

    MEET OUR HEROES. Module for your team. Place photos of your staff, write their names and descriptions, posts and icons using in social networks.

    TEAM
    • Enable Module - enables or disables the broadcast of the module on the Home page.
    • Module title - the name of the module on the Home page. If you want to change it - write your own variant.
    • Sub Title - the text for the main title of the module. If you want to change it - write your own variant.
    • Team - all you can add up to 5 people.
      • Item name - the name and surname of the person.
      • Item description - desired text. Tell us a bit more about yourself.
      • Position - position, leadership position or role in the team.
      • Sharing icons - choose icons and icon link. To add a new line in this block, click the "Add Row" or "Plus" icon (point 3.1 in the picture above). And in order to remove that line, click on the icon "Minus".
      • Image of your person - recommend using the image size of 300×400 pixels in format PNG or JPG.
      • If you want to change the background image, hover on the image and you will see in the upper right corner the functions "Delete" and "Edit" (point 4 in the picture above). To change the image click on "Delete", and then "Add Image". With "Upload Files" or "Media Library" select a picture and click on "Select". So you apply a new picture.
    • To remove a member from the module click on the icon "Minus" (point 3 in the picture above). And if you want to add a new item, click on the "Add Team member" (point 5 in the picture above).

    IMPORTANT! Holding the cursor over the number of the element and dragging it you can change the sequence of elements (point 2 in the picture above).

    ATTENTION! After making changes to the module MEET OUR HEROES click on the button "Update" in the upper right corner of the page (point 6 in the picture above).

    10. COUNTS

    Back to top

    COUNTS. The module with icons and counters. Simple module with which you can present interesting facts about your project.

    COUNTS
    • Enable Module - enables or disables the broadcast of the module on the Home page.
    • Choose the icons - assign meanings and sign counters by editing fields.

    IMPORTANT! Holding the cursor over the number of the element and dragging it you can change the sequence of elements (point 2 in the picture above). To remove a row from the module click on the icon "Minus" (point 3 in the picture above). And if you want to add a new item, click on the "Add Counter" (point 4 in the picture above).

    ATTENTION! After making changes to the module COUNTS click on the button "Update" in the upper right corner of the page.

    11. SKILLS

    Back to top

    SKILLS. The module, in which you can submit your project or specialized commands using diagrams and drop-down lists in the form of an accordion.

    TEAM
    • Enable Module - enables or disables the broadcast of the module on the Home page.
    • Module title - the name of the module on the Home page. If you want to change it – write your own variant.
    • Skills - here you can change the information about the skills of your team or project.
      • Skill name - the name of your skill. If you want to change it – write your variant.
      • Skill value - the value of your skills. If you want to change it – write your variant.
      • To remove an item click on the "Minus" icon (point 3 in the picture above). And to add a new item, click on the "Plus" icon or the "Add Skill" (point 4 in the picture above)
    • Accordeon - the text as a drop-down list.
      • Item name - the title for the item from a drop-down list.
      • Item description - description for the drop-down list.
      • To remove an item click on the "Minus" icon (point 6 in the picture above). And to add a new item, click on the "Plus" icon or the "Add Accordeon item" (point 7 in the picture above)

    IMPORTANT! You can drag Skills / Item and change their sequence (point 2 and 5 in the picture above).

    ATTENTION! After making changes to the module SKILLS click on the button "Update" in the upper right corner of the page (point 8 in the picture above).

    12. LETS CREATE

    Back to top

    LETS CREATE. Another area with the parallax effect (dinamic), title, text and target button.

    LETS CREATE
    • Enable Module - enables or disables the broadcast of the module on the Home page.
    • Module Title - the name of the module on the Home page. If you want to change it – write your own variant.
    • Module Title Font size - choose the desired font for the title LETS CREATE.
    • Description - the signature for the header. If you want to change it – write your own variant.
    • Description Font size - choose the desired font description LETS CREATE.
    • Background image - the background image for a zone with parallax. We recommend using the image size of 1920×1080 pixels in format PNG or JPG.
    • If you want to change the background image, hover on the image and you will see in the upper right corner the functions "Delete" and "Edit" (point 2 in the picture above). To change the image click on "Delete", and then "Add Image". With "Upload Files" or "Media Library" select a picture and click on "Select". So you apply a new picture.
    • Button title - the title of a button. If you want to change it – write your own variant.
    • Module button target - the aim button. If you want to assign a URL Link write a meaning in the Module button link. If you want to assign a transition to another module OKIWI Home page - click on the "Scroll to the Module" and use "Select Module name" to select the module.

    ATTENTION! After making changes to the module LETS CREATE click on the button "Update" in the upper right corner of the page (point 3 in the picture above).

    13. AWESOME DESIGN

    Back to top

    AWESOME DESIGN. The module with a title, text and pictures.

    AWESOME
    • Enable Module - enables or disables the broadcast of the module on the Home page.
    • Module Title - the name of the module on the Home page. If you want to change it – write your own variant.
    • Description - description of the module AWESOME DESIGN. If you want to change it - write your own variant.
    • Description Font size - choose the desired font description LETS CREATE.
    • Image picture for the module. If you want to replace it, follow the standard procedure for working with images. We recommend that you install the image in PNG format with a transparent background and size of 450×450 pixels.
    • If you want to change the image, hover on the image and you will see in the upper right corner the functions "Delete" and "Edit" (point 2 in the picture above). To change the image click on "Delete", and then "Add Image". With "Upload Files" or "Media Library" select a picture and click on "Select". So you apply a new picture.
    • Button Text the title of a button. If you want to change it – write your own variant.
    • Button target the aim button. If you want to assign a URL Link write a meaning in the Module button link. If you want to assign a transition to another module OKIWI Home page - click on the "Scroll to the Module" and use "Select Module name" to select the module.

    ATTENTION! After making changes to the module AWESOME DESIGN click on the button "Update" in the upper right corner of the page (point 3 in the picture above).

    14. WHAT OUR CLIENTS SAYS

    Back to top

    WHAT OUR CLIENTS SAYS. The module reviews from your customers. There is a title, description text, logos with customer reviews.

    CLIENTS
    • Enable Module - enables or disables the broadcast of the module on the Home page.
    • Module Title - the name of the module on the Home page. If you want to change it – write your own variant.
    • Trio Gallery - a carousel which consists of sections. In each section there are three logos and a description. To change it, add logos and edit a text. We recommend to put logos on a square and transparent background. Otherwise it will be distorted. To change the images with logos click on the icons "Minus", "Plus" or "Add Images" (point 4.0, 4.1, 4.2 or 5.2 in the picture above).
    • Module Background image - the background image for the module. To change it, do the standard procedure for working with pictures. We recommend using the image size of 1920×1080 pixels in format PNG or JPG.
    • If you want to change the image, hover on the image and you will see in the upper right corner the functions "Delete" and "Edit" (point 7 in the picture above). To change the image click on "Delete", and then "Add Image". With "Upload Files" or "Media Library" select a picture and click on "Select". So you apply a new picture.

    IMPORTANT! You can drag item or logos and change their sequence (point 2 and 3 in the picture above). Just to remove a logo or a section in the carousel, place on it and click on the element "Delete" (point 3.1 or 5.1 in the picture above).

    ATTENTION! After making changes to the module WHAT OUR CLIENTS SAYS click on the button "Update" in the upper right corner of the page (point 8 in the picture above).

    15. PRICES

    Back to top

    PRICES. The module with tables for your packages or goods. Total available columns in the table are four.

    PRICES
    • Enable Module - enables or disables the broadcast of the module on the Home page.
    • Module title - the name of the module on the Home page. If you want to change it- write your own variant.
    • Price column - the control by columns in the table:
      • Price - assign your price for the service or product.
      • Price label - enter the term for example a month, day etc.
      • Column Title - write the name of the service or product.
      • Column attributes - specify the list of attributes for a service or product.
      • Active Column - highlight the desired column.
    • Just to remove the column or attribute point to it and click on the element "Delete" (point 2.1 and 4 in the picture above).
    • Just to add the column or attribute, click on the element "Add attribute" or "Add Price Column" (point 2.2, 3 and 5 in the picture above).

    IMPORTANT! You can drag columns and change their sequence (point 2 and 2.3 in the picture above).

    ATTENTION! After making changes to the module PRICES click on the button "Update" in the upper right corner of the page (point 6 in the picture above).

    16. CALL TO ACTION

    Back to top

    CALL TO ACTION. A very important and functional module by which you can get a quality response from the visitor.

    CALL
    • Enable Module - enables or disables the broadcast of the module on the Home page.
    • Call to action text - enter module description.
    • Button text - enter text to button of module.
    • Button Text the title of a button. If you want to change it – write your own variant.
    • Button target the aim button. If you want to assign a URL Link write a meaning in the Module button link. If you want to assign a transition to another module OKIWI Home page - click on the "Scroll to the Module" and use "Select Module name" to select the module.

    ATTENTION! After making changes to the module CALL TO ACTION click on the button "Update" in the upper right corner of the page (point 2 in the picture above).

    17. SHARING

    Back to top

    SHARING. The module with icons for the possibility of forwarding the visitor to your pages on social networks.

    SHARING
    • Enable Module - enables or disables the broadcast of the module on the Home page.
    • Module Title - enter Title for module.
    • Module Description - Enter module description.
    • Sharing Icons - assign icons and assign links to social networks. Links should be http:// prefix.

    IMPORTANT! You can drag columns and change their sequence (point 2 in the picture above). Just to remove the column point to it and click on the element "Delete" (point 3.1 in the picture above). To add a new item, click on the "Plus" or the "Add Icons" (point 3 or 4 in the picture above).

    ATTENTION! After making changes to the module SHARING click on the button "Update" in the upper right corner of the page (point 5 in the picture above).

    18. WE ARE CREATIVE AGENCY

    Back to top

    WE ARE CREATIVE AGENCY. The module with the headline, description and picture for presentation of your company.

    CREATIVE
    • Enable Module - enables or disables the broadcast of the module on the Home page.
    • Module title - the name of the module on the Home page. If you want to change it – write your variant.
    • Description - title your company or project. Present yourself to potential partners.
    • Left Image - picture for the module. Put here an interesting picture that relates to your project. We recommend using the image size of 1024×600 pixels in format PNG or JPG.
    • If you want to change the Left image, hover on the image and you will see in the upper right corner the functions "Delete" and "Edit" (point 2 in the picture above). To change the image click on "Delete", and then "Add Image". With "Upload Files" or "Media Library" select a picture and click on "Select". So you apply a new picture.

    ATTENTION! After making changes in module WE ARE CREATIVE AGENCY click on the button "Update" in the upper right corner of the page (point 3 in the picture above).

    19. CONTACT

    Back to top

    CONTACT. The module where your contact information is displaying.

    CONTACT
    • Enable Module - enables or disables the broadcast of the module on the Home page.
    • Module title - the name of the module on the Home page. If you want to change it – write your variant.
    • Subtitle - the signature for the module.
    • Google Map - point a mark on the map.
    • Telephones - fill in your phone number.
    • E-mails - fields for e-mail.
    • Address - your physical address.

    IMPORTANT! You can drag columns and change their sequence (point 2 and 3 in the picture above). Just to remove the row in item, point to it and click on the element "Delete" (point 4 and 6 in the picture above). To add a new item, click on the "Add Telephone" or the "Add Email" (point 5 or 7 in the picture above).

    ATTENTION! After making changes to the module click on the CONTACT button "Update" in the upper right corner of the page (point 8 in the picture above).



    Now, we proceed to the final steps of configuring - "Galleries" and "Blog".



    Сome to the next step to configure - Step VII. Galleries.
    Go to Step VII >>
    OKIWI