Diseñar una sección de precios eficaz para su sitio web es esencial para guiar a los clientes potenciales en la toma de decisiones de compra y la estrategia general de marketing.
Puede utilizar esta sección en su sitio web para mostrar los precios de todos sus servicios ofrecidos y redirigir a los clientes hacia la página de Pagos mediante botones de llamada a la acción.
En este artículo
- Agregar sección de precios
- Administrar la sección de precios
- Agregar y editar elementos de la lista
- Elementos de la lista de secuencias
- Administrar diseño
- Sección de precios de estilo
Agregar sección de precios
- Se puede agregar una sección a una página. Puede agregar una sección a una página ya existente o crear una nueva página dentro de su sitio web.
- En tu pagina, Haga clic en el azul + icono para agregar una nueva sección.
- Ahora verá el categorías de sección en el lado izquierdo.
- Desplácese hasta Precios (1) sección y haga clic en ella. Aparecerá una pantalla que le permitirá elegir entre diferentes diseños (2) de la Sección Logotipo.
- Elija cualquier diseño de sección y haga clic en él para agregarlo a su página.
Administrar la sección de precios
Una vez que haya agregado la sección:
- Haga clic en el Administrar precios (1) botón para abrir el Sección de precios (2) Configuraciones.
Agregar y editar elementos de la lista
Agregar un elemento de lista
- Haga clic en el Añadir artículo (1) botón para agregar un nuevo elemento a la lista.
- Duplicar or Borrar (2) los elementos de la lista.
- Editar el Titular (3) de la sección.
Editar elemento de la lista
Haga clic en el elemento de la lista que desea editar. Se abrirán las opciones de edición de ese elemento de lista en particular.
Desde aquí puede:
- Subir or Borrar (1) la imagen. También puede editar el Acentuar el color que será visible al pasar el cursor sobre la imagen.
- Agrega una Título (2), Subtítulo (3)y Descripción (4) del elemento de la lista.
Note
Antes de añadir la descripción, compruebe así .
- Vincular el título de un elemento de la lista haciendo clic en el interruptor (5). Haga clic aquí para saber mas.
- Configure el vínculo para que se abra en un Nnueva pestaña o en el Misma pestaña (6).
- Añadir otra Enlaces (7) al elemento de la lista. Puede agregar un Botón/Enlace de texto/Enlace de imagen/Icono social. Más información.
- Guardar (8) sus cambios.
Elementos de la lista de secuencias
Puede cambiar fácilmente la secuencia de los elementos de la lista Arrastrar y soltar de ellas.
Vea la secuenciación de la Lista de artículos de precios en acción:
Administrar diseño
- Haga clic en el Pestaña diseño (1).
- Selecciona el preferido diseño (2) y ahorrar(3) los cambios.
Sección de precios de estilo
Puede personalizar diferentes aspectos de la sección Logotipo utilizando varias opciones de estilo. Para navegar a las opciones de estilo, haga clic en el Administrar precios (1) y elija el botón Estilo (2) pestaña.
Elementos Opciones de estilo
- Mostrar los elementos en Filas y columnas ó en Modo carrusel (1).
- Seleccione las Número de columnas (2). Puede seleccionar hasta un máximo de 10 columnas.
- Especifica el Espacio entre columnas (3) de los elementos de la lista. Este valor se define en píxeles.
- Especifica el Espacio entre filas (4) de los elementos de la lista. Esta opción no estará visible si el modo Carrusel está activo. Este valor se define en píxeles.
- Elija el Orden de contenido (5) es decir, las imágenes de los elementos de la lista que se mostrarán primero o el texto asociado.
- Gestionan el Alineación de contenido dentro de la sección Horizontalmente (6).
- Gestionan el Alineación de contenido dentro de la sección Verticalmente (7).
- Especifica el Número de columnas on Dispositivos móviles (8). Puede seleccionar hasta un máximo de 3 columnas.
- Administrar el espacio entre los elementos Verticalmente y Horizontalmente (9).
Opciones de estilo de imagen
- elige el yocultivo de mago (10) para los elementos de la lista. Puede configurar las imágenes como Cuadrado, Círculo, Paisaje, Retrato y Original.
- Usar Radio de Esquina (11) las esquinas de las imágenes se pueden gestionar por su nitidez. También puedes optar por gestionar las esquinas Individualmente.
- Elija el Color de desplazamiento de la imagen (12) ser el acentuar el color o ser especificado. Si ha elegido el acentuar el color, luego especifique el opacidad.
- Elija el Color de base (13) y Opacidad que desee mientras se desplaza sobre las imágenes. Esta opción solo será visible cuando Especificar color se selecciona.
- Seleccione las Color de los elementos (14) para los elementos de la lista de la sección.
- Elija Imágenes animadas (15) mientras flota. Si está habilitado, también puede cambiar el Estilo de animación (16).
Opciones de tamaño, espacio y estilo de texto
- Especifica el Ancho de la imagen (17) para imágenes de artículos.
- Especifica el Ancho del contenido (18) para los elementos de la lista.
- Especifica el Espacio debajo del título de la sección (19) en píxeles.
- Especifica el Espacio debajo de la imagen (20) en porcentaje.
- Especifica el Espacio debajo del título (21) de la Lista de Elementos en Porcentaje.
- Especifica el Espacio debajo del subtítulo (22) de la Lista de Elementos en Porcentaje.
- Especifica el Título (23) Estilo de fuente de los elementos de la lista.
- Especifica el Subtítulo (24) Estilo de fuente de los elementos de la lista.
- Especifica el Descripción (25) Estilo de fuente de los elementos de la lista.
Cartas y sombra
- Descubre cómo para gestionar Tarjetas (26).
- Especificar cómo Pantalla (27) la sombra.
- Estilo (28) la sombra. Hay varios ajustes preestablecidos y también puede personalizar la sombra con la herramienta Box Shadow Generator.
- Si se selecciona la opción Presets, entonces Elija estilos de sombra (29) del menú desplegable.
Botones y enlaces
- Descubre cómo para gestionar el estilo de Botones y enlaces (30).
