Introducción

Infusionsoft ofrece dos opciones de diseño de carro de la compra y algunos temas predeterminados.

Instrucciones paso a paso

1 - Ir a E-Commerce> Configuración de comercio electrónico.

2 - Vaya a Diseño y haga clic en Temas del carrito de compras.

3 - Haga clic en el botón Crear nuevo tema.

4 - Elija el diseño de una o dos columnas.

5 - Elija uno de los temas predeterminados haciendo clic en Usar este tema.

Puede hacer clic en la miniatura de la imagen para obtener una vista previa de cada tema.

6 - Asigne un nombre al tema y haga clic en Guardar.

7 - Ahora puede personalizar su tema navegando a las distintas pestañas.

- Imágenes: Todos los temas predeterminados tienen un área de banner personalizado. Esto se utiliza a menudo para mostrar un logotipo de la empresa en su tienda de Infusionsoft y carrito de la compra. Haga clic en Editar para reemplazar la imagen predeterminada con una imagen personalizada de hasta 960 píxeles de ancho. La imagen está alineada a la izquierda por defecto y se muestra encima del encabezado del carro.

- Áreas HTML: Haga clic en la ficha Áreas HTML para insertar imágenes y texto en áreas predefinidas de la tienda y el carrito de la compra. Las áreas HTML incluyen encabezado, pie de página, navegación en la barra lateral y más. Vea los diagramas para ver dónde se muestra el área en la tienda o en el carro y vea los ejemplos de código a continuación para obtener instrucciones básicas de HTML. Haga clic en el botón Vista previa para ver el cambio y el botón Guardar cuando haya terminado.

- Etiquetas: Haga clic en la pestaña Etiquetas para personalizar las etiquetas de texto en la tienda y el carrito de la compra. Introduzca el nuevo texto de la etiqueta y, a continuación, desplácese hasta la parte inferior de la página y haga clic en Guardar. En el ejemplo siguiente, cambiamos la palabra "Productos" por "Accesorios de Golf".

8 - Haga clic en la pestaña Editar CSS para obtener una personalización más avanzada.

Si usted tiene un conocimiento básico de CSS, los comentarios en todo el código le ayudará a cambiar los colores del carro para que coincida con su marca. Haga clic en Vista previa para ver los cambios y Guardar cuando haya terminado.

9 - Apariencia CSS

El aspecto CSS controla la apariencia de la navegación, fondo, fuentes y mucho más.

 - Navegación superior y encabezado
 - Barra lateral izquierda y navegación principal (diseño de 2 columnas)
 - Navegación (diseño de 1 columna)
 - Color, tamaño y tipo de fuente
 - Imágenes de fondo y / o colores
 - Comportamiento del enlace (por ejemplo, cambio de color en el vuelo en vuelo)
 - Páginas de categorías y productos en la tienda
 - Páginas de compra y pago en el carrito de la compra
 - Cajas de Upsell
 - Tipografía en la tienda y carrito de la compra
 - Enlace y aspecto del botón en toda la tienda y el carro
 - Visualización de pie de página

10 - Diseño CSS

El CSS de diseño le permite personalizar el tamaño y el posicionamiento de los diversos elementos de la tienda y del carrito de la compra, entre ellos:

- Navegación superior y encabezado
- Barra lateral izquierda y navegación principal (diseño de 2 columnas)
- Navegación (diseño de 1 columna)
- Páginas de categorías y productos en la tienda
- Contenido del carrito en el carrito de la compra
- Campos y etiquetas del formulario
- Pantallas de la mesa
- Contenedores
- Se te olvidó tu contraseña
- Upsells
- Tipografía en la tienda y carrito de la compraEnlace y aspecto del botón en toda la tienda y el carro
- Pie de página
- Áreas HTML
- Ajustes

11 - Haga clic en la pestaña Configuración para configurar los ajustes opcionales.

- Ocultar código promocional: si no ofrece descuentos de código promocional, marque esta casilla de verificación para ocultarlo de la página de compra del carrito de la compra.

- Ocultar "Continuar comprando" Etiqueta: marque esta casilla de verificación si no desea que los clientes vuelvan a su tienda durante el proceso de compra.

- (Opcional) Continuar URL de Compras: El botón Continuar compras lleva a los clientes a la tienda de Infusionsoft por defecto. Introduzca una dirección URL de tienda personalizada si ha creado una tienda en su sitio web en lugar de utilizar la tienda de Infusionsoft.

- (Opcional) Gracias URL: Infusionsoft proporciona una página de agradecimiento por defecto con un resumen de confirmación de compra. Ingrese una URL de página web personalizada si ha creado un mensaje personalizado de agradecimiento en su propio sitio web.

- URL finalizada: Esta configuración sólo se aplica si está utilizando la página de agradecimiento predeterminada de Infusionsoft (arriba). Introduzca una URL finalizada para dirigir a los clientes a su sitio web una vez que se haya completado el proceso de compra.

12 - Después de guardar el tema personalizado, aparecerá en el área Temas de la cesta de compras. Haga clic en el enlace Usar tema en la miniatura del tema para establecerlo como el tema predeterminado del carro de la compra.

13 - Ejemplos básicos de código HTML