3. Guarda la página y publícala en el menú (por ejemplo, en el footer o en “Empresas”).

4. Cuando alguien envíe el formulario, Shopify te enviará un correo a la dirección de contacto de tu tienda (configurada en Settings → Store details → Contact email).

🧩 OPCIÓN 2: Hacerlo más avanzado (opcional)

Si quieres que:

• El formulario cree un cliente B2B automáticamente en Shopify,

• O se conecte a una app B2B o CRM (por ejemplo, HubSpot o Klaviyo),
  puedo ayudarte a integrar eso con un script o un formulario externo (por ejemplo, con Shopify Flow, Shopify Forms, o Zapier).

🧰 Qué necesito para personalizarlo mejor

Pásame esta información y te dejo el código exacto adaptado a tu tema:

1. ¿Qué tema estás usando actualmente? (por ejemplo, Dawn, Sense, Prestige, etc.)

2. ¿Quieres que el formulario solo envíe un correo o también que cree automáticamente un cliente B2B en Shopify?

3. ¿Deseas que esté en una página aparte o insertado en una sección del home?

¿Quieres que te genere ya el código exacto para tu tema actual?

Este formulario usa el sistema nativo de Shopify: te llegará un email a la dirección de contacto de la tienda (revisa Settings → Store details → Contact email).

3) Añádelo al menú (cabecera o “Información”)

1. Ve a Online Store → Navigation → Main menu.

2. Add menu item.

   • Name: por ejemplo Precios B2B (o “Empresas”).

   • Link: Pages → Precios B2B.

3. Colócalo donde quieras:

   • Como elemento principal (al nivel de Material Deportivo).

   • O como sub-elemento dentro de Información / Blog: arrastra el ítem hacia la derecha debajo de “Información” para que cuelgue como desplegable.

4. Guarda.

(Si también quieres en el pie, repite en Footer menu.)

Sugerencias rápidas

• URL corta: al crear la página, asegúrate que el handle sea /pages/precios-b2b (más fácil para campañas o enlaces).

• Confirmación en español: ya está incluido el mensaje de éxito y errores.

• Etiquetado interno (opcional): si luego quieres automatizar (Shopify Flow / Zapier) para crear clientes B2B y etiquetarlos, puedo darte el flujo listo para que, al recibir el formulario, cree el cliente con tag b2b.

¿Quieres que además lo deje como submenú dentro de “Información” y te pase un mini-video/guía con capturas paso a paso? También puedo darte un flujo base para que, cuando aceptes una empresa, se le asigne una lista de precios B2B automáticamente.

tendrás:

📍 Menú → Información → Precios B2B
📝 Una página con el formulario para empresas.
📩 Cuando alguien lo envía, recibirás un correo en la dirección de contacto de tu tienda (configurada en Settings → Store details → Contact email).

¿Quieres que te haga una guía visual paso a paso con capturas (imágenes de los botones exactos en Shopify) para que no tengas que buscar nada?
Puedo preparártela en 2 minutos.

5. {% form 'contact', class: 'b2b-form max-w-xl mx-auto space-y-4' %} {% if form.posted_successfully? %} <div style="padding:12px;border:1px solid #c7f0c2;background:#f3fff1;border-radius:8px;"> ✅ ¡Gracias! Hemos recibido tu solicitud y te contactaremos con las condiciones B2B. </div> {% endif %} <h1>Solicitud de precios B2B</h1> <p>Rellena este formulario y nuestro equipo te contactará con tus condiciones personalizadas para empresas.</p> <label>Nombre completo*</label> <input type="text" name="contact[full_name]" required style="width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;"> <label>Empresa*</label> <input type="text" name="contact[company]" required style="width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;"> <label>Correo electrónico*</label> <input type="email" name="contact[email]" required style="width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;"> <label>Teléfono</label> <input type="tel" name="contact[phone]" style="width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;"> <label>IVA / CIF</label> <input type="text" name="contact[vat_number]" style="width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;"> <label>Mensaje</label> <textarea name="contact[body]" rows="5" style="width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;"></textarea> <input type="hidden" name="contact[subject]" value="Solicitud B2B - RedGloveBoxing"> <button type="submit" style="padding:12px 18px;border:0;border-radius:8px;background:#111;color:#fff;cursor:pointer;"> Enviar solicitud </button> {% endform %}

6. Haz clic en Guardar arriba a la derecha.
   ✅ ¡Listo! Tu formulario ya está funcionando.

🧩 PASO 3 — Añadirlo al menú “Blog - Información”

1. En el panel principal, ve a:
   Online Store → Navigation.

2. Haz clic en Main menu.

3. Pulsa Add menu item.

   • Name: Precios B2B

   • Link: selecciona “Pages” y luego Precios B2B

4. Para ponerlo dentro de “Blog - Información”, arrastra el nuevo ítem un poco hacia la derecha debajo de ese título (se quedará como submenú desplegable).

5. Haz clic en Save menu.

✅ Ahora, al visitar tu web:
Menú → Blog - Información → Precios B2B
verás tu formulario funcionando y te llegarán los mensajes al correo de contacto de la tienda.

¿Quieres que te prepare una guía visual (con imágenes paso a paso) que puedas seguir fácilmente (PDF o mini video)?
Así podrías replicarlo sin miedo a tocar nada.

4. Guarda (botón “Guardar” arriba a la derecha).

🎨 Resultado

• El formulario queda centrado y con fondo claro, como una tarjeta.

• Campos en dos columnas (responsive, se adapta a móvil automáticamente).

• Botón negro con estilo tipo Shopify.

• Mensajes de éxito o error con colores suaves y modernos.

¿Quieres que el botón y los colores usen el mismo rojo corporativo de Redglove en lugar del negro?
Puedo darte la variante visual exacta (con tu tono de rojo y tipografía adaptada). Solo dime:
👉 ¿quieres que el botón sea rojo con texto blanco para que combine con el logo?

5. Guardar. Refresca la vista.
   — Ya no deberían verse etiquetas {% ... %} ni “cosas raras”.

Alternativa aún más simple (sin código)

Algunos temas traen una sección “Formulario de contacto / Contact form” que ya aplica el estilo del tema:

• Agregar sección → Formulario de contacto en esa página.

• Título “Solicitud de precios B2B”.

• No podrás añadir tantos campos extra, pero queda integrado visualmente al 100%.

Toques finales opcionales

• ¿Quieres el botón con tu rojo corporativo? Cambia background:#111; por background:#d61518; (o el valor exacto de tu rojo).

• Para que el formulario no quede tan “alto” en la página, añade arriba un encabezado o una imagen de ancho completo de 1200–1600px para equilibrar.

Si al seguir estos pasos sigue apareciendo el Liquid como texto, dime qué nombre exacto ves en la sección donde lo pegaste (p. ej., “Texto enriquecido”, “HTML personalizado”, “Liquid personalizado”). Con eso te indico qué bloquear quitar y cuál usar.

Guarda ✅

🎨 Resultado

• Imagen impactante arriba (“Aumenta tu beneficio vendiendo Redglove Boxing”)

• Beneficios claros en 3 columnas

• Formulario profesional centrado con botón rojo corporativo.

¿Quieres que te recomiende imágenes gratuitas (sin derechos) que combinen con tu estilo de marca —por ejemplo, fondo negro, boxeadores y guantes rojos— para ese banner?
Puedo pasarte 3 enlaces listos para subir al tema.

(Esto lo puedes pegar justo antes del bloque del formulario B2B dentro del mismo “Custom Liquid”.)

¿Quieres que te lo combine todo (banner, introducción y formulario) en una sola estructura de código lista para pegar para que quede ya maquetado y centrado con tus colores (rojo #d61518)?
Así no tendrías que añadir varias secciones manualmente.

por la URL real que te dé Shopify al subir tu imagen.

¿Quieres que te deje esta página con un fondo negro tipo Redglove (en lugar del gris claro) para que combine con el resto del sitio?
Puedo adaptarte los colores al estilo oscuro profesional con acentos rojos y blancos.

Detalles

• Esto elimina los textos de Liquid visibles y deja todo en un único bloque.

• Mantiene tu intro + beneficios + mini galería + formulario.

• Botón en rojo corporativo #d61518.

Si quieres, dime qué tres fotos quieres en la galería y te doy el bloque ya con las URLs correctas. También puedo ajustar el tamaño de la tarjeta del formulario o pasar la página a modo oscuro para que combine aún más con tu cabecera.

💬 Si me confirmas cuál de tus imágenes quieres usar en el banner (por ejemplo, una del boxeador que mostraste antes o una del ring), te dejo la URL lista con el filtro aplicado y la altura exacta para desktop y móvil.
¿Quieres que lo haga con fondo negro y rojo degradado, o prefieres mantener el look claro con foto real?

3. <input type="email" name="contact[email]" required>

   (Ya lo tenías; sin esto Shopify no envía).

4. Vuelve a probar con otro correo (no uses el mismo que el de la tienda para la prueba).

Mini-prueba para saber si “envía”

Al enviar, debe salir tu mensaje de éxito (verde). Si aparece y aun así no te llega, el problema es 100% de rutado de correo (puntos 1–2 arriba).

¿Quieres que lo deje 100% fiable ya?

Dime si prefieres A (plantilla contact) o B (custom).
Si eliges A, te paso exactamente cómo insertar tu banner + intro + beneficios arriba del formulario nativo para que todo quede igual de bonito y ya recibiendo correos.

4. Prueba real

   • Abre esa página en tu tienda y envía usando un correo distinto al de la tienda (por ejemplo, un Gmail personal).

   • Si te sale el aviso verde y te llega el email → ✅ el envío funciona.

5. Si no llega aún

   • Mira la carpeta Spam.

   • Asegúrate de no tener el formulario dentro de otra sección que también tenga <form> (no mezcles con “Newsletter” en la misma sección).

   • Activa protección anti-spam: Online Store → Preferences → Spam protection → Enable for contact forms.

Volver a tu página B2B

Cuando el test funcione:

• Copia el formulario completo bonito (con overlay y beneficios que hicimos) a una única sección “Custom liquid” en tu página Vende nuestros productos – B2B.

• Asegúrate de que no hay bloques “Rich text” con {% form ... %} (si los hay, bórralos).

• Mantén un solo {% form 'contact' %} ... {% endform %} en la página.

Tip pro (márgenes e imagen legible)

Para que el texto del banner siempre se vea:

• Deja la capa oscura que te pasé (background: linear-gradient(rgba(0,0,0,.6), rgba(214,21,24,.6))).

• Si quieres que el botón sea rojo corporativo, usa #d61518.

Si quieres, dime si la página de prueba te envió bien el correo. Si sí, te coloco el código final estilizado (banner + intro + beneficios + formulario) ya depurado para que lo pegues tal cual en tu página B2B.

¡Hecho! Vamos a montarlo solo con lo nativo de Shopify para que envíe sí o sí y sea fácil de mantener.

1) Convierte tu página a la plantilla nativa

1. Online Store → Pages → abre tu página “Vende nuestros productos – B2B”.

2. En la derecha, Theme template → elige contact.

3. Save.

Con esto Shopify ya usa su Formulario de contacto nativo (envía al Contact email de tu tienda).

2) Maqueta la landing (todo desde “Customize”)

1. Online Store → Themes → Customize.

2. En la barra superior, elige la página B2B (template: contact).

3. En el panel izquierdo, deja al final la sección Contact form y añade encima:

   • Image banner / Banner de imagen

     • Título: ¡Aumenta tus beneficios vendiendo Redglove Boxing!

     • Subtítulo: Distribuidor oficial Redglove Boxing / RDX España. Material profesional con márgenes para tiendas y gimnasios.

     • Botón: Solicitar acceso B2B → enlace #ContactForm (si no baja, prueba #contact_form).

     • Activa overlay (superposición oscura) si tu tema lo permite, para que el texto se lea bien.

   • Rich text / Texto enriquecido (introducción breve, centrado):

     Desde 2015 equipamos a deportistas y profesionales del boxeo, Muay Thai y MMA. Como representante de RDX España, ofrecemos precios exclusivos B2B, descuentos por volumen y soporte directo desde España.

   • Multicolumn / Multicolumna (beneficios):

     • 🥊 Material profesional – Guantes, sacos, suelos y ring de alta durabilidad.

     • 💰 Precios para distribuidores – Márgenes competitivos y descuentos por volumen.

     • 🚚 Envío rápido y soporte – Atención desde España y entregas express en España y Europa.

Deja solo una sección Contact form en la página (no mezcles otros formularios en la misma sección).

3) Ajusta los textos del formulario (opcional pero recomendado)

1. Online Store → Themes → … → Edit default theme content (Traducciones).

2. Busca “contact” y personaliza:

   • Form / Post success → “¡Gracias! Hemos recibido tu solicitud B2B y te contactaremos pronto.”

   • Placeholders como Email, Teléfono, Mensaje, etc.

4) Revisa el correo y anti-spam (para que te lleguen)

• Settings → Store details → Contact email = destino de los envíos.

• Settings → Notifications → Sender email = usa un email de tu dominio (p.ej. ventas@redgloveboxing.com) y verifícalo.

• Online Store → Preferences → Spam protection → activa para contact forms.

5) Añádelo al menú

Online Store → Navigation → Main menu → Add menu item
Nombre: Precios B2B → Link: Pages → tu página B2B → colócalo dentro de “Blog – Información” (arrastrando a la derecha).

Nota sobre campos extra (CIF/IVA)

El contacto nativo trae Nombre, Email, Teléfono y Mensaje.
Si necesitas campo CIF/IVA sin salir de lo nativo:

• Pide en el texto de arriba del formulario: “Incluye CIF/IVA y nombre de empresa en el mensaje”.

• (Alternativa avanzada: duplicar la sección contact-form del tema y añadir el input contact[vat_number], pero eso ya implica editar código del tema).

¿Quieres que te escriba exactamente qué buscar/editar en “Traducciones” para que todos los textos del formulario queden 100% como B2B? Te lo dejo en una lista corta con cada clave y su valor.

• Marca propia española, creada en Madrid en 2015. Redglove

• Encontré el logo en su página, aunque puede requerir extraer el archivo de imagen para usar de forma limpia.

✅ Próximo paso para el banner de Instagram

Con ambos logos listos, avanzamos así:

• Fondo oscuro (negro) con accents rojo corporativo.

• Añadimos ambos logos (uno al lado del otro o ligeramente superpuestos) para dar visibilidad conjunta “Redglove Boxing / RDX España”.

• Texto principal: “HAZ CRECER TU NEGOCIO con Redglove Boxing / RDX España” u otro que prefieras.

• Tamaño: formato cuadrado 1080 × 1080 px.

• Asegurarnos de que los logos tengan suficiente contraste (por ejemplo, logos blancos o blancos con contorno en un fondo negro) para que se lean bien.

Si quieres, puedo diseñar y exportar para ti el banner listo en PNG/JPG con los logos ya colocados, y te lo envío para que lo uses directamente en Instagram. ¿Te parece bien que lo prepare?