DOCS

Personalizar países de visualización

Personalizar países de visualización

Controle cómo se muestra Hello para determinados países.

De forma predeterminada, Hello solo se mostrará para los países que estén en una zona de envío en su configuración de Zonos. Puede controlar qué países compradores ven Hello y qué países aparecen en el selector de países de Hello desde Dashboard.

Configurar reglas de visualización de países en Dashboard 

Navegue a Dashboard -> Settings -> Hello y encuentre la sección Country display rules.

Visibilidad del widget

Controle qué países compradores ven el widget de Hello. Elija una de las reglas base y luego utilice las listas Always show y Never show para anular países específicos.

  • All countries - Todos los países que Hello admite.
  • Only shippable countries - Países a los que envía según su configuración de envío.
  • Always show - Países que siempre aparecen, incluso si la regla base los excluye.
  • Never show - Países que nunca aparecen, incluso si la regla base los incluye.

Configuración de visibilidad del widget Hello en
Dashboard

Selector de países

Controle qué países aparecen en el menú desplegable del selector de países de Hello, utilizando las mismas reglas base más las anulaciones Always show y Never show.

Configuración del selector de países Hello en Dashboard

Opciones JS obsoletas

Las propiedades showForCountries y showCountryList en helloSettings están obsoletas. Configure las reglas de visualización de países en Dashboard en su lugar — los valores configurados allí se cargarán automáticamente mediante el script JS de Zonos.

Escuchar cambios de país 

Puede escuchar los cambios en el país seleccionado en Hello pasando una función de callback a la propiedad onCountryChange en el objeto helloSettings en Zonos.init. Esto se activará cada vez que el usuario seleccione un nuevo país en el selector de países de Hello.

1window.Zonos.init({
2 onCountryChange: ({ countryCode, currencyCode }) => {
3 console.log("Selected country and currency:", countryCode, currencyCode);
4 },
5});

¿Fue útil esta página?