Integrar la tienda completa

Convierte tu página web en una tienda online en pocos minutos. Con este sistema de integración se crea una caja con todos los productos que tengas en tu tienda y el sistema de pago incorporado.

Tenemos 3 tipos de opciones para que los visitantes de tu web puedan comprar online:

1. Integrar directamente en web

Con este sistema el usuario no tiene que abandonar la web para realizar la compra, todo el proceso de compra se realiza en el mismo entorno subiendo la tasa de conversión.

Tendrás que copiar un código similar al siguiente en la parte de la web que quieras que aparezca la tienda:

    <iframe
        src="https://link.onbik.com/es_ES/xxxxxxxxxxx"
        frameborder="0" width="600" height="500">
    </iframe>

Esta opción es idónea para usuarios que quieran crear un simple enlace en su web y crear un entorno de compras separado a su espacio corporativo. El usuario que visita la tienda solamente tendrá información relacionada con los productos incitando al usuario a la compra de productos.

Muchos clientes crean en el menú principal de su web un enlace que lleva al módulo de compra que aparece más abajo, lo llaman “Tienda”, “Tienda online” o “Comprar online”. Échale imaginación para conseguir más ventas.

El enlace será algo similar a:

    https://link.onbik.com/es_ES/xxxxxxxx

3. Ventana emergente en web

Si lo que deseas es que tus usuarios no abandonen tu web para realizar compras, pero quieres tener un entorno separado de tu contenido, ésta es sin duda la mejor opción. Se incorpora un botón en el lateral de la web que puedes personalizar a tu gusto y al hacer clic se abre una ventana con todos los productos que tengas creados. Cuando el usuario quiera salir de esta ventana simplemente la cierra y vuelve a ver el contenido que estaba viendo anteriormente.

El código lo podrás encontrar en el apartado de Ajustes > Integrar en tu web.

    <link rel="stylesheet" href="https://www.onbik.com/xxxxx.css" />
    <div class="booking" href="https://link.onbik.com/es_ES/xxxxxxxxx">
        <div>Comprar</div>
    </div>
    <script src="https://www.onbik.com/booking/button/xxxxxxx"></script>

Recuerda que puedes cambiar el texto que aparece en el botón reemplazando la palabra “Comprar” por lo que tu quieras.

Al hacerlo podrás ver cómo aparece una pestaña con el texto elegido a la derecha de la pantalla. De ahí en adelante cualquiera que visite tu página podrá comprar haciendo click en esa pestaña.

Si deseas personalizarlo aún más puedes añadir un pequeño código de estilo indicando los colores tanto para el texto como para el fondo. Para ello necesitas introducir el código de color HTML que desees. Puedes conseguir el color exacto desde la siguiente página: Colores

Color: Hace referencia a la palabra dentro del botón. Sustituir la palabra "white" por el código de color deseado, por ejemplo #ff8080.

Background-color: Es el color de fondo del botón, sustituir el código #EF616D por el deseado, por ejemplo #333333.

    <style>
        .booking {
            color: white !important;
            background-color: #EF616D !important;
        }
    </style>