ReInSpirit

  • Contacto
  • Blog
  • Servicios
    • Alojamiento Web
    • Desarrollo y diseño web
  • Descuento E T
  • Sobre Nosotros

Plugins para Incluir Barra de Demostración en WordPress

21 octubre, 2023 por Pedro Mendez Deja un comentario

Tabla de Contenidos

  • 💻 LivePreview – Theme Demo Bar for WordPress
    • Configuración principal
    • Configuración del elemento del sitio de demostración
    • Lista de características
  • 📱 Demo Bar- Best Tool To Showcase Website Demos With Styles
    • Características

Hace poco un usuario me preguntaba por algún plugin que tuviese unas series de características como las que vemos a continuación. Esto es lo que necesitaba.

Estoy buscando un plugin para mostrar un sitio de demostración con una ventana emergente con tres botones en la parte superior.

Botón 1: Visualización del escritorio del sitio
Botón 2: Visualización en tableta del sitio
Botón 3: Visualización móvil del sitio

Y un botón adicional con “botón comprar” o “solicitar presupuesto”

Esta función está disponible cuando visitamos un sitio de vista previa en envato Marketplace, por ejemplo. Gracias por tu ayuda. No sé si hay un complemento disponible.

Después de realizar algunas búsquedas he encontrado un par de plugins (uno gratis y otro premium) que pueden funcionar bien según lo que nos comenta. Voy a incluir estos complementos aquí debajo y sus características, por si alguien se encuentra en la misma situación.

💻 LivePreview – Theme Demo Bar for WordPress

LivePreview se utiliza para administrar y cambiar entre tus productos digitales como temas de WordPress, plantillas HTML, juegos HTML5, etc. El plugin incluye una herramienta de prueba responsive dentro de la barra de demostración, un panel de cambio con miniaturas de los productos, botones para diferentes acciones (comprar, cierre del iframe).

Puedes personalizarlo cambiando el archivo de estilo (css o menos). El complemento se puede configurar de forma sencilla. Se ejecuta en todos los navegadores y dispositivos móviles modernos como Android, iOS, y Windows.

Configuración principal

  • Tema : Puedes seleccionar una apariencia de interfaz entre dos temas disponibles o crear tu propio estilo.
  • Imagen del logo y URL : Establece una imagen del logo y una URL para la barra de demostración.
  • Lista de productos : Muestra u oculta la lista de productos, te permitirá seleccionar, filtrar un producto y cargarlo.
  • Dispositivos responsivos : Muestra u oculta dispositivos responsivos. Con esta opción, podrás cambiar a diferentes tamaños de dispositivo y probar la capacidad de respuesta de tu producto.
  • Botón Comprar : Muestra u oculta el botón «comprar» mediante esta opción. Esto mostrará el botón de compra que, al hacer clic, redirige al usuario a la ‘URL de compra’ que se administra al añadir sitios a través de la sección Artículos.
  • Cerrar iFrame : Muestra u oculta el botón de cierre ‘iframe’, te permitirá cerrar la barra de demostración y redirigirá al usuario a un sitio de demostración.

Configuración del elemento del sitio de demostración

  • Título : Permite establecer el título del sitio de demostración
    Imagen en miniatura : Permite establecer una imagen en miniatura
  • URL de demostración : Puede configurar la URL del sitio de demostración con tu tema. El sitio que se añade se mostrará en esta página donde podrás utilizar las funciones mencionadas anteriormente.
  • URL de compra : Esta opción permite agregar un enlace a cualquiera de tus productos o sitio para comprarlo o descargarlo.
  • Insignia : Permite establecer un título de insignia para el «thumb block»
  • Etiqueta : Puede configurar una etiqueta para tu sitio de demostración. Con esta opción, puedes encontrar fácilmente tu sitio de demostración mediante filtros de etiquetas.

Lista de características

  1. Estilo de diseño responsivo
  2. Herramientas de prueba responsivas
  3. Artículos temáticos ilimitados
  4. Función de redireccionamiento
  5. Compatible con navegadores modernos
  6. Fácil de usar

📱 Demo Bar- Best Tool To Showcase Website Demos With Styles

Este es un plugin gratuito sirve para presentar temas, plugins, sitios web y demostraciones de características de productos

Puede mostrar tus temas y complementos de WordPress de forma ordenada Este plugin de barra de demostración es una herramienta para mostrar sin esfuerzo demostraciones de tu sitio web y características de productos de forma gratuita.

Con Demo Bar, puedes personalizar todos los aspectos de la capacidad responsive con formato y estilos. Se integra perfectamente con tu sitio web para mostrar y presentar temas, plugins o cualquier contenido web de WordPress en una elegante barra de demostración en la parte superior de tu sitio.

Características

Color de fondo: Puedes jugar con muchos esquemas de colores diferentes para personalizar el fondo de tu barra de demostración con funciones personalizadas.

Logotipo personalizado: Puede añadir fácilmente tu propio logotipo personalizado para que se muestre en la barra de demostración, lo que ayuda significativamente en las impresiones de tu marca.

Mostrar responsivo: Puede mostrar opciones marcando esta casilla de verificación para mostrar/ocultar opciones responsivas. Con esta opción, podrás cambiar a diferentes tamaños de dispositivos, como teléfonos inteligentes, tablets, computadoras portátiles, etc.

Mostrar compra: Puede mostrar el botón ‘descargar’ mediante esta opción. Esto mostrará el botón de descarga que, al hacer clic, redirige al usuario a la ‘URL de descarga’ que se administra al agregar sitios a través de la sección «Agregar sitio».

Mostrar cerrar: Este botón permite la opción de Mostrar/Ocultar la barra demo en el sitio de demostración. El sitio de demostración se añadirá mediante la opción «Agregar sitio».

Página de demostración: Esta es la página donde aparecerá la barra de demostración. El sitio que se añade se mostrará en esta página donde podrás utilizar las funciones mencionadas anteriormente.

Agregar sitio: Esta opción precisamente te permite añadir el enlace del sitio donde aparecerá la barra de demostración. Puedes agregar un sitio según tus elecciones.

URL del sitio: Esta opción permite agregar la URL del sitio donde aparecerá tu barra de demostración.

URL de descarga: Permite agregar un enlace a cualquiera de tus productos o sitio.

..Entradas Relacionadas

  • 🥇 Curso SEO y Posicionamiento en Buscadores para WordPress
  • Como cambiar el tamaño del botón «añadir al carrito» en WooCommerce
  • Plugin Premium Widgets de Criptomonedas para WordPress
  • Los Mejores Plugins para Afiliado de Amazon con WordPress
  • 6 Plugins WordPress para Monitorear la Salud de la Web

Publicado en: Wordpress Etiquetado como: demo

Sobre el autor

Pedro Mendez. Webmaster apasionado de WordPress. Autodidacta empedernido buscando siempre nuevas fuentes de conocimientos.

Deja una respuesta Cancelar la respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.


Archivos

Categorías

  • Blogging (5)
  • Comercio Eléctronico (52)
  • Diseño (39)
  • Email Marketing (2)
  • Genesis (4)
  • Google (14)
  • herramientas (22)
  • hosting (8)
  • Marketing en Internet (13)
  • Negocios (3)
  • Prestashop (4)
  • Programación (4)
  • Redes Sociales (9)
  • SEO (24)
  • Sin categoría (25)
  • Trabajo (6)
  • Wordpress (531)

© Copyright 2024 ReInSpirit.com · Todos los derechos reservados ·Aviso legal·Política de Privacidad·Dos Hermanas (Sevilla)