Hola!

Haga clic para chatear o envíenos un correo a soporte@plantillasplus.com

¡Hola! ¿Qué puedo hacer por ti?
×
¿Le ayudo en algo?

Ofigas – Documentación

Plantillas Plus:
Tiempo estimado de lectura: 6 min

Instalación del tema

Ya adquiriste la plantilla y estás listo para comenzar: ¡excelente!

Recomendamos que la instalación de una plantilla en Blogger se realice de forma manual, sigue estos pasos:

  1. Descargamos la plantilla a su alojamiento local, podrá encontrar el archivo de descarga en su recibo y/o en su cuenta – Historias de compras.
  2. Descomprima el archivo principal de descarga .Zip, donde se generará un carpeta con los archivos necesarios.
  3. Ubique el archivo .xml, pulsando clic derecho pinga en abrir en un Bloc de notas o otro editor de código, asegure de haber copeado todo el código HTML.
  4. Vaya a su panel de Blogger > en la barra lateral ubique y active la sección Tema > ubique el botón Personalizar > Pulse en el icono desplegable y presione sobre Editar HTML.
  5. Se abrirá una sección de solo código, con ayuda del teclado pulse Ctrl + A para seleccionar todo, luego elimine todo el código.
  6. Con ayuda del teclado pulse Ctrl + C para pegar el nuevo código copiado anteriormente de la nueva plantilla.
  7. Finalmente pulse en el icono de Guardar y podrá visualizar su pagina con la adaptación de la nueva plantilla

Recuerda que si tienes alguna dificultad en instalar tu plantilla, solo agrega a tu carrito de compras el paquete de instalación y comunícate con soporte, donde te atenderemos al instante.

Imagen de referencia.

Logo de Cabecera

¿Ya tiene diseñado su logo ideal para su sitio web?. Genial, de ser lo contrario, puede consultar con soporte para diseñar un logo por usted.

Acceda al Diseño de su Blog, ubique el gadget Logo de cabecera, pulse en el icono Editar.

Active la casilla de subir imagen, se activará un botón para que suba su logotipo, esto puede tardar unos segundo.

Luego de haber subido el logo, en la sección Colocación de imagen active el casillero En lugar del título y la descripción.

Finalmente pulse en Guardar

Lista de menu principal

Lista de Menu Desplegable

Acceda al diseño de su blog, u8bique el Gadget de Menu Principal, pulse sobre el  icono Editar  en el widget del menú principal.

Enlace de menu Desplegable:  características

  1. Menu Normal :  Desplegable
  2. Menu Deplegable:  _Desplegable 1  (antes del enlace agregue » _ «) 1 Guion bajo
  3. Sub Menu Desplegable: __Sub Desplegable (antes del enlace agregue » _ _») 2 Guion bajo

Para obtener el código HTML de mas iconos Fontawesome ingrese a este enlace y busque el que mas se adecue al menú a colocar https://fontawesome.com/v4/icons/

Información Web

    Acceda al diseño de su blog  : haga clic en el ícono Editar en el widget Información web.

    Debe modificar los párrafos correspondientes dentro del Widget, de preferencia, colocar palabras cortas en el texto dinámico

    <h2>Plataforma web <span class="bm-normal">para:</span>
    <span class="word">Aplicaciones.</span>
    <span class="word">Empresas.</span>
    <span class="word">Digitales.</span>
    <span class="word">Marketing.</span>
    <span class="word">Servicios.</span></h2>
    <p>Incluso en los momentos más inciertos,  lo mantiene conectado con los clientes.</p>
    <div class='gs-btn'>
    <a href='#'><i aria-hidden='true' class='fab fa-google-play'></i>Descargar App</a>
    <a href='#'><i aria-hidden='true' class='fas fa-clipboard-list'></i>Conocer Mas</a>
    </div>

    Sección Servicios

      Acceda  al diseño  de su blog : haga clic en el ícono Editar en el widget Servicio (1) al  Servicio (6)

      <div class='service_content'>
      <i aria-hidden='true' class='fab fa-sketch'></i>
      <h4>Impresionante diseño</h4>
      <p>Genere confianza con los clientes potenciales, deleite a los clientes existentes y aumente la eficiencia</p>
      </div>

      Sección texto y video

        Texto Web

        Acceda al diseño  de su blog : haga clic en el ícono Editar en el  widget Web de texto

        Vídeo de Youtube

        Accede al diseño  de tu blog : haz clic en el ícono Editar en el  widget de Video

        Reemplazar con el ID del video de Youtube. Preste atención al ID del video de Youtube en la imagen a continuación

        Sección Características

          Acceda  al diseño  de su blog : haga clic en el ícono Editar en el  widget Características

          Modifique los párrafos segun la información que crea conveniente colocar en esta seccion:

          Código de mejores características:

          <h2>Las características ayudarán <br/>
          a <span>mejorar los negocios</span></h2>
          <p>Los conocimientos y la velocidad de los acuerdos, al mismo tiempo que brindan una experiencia de compra increíble. Saque sus documentos rápidamente para mantener acuerdos.</p> 
          <div class='gs-btn'>
          <a class='goom_btn1' href='#'><i aria-hidden='true' class='fas fa-cloud-download-alt'></i>Pruébalo gratis</a>
          </div>

          Código de lista de características:

          <div class='info-content'>
                          <!-- /feature left content -->
                              <div class='gs-right'>
                                <div class='gs-feature-list slideone s2-grean wow fadeInUp' data-wow-delay='0s'>
                                              <div class='icon-list text-center relative-position'><i aria-hidden='true' class='fab fa-codepen'></i></div>
                                              <div class='gs-text headline-list content-list'>
                                                  <h4>integraciones</h4>
                                                  <p>Cree documentos de ventas sorprendentes y efectivos con un tema y una plantilla diseñados a medida.</p>
                                              </div>
                                          </div>
                                <div class='gs-feature-list slidetwo s2-grean wow fadeInUp' data-wow-delay='0.2s'>
                                              <div class='icon-list text-center relative-position'><i aria-hidden='true' class='fas fa-pen-square'></i></div>
                                              <div class='gs-text headline-list content-list'>
                                                  <h4>Marketing</h4>
                                                  <p>Cree documentos de ventas sorprendentes y efectivos con un tema y una plantilla diseñados a medida.</p>
                                              </div>
                                          </div>
                                <div class='gs-feature-list slidetree s2-grean wow fadeInUp' data-wow-delay='0.3s'>
                                              <div class='icon-list text-center relative-position'><i aria-hidden='true' class='fas fa-headphones'></i></div>
                                              <div class='gs-text headline-list content-list'>
                                                  <h4>Soporte dedicado</h4>
                                                  <p>Cree documentos de ventas sorprendentes y efectivos con un tema y una plantilla diseñados a medida.</p>
                                              </div>
                                          </div>
                    </div>
              </div>

          Sección Estadísticas

            Acceda al Diseño de su Blog, ubique los Gadget Sección Estadísticas, luego pulse en el ícono Editar del Widget Datos estadísticos.

            En esta sección debe modificar los párrafos según su preferencia:

            Carrusel equipo de apoyo

              Acceda al Diseño de su Blog, ubique los Gadget Sección Estadísticas Equipo de apoyo, luego pulse en el ícono Editar.

              En esta sección debe modificar los párrafos según su preferencia:

              <div class='gs-team owl-carousel' id='gsnavi'>
              <div class='gsprofile-text relative-position wow fadeInLeft' data-wow-delay='0ms' data-wow-duration='1500ms'>
              <div class='gsteam-img'>
              <img alt='' class='lazyload gs-blur' data-src="https://1.bp.blogspot.com/-4lIIPqSLlJ8/YEgPRAlcf_I/AAAAAAAAAvU/RTrMYtpeRQ8fiDXANWxP0ufNwUilJHl2wCLcBGAsYHQ/s0/team1.jpg"/>
              </div>
              <div class='gscontent-wrap'>
              <div class='gs-name headline-list'>
              <h4>Kathy Matthews</h4>
              <span class='gs-position'>Desarrollador</span>
              <div class='gs-contact'>
              <span><i aria-hidden='true' class='fas fa-phone'></i>012-3245-000</span>
              <span><i aria-hidden='true' class='fas fa-envelope'></i>correo@mail.com</span>
              </div>
              </div>
              
              <div class='gsteam-media ul-li-block'>
              <ul>
              <li><a href='#'><i aria-hidden='true' class='fab fa-facebook-f'/></i><span>facebook</span></a></li>
              <li><a href='#'><i aria-hidden='true' class='fab fa-behance'/></i><span>behance</span></a></li>
              <li><a href='#'><i aria-hidden='true' class='fab fa-apple'/></i><span>apple</span></a></li>
              <li><a href='#'><i aria-hidden='true' class='fab fa-twitter'/></i><span>twitter</span></a></li>
              </ul>
              <div class='gsshare-btn text-center'><i class='fas fa-share-alt'></i></div>
              </div>
              </div>
              </div>
                
              <div class='gsprofile-text relative-position wow fadeInLeft' data-wow-delay='300ms' data-wow-duration='1500ms'>
              <div class='gsteam-img'>
              <img alt='' class='lazyload gs-blur' data-src="https://1.bp.blogspot.com/-jgFzsjuPY58/YEgPRHacOjI/AAAAAAAAAvQ/kvyF8arjKYsmQ3_QuTQ5fj5Humn6XKGbwCLcBGAsYHQ/s0/team2.jpg"/>
              </div>
              <div class='gscontent-wrap'>
              <div class='gs-name headline-list'>
              <h4>Joanne McCartney</h4>
              <span class='gs-position'>Desarrollador</span>
              <div class='gs-contact'>
              <span><i aria-hidden='true' class='fas fa-phone'></i>012-3245-000</span>
              <span><i aria-hidden='true' class='fas fa-envelope'></i>correo@mail.com</span>
              </div>
              </div>
              
              <div class='gsteam-media ul-li-block'>
              <ul>
              <li><a href='#'><i aria-hidden='true' class='fab fa-facebook-f'/></i><span>facebook</span></a></li>
              <li><a href='#'><i aria-hidden='true' class='fab fa-behance'/></i><span>behance</span></a></li>
              <li><a href='#'><i aria-hidden='true' class='fab fa-apple'/></i><span>apple</span></a></li>
              <li><a href='#'><i aria-hidden='true' class='fab fa-twitter'/></i><span>twitter</span></a></li>
              </ul>
              <div class='gsshare-btn text-center'><i class='fas fa-share-alt'></i></div>
              </div>
              </div>
              </div>
                
              <div class='gsprofile-text relative-position wow fadeInLeft' data-wow-delay='600ms' data-wow-duration='1500ms'>
              <div class='gsteam-img'>
              <img alt='' class='lazyload gs-blur' data-src="https://1.bp.blogspot.com/-WFILOy3A8O8/YEgPRIsMvVI/AAAAAAAAAvM/dmnUQF2CvuwXMgwAU_UwQGhoPXVJ1o4pwCLcBGAsYHQ/s0/team3.jpg"/>
              </div>
              <div class='gscontent-wrap'>
              <div class='gs-name headline-list'>
              <h4>Lany Jheny</h4>
              <span class='gs-position'>Desarrollador</span>
              <div class='gs-contact'>
              <span><i aria-hidden='true' class='fas fa-phone'></i>012-3245-000</span>
              <span><i aria-hidden='true' class='fas fa-envelope'></i>correo@mail.com</span>
              </div>
              </div>
              
              <div class='gsteam-media ul-li-block'>
              <ul>
              <li><a href='#'><i aria-hidden='true' class='fab fa-facebook-f'/></i><span>facebook</span></a></li>
              <li><a href='#'><i aria-hidden='true' class='fab fa-behance'/></i><span>behance</span></a></li>
              <li><a href='#'><i aria-hidden='true' class='fab fa-apple'/></i><span>apple</span></a></li>
              <li><a href='#'><i aria-hidden='true' class='fab fa-twitter'/></i><span>twitter</span></a></li>
              </ul>
              <div class='gsshare-btn text-center'><i class='fas fa-share-alt'></i></div>
              </div>
              </div>
              </div>
                
              <div class='gsprofile-text relative-position wow fadeInLeft' data-wow-delay='900ms' data-wow-duration='1500ms'>
              <div class='gsteam-img'>
              <img alt='' class='lazyload gs-blur' data-src="https://1.bp.blogspot.com/-3KUY_KGUId0/YEgPR3JNj5I/AAAAAAAAAvY/ezOAHQZe32wQIK3U6NnJ7TgnTdyD9zx4gCLcBGAsYHQ/s0/team4.jpg"/>
              </div>
              <div class='gscontent-wrap'>
              <div class='gs-name headline-list'>
              <h4>Niall Colling</h4>
              <span class='gs-position'>Desarrollador</span>
              <div class='gs-contact'>
              <span><i aria-hidden='true' class='fas fa-phone'></i>012-3245-000</span>
              <span><i aria-hidden='true' class='fas fa-envelope'></i>correo@mail.com</span>
              </div>
              </div>
              
              <div class='gsteam-media ul-li-block'>
              <ul>
              <li><a href='#'><i aria-hidden='true' class='fab fa-facebook-f'/></i><span>facebook</span></a></li>
              <li><a href='#'><i aria-hidden='true' class='fab fa-behance'/></i><span>behance</span></a></li>
              <li><a href='#'><i aria-hidden='true' class='fab fa-apple'/></i><span>apple</span></a></li>
              <li><a href='#'><i aria-hidden='true' class='fab fa-twitter'/></i><span>twitter</span></a></li>
              </ul>
              <div class='gsshare-btn text-center'><i class='fas fa-share-alt'></i></div>
              </div>
              </div>
              </div>
                
              <div class='gsprofile-text relative-position wow fadeInLeft' data-wow-delay='0ms' data-wow-duration='1500ms'>
              <div class='gsteam-img'>
              <img alt='' class='lazyload gs-blur' data-src="https://1.bp.blogspot.com/-o8DPgHyUTVs/YEgPSKFGF3I/AAAAAAAAAvc/6lJLQg_22ictzsk6i9-qqhNi1XHmM4-7wCLcBGAsYHQ/s16000/team5.jpg"/>
              </div>
              <div class='gscontent-wrap'>
              <div class='gs-name headline-list'>
              <h4>Mark Anthony</h4>
              <span class='gs-position'>Desarrollador</span>
              <div class='gs-contact'>
              <span><i aria-hidden='true' class='fas fa-phone'></i>012-3245-000</span>
              <span><i aria-hidden='true' class='fas fa-envelope'></i>correo@mail.com</span>
              </div>
              </div>
              
              <div class='gsteam-media ul-li-block'>
              <ul>
              <li><a href='#'><i aria-hidden='true' class='fab fa-facebook-f'/></i><span>facebook</span></a></li>
              <li><a href='#'><i aria-hidden='true' class='fab fa-behance'/></i><span>behance</span></a></li>
              <li><a href='#'><i aria-hidden='true' class='fab fa-apple'/></i><span>apple</span></a></li>
              <li><a href='#'><i aria-hidden='true' class='fab fa-twitter'/></i><span>twitter</span></a></li>
              </ul>
              <div class='gsshare-btn text-center'><i class='fas fa-share-alt'></i></div>
              </div>
              </div>
              </div>
              </div>

              Sección preguntas y respuestas

                Acceda al Diseño de su Blog, ubique los Gadget Preguntas y Respuestas, pulse en el ícono Editar del Widget Preguntas Frecuentes.

                Debe modificar los párrafos y colocar sus temas de interés, es decir las preguntas mas frecuentes vinculados con su sitio web.

                Sección plan de precios

                  Acceda  al diseño  de su blog : haga clic en el ícono Editar en el  widget Agregar precio (1),  precio (2) y  precio (3)

                  <div class='pricing-list'>
                  <p>Cree plantillas de correo electrónico para usted.</p>
                  <ul>
                  <li><i class='far fa-check'></i>Aplicación moderna</li>
                  <li><i class='far fa-check'></i>Aplicación moderna</li>
                  <li><i class='far fa-check'></i>Aplicación moderna</li>
                  <li><i class='fal times fa-times'></i>Aplicación moderna</li>
                  <li><i class='fal times fa-times'></i>Aplicación moderna</li>
                  <li><i class='fal times fa-times'></i>Aplicación moderna</li>
                  <li><i class='fal times fa-times'></i>Aplicación moderna</li>
                  </ul>
                    <div class="id-price">
                      <span class="bold-price">$5</span>
                      <span class="supsub">
                        <sup>Por usuario</sup>
                        <sup>Por mes</sup>
                      </span>
                    </div>
                    
                    <div class="gs-btn text-center">
                  <a class="goom_btn1" href="#"><i aria-hidden="true" class="fas fa-cloud-download-alt"></i>Contratar</a>
                  </div>
                    
                    </div>

                  Entradas del Blog

                  Acceda al Diseño de su blog, ubique el Widget de Publicaciones Principales y pulse en el icono Editar.

                  Modifique el numero de entradas según su preferencia, por defecto este viene en 7

                  Active los casilleros según su preferencia, también modifique los textos como corresponden

                  Por ultimo pulse en el botón Guardar

                  Formulario de contacto

                    Acceda  al diseño  de su blog : haga clic en el ícono Editar en el  widget Agregar Formulario de contacto

                    Chatbot WhatsApp

                      Accede al Diseño de su Blog, ubique el Gadget de Configuración de la Plantilla, pulse en el ícono Editar del Widget HTML.

                      Verá un código Script, con una lista de datos, en el caso que no lo encuentre, agregue el siguiente código:

                      <script>
                      //<![CDATA[
                      /* Configuración del formulario de WhatsApp */
                      var area_code =51,
                      wa_number =982109688,
                      gs_admin ='Plantillas Plus',
                      gs_email ='Correo:',
                      gs_name ='Mi Nombre es:',
                      gs_want= 'Quiero',
                      gs_asking='Consultar',
                      gs_message = 'Hola';
                      //]]>

                      var area_code =51, > debe colocar el prefijo de teléfono de su país
                      wa_number =982109688, > debe colocar el numero de WhatsApp
                      gs_admin =’Plantillas Plus’, > debe colocar el nombre de su pagina
                      gs_email =’Correo:’, > debe colocar un titulo de su reporte
                      gs_name =’Mi Nombre es:’, > se mostrará el nombre del usuario quien reportó
                      gs_want= ‘Quiero’, > Se mostrará el mensaje reportado
                      gs_asking=’Consultar’, > Alguna mención en común
                      gs_message = ‘Hola’; > mensaje de saludo

                      Tabla de contenido en entradas

                        Esta tabla de contenido mostrará una lista de publicaciones solo títulos y subtítulos, cual ayuda a usuarios a dirigirse al párrafo donde desean conocer o leer, pero para que funcione correctamente, debe colocar un código html en sus entradas.

                        Accede a la sección Entradas de su blog, pulse sobre el botón CREAR ENTRADA.

                        Su entrada debe tener títulos con estilo TITULO, este aparecerá en la lista de contenido

                        <div id="toc"><b class="toc"></b></div>

                        Créditos de pie de Página

                        Todas nuestras plantillas vienen con un Gadget para modificar los Créditos de pie de Página del autor dentro de la sección Diseño, no es necesario ingresar al código fuente.

                        Acceda al Diseño de su blog, ubique el Gadget de Modificar o eliminar texto de copyright (plantillasplus.com), pulse en el incono Editar.

                        Verá un código HTML y JavaScript, donde podrá modificar el texto y el enlace segun su preferencia.

                        Por defecto la plantilla viene el siguiente código:

                        <div>
                        @Copyright 
                        <script >var creditsyear =  new Date();document.write(creditsyear.getFullYear());</script>  
                         | hecho con amor por <a href="https://plantillasplus.com"> plantillasplus.com </a> 
                        <i class='fa fa-heart' style='color: red;'/></i>
                        </div>
                        Vistas: 5