FAQs premium

Ya estamos trabajando en una marca dentro de este chat o proyecto.

Utiliza toda la información disponible sobre:

• Nombre de mi marca y producto.

• Público objetivo.
• Problema principal que resuelve.
• Beneficios y características.

• Diferenciadores frente a la competencia.

• Ángulo de venta principal.
• Objeciones de compra.

• Research de mercado, si existe.

• Branding, colores y tipografías.

• Información de envíos, garantías y condiciones comerciales.

No me pidas información que ya conocés.

No utilices preguntas genéricas que podrían aplicarse a cualquier producto.

No inventes información comercial, características, resultados ni garantías.

Crear exactamente 5 preguntas frecuentes.

Las primeras cuatro deben resolver las dudas más importantes del comprador antes de realizar el pedido.

Priorizá preguntas relacionadas con:

1. La efectividad, utilidad o beneficio principal del producto.
2. Cómo funciona, cómo se utiliza o qué incluye.
3. Resultados esperados, tiempos o experiencia de uso.
4. Diferencias frente a otras alternativas u objeciones frecuentes.

Adaptá el orden y las preguntas al producto específico. No utilices esta lista de forma literal si el research indica objeciones más importantes.

Quinta pregunta — Obligatoria

La última FAQ debe tratar exclusivamente sobre envíos y entrega.

Ejemplo:

¿Cómo funcionan los envíos?

La respuesta debe utilizar únicamente las condiciones de envío conocidas de mi tienda.

Si no hay información confirmada, explicar que los costos, métodos y plazos se consultan durante el checkout, sin prometer envíos gratis ni tiempos específicos.

Cada respuesta debe:

• Ser breve, clara y concreta.
• Tener aproximadamente 25 a 55 palabras.

• Resolver una duda real.

• Utilizar lenguaje natural del público objetivo.

• Transmitir confianza.

• Evitar exageraciones y promesas absolutas.
• No sonar como publicidad generada por IA.

Las preguntas deben ser cortas, directas y fáciles de entender.

Objetivo: Que una persona con dudas encuentre rápidamente la información que necesita para decidir su compra.

El diseño debe adaptarse automáticamente al branding de mi marca.

Características obligatorias:

• Estética minimalista, editorial y premium.

• Título discreto: "Preguntas frecuentes".
• Cinco filas verticales.
• Separadores horizontales finos.
• Sin tarjetas individuales.

• Sin fondos de colores saturados.

• Sin sombras.
• Sin bordes redondeados exagerados.

• Tipografía heredada del tema Shopify.

• Preguntas en semibold.
• Respuestas en texto regular.

• Colores de texto oscuros y legibles.

• Espaciados equilibrados.

Cada pregunta debe tener un ícono + a la derecha, utilizando el color de acento de mi marca.

Al desplegarse, el ícono debe convertirse en −.

No utilizar emojis como íconos.

El bloque debe ser completamente funcional.

Requisitos:

1. Las cinco preguntas aparecen inicialmente cerradas.
2. Al hacer clic en una pregunta, se despliega su respuesta.
3. El símbolo + cambia a −.
4. Al hacer clic nuevamente, la respuesta se cierra.
5. Si se abre otra pregunta, la anterior se cierra automáticamente.
6. Solo puede haber una respuesta abierta a la vez.
7. La apertura debe sentirse fluida y natural.
8. Debe funcionar con mouse, pantalla táctil y teclado.
9. Debe mantener una buena accesibilidad.
10. No debe afectar otros acordeones existentes en la tienda.

Preferentemente utilizar elementos HTML nativos <details> y <summary> para mantener una estructura accesible y robusta.

Entregá UN ÚNICO CÓDIGO COMPLETO EN HTML + CSS + JAVASCRIPT, listo para copiar y pegar directamente en:

Shopify → Personalizar tema → Liquid personalizado (Custom Liquid).

El código debe contener:

• HTML completo de las cinco preguntas y respuestas.
• CSS dentro de etiquetas <style>.
• JavaScript dentro de etiquetas <script> únicamente cuando sea necesario.
• Estilos responsive para desktop y mobile.

• Funcionalidad completa del acordeón.

Requisitos técnicos

• Utilizar clases CSS únicas y encapsuladas.
• Evitar conflictos con el tema Shopify.

• No utilizar librerías externas.
• No utilizar archivos adicionales.

• No modificar otros bloques de la tienda.
• No alterar bundles, precios ni botones de compra.
• No depender de aplicaciones externas.
• Evitar inicializaciones duplicadas de JavaScript.
• Compatible con la recarga de secciones en el editor de Shopify.
• Respetar la preferencia de movimiento reducido.
• Evitar mostrar CSS o JavaScript como texto visible.

CRÍTICO: No entregues fragmentos separados. Todo debe funcionar al pegar el código completo en un único bloque Liquid personalizado.

El diseño debe estar pensado principalmente para celulares.

• Ancho del 100% del contenedor.
• Preguntas entre 13 y 14 px.
• Respuestas entre 12 y 14 px.
• Íconos pequeños y perfectamente alineados.
• Padding vertical aproximado de 14 a 16 px.

• Separadores sutiles.
• Sin scroll horizontal.
• Sin espacios excesivos.
• Sin títulos gigantes.
• Sin elementos decorativos innecesarios.

En desktop debe conservar la misma estructura, adaptándose naturalmente al ancho disponible.

El bloque estará ubicado en el hero de mi página de producto, cerca del botón de compra.

Por lo tanto:

• No debe ocupar demasiado espacio.
• No debe distraer de la compra.
• No debe incluir botones adicionales.
• No debe incluir enlaces externos innecesarios.
• No debe repetir información irrelevante.
• Debe responder las cinco dudas que más influyen en la decisión de compra.

Priorizá las objeciones más importantes detectadas en el research de mi producto.

La quinta pregunta siempre debe ser sobre envíos.