Cómo crear un banner

Aprenda a crear y personalizar banners para la interfaz de usuario y la aplicación móvil de B2CORE

Puede crear banners que se mostrarán a sus clientes en la interfaz de usuario de B2CORE, la aplicación móvil o el navegador móvil.

Cómo crear un banner de escritorio

Para crear un banner que se mostrará a sus clientes en la interfaz de usuario de B2CORE:

Vaya a Promotion > Banners.

Haga clic en +Create en la esquina superior derecha de la página.

En la ventana emergente Create Banner que aparece, complete los siguientes campos:

  • En el campo Caption, introduzca un título para su banner. Puede dejar este campo vacío y crear un banner sin título.
  • En el campo Banner URL, introduzca una ruta URL que defina una página en la que se mostrará su banner en la interfaz de usuario de B2CORE (por ejemplo, /dashboard, /wallets, /funds/deposit u otra).
  • En el campo Banner priority, introduzca un valor entero que defina el orden de visualización de los banners si se ha creado más de uno. Por ejemplo, un banner con la prioridad establecida en 1 se mostrará primero en una página web; un banner con la prioridad establecida en 2 se mostrará después del primer banner, y así sucesivamente.
  • En la lista desplegable Banner Type, seleccione Desktop.

Haga clic en Save para crear el banner.

Haga clic en el botón Edit de la fila del banner para configurar sus ajustes.

En la página Edit banner, complete los siguientes campos:

  • En el campo Button link, introduzca una ruta URL a un recurso externo. Esta URL se abrirá al hacer clic en un botón mostrado en su banner.

Pestañas Light y Dark

  • El campo Caption muestra el título que introdujo al crear el banner. Puede cambiar el color y el grosor de la fuente del título para los temas insertando el siguiente código HTML:

    <font color="html-color-code"><strong>Banner Title</strong></font>

  • En el campo Button, introduzca el texto que se mostrará como etiqueta del botón.

  • En el campo Text, introduzca el texto que se mostrará debajo del título del banner. Puede cambiar el color y el grosor de la fuente del texto para los temas insertando el siguiente código HTML:

    <font color="html-color-code"><strong>Text that will be displayed on your banner</strong></font>

  • En el campo Banner Background, especifique la URL de una imagen que desea usar como fondo para el tema seleccionado.

  • Para aplicar ajustes de localización, haga clic en los botones ubicados en el lado derecho de los campos Caption, Button y Text, e introduzca las traducciones para los idiomas requeridos.

Haga clic en Save para aplicar los cambios.

Después de configurar los ajustes del banner, establezca la lista desplegable Enabled en Yes en la pestaña Banner para mostrar el banner en la interfaz de usuario de B2CORE.

Cómo crear un banner para la aplicación móvil

Para crear un banner que se mostrará a sus clientes en la aplicación móvil o al acceder a B2CORE mediante un navegador móvil:

Vaya a Promotion > Banners y haga clic en +Create en la esquina superior derecha de la página.

En la ventana emergente Create Banner que se muestra, complete los siguientes campos:

  • En el campo Caption, introduzca un título para su banner. Puede dejar este campo vacío y crear un banner sin título.
  • En el campo Banner URL, introduzca /dashboard. Todos los banners se mostrarán en la parte superior de la pantalla Home de la aplicación.
  • En el campo Banner Priority, especifique un valor entero que defina el orden de visualización de los banners si se ha creado más de uno.
  • En la lista desplegable Banner Type, seleccione Mobile.
  • Haga clic en Save.

En la pestaña Banner, especifique los siguientes ajustes:

  • El campo Title muestra el título del banner especificado en el paso 2. Puede dejar este campo vacío y crear un banner sin título.
  • En el campo Sub Title, introduzca un subtítulo para el banner. Puede dejar este campo vacío y crear un banner sin subtítulo.
  • En las listas desplegables Vertical Align y Horizontal Align, seleccione los valores adecuados para alinear el título y el subtítulo tanto vertical como horizontalmente.
  • En el campo Button Link, especifique una URL a un recurso externo. Esta URL se abre después de tocar un banner en la aplicación móvil.
  • En el campo Button Title, especifique un texto para el botón. Puede dejar este campo vacío y crear un banner sin botón.
  • En el campo Preview Text, especifique una descripción para la vista previa que se muestra después de hacer clic en un banner. Puede dejar este campo vacío y crear un banner sin texto de vista previa.
  • Establezca la opción Preview Enabled en Yes para que haya una vista previa del banner disponible en la aplicación móvil.
  • En el campo Padding, especifique un número de puntos para definir el área de relleno en los cuatro lados de un bloque de texto.
  • Para que el banner esté disponible para sus clientes en la aplicación móvil, establezca el campo Enabled en Yes y luego haga clic en Save.

Para especificar imágenes de fondo para los temas claro y oscuro de su banner, cambie a la pestaña Light o Dark.

En el campo Image URL, especifique la URL de una imagen que desea usar como imagen de fondo para su banner.

El tamaño de banner recomendado para la aplicación móvil es 840 × 360 px (relación de aspecto 21:9). El formato de imagen compatible es PNG.

Haga clic en Save para aplicar los cambios.

Cómo restringir la visualización de banners

Puede controlar qué clientes ven un banner aplicando restricciones basadas en el país, el nivel de verificación, el tipo de cliente o la jurisdicción. También puede combinar estas restricciones para una segmentación más precisa.

Para aplicar restricciones a un banner:

Vaya a Promotion > Banners.

Seleccione el banner y haga clic en el botón Edit.

Restricciones por país:

  • En la página Edit banner, haga clic en el botón Actions en la esquina superior derecha de la página y, a continuación, seleccione Country restrictions en la lista desplegable.

  • En la ventana emergente Restrictions, complete los siguientes campos:

    • En la lista desplegable Enabled, seleccione Yes.

    • En la lista desplegable Type, seleccione una de las dos opciones:

      • Deny only — el banner se mostrará a todos los clientes excepto a aquellos de los países seleccionados.
      • Allow only — el banner se mostrará únicamente a los clientes de los países seleccionados.
    • En la lista desplegable Rules, seleccione uno o más países.

Restricciones por nivel de verificación:

  • En la página Edit banner, haga clic en el botón Actions en la esquina superior derecha de la página y, a continuación, seleccione Verification level restriction en la lista desplegable.

  • En la ventana emergente Restrictions, complete los siguientes campos:

    • En la lista desplegable Enabled, seleccione Yes.

    • En la lista desplegable Type, seleccione una de las dos opciones:

      • Deny only — el banner se mostrará a todos los clientes excepto a aquellos con los niveles seleccionados.
      • Allow only — el banner se mostrará únicamente a los clientes con los niveles seleccionados.
    • En la lista desplegable Rules, seleccione uno o más niveles de verificación.

Restricciones por tipo de cliente:

  • En la página Edit banner, haga clic en el botón Actions en la esquina superior derecha de la página y, a continuación, seleccione Client type restrictions en la lista desplegable.

  • En la ventana emergente Restrictions, complete los siguientes campos:

    • En la lista desplegable Enabled, seleccione Yes.

    • En la lista desplegable Type, seleccione una de las dos opciones:

      • Deny only — el banner se mostrará a todos los clientes excepto a aquellos con los tipos de cliente seleccionados.
      • Allow only — el banner se mostrará únicamente a los clientes con los tipos de cliente seleccionados.
    • En la lista desplegable Rules, seleccione uno o más tipos de cliente.

Restricciones por jurisdicción

  • En la página Edit banner, haga clic en el botón Actions en la esquina superior derecha de la página y, a continuación, seleccione Jurisdiction restrictions en la lista desplegable.

  • En la ventana emergente Restrictions, complete los siguientes campos:

    • En la lista desplegable Enabled, seleccione Yes.

    • En la lista desplegable Type, seleccione una de las dos opciones:

      • Deny only — el banner se mostrará a todos los clientes excepto a aquellos con las jurisdicciones seleccionadas.
      • Allow only — el banner se mostrará únicamente a los clientes con las jurisdicciones seleccionadas.
    • En la lista desplegable Rules, seleccione una o más jurisdicciones.

Haga clic en Save para aplicar las restricciones.

Última actualización

En esta página