INSTRUCCIONES PARA FRANCISCO
============================
1) Pega TODO este bloque en un módulo «HTML personalizado» de la página CONTACTO en WP.
2) ¡IMPORTANTE! El formulario tal cual está aquí es solo visual: un <form> de HTML puro NO envía correos por sí solo, necesita un backend.
Tienes dos opciones:
a) Instalar un plugin de formularios (Contact Form 7 o WPForms, gratuitos) y usar SU formulario en vez de este, manteniendo el resto del
diseño de la página.
b) De momento, sustituir el formulario por un simple botón «Escríbenos» con href=»mailto:hola.amorporloslibros@gmail.com» (te lo dejo
comentado más abajo, por si quieres usarlo mientras decides).
3) Las dos imágenes de la derecha (contacto-img-1 y contacto-img-2) están vacías porque en el proyecto tampoco se habían subido — sustituye
los comentarios <!– IMAGEN –> por las fotos que quieras usar ahí, o bórralas si prefieres dejar solo el texto.
4) El bloque final con el correo/Instagram y el aviso «Suscríbete» NO va aquí — eso es del PIE DE PÁGINA (ya está en el código de INICIO), no
lo dupliques en esta página si el pie de página es un bloque global. Si cada página lleva su propio pie de página pegado a mano, avísame y te
genero también ese bloque para pegar aquí abajo.
————————————————–——————
<!– ===================== CONTENIDO CONTACTO ===================== –>
<div style=»max-width:1180px;margin:0 auto;»>
<section style=»padding:56px 32px 96px;max-width:1116px;margin:0 auto;display:grid;grid-template-columns:1fr 280px;gap:56px;
align-items:start;»>
<div style=»max-width:640px;»>
<h1 style=»font-family:’Lora’,serif;font-size:38px;font-weight:600;margin:0 0 16px;color:#2E3038;»>Contacto</h1>
<p style=»font-size:18px;line-height:1.7;color:#4A4A46;margin:0 0 32px;»>Las mejores historias nacen cuando alguien se anima a dar el
primer paso. Si quieres compartir una recomendación, hacer una pregunta, sugerir una lectura o simplemente saludarnos, este rincón
siempre tendrá la puerta abierta para ti. Lumi y yo estaremos encantadas de leerte, porque cada mensaje hace que Amor por los Libros
siga creciendo un poquito más. 💌☕📚</p>
<!– Formulario visual — sustituye por Contact Form 7 / WPForms para que envíe correos de verdad (ver instrucción 2) –>
<form style=»display:flex;flex-direction:column;gap:16px;»>
<input type=»text» placeholder=»Tu nombre» required style=»padding:14px 16px;border-radius:4px;border:1px solid #D8CFC0;
background:#FBF8F3;font-family:’Work Sans’,sans-serif;font-size:17px;color:#2E3038;» />
<input type=»email» placeholder=»Tu correo» required style=»padding:14px 16px;border-radius:4px;border:1px solid #D8CFC0;
background:#FBF8F3;font-family:’Work Sans’,sans-serif;font-size:17px;color:#2E3038;» />
<textarea placeholder=»Tu mensaje» required rows=»5″ style=»padding:14px 16px;border-radius:4px;border:1px solid #D8CFC0;
background:#FBF8F3;font-family:’Work Sans’,sans-serif;font-size:17px;color:#2E3038;resize:vertical;»></textarea>
<button type=»submit» style=»align-self:flex-start;background:#7A2E2E;color:#FBF3EC;border:none;padding:14px 28px;border-radius:4px;
font-size:17px;font-weight:500;cursor:pointer;font-family:’Work Sans’,sans-serif;»>Enviar mensaje</button>
</form>
<!– Alternativa temporal sin plugin (opción b de la instrucción 2) — borra el <form> de arriba y descomenta esto si prefieres usarlo ya:
<a href=»mailto:hola.amorporloslibros@gmail.com» style=»display:inline-block;background:#7A2E2E;color:#FBF3EC;padding:14px 28px;
border-radius:4px;font-size:17px;font-weight:500;text-decoration:none;font-family:’Work Sans’,sans-serif;»>Escríbenos</a>
