Personalizar la plantilla de tienda D2C
Objetivos de aprendizaje
Después de completar esta unidad, podrá:
- Enumerar las opciones de una plantilla de tienda de D2C Commerce.
- Explicar cómo se personaliza el tema de una plantilla de tienda de D2C Commerce.
- Explicar cómo se personaliza un encabezado o un pie de página.
- Describir cómo se pueden utilizar páginas y componentes.
- Explicar la diferencia entre la activación y la publicación de una tienda.
- Explicar cómo se personaliza una tienda.
Personalizar una tienda de D2C Commerce
Taylor Givens, vendedor superior de Ursa Major Solar, tiene como objetivo crear una experiencia increÃble para los visitantes de la tienda de Salesforce D2C Commerce. Está deseando personalizar la plantilla de D2C de Experience Builder con el logotipo de la tienda de Ursa Major Solar para empezar.
La plantilla de D2C Commerce incluye páginas especÃficas del comercio, como la página de inicio y la página de resultados de búsqueda. Estas páginas utilizan componentes desarrollados especÃficamente para tiendas de D2C Commerce. Gracias a la interfaz de Experience Builder, que es fácil de utilizar, Taylor puede arrastrar y soltar componentes en sus páginas y personalizar las propiedades de los mismos. Se pueden agregar imágenes y estilos a la tienda a fin de crear una experiencia única para los compradores.
Taylor crea esta lista de comprobación tan útil de lo que se debe 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 |
Obtener la vista previa de una tienda y publicarla. |
5 |
Configurar una URL personalizada para la tienda. |
Taylor comienza por personalizar las páginas y los componentes de su tienda de D2C Commerce haciendo clic en el icono de Experience Builder en la página de inicio de la tienda.
Consulte Customize Sites with Experience Builder (Personalizar sitios con Experience Builder) para obtener detalles sobre el uso de Experience Builder.
Configurar el tema de la tienda
A Taylor le alegra saber que la plantilla de la tienda de D2C Commerce utiliza un tema de D2C preconfigurado. Se pueden especificar los colores, las imágenes, el tamaño del texto y el espaciado para personalizar el tema a fin de que se ajuste a los requisitos. Algunos componentes tienen propiedades que les permiten sobrescribir los parámetros del tema del componente.
Acceda a la configuración del tema de la tienda expandiendo el icono Theme (Temas) que aparece a la izquierda de la página de Experience Builder.
Taylor especifica los colores para el fondo, el texto, los elementos de marca y los elementos que aparecen en primer plano. Genera una paleta a partir de una imagen cargada.
En la página Images (Imágenes), selecciona el logotipo de su empresa.
También se puede configurar el tamaño del texto y el espaciado del sitio para dispositivos de escritorio y 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 de pie de página en cada una de las páginas. Taylor quiere utilizar un encabezado personalizado para una página; por ello, primero ajusta el formato del tema de la página. Veamos cómo hacerlo.
- Seleccione la página en la que desea utilizar un encabezado o pie de página personalizado: Home (Inicio)
- Haga clic en el icono de configuración.
- Haga clic en Theme (Tema).
- Haga clic en Configure (Configurar).
- Haga clic en New Theme Layout (Nuevo formato de tema).
- Introduzca el nuevo formato:
Ursa Major Solar - home
- En el menú desplegable Commerce Layout (Formato de Commerce), seleccione Commerce Layout (Formato de Commerce).
- Haga clic en Save (Guardar).
Ahora, la página tiene una sección superior y una sección inferior que Taylor puede utilizar como encabezado y pie de página.
Consulte la guÃa del desarrollador de D2C Commerce para obtener 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 para cada página.
Página |
Objetivo |
Componentes |
Cart (Carrito) |
Mostrar a los compradores los productos que han seleccionado para comprar. |
|
Category (CategorÃa) |
Mostrar a los compradores los productos de la categorÃa seleccionada. |
|
Checkout (Tramitación de compra) |
Permitir que los compradores completen su compra. |
|
Error (Error) |
Indicar a los compradores que el sistema ha encontrado algún error. |
|
Login/Check Password (Contraseña de inicio de sesión/comprobación de contraseña) |
Indicar a los compradores registrados que comprueben el correo electrónico para restablecer la contraseña. |
|
Login/Forgot Password (Contraseña de inicio de sesión/contraseña olvidada) |
Permitir que los compradores registrados recuperen una contraseña que han olvidado. |
|
Login/Login (Inicio de sesión/inicio de sesión) |
Permitir que los compradores inicien sesión en la tienda. |
|
Login/Register (Inicio de sesión/Registro) |
Permitir que los compradores se registren en la tienda. |
|
Home (Inicio) |
Crear una página de destino atractiva para que los compradores entren al escaparate. |
|
My Profile (Mi perfil) |
Permitir que los compradores visualicen su imagen de perfil y restablezcan su contraseña. |
|
Order (Pedido) |
Indicar a los compradores que se ha realizado el pedido de los elementos correctamente. |
|
Product (Producto) |
Mostrar información sobre un producto, incluidos el precio, la descripción y una imagen. |
|
Search (Búsqueda) |
Permitir que los compradores busquen el escaparate. |
|
Service Not Available (Servicio no disponible) |
Especificar lo que ven los compradores si el escaparate no está disponible. |
|
Taylor observa más de cerca los componentes para averiguar cuáles debe utilizar tal y como están y cuáles quiere modificar.
CategorÃa |
Componente |
Cart (Carrito) |
|
Category (CategorÃa) |
|
Checkout (Tramitación de compra) |
|
Commerce Einstein |
|
Content (Contenido) |
|
Navegación |
|
Orders (Pedidos) |
|
Product Details (Detalles de producto): |
|
Search (Búsqueda) |
|
User Accounts (Cuentas de usuario) |
|
Obtener la vista previa de una tienda y publicarla
A medida que Taylor personaliza la tienda, puede obtener una vista previa del aspecto que tendrá para los compradores y publicar los cambios. Veamos cómo hacerlo.
- Abra Experience Builder.
- Abra la página que desee ver.
- Haga clic en Preview (Vista previa) en la esquina superior derecha de la página.
Consulte Preview Your Experience Builder Site (Obtener una vista previa de su sitio de Experience Builder). - Cuando esté contento con el aspecto de su tienda, haga clic en Publish (Publicar) en la esquina superior derecha de la página. Taylor recibe una notificación por correo electrónico cuando la tienda se ha publicado.
Puede publicar una tienda independientemente de si está activada. Puede activar una tienda incluso si no está publicada. En este caso, Maria Jimenez, la administradora, ya la ha activado. Consulte el módulo Salesforce D2C Commerce Basics (Aspectos básicos de Salesforce D2C Commerce)
A modo de resumen
En esta unidad, ha aprendido a personalizar la plantilla de la tienda de D2C Commerce. También ha aprendido a publicar y a obtener una vista previa de la tienda. En unidades anteriores, ha aprendido sore la búsqueda y Commerce Einstein. Ahora, realice la prueba final y obtenga una reluciente insignia.
Recursos
- Ayuda de Salesforce: D2C Developer Guide (GuÃa del desarrollador de D2C)
- Ayuda de Salesforce: Customize Sites with Experience Builder (Personalizar sitios con Experience Builder)
- Ayuda de Salesforce: Preview Your Experience Builder Site (Obtener una vista previa de su sitio de Experience Builder)
- Trailhead: Salesforce D2C Commerce Basics (Aspectos básicos de Salesforce D2C Commerce)