Tienda Virtual Online Como Insertar Publicidad de Terceros en los Páneles Laterales de eFactory eCommerce

Te mostramos como configurar los páneles laterales de eFactory eCommerce y agregar links personalizables.

Paso 1: Ingresar a Opciones

a. Al iniciar eFactory, Seleccionamos la Aplicación Administrativo, Empresa y Sucursal de la Empresa y presionamos el botón .

b. En el módulo Administrativo, desplegamos el componente Operaciones y activamos el sub componente Opciones.

Después de presionar se muestra la ventana de Opciones, allí Seleccionamos la pestaña de Avanzado y presionaremos el botón .

Paso 2: Seleccionar el complemento Configurar Tienda Virtual (TVO)

a. En la ventana de complementos seleccionaremos Configurar Tienda Virtual (TVO)

Paso 3: Configurar los páneles laterales de Tienda Virtual (TVO)

Al hacer clic en Configurar Tienda Virtual (TVO), se nos muestra la ventana Configurar Tienda Virtual - Empresas (TVO) donde debemos dirigirnos a la sección Configurar Páneles Laterales.

Aquí el usuario puede agregar Items de links o publicidad tanto para el panel lateral izquierdo, como para el panel lateral derecho, e indicar cual de los dos será el panel principal cuando no haya suficiente espacio en la pantalla.

En la página de inicio de la Tienda Virtual (TVO) los paneles se mostrarán a ambos lados, pero cuando no haya espacio suficiente en pantalla el panel marcado como Principal se mostrará en su lugar mientras que el otro se mostrará debajo, antes del pie de página.

Para activar los páneles laterales personalizados de la Tienda Virtual (TVO) debemos:

  • Activar la casilla "Activar Panel Izquierdo" o "Activar Panel Derecho" o ambas casillas.

  • Agregar los items de cada panel.

  • Indicar el Tipo de cada item (Fragmento de texto/HTML).

  • Indicar el Contenido o el Link de cada Item.

Notas:

  • La cantidad de Items de cada panel es libre, por lo que puede agregar los que requiera.

  • Al hacer clic y arrastrar en el botón de selección de los Items, puede desplazarlos hacia arriba y hacia abajo, para reordenar la forma en que estos se mostrarán en los páneles.

  • El contenido HTML de los ítems solo podrá contener algunas etiquetas HTML ("script", "iframe", "span", "div", "p", "ul", "ol", "li", "a", "img", "br", "strong", y "em") y atributos (class, style, title, y atributos para links e imágenes) básicos.

  • En el contenido HTML de los ítems se permite agregar Javascript, páginas y objetos incrustados, lo que permite insertar widgets de terceros, como un feed de Twitter, un mapa de Google Maps, una publicidad de Google Ads, o casi cualquier otro tipo de componte.

Ejemplos:

  • Imagen con link:
    <div style="padding-bottom: 1rem;"> <a href="https://www.factorysoftve.com/soluciones/software-cmms-gmao-movil-mantenimiento-preventivo-correctivo-en-la-nube/efactory-software-cmms-gmao-para-el-mantenimiento-preventivo-mp-movil-en-la-nube.html" target="_blank"> <img style="width:100%; height:auto;" src="https://www.factorysoftve.com/soluciones/software-cmms-gmao-movil-mantenimiento-preventivo-correctivo-en-la-nube/efactory-software-cmms-gmao-movil-para-el-mantenimiento-preventivo-correctivo-en-la-nube-head-solucion-movil.webp"/> </a><strong>Mantenimiento Preventivo Móvil</strong><br/><em>Visita Factorysoft para mayor información sobre nuestros patners!</em></div>

  • Google Map:
    <strong>Ven a nuestras oficinas</strong> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d6604.823836196749!2d-67.99890332181005!3d10.160180400547292!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses-419!2sve!4v1609859020990!5m2!1ses-419!2sve" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>

  • Timeline de Twitter:
    <div style="height:400px; overflow-y:auto;"><strong>Síguenos en Twitter</strong><a class="twitter-timeline" data-width="220" data-height="400" href="https://twitter.com/Factory_Soft"> Tweets by TwitterDev</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div>

  • HTML Libre:
    <div style="line-height:1.5rem;"><strong>Comunicate con nosotros</strong><br/><span style="font-size:80%;">Recuerda que puedes enviar un mensaje a nuestro Watsapp de servicio al cliente al < a target="_blank" href="+584120000000" style="display:inline-block;padding: 2px 4px;">(+58)412-000 0000</a> para que uno de nuestros vendedores se comunique con tigo.</span></div>

  • Post de Instagram:
    <blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/BDgH8VHy0bp/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="13" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"> <div> </div> </blockquote> <script async src="https://www.instagram.com/embed.js"></script>
    Nota: Deben reemplazar el texto en Negrita por el URL de su Imagen.

Video relacionado