Implementación del código del sitio web del localizador de distribuidores basado en productos
Paso 1: Incluya el script dentro del sitio web
El siguiente ejemplo demuestra lo que se necesita para integrar el widget Comprar ahora con su sitio. Simplemente actualice los parámetros deseados y luego copie el fragmento en su sitio web.
- <script id="omacro-widget-buynow" src="https://buynow.omacro.com/embedded/bn.loader.js?company=XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX&country=auto&validate=false&debug=false" asíncrono></script>
El parámetro de la empresa se completa previamente con el identificador de su empresa, no es necesario cambiar este valor. Todos los parámetros del fragmento se adjuntan al código fuente del script y deben cumplir con los estándares de los identificadores uniformes de recursos .
- empresa requerido
- Este es su identificador de empresa proporcionado por Omacro. Este ID se asignó cuando se creó originalmente la cuenta de su empresa y nunca cambiará. El fragmento de ejemplo anterior ya incluye el identificador de su empresa.
- país
- Este es un código de país ISO de dos dígitos ISO 3166-1 código alfa-2 o auto . Si no se proporciona, se presentará un mapa para que el usuario pueda seleccionar su país. Cuando se proporciona y no se establece en automático , al usuario se le presentan inmediatamente los resultados para el país especificado. Cuando se establece en automático , el país será determinado automáticamente por la dirección IP de los usuarios.
- validar
- Cuando es verdadero , el fragmento verificará que cada identificador de producto disponible en la página sea válido y devuelva un producto. Una vez que se complete la validación, el fragmento agregará la clase CSS respectiva al elemento desencadenante: obn-validate-pass u obn-validate-fail . Mientras la validación esté pendiente, el elemento activador tendrá la clase CSS obn-validate-pending .
- depurar
- Cuando sea verdadero , el fragmento ayudará con la depuración al registrar toda la actividad y las notificaciones en la consola de su navegador. Se recomienda deshabilitar esta función una vez que se complete la depuración.
-
El siguiente ejemplo muestra una etiqueta de anclaje simple (enlace) que se utiliza como activador de producto. Puede usar fácilmente elementos existentes o nuevos en su sitio web simplemente agregando el parámetro de producto requerido.
- <a href="#obn" data-product="Su identificador de producto">Enlace del producto</a>
Los parámetros de activación tienen prioridad sobre los parámetros de fragmento, esto permite que los parámetros se configuren globalmente con excepciones si es necesario. Todos los parámetros de activación son atributos de datos HTML que requieren que comiencen con ' data- '.
- producto requerido
- Este es el identificador del producto. Esto podría ser un GTIN (UPC, EAN o ISBN), SKU, nombre de modelo o ID de Omacro. Recomendamos enfáticamente usar un GTIN, idealmente UPC.
- país
- Este es un código de país ISO de dos dígitos ISO 3166-1 código alfa-2 o auto . Si no se proporciona, se presentará un mapa para que el usuario pueda seleccionar su país. Cuando se proporciona y no se establece en automático , al usuario se le presentan inmediatamente los resultados para el país especificado. Cuando se establece en automático , el país será determinado automáticamente por la dirección IP de los usuarios.
- validar
- Cuando sea verdadero , el fragmento verificará que cada identificador de producto disponible en la página sea válido y devuelva un producto. Una vez que se complete la validación, el fragmento agregará la clase CSS respectiva al elemento desencadenante: obn-validate-pass u obn-validate-fail . Mientras la validación esté pendiente, el elemento activador tendrá la clase CSS obn-validate-pending .