Elemento Icono 

¿Qué es el Elemento Icono?

El Elemento Icono en GemPages le permite agregar íconos a las páginas, mejorando el atractivo visual y entregando información clave de manera efectiva.  

Puede utilizar este elemento para mejorar la experiencia del usuario, enfatizar detalles importantes y fortalecer la confianza con los visitantes.

Aquí hay algunos casos de uso comunes para el Elemento Icono:

• Insignias de Confianza e Indicadores de Seguridad: Íconos como "pago seguro", "envío rápido" o "garantía de devolución de dinero" pueden tranquilizar a los clientes y generar confianza.
• Destacar Características del Producto: Use íconos para llamar la atención sobre los beneficios del producto, como "ecológico", "hecho a mano" o "fácil de usar". Combine estos íconos con descripciones breves para hacer su página más atractiva y visualmente clara.

¿Cómo agregar un Elemento Icono a su página?

Siga los pasos a continuación para agregar un Elemento Icono a su página utilizando el Editor de GemPages v7:

• Inicie sesión en su Administración de Shopify > GemPages > Páginas.
• Haga clic en la página donde desea agregar el Elemento Icono para ingresar al editor.
• Desde la barra lateral izquierda, busque este elemento y arrástrelo y suéltelo en la posición deseada en su página.

• Localice el elemento para abrir su configuración para mayor personalización.

Configurar la pestaña Ajustes

En la sección Configuración , puede configurar la visibilidad del ícono según prefiera:

Ícono

En la sección Ícono , puede seleccionar iconos que desea mostrar en este elemento.

• Opción 1: Elegir de la biblioteca del sistema GemPages

Seleccione el estilo de ícono del menú desplegable o ingrese el nombre del ícono en el cuadro de búsqueda para encontrar su ícono preferido.

• Opción 2: Cargar sus íconos personalizados

Consulte este artículo para más detalles sobre la carga de íconos personalizados.

Luego, cambie el color del ícono a su manera, y ajuste el tamaño y el relleno del ícono para alinearse con el diseño de su marca.

Fondo

Cambie el color de fondo del ícono en la sección Fondo . Puede usar varias opciones para seleccionar el color deseado:

• Elegir entre Colores recientes or Colores sugeridos.
• Haga clic en el cuadro de color para abrir las muestras de color.
• Utilice el selector de color para seleccionar un color de cualquier otro elemento de su página.

Enlace

Active esta sección y seleccione Después de hacer clic de hacer clic de la lista:

• Abrir página: Dirigir a los clientes a páginas relevantes (por ejemplo, detalles del producto, preguntas frecuentes, etc.)
• Desplazarse a: Desplazarse a una sección en su página
• Abrir ventana emergente: Aparecerá una ventana emergente después de hacer clic en el ícono
• Enviar correo electrónico: Se enviará un correo electrónico una vez que sus clientes hagan clic en el ícono
• Hacer una llamada telefónica: Llamar automáticamente al número de teléfono específico

Alineación

Alinee el ícono a la izquierda, centro, o derecha para adaptarse a su diseño.

Configurar la pestaña Avanzada

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