Elemento Fecha de Entrega

Acerca del Elemento Fecha de Entrega

La función elemento Fecha de Entrega de GemPages calcula y muestra automáticamente una fecha de entrega estimada en la página del producto al momento de la compra, basándose en las políticas de envío de su tienda y la zona horaria local del cliente.

Esta característica ayuda a los clientes a tomar decisiones informadas al establecer claramente las expectativas de entrega.

Por ejemplo, suponga que un cliente necesita que un artículo sea entregado para una fecha específica. En ese caso, este elemento mostrará si llegará a tiempo, guiando su decisión de compra y mejorando tanto la satisfacción del cliente como la confianza.

Cómo Añadir el Elemento Fecha de Entrega a su Página

Para añadir un Elemento Fecha de Entrega a su página, simplemente siga estos pasos: 

Paso 1: En la pantalla Editor de GemPages, utilice la barra de búsqueda para encontrar el elemento Fecha de Entrega.

Paso 2: Arrastre y suelte el elemento en un módulo de Producto .

Paso 3: Haga clic en el elemento para revelar su panel de configuración.

Configurar la Pestaña de Configuración

En la sección pestaña de Configuración, puede ajustar las siguientes secciones:

Días estimados

En GemPages, los días estimados comienzan a contar desde el día en que un comprador visita su página.

Seleccione el tipo de visualización de una fecha específica rango de fechas.

Si elige Tipo = Rango, modifique las fechas de entrega estimadas mínima y máxima.

Formato de fecha

Elija el formato de la fecha de entrega estimada que prefiera de la lista desplegable.

La fecha precisa se muestra según la zona horaria del comprador.

Texto de fecha

En la sección Texto de fecha , modifique el texto del botón como prefiera:

• DE ESTILO RESORT: Elija el estilo de texto de Encabezado 1-6 or Párrafo 1-3 como estilo global. 
• Fuente: Seleccione un estilo de fuente que coincida con la identidad de su marca.
• Tamaño: Ajuste el tamaño de fuente para hacer el texto prominente.
• Color: Elija un color que complemente su diseño.
• Grosor de Fuente: Controle qué tan grueso o delgado aparece el texto.
• Altura de Línea Ajuste el espacio entre líneas para mejor legibilidad.
• Espacio entre letras: Cree un aspecto más moderno o compacto cambiando el espacio entre letras.
• Transformación: Convierta el texto a mayúsculas, minúsculas o capitalice la primera letra de cada palabra.

Texto personalizado

Esta sección le permite personalizar el estilo, fuente, tamaño, color, grosor, altura de línea, espacio entre letras, y transformación de texto del texto mostrado con la fecha de entrega estimada. Actívelo para expandir la configuración completa.

Tamaño

• Ancho: Ajuste las escalas del botón horizontalmente. Puede dejarlo al 100% por defecto o ingresar un valor específico en % or px.
• Relleno: Defina el espaciado interno dentro del elemento.

Fondo

En la sección Fondo , puede añadir un color o usar una imagen para el fondo del elemento.

• Color: Elija un color para usar como fondo de su elemento Fecha de Entrega. Aprenda más sobre personalizar el color de fondo mediante este artículo.

• Imagen: Cargue una nueva imagen o seleccione una de su biblioteca para establecer la imagen de fondo.

Opción de visualización

Seleccione la visibilidad del elemento cuando su producto esté agotado.

• Mostrar: El elemento aún se muestra incluso cuando el stock disponible es 0. 
• Ocultar: Se oculte el elemento cuando su producto esté agotado.

Forma

• Borde: Puede cambiar el color del borde, grosor y trazo.
• Esquina: La esquina de la sección puede ser cuadrada, redonda o en forma de píldora. Además, puede ingresar un radio exacto para personalizar la esquina del elemento a su manera.
• Sombra: Puede añadir una sombra y ajustar su visualización (tamaño, color, desenfoque y distancia).

Resultado:

Alineación

Cuando el ancho del botón se establece en 100% o mayor, la alineación horizontal se deshabilitará. De lo contrario, puede alinear el botón a la izquierda, centro o derecha.

Configurar la pestaña Avanzada

Para una personalización más avanzada, navegue a la pestaña Avanzada y siga las instrucciones en este artículo.