Módulo de selector de tienda

Artículo
03/08/2023

En este artículo se trata el modulo selector de tiendao y se describe la forma de agregarlo a las páginas de sitio en Microsoft Dynamics 365 Commerce.

Los clientes pueden usar el módulo selector de tiendas para recoger un producto en una tienda seleccionada después de una compra en línea. En la versión 10.0.13 de Commerce, el módulo selector de tienda también incluye capacidades adicionales que pueden mostrar una página Encontrar una tienda que muestra tiendas cercanas.

El módulo selector de tiendas permite a los usuarios especificar una ubicación (ciudad, estado, dirección, etc.) para buscar tiendas dentro de un radio de búsqueda. Cuando se abre el módulo por primera vez, utiliza la ubicación del navegador del cliente para encontrar tiendas (si se proporciona el consentimiento).

Uso del módulo de selector de tienda

Se puede usar un módulo selector de tiendas en una página de detalles del producto (PDP) para seleccionar una tienda como punto de recogida.
Se puede usar un módulo selector de tiendas en una página de carrito para seleccionar una tienda como punto de recogida.
Se puede usar un módulo selector de tiendas en una página independiente que muestra todas las tiendas disponibles.

Configuración de grupos de cumplimentación en la sede de Commerce

Para que el selector de tiendas muestre las tiendas disponibles, el grupo de cumplimiento debe estar configurado en la sede de Commerce. Para obtener más información, consulte Configurar grupos de cumplimentación.

Además, para cada tienda del grupo de cumplimiento, la latitud y la longitud de la ubicación de la tienda deben definirse en la sede.

Para introducir la longitud y latitud de una ubicación de la tienda en la sede de Commerce, siga estos pasos.

Vaya a Gestión del inventario > Configuración > Desglose del inventario
Seleccione la ubicación de almacén en el panel izquierdo.
En la ficha desplegable Direcciones, seleccione Avanzado.
En el panel Acciones, seleccione Editar.
En la ficha desplegable General, introduzca valores para Latitud y Longitud.
En el panel Acciones, seleccione Guardar.

Ocultar una tienda del módulo selector de tiendas

Es posible que algunas tiendas de un grupo de cumplimiento no sean ubicaciones de recogida válidas. Para asegurarse de que solo las ubicaciones de recogida válidas aparezcan como opciones en el módulo de selección de tiendas, siga estos pasos en la sede de Commerce.

Vaya a Retail y Commerce > Configuración de Commerce > Grupos de cumplimiento > Todas las tiendas.
En el panel Acciones, seleccione Editar.
Bajo Configuración, para cada tienda que no sea una ubicación de recogida válida, borre la casilla Es la ubicación de recogida.
En el panel Acciones, seleccione Guardar.
Ejecute el trabajo de programación de distribución 1070 Configuración del canal.

Integración con Bing Maps

El módulo selector de tiendas está integrado con las Interfaces de programación de aplicaciones (API) REST de Bing Maps para utilizar las características de geocodificación y Autosuggest de Bing. Se requiere una clave de la API de Bing Maps, y debe agregarse a la página de parámetros compartidos en la Central de Commerce. La API de geocodificación se utiliza para convertir una ubicación en valores de latitud y longitud. La integración con la API de Autosuggest se utiliza para mostrar sugerencias de búsqueda cuando los usuarios ingresan ubicaciones en el campo de búsqueda.

Para la API REST de Autosuggest, debe asegurarse de que las siguientes URL estén permitidas según la directiva de seguridad de contenido (CSP) de su sitio. Esta configuración se realiza en el creador de sitios de Commerce, agregando las direcciones URL permitidas a varias directivas CSP para el sitio (por ejemplo, img-src). Para más información, consulte Directiva de seguridad de contenido.

Para la directiva connect-src, agregue *.bing.com.
Para la directiva img-src, agregue *.virtualearth.net.
A la directiva script-src, agregue *.bing.com, *.virtualearth.net.
Para la directiva script style-src, agregue *.bing.com.

Modo Recoger en tienda

El módulo selector de tienda admite un modo Recoger en tienda que muestra una lista de tiendas donde un producto está disponible para su recogida. También muestra el horario de la tienda y el inventario de productos para cada tienda en la lista. El módulo selector de tienda requiere el contexto de un producto para representar la disponibilidad del producto y permitir que el usuario agregue el producto al carrito, si el modo de entrega del producto está configurado en recoger en la tienda seleccionada. Para obtener más información, consulte Configuración de inventario.

El módulo selector de tiendas se puede agregar a un módulo de caja de compra en la página de detalles del producto para mostrar las tiendas donde hay un producto disponible para su recogida. También se puede agregar a un módulo de carrito. En este caso, el módulo selector de tienda muestra las opciones de recogida para cada artículo de línea en el carrito. El módulo selector de tienda también se puede agregar a otras páginas o módulos a través de extensiones y personalizaciones.

Para que funcione este escenario, los productos deben configurarse para poder utilizr el modo de entrega de recogida. De lo contrario, el módulo no se mostrará en las páginas de productos. Para obtener más información sobre cómo configurar el modo de entrega, consulte Configurar modos de entrega.

La siguiente imagen muestra un ejemplo de un módulo selector de tienda utilizado en un PDP.

Ejemplo de un módulo selector de tienda utilizado en un PDP.

Nota

En la versión 10.0.16 y posteriores, se puede habilitar una nueva características que permite a una organización definir múltiples modos de recogida de opciones de entrega para los clientes. Si esta función está habilitada, el selector de tiendas y otros módulos de comercio electrónico se mejorarán para permitir que el comprador elija entre múltiples opciones de entrega de recogida si están configuradas. Para obtener más información sobre esta característica, consulte esta documentación.

Modo Buscar tiendas

El módulo selector de tienda también admite un modo Buscar tiendas. Este modo se puede usar para crear una página de ubicaciones de tiendas que muestra las tiendas disponibles y su información. En este modo, el módulo selector de tiendas funciona sin contexto del producto y puede usarse como un módulo independiente en cualquier página del sitio. Además, si las configuraciones relevantes están activadas para el módulo, los usuarios pueden seleccionar una tienda como su tienda preferida. Cuando se selecciona una tienda como la tienda preferida de un usuario, el identificador de la tienda se mantiene en las cookies del navegador. Por lo tanto, el usuario debe aceptar un mensaje de consentimiento de cookies.

La siguiente ilustración muestra un ejemplo de un módulo selector de tiendas que se utiliza junto con un módulo de mapa en una página de ubicaciones de tiendas.

Ejemplo de un módulo selector de tienda y un módulo de mapa en una página de ubicaciones de tiendas.

Representar un mapa

El módulo selector de tiendas se puede usar junto con el módulo de mapa para mostrar las ubicaciones de la tienda en un mapa. Para obtener más información sobre este módulo del mapa, consulte Módulo del mapa.

Propiedades del módulo selector de tienda

Nombre de la propiedad	Valor	Descripción
Cabecera	Texto	El encabezado del módulo.
Modo	Buscar tiendas o Recoger en tienda	El modo Buscar tiendas muestra las tiendas disponibles. El modo Recoger en tienda permite a los usuarios seleccionar una tienda como punto de recogida.
Estilo	Diálogo o En línea	El módulo se puede representar en línea o en un cuadro de diálogo.
Establecer como tienda preferida	Verdadero o Falso	Cuando esta propiedad se establece en True, los usuarios pueden establecer una tienda preferida. Esta característica requiere que los usuarios acepten un mensaje de consentimiento de cookies.
Mostrar todas las tiendas	Verdadero o Falso	Cuando esta propiedad se establece en True, los usuarios pueden evitar la propiedad Buscar radio y ver todas las tiendas.
Opciones de Autosuggest: resultados máximos	Número	Esta propiedad define el número máximo de resultados de sugerencias automáticas que se pueden mostrar a través de la API de Bing Autosuggest.
Radio de búsqueda	Número	Esta propiedad define el radio de búsqueda de tiendas, en millas. Si no se especifica ningún valor, se utiliza el radio de búsqueda predeterminado: 50 millas.
Términos del servicio	Dirección URL	Esta propiedad especifica la URL de los términos del servicio que se requiere para usar el servicio Bing Maps.

Valores de configuración de sitio

El módulo selector de tiendas respeta la configuración de Agregar el producto al carrito. Una vez que se agrega un artículo al carrito desde el módulo selector de tiendas, los usuarios del sitio verán los flujos de trabajo configurados correspondientes.

Agregar un módulo de selector de tienda a una página

Para el modo Recoger en tienda, el módulo solo se puede usar en PDP y páginas de carrito. Debe establecer el modo en Recoger en tienda en el panel de propiedades del módulo.

Para obtener información sobre cómo agregar un módulo selector de tienda a un módulo de caja de compra, vea Módulo de caja de compra.
Para obtener información sobre cómo agregar un módulo selector de tienda a un módulo de carrito, vea Módulo de carrito

Para configurar el módulo selector de tiendas para mostrar las tiendas disponibles para una página de ubicaciones de tiendas, como en la ilustración que aparece anteriormente en este artículo, siga estos pasos.

Vaya a Plantillas y luego seleccione Nuevo para crear una nueva plantilla.
En el cuadro de diálogo Nueva plantilla, en Nombre de la plantilla, introduzca Plantilla de marketing y luego seleccione Aceptar.
Seleccione Guardar y seleccione Finalizar edición para proteger la plantilla y luego seleccione Publicar para publicarla.
Vaya a Páginas y seleccione Nuevo para crear una nueva página.
En el cuadro de diálogo Crear nueva página, en Nombre de página, introduzca Ubicaciones de tienda y luego seleccione Siguiente.
En Elegir plantilla, seleccione la Plantilla de marketing que creó y, a continuación, seleccione Siguiente.
En Elija un diseño, seleccione un diseño de página (por ejemplo, Diseño flexible), y luego seleccione Siguiente.
En Revisar y terminar, revise la configuración de la página. Si necesita editar la información de la página, seleccione Atrás. Si la información de la página es correcta, seleccione Crear página.
En el espacio Principal de la nueva página, seleccione los puntos suspensivos (...) y, a continuación, seleccione Agregar módulo.
En el cuadro de diálogo Seleccionar módulos, seleccione el módulo Contenedor y, a continuación, Aceptar.
En el espacio Contenedor, seleccione los puntos suspensivos (...) y después seleccione Agregar módulo.
En el cuadro de diálogo Seleccionar módulos, seleccione el módulo Contenedor con dos columnas y, a continuación, Aceptar.
En el panel de propiedades del módulo, establezca el valor Ancho para Llenar contenedor.
Establezca el valor de Configuración de columna de puerto de vista muy pequeño en 100 %.
Establezca el valor de Configuración de columna de puerto de vista pequeño en 100 %.
Establezca el valor de Configuración de columna de puerto de vista mediano en 33 % 67 %.
Establezca el valor de Configuración de columna de puerto de vista grande en 33 % 67 %.
En el espacio Contenedor con dos columnas, seleccione los puntos suspensivos (...) y después seleccione Agregar módulo.
En el cuadro de diálogo Seleccionar módulos, seleccione el módulo Selector de tienda y elija Aceptar.
En el panel de propiedades del módulo, establezca el valor Modo en Buscar tiendas.
Establezca el valor Buscar radio en millas.
Establezca otras propiedades, como Establecer como tienda preferida, Mostrar todas las tiendas y Habilitar sugerencia automática, como lo requiera.
En el espacio Contenedor con dos columnas, seleccione los puntos suspensivos (...) y después seleccione Agregar módulo.
En el cuadro de diálogo Seleccionar módulos, seleccione el módulo Asignar y, a continuación, Aceptar.
En el panel de propiedades del módulo, configure las propiedades adicionales según necesite.
Seleccione Guardar y seleccione Finalizar edición para proteger la página y luego seleccione Publicar para publicarla.