Inyecta contenido enriquecido en cualquier sitio web

Abre la extension haciendo click en su icono en la barra de Chrome. Veras la pantalla principal con la lista de configuraciones (vacia al inicio).

1. Click en el boton "+ Nueva Config"
2. Se abrira el formulario de configuracion

Completa los campos basicos:

• Nombre: Un nombre descriptivo para identificar la configuracion (ej: "Tienda Demo - PDP")
• Patron URL: Define en que paginas se aplicara. Usa * como comodin.
  *tiendademo.com/producto/* Aplica en todas las paginas de producto
  *mitienda.com/* Aplica en todo el sitio

El contenedor es el elemento de la pagina donde se insertara el div contenidoIndexado y los scripts.

1. Click en el boton "Seleccionar" junto al campo de selector
2. El popup se cierra y la pagina entra en modo selector
3. Mueve el mouse sobre la pagina — un overlay azul resalta el elemento bajo el cursor
4. Un tooltip muestra el tag y clases del elemento
5. Haz click en el contenedor deseado para seleccionarlo
6. Presiona Escape para cancelar

Configura los scripts que se inyectaran en la pagina:

1. En el campo URL del Script, ingresa la URL completa del script a cargar
2. Agrega atributos como pares clave-valor:
   • data-sku — SKU del producto (requerido por defecto)
   • data-brand — Marca del producto
   • data-lang — Idioma
   • Cualquier otro atributo personalizado
3. Click en "+ Atributo" para agregar mas atributos
4. Click en "+ Agregar Script" si necesitas inyectar mas de un script

1. Click en "Guardar" para almacenar la configuracion
2. La configuracion aparecera en la lista principal con un indicador verde si esta activa
3. Si la URL actual coincide con el patron, veras el texto "Coincide con URL actual"
4. Usa el toggle para activar/desactivar cada configuracion
5. Recarga la pagina para que la inyeccion se aplique

Al recargar una pagina que coincida con el patron configurado, la extension inyecta automaticamente:

<div class="tab-content">
  <div id="contenidoIndexado"></div>
  <script type="text/javascript"
    src="https://orchestrator.omnitok.com/loader.js"
    data-sku="32A4NV"
    data-brand="Hisense"
    data-lang="esCL">
  </script>
  <!-- contenido original de la pagina -->
</div>

El script cargara dinamicamente el contenido enriquecido dentro del div#contenidoIndexado.

Descarga el archivo Excel de ejemplo con el formato correcto. Cada fila representa un script dentro de una configuracion.

Las configuraciones se agrupan por el campo name: si dos filas tienen el mismo nombre, se combinan como multiples scripts de una sola config.

Llena las columnas segun tus necesidades:

• name — Nombre de la configuracion. Filas con el mismo nombre se agrupan como multiples scripts.
• pattern — Patron URL con comodines (*).
• containerSelector — Selector CSS del contenedor donde se inyectara.
• insertPosition — prepend (inicio) o append (final).
• requiredAttributes — Atributos requeridos separados por |.
• enabled — TRUE o FALSE.
• scriptUrl — URL del script a inyectar.
• attr_* — Cualquier columna con prefijo attr_ se convierte en un atributo del script (ej: attr_data-sku).

Abre el popup de la extension y haz click en "Importar Excel". Selecciona tu archivo y las configuraciones se cargaran automaticamente.

Tambien puedes exportar tus configuraciones actuales a Excel usando el boton "Exportar Excel" para hacer backup o compartir con tu equipo.