✅ Producto agregado al carrito

🛍 Tu Carrito

Ofigas – Documentación

  • 📅 Publicado: 12/03/2025
  • ⏳ 16 min de lectura
    • Ver plantilla – Ofigas

    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://problema.plantillasplus.com"> plantillasplus.com </a> 
<i class='fa fa-heart' style='color: red;'/></i>
</div>

    ¿Tiene alguna duda sobre esta documentación?

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    Hola!

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

    WhatsApp Servicio al cliente
    51982109688
    Telegram Grupo de Telegram
    51982109688
    ¡Hola! ¿Qué puedo hacer por ti?
    Enviar
    ×
    ¿Le ayudo en algo?