I. Introducción

1. Bienvenido a Loftsite

2. ¿Qué es WordPress?

3. Elementor y WooCommerce: Herramientas Clave

4. Acceso al Panel de WordPress

5. Configuración Inicial del Sitio

6. ¿Qué es Elementor?

7. Edición de Páginas con Elementor

8. Añadir y Editar Contenido

9. Introducción a WooCommerce

10. Configuración Básica de WooCommerce

11. Gestión de Productos

12. Actualizaciones del Sitio y Plugins

13. Copia de Seguridad del Sitio

14. Centro de Ayuda y Soporte Técnico

15. Recursos Adicionales

16. ¡Listo para Despegar

Documentación para Clientes de Loftsite.pro

Bienvenido a Loftsite.pro, tu solución integral para la creación y gestión de sitios web funcionales. Esta guía detallada te ayudará a navegar y utilizar todas las funciones y características de nuestro sistema basado en WordPress. A continuación, encontrarás información sobre cómo acceder a tu cuenta, las características de los distintos planes disponibles y cómo aprovechar al máximo cada uno de ellos.

Acceso a Tu Cuenta de Loftsite

Para acceder a tu sitio web como cliente de Loftsite, sigue estos pasos:

  1. Iniciar Sesión en Loftsite:

    • Dirígete a Loftsite.pro y haz clic en «Login».
    • Ingresa tus credenciales de usuario para acceder a tu cuenta.

  2. Acceder a «Mis Sitios»:

    • Una vez dentro de tu cuenta, navega a la sección «Mis Sitios».
    • Aquí verás una lista de todos los sitios web que tienes bajo tu suscripción.

  3. Iniciar Sesión en Tu Sitio:

    • Selecciona el sitio web que deseas gestionar y haz clic en «Ver».
    • Aparecerá un botón que dice «Login como (nombre de usuario)». Haz clic en este botón para iniciar sesión directamente en el backend de tu sitio web.

Planes Disponibles

Loftsite ofrece cuatro planes distintos, cada uno adaptado a diferentes necesidades. A continuación, se detallan las características y funciones de cada plan:

1. Plan Landing

El Plan Landing está diseñado para sitios corporativos simples o sin funcionalidades avanzadas. Es ideal para empresas que necesitan una presencia en línea básica.

Características Principales:

  • Plantillas personalizables.
  • Secciones predefinidas para información de la empresa, servicios, contacto, etc.
  • Optimización para SEO y dispositivos móviles.

Integración y Gestión de Contenido con Elementor:

  • Editar Páginas y Secciones con Elementor:
    • Acceso al Editor:
      • Navega a «Páginas» en el menú del backend.
      • Selecciona la página que deseas editar y haz clic en «Editar con Elementor».
    • Uso de Elementor:
      • Elementor es un editor visual de arrastrar y soltar que permite personalizar el contenido de tu página fácilmente.
      • Añadir Nuevos Elementos:
        • Para añadir un nuevo elemento, arrastra un widget desde el panel izquierdo y suéltalo en la zona de contenido.
        • Puedes añadir widgets como encabezados, texto, imágenes, videos, botones, formularios y más.
      • Editar Elementos Existentes:
        • Haz clic en cualquier elemento existente para editar sus propiedades.
        • Modifica texto, imágenes, enlaces y otras configuraciones directamente en el panel de Elementor.
      • Diseño y Estilo:
        • Personaliza el estilo de cada elemento ajustando colores, fuentes, márgenes, y más.
        • Usa la pestaña «Avanzado» para configuraciones adicionales como animaciones, bordes y espaciados.
    • Guardar y Publicar:
      • Una vez realizados los cambios, haz clic en «Actualizar» para guardar.
      • Verifica los cambios en la vista previa antes de publicarlos.

Video Tutoriales Recomendados:

  • Introducción a Elementor y sus Funciones Básicas.
  • Cómo Personalizar tu Plantilla con Elementor.
  • Añadir y Editar Contenido en Páginas Usando Elementor.

2. Plan Store

El Plan Store transforma tu sitio en un completo e-commerce utilizando Woocommerce, el plugin de WordPress más popular para tiendas en línea.

Características Principales:

  • Gestión de productos (añadir, editar, eliminar).
  • Configuración de métodos de pago y envío.
  • Integración con pasarelas de pago como PayPal y Stripe.

Integración y Gestión de Contenido con Elementor:

  • Editar Páginas de Producto con Elementor:
    • Acceso al Editor:
      • Navega a «Productos» en el menú del backend.
      • Selecciona el producto que deseas editar y haz clic en «Editar con Elementor».
    • Uso de Elementor:
      • Utiliza Elementor para personalizar las páginas de producto.
      • Añade y organiza widgets específicos de producto como descripción, precio, galería de imágenes, y botones de compra.
      • Personaliza el diseño y estilo para que coincidan con la identidad de tu tienda.
    • Guardar y Publicar:
      • Una vez realizados los cambios, haz clic en «Actualizar» para guardar.
      • Verifica los cambios en la vista previa antes de publicarlos.

Integración de Productos:

  • Agregar Productos:
    • Acceso a Productos:
      • Ve a «Productos» > «Añadir nuevo».
    • Detalles del Producto:
      • Completa los detalles del producto, como nombre, descripción, precio y categorías.
      • Añade una descripción corta y una descripción larga para optimizar el SEO.
    • Galería del Producto:
      • Sube imágenes del producto en la sección «Galería del producto».
      • Elige una imagen principal y añade imágenes adicionales para mostrar diferentes ángulos o variaciones del producto.
    • Configuración Adicional:
      • Configura el inventario (cantidad disponible), opciones de envío (peso, dimensiones) y atributos (tamaño, color).
    • Publicar Producto:
      • Una vez completados todos los detalles, haz clic en «Publicar».

Configuración de Métodos de Pago y Envío:

  • Métodos de Pago:
    • Ve a «WooCommerce» > «Ajustes» > «Pagos».
    • Activa y configura las pasarelas de pago que deseas ofrecer, como PayPal y Stripe.
    • Introduce las credenciales de las pasarelas de pago para integrarlas correctamente.
  • Opciones de Envío:
    • Ve a «WooCommerce» > «Ajustes» > «Envío».
    • Configura las zonas de envío (por país, región, etc.) y define las tarifas de envío para cada zona.
    • Añade métodos de envío como tarifa fija, envío gratuito o tarifas basadas en el peso.

Video Tutoriales Recomendados:

  • Cómo Configurar Woocommerce en tu Tienda.
  • Proceso Completo para Añadir un Nuevo Producto.
  • Personalización de Páginas de Producto con Elementor.

3. Plan Agenda

El Plan Agenda está diseñado para negocios que necesitan un sistema de agendamiento profesional. Utiliza el plugin Booknetic con una licencia oficial.

Características Principales:

  • Sistema de reservas y citas online.
  • Personalización de horarios y disponibilidad.
  • Notificaciones automáticas por correo electrónico y SMS.

Integración y Gestión de Contenido con Elementor:

  • Editar Páginas de Reserva con Elementor:
    • Acceso al Editor:
      • Navega a «Páginas» en el menú del backend.
      • Selecciona la página de reservas y haz clic en «Editar con Elementor».
    • Uso de Elementor:
      • Utiliza Elementor para personalizar la página de reservas.
      • Añade widgets de formularios, calendarios de reservas y botones de llamada a la acción.
      • Personaliza el diseño y estilo para que coincidan con la identidad de tu negocio.
    • Guardar y Publicar:
      • Una vez realizados los cambios, haz clic en «Actualizar» para guardar.
      • Verifica los cambios en la vista previa antes de publicarlos.

Creación de Agenda:

  • Configurar Booknetic:
    • Acceso al Plugin:
      • Accede a «Booknetic» desde el menú del backend.
    • Configuración Inicial:
      • Ve a «Configuraciones» y establece tu horario de trabajo y la disponibilidad de los servicios.
      • Define los servicios que ofreces, sus duraciones y precios.
      • Configura las ubicaciones (si tienes múltiples sucursales).
    • Formularios de Reserva:
      • Personaliza los formularios de reserva con campos específicos que necesites recolectar de tus clientes.
      • Establece las políticas de cancelación y requisitos de pago previo si es necesario.
    • Notificaciones:
      • Configura las notificaciones automáticas por correo electrónico y SMS para confirmar citas, recordatorios y cancelaciones.
      • Personaliza el contenido de las notificaciones para reflejar la identidad de tu marca.
    • Publicar el Sistema de Reservas:
      • Usa un shortcode proporcionado por Booknetic para insertar el formulario de reservas en cualquier página de tu sitio.
      • Ve a «Páginas» y selecciona la página donde quieres mostrar el formulario.
      • Añade un bloque de shortcode y pega el código correspondiente.

Video Tutoriales Recomendados:

  • Configuración Inicial de Booknetic.
  • Cómo Gestionar Citas y Reservas.
  • Personalización de Páginas de Reserva con Elementor.

4. Plan Campus

El Plan Campus convierte tu sitio en una plataforma de e-learning utilizando el plugin Tutor LMS de WordPress.

Características Principales:

  • Creación y gestión de cursos.
  • Evaluaciones y cuestionarios integrados.
  • Sistema de certificaciones y seguimiento del progreso de los estudiantes.

Integración y Gestión de Contenido con Elementor:

  • Editar Páginas de Curso con Elementor:
    • Acceso al Editor:
      • Navega a «Tutor LMS» > «Cursos» en el menú del backend.
      • Selecciona el curso que deseas editar y haz clic en «Editar con Elementor».
    • Uso de Elementor:
      • Utiliza Elementor para personalizar las páginas de curso.
      • Añade y organiza widgets de lecciones, módulos, cuestionarios, y contenido multimedia.
      • Personaliza el diseño y estilo para que coincidan con la identidad de tu plataforma de e-learning.
    • Guardar y Publicar:
      • Una vez realizados los cambios, haz clic en «Actualizar» para guardar.
      • Verifica los cambios en la vista previa antes de publicarlos.

Integración de Cursos:

  • Crear un Curso en Tutor LMS:
    • Acceso a Tutor LMS:
      • Ve a «Tutor LMS» > «Cursos» > «Añadir nuevo».
    • Detalles del Curso:
      • Introduce el título del curso y una descripción detallada.
      • Añade una imagen destacada y videos promocionales si tienes.
    • Lecciones y Módulos:
      • Añade lecciones individuales, organizadas en módulos.
      • Cada lección puede contener texto, videos, presentaciones y materiales descargables.
    • Evaluaciones y Cuestionarios:
      • Crea cuestionarios para evaluar el progreso de los estudiantes.
      • Define las preguntas y respuestas, y establece las puntuaciones.
    • Configuración del Curso:
      • Configura los ajustes del curso, como el precio, la duración y el nivel de dificultad.
      • Establece los criterios para obtener certificados al completar el curso.
    • Publicar el Curso:
      • Una vez configurado todo, haz clic en «Publicar».

Video Tutoriales Recomendados:

  • Cómo Crear y Publicar un Curso en Tutor LMS.
  • Configuración de Evaluaciones y Cuestionarios.
  • Personalización de Páginas de Curso con Elementor.

Conclusión

Esta guía proporciona una visión general de cómo utilizar las características principales de cada plan en Loftsite.pro. Para obtener más detalles y asistencia visual, recomendamos ver los video tutoriales asociados a cada sección. Estos tutoriales están diseñados para facilitarte el proceso de configuración y maximizar el potencial de tu sitio web.

Si tienes alguna pregunta o necesitas asistencia adicional, no dudes en ponerte en contacto con nuestro equipo de soporte. ¡Estamos aquí para ayudarte a tener éxito con tu sitio Loftsite!