Personalizar la plantilla de tienda de D2C
Objetivos de aprendizaje
Después de completar esta unidad, podrá:
- Enumerar qué incluye la plantilla de tienda de D2C Commerce.
- Explicar cómo personalizar el tema de la plantilla de tienda de D2C Commerce.
- Explicar cómo personalizar un encabezado o pie de página.
- Describir cómo puede utilizar páginas y componentes.
- Explicar la diferencia entre la activación y publicación de una tienda.
- Explicar cómo personalizar una tienda.
Personalizar una tienda de D2C Commerce
Taylor Givens, representante de comercialización sénior de Ursa Major Solar, quiere crear una experiencia increÃble para los usuarios que visitan la tienda de Salesforce D2C Commerce. Como primer paso, piensa personalizar la plantilla de D2C Experience Builder con el logotipo de la tienda de Ursa Major Solar.
La plantilla de D2C Commerce ya incluye páginas especÃficas del comercio, como la página de inicio y la de resultados de búsquedas. Estas páginas usan componentes desarrollados especÃficamente para tiendas de D2C Commerce. Con la interfaz fácil de utilizar de Experience Builder, Taylor puede arrastrar y soltar componentes en sus páginas y personalizar las propiedades de componentes. Puede agregar imágenes y estilos a la tienda para crear una experiencia de comprador única.
Taylor crea esta lista de verificación útil de lo que necesita hacer.
Tarea |
|
1 |
Configurar el tema de la tienda. |
2 |
Configurar un encabezado o pie de página personalizado. |
3 |
Explorar páginas y componentes. |
4 |
Previsualizar y publicar la tienda. |
5 |
Configurar una URL personalizada para la tienda. |
Para empezar, Taylor personaliza las páginas y los componentes de su página de D2C Commerce haciendo clic en el mosaico de Experience Builder, en la página de inicio de la tienda.
Consulte Personalizar sitios con Experience Builder para ver detalles sobre Experience Builder.
Configurar el tema de la tienda
A Taylor le agrada saber que la plantilla de la tienda de D2C Commerce usa un tema de D2C preintegrado. Puede especificar colores, imágenes, tamaños de texto y espacios para personalizar el tema de modo que se ajuste a sus requisitos. Algunos componentes tienen propiedades que permiten anular la configuración de tema del componente.
Para acceder a la configuración de tema de un componente, expanda el Ãcono Theme (Tema) en el lado izquierdo de la página de Experience Builder.
Taylor especifica colores para el fondo, el texto, la marca y el primer plano. Genera una paleta a partir de una imagen ya cargada.
En la página Images (Imágenes), selecciona el logotipo de la compañÃa.
También se puede configurar el tamaño de texto y los espacios del sitio para PC/computadora y para dispositivos móviles.
Configurar un encabezado o pie de página personalizado
La plantilla de tienda de D2C Commerce incluye un componente de encabezado y pie de página en cada página. Taylor quiere usar un encabezado personalizado para una página, por lo que primero ajusta el formato de tema de la página. A continuación, se describe el proceso que sigue.
- Seleccione la página donde quiere usar un encabezado o pie de página personalizado: Inicio
- Haga clic en el Ãcono Settings (Configuración).
- Haga clic en Theme (Tema).
- Haga clic en Configure (Configurar).
- Haga clic en New Theme Layout (Nuevo formato de tema).
- Ingrese el nuevo formato:
Ursa Major Solar - home
(Ursa Major Solar: inicio) - En el menú desplegable Commerce Layout (Formato de comercio), seleccione Commerce Layout (Formato de comercio).
- Haga clic en Save (Guardar).
La página ahora tiene una sección superior e inferior en blanco, donde Taylor puede usar el encabezado o pie de página personalizado.
Consulte la guÃa para el desarrollador de D2C Commerce si quiere conocer los detalles sobre el desarrollo de componentes personalizados.
Explorar páginas y componentes
La plantilla de tienda de D2C Commerce incluye páginas y componentes que le permiten a Taylor crear un escaparate atractivo y fácil de utilizar. Estos son los componentes disponibles por página.
Una página |
Objetivo |
Componentes |
Carrito |
Muestre a los compradores los productos que eligieron comprar. |
|
CategorÃa |
Muestra a los compradores los productos en la categorÃa seleccionada. |
|
Paso por caja |
Permita a los compradores finalizar su compra. |
|
Error |
Indique a los compradores que el sistema encontró un error. |
|
Iniciar sesión/Comprobar contraseña |
Indique a los compradores registrados que revisen su email para restablecer su contraseña. |
|
Iniciar sesión/Contraseña olvidada |
Permita a los compradores registrados que recuperen una contraseña que olvidaron. |
|
Iniciar sesión/Inicio de sesión |
Permita a los compradores que inicien sesión en la tienda. |
|
Iniciar sesión/Registrarse |
Permita a los compradores que se registren en la tienda. |
|
Inicio |
Cree una página de inicio atractiva para que los compradores accedan a su escaparate. |
|
Mi perfil |
Permita a los compradores ver su imagen de perfil y restablecer su contraseña. |
|
Orden |
Indique a los compradores que sus artÃculos se pidieron correctamente. |
|
Producto |
Muestre información sobre un producto, incluido el precio, la descripción y la imagen. |
|
Buscar |
Permita a los compradores buscar el escaparate. |
|
Servicio no disponible |
Especifique qué pueden ver los compradores si el escaparate no está disponible. |
|
Taylor ve en detalle los componentes para detectar cuáles usará asà y cuáles modificará.
CategorÃa |
Componente |
Carrito |
|
CategorÃa |
|
Paso por caja |
|
Commerce Einstein |
|
Contenido |
|
Navegación |
|
Pedidos |
|
Detalles del producto |
|
Buscar |
|
Cuentas de usuario |
|
Previsualizar y publicar la tienda
A medida que Taylor personaliza la tienda, puede previsualizar qué verán los compradores y publicar los cambios. A continuación, se describe el proceso que sigue.
- Abra Experience Builder.
- Abra la página que desea ver.
- Haga clic en Preview (Vista previa) en el extremo superior derecho de la página.
Consulte Realizar vista previa de su sitio de Experience Builder. - Cuando le guste el aspecto de su tienda, haga clic en Publish (Publicar) en el extremo superior derecho de la página. Taylor recibe una notificación por email cuando la tienda está publicada.
Puede publicar una tienda independientemente de que esté activada o no. Puede activar una tienda aunque no esté publicada. En este caso, Maria Jimenez, la administradora, ya la activó. Consulte el módulo Aspectos básicos de Salesforce D2C Commerce para ver cómo lo hizo.
A modo de resumen
En esta unidad, aprendió a personalizar la plantilla de tienda de D2C Commerce. También aprendió a publicar y previsualizar una tienda. En unidades anteriores, aprendió sobre las búsquedas y sobre Commerce Einstein. Ahora realice la última prueba y obtenga una increÃble insignia.