Plugin para tours en un sitio web(Presentación de elementos)

DESCARGA : Tours Website

Plugin para dar tours en un sitio web (Presentación de elementos), este plugin es para enseñar al usuario a navegar en un sitio web, esta presentación se hace cuando el usuario entra por primera vez a un sitio y no sabe cómo navegar en dicho sitio, esta funcionalidad es usada comúnmente en aplicaciones como facebook, google que presentan información con una pequeña “Ayuda al usuario”

Sin duda algo elegante de implementar y que ayudara a tus usuarios a conocer exactamente que hace cada elemento de tu sitio web

Llego la hora de la implementación y lo primero que tienes que hacer es descargarte el
archivo dknotus-touris de la siguiente dirección https://github.com/DKNotusIT/DKNotus-Tour e incluido en tu sitio web, es importante recordar que para usar este piugin es necesario usar bootstrap y jQuery, así que no se hace mención de su Implementación, pero esta representado en las siguientes líneas de código

1 -Archivos necesario para el funcionamiento del plugin


<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="dknotus-tour.js"></script>

2.- Implementación elementos HTML

<div id="iteml">Contenido html 1</div>
 <div id="item2">Contenido html 1</div> 

3.- Incluir la descripción de cada elemento

$(function(){
   
      Tour.run([
        {
          element: $('#iteml'),
          content: 'by default tour is on the right'
        },
        {
          element: $('#item2'),
          content: 'but it can be on top',
          position: 'top'
        }
      ],{languaje:"es"});
       
  });

 

 

You may also like...