Skip to content

Instantly share code, notes, and snippets.

@feliperodres

feliperodres/gist:50e57d63c2215b5b61d3eefe77afea16

Created May 16, 2025 21:17
Show Gist options
  • Save feliperodres/50e57d63c2215b5b61d3eefe77afea16 to your computer and use it in GitHub Desktop.
Save feliperodres/50e57d63c2215b5b61d3eefe77afea16 to your computer and use it in GitHub Desktop.
Download ZIP
Workflow para Creacion de Brochure
Raw
gistfile1.txt
{
"name": "Creacion de Brochure copy",
"nodes": [
{
"parameters": {
"jsCode": "const items = $input.all();\nconst htmlData = items.map((item) => {\n const content = item?.json?.message?.content;\n const fileName = `mensaje_${item?.json?.index || 'unknown'}.html`;\n \n // Escapar posibles comillas en el nombre del archivo\n const safeFileName = fileName.replace(/\"/g, '\\\\\"');\n \n // Crear una respuesta HTML completa y bien formada\n const htmlContent = `<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>${safeFileName}</title>\n</head>\n<body>\n ${content || ''}\n</body>\n</html>`;\n \n return {\n json: {\n filename: safeFileName,\n data: htmlContent,\n options: {\n rawResponse: true,\n responseFormat: 'file', // Especificar explícitamente que es un archivo para descargar\n headers: {\n \"Content-Type\": \"text/html; charset=UTF-8\",\n \"Content-Disposition\": `attachment; filename=\"${safeFileName}\"`,\n \"Cache-Control\": \"no-cache, no-store, must-revalidate\",\n \"Pragma\": \"no-cache\",\n \"Expires\": \"0\"\n },\n },\n },\n // Proporcionar datos binarios como alternativa\n binary: {\n data: {\n mimeType: 'text/html',\n data: Buffer.from(htmlContent).toString('base64'),\n fileName: safeFileName\n }\n },\n };\n});\n\nreturn htmlData;"
},
"id": "2110bb89-c84c-41fe-8381-1c1e85892240",
"name": "Preparar HTML",
"type": "n8n-nodes-base.code",
"typeVersion": 2,
"position": [
200,
-180
]
},
{
"parameters": {
"formTitle": "Prueba",
"formFields": {
"values": [
{
"fieldLabel": "Link",
"requiredField": true
}
]
},
"options": {}
},
"type": "n8n-nodes-base.formTrigger",
"typeVersion": 2.2,
"position": [
-720,
100
],
"id": "1b060e49-395a-4a0e-a745-173a8fe4c318",
"name": "On form submission",
"webhookId": "04c801e1-335e-470a-8796-cfaaad7b77ce"
},
{
"parameters": {
"method": "POST",
"url": "https://api.firecrawl.dev/v1/scrape",
"authentication": "genericCredentialType",
"genericAuthType": "httpHeaderAuth",
"sendHeaders": true,
"headerParameters": {
"parameters": [
{
"name": "Content-Type",
"value": "application/json"
}
]
},
"sendBody": true,
"specifyBody": "json",
"jsonBody": "={\n \"url\": \"{{ $json.Link }}\",\n \"formats\" : [\"markdown\"]\n} ",
"options": {}
},
"type": "n8n-nodes-base.httpRequest",
"typeVersion": 4.2,
"position": [
-500,
100
],
"id": "a13cb771-ceb4-4679-909c-e2a361ab244c",
"name": "HTTP Request",
"credentials": {
"httpHeaderAuth": {
"id": "XrmVkyDfPvwIh4ae",
"name": "FireCrawl API"
}
}
},
{
"parameters": {
"method": "POST",
"url": "https://api.pdflayer.com/api/convert",
"sendQuery": true,
"queryParameters": {
"parameters": [
{
"name": "access_key"
}
]
},
"sendBody": true,
"contentType": "form-urlencoded",
"bodyParameters": {
"parameters": [
{
"name": "document_html",
"value": "={{ $json.output }}"
},
{
"name": "test",
"value": "1"
},
{
"name": "test",
"value": "1"
},
{
"name": "page_size",
"value": "A$"
}
]
},
"options": {}
},
"type": "n8n-nodes-base.httpRequest",
"typeVersion": 4.2,
"position": [
220,
100
],
"id": "2a418b2a-b3c1-4843-b6cf-28d7f6ed6fe9",
"name": "HTTP Request1"
},
{
"parameters": {
"name": "={{ $('HTTP Request').item.json.data.metadata['og:url'] }}",
"driveId": {
"__rl": true,
"mode": "list",
"value": "My Drive"
},
"folderId": {
"__rl": true,
"value": "1l8fAWBfLOgbXC_tZUZGzjtorWV_gIhSR",
"mode": "list",
"cachedResultName": "Archivos Nuevos",
"cachedResultUrl": "https://drive.google.com/drive/folders/1l8fAWBfLOgbXC_tZUZGzjtorWV_gIhSR"
},
"options": {}
},
"type": "n8n-nodes-base.googleDrive",
"typeVersion": 3,
"position": [
440,
100
],
"id": "b7b34529-4a51-4526-aa3e-88f917935cc5",
"name": "Google Drive",
"credentials": {
"googleDriveOAuth2Api": {
"id": "fQk7gi7X1f1UtsNx",
"name": "Google Drive account"
}
}
},
{
"parameters": {
"promptType": "define",
"text": "={{ $json.data.markdown }} el output solo poner el codigo HTML nada mas no quiero explicaicones ni nada. \n\nEres un asistnte para generar codigo HTML para poder generar el Brochur de los apartamentos de una immobilarias\n\nel output solo poner el codigo HTML nada mas no quiero explicaicones ni nada. \n\nEn el unput tendras la informacion deuna pagina de la vetna de un apartamento. procesala para poder crear el brochure de venta en html.\n\nEsta es la plantilla para que la uses:\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Exclusivo PH en Los Rosales - Carrizosa Hermanos</title>\n <style>\n @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Raleway:wght@300;400;500;600&display=swap');\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Raleway', sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f9f9f9;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \n header {\n background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://d3s5pkt10pk3ga.cloudfront.net/resizedImages/742x400/site/fincaraiz_service/media/listing/2f14e785-0bba-441a-b8cf-6e4c0ac2f08f/photos/2f14e785-0bba-441a-b8cf-6e4c0ac2f08f_1_True_1736481b-9623-47f5-b288-5e4a02a0fb0e.jpg') center center/cover no-repeat;\n color: white;\n padding: 40px 0;\n text-align: center;\n position: relative;\n }\n \n h1 {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n margin-bottom: 10px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n }\n \n h2 {\n font-family: 'Playfair Display', serif;\n font-size: 2.2rem;\n margin: 40px 0 20px;\n color: #2c3e50;\n position: relative;\n }\n \n h2:after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 0;\n width: 60px;\n height: 3px;\n background-color: #e67e22;\n }\n \n .price {\n font-size: 2.5rem;\n font-weight: 600;\n color: #e67e22;\n margin: 20px 0;\n }\n \n .subtitle {\n font-size: 1.5rem;\n font-weight: 300;\n margin-bottom: 30px;\n }\n \n .logo {\n position: absolute;\n right: 40px;\n top: 40px;\n background-color: rgba(255,255,255,0.9);\n padding: 10px;\n border-radius: 5px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.2);\n }\n \n .logo img {\n height: 60px;\n }\n \n .gallery {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin: 40px 0;\n }\n \n .gallery img {\n width: 100%;\n height: 240px;\n object-fit: cover;\n border-radius: 5px;\n transition: transform 0.3s ease;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n \n .gallery img:hover {\n transform: scale(1.03);\n }\n \n .main-img {\n grid-column: span 3;\n height: 400px !important;\n }\n \n .features {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 30px;\n margin: 40px 0;\n }\n \n .details {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .detail-item {\n text-align: center;\n padding: 20px;\n background-color: white;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n }\n \n .detail-item i {\n font-size: 2rem;\n color: #e67e22;\n margin-bottom: 15px;\n }\n \n .detail-title {\n font-size: 0.9rem;\n color: #7f8c8d;\n margin-bottom: 5px;\n }\n \n .detail-value {\n font-size: 1.5rem;\n font-weight: 600;\n color: #2c3e50;\n }\n \n .amenities {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin-bottom: 40px;\n }\n \n .amenity {\n padding: 15px;\n background-color: white;\n border-radius: 8px;\n display: flex;\n align-items: center;\n gap: 10px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n \n .amenity i {\n color: #e67e22;\n font-size: 1.2rem;\n }\n \n .description {\n background-color: white;\n padding: 40px;\n border-radius: 10px;\n margin: 40px 0;\n box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n line-height: 1.8;\n }\n \n .cta {\n background: linear-gradient(120deg, #e67e22, #d35400);\n color: white;\n text-align: center;\n padding: 50px 0;\n border-radius: 10px;\n margin: 40px 0;\n }\n \n .contact-btn {\n display: inline-block;\n background-color: white;\n color: #e67e22;\n padding: 15px 40px;\n border-radius: 50px;\n font-size: 1.2rem;\n font-weight: 600;\n text-decoration: none;\n margin-top: 20px;\n transition: all 0.3s ease;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n \n .contact-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.2);\n }\n \n .location {\n margin: 40px 0;\n }\n \n .map {\n width: 100%;\n height: 400px;\n border-radius: 10px;\n margin-top: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n \n footer {\n text-align: center;\n padding: 20px 0;\n margin-top: 60px;\n color: #7f8c8d;\n font-size: 0.9rem;\n border-top: 1px solid #ecf0f1;\n }\n \n @media (max-width: 900px) {\n .gallery, .details, .amenities {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .main-img {\n grid-column: span 2;\n }\n }\n \n @media (max-width: 600px) {\n h1 {\n font-size: 2.2rem;\n }\n \n .gallery, .details, .amenities, .features {\n grid-template-columns: 1fr;\n }\n \n .main-img {\n grid-column: span 1;\n }\n \n .logo {\n position: relative;\n right: auto;\n top: auto;\n display: inline-block;\n margin-bottom: 20px;\n }\n \n header {\n padding: 20px 0;\n }\n }\n\n .id-number {\n font-size: 0.9rem;\n color: #7f8c8d;\n text-align: right;\n margin-top: 10px;\n }\n\n .highlight {\n color: #e67e22;\n font-weight: 600;\n }\n </style>\n <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css\">\n</head>\n<body>\n <header>\n <div class=\"container\">\n <div class=\"logo\">\n <img src=\"https://d3s5pkt10pk3ga.cloudfront.net/resizedImages/742x400/site/fincaraiz_service/media/listing/2f14e785-0bba-441a-b8cf-6e4c0ac2f08f/photos/2f14e785-0bba-441a-b8cf-6e4c0ac2f08f_1_True_1736481b-9623-47f5-b288-5e4a02a0fb0e.jpg\" alt=\"Carrizosa Hermanos\" style=\"height: 60px; object-fit: cover;\">\n </div>\n <h1>Excepcional PH Dúplex en Los Rosales</h1>\n <p class=\"subtitle\">Vista 360° | Acabados Triple A | Tecnología de Vanguardia</p>\n <div class=\"price\">$8.804.000.000</div>\n </div>\n </header>\n \n <div class=\"container\">\n <div class=\"id-number\">Ref. ID: 10838383</div>\n \n <div class=\"gallery\">\n <img src=\"https://d3s5pkt10pk3ga.cloudfront.net/resizedImages/742x400/site/fincaraiz_service/media/listing/2f14e785-0bba-441a-b8cf-6e4c0ac2f08f/photos/2f14e785-0bba-441a-b8cf-6e4c0ac2f08f_1_True_1736481b-9623-47f5-b288-5e4a02a0fb0e.jpg\" alt=\"Vista principal del apartamento\" class=\"main-img\">\n <img src=\"https://d3s5pkt10pk3ga.cloudfront.net/resizedImages/1x210/site/fincaraiz_service/media/listing/2f14e785-0bba-441a-b8cf-6e4c0ac2f08f/photos/2f14e785-0bba-441a-b8cf-6e4c0ac2f08f_2_False_18644160-3ea1-4ac5-885c-e72f02f1340a.jpg\" alt=\"Interior del apartamento\">\n <img src=\"https://d3s5pkt10pk3ga.cloudfront.net/resizedImages/1x210/site/fincaraiz_service/media/listing/2f14e785-0bba-441a-b8cf-6e4c0ac2f08f/photos/2f14e785-0bba-441a-b8cf-6e4c0ac2f08f_3_False_22e362d5-6f72-4797-a149-7035552ba0f4.jpg\" alt=\"Vista adicional del apartamento\">\n </div>\n \n <h2>Características Destacadas</h2>\n <div class=\"features\">\n <div class=\"description\">\n <p>Exclusivo y espectacular <span class=\"highlight\">PH Dúplex Loft</span> con acabados triple A, ubicado en uno de los sectores más prestigiosos de Bogotá. Este extraordinario apartamento ofrece una <span class=\"highlight\">vista 360°</span> por todos los frentes, permitiéndole admirar la majestuosidad de la ciudad desde cualquier ángulo.</p>\n <p>Diseñado para quienes buscan elegancia y sofisticación, cuenta con <span class=\"highlight\">ventanería de piso a techo</span>, amplios balcones y una terraza privada que le brinda un espacio exclusivo para disfrutar al aire libre.</p>\n <p>Con un sistema de <span class=\"highlight\">ascensor privado</span>, este penthouse le garantiza privacidad y exclusividad en cada momento.</p>\n </div>\n <div class=\"description\">\n <p>El edificio cuenta con amenidades de primer nivel como gimnasio, salón de juegos, salón comunal, lobby tipo hotel y seguridad triple A que incluye CCTV y salón de escoltas.</p>\n <p>La iluminación LED de última generación y los acabados en materiales premium como mármol y madera, destacan en cada espacio de esta propiedad única.</p>\n <p>Su ubicación estratégica cerca de importantes centros comerciales y sobre vía principal le brinda comodidad y accesibilidad incomparables.</p>\n </div>\n </div>\n \n <h2>Detalles de la Propiedad</h2>\n <div class=\"details\">\n <div class=\"detail-item\">\n <i class=\"fas fa-bed\"></i>\n <div class=\"detail-title\">Habitaciones</div>\n <div class=\"detail-value\">3</div>\n </div>\n <div class=\"detail-item\">\n <i class=\"fas fa-bath\"></i>\n <div class=\"detail-title\">Baños</div>\n <div class=\"detail-value\">5</div>\n </div>\n <div class=\"detail-item\">\n <i class=\"fas fa-vector-square\"></i>\n <div class=\"detail-title\">Área</div>\n <div class=\"detail-value\">490 m²</div>\n </div>\n <div class=\"detail-item\">\n <i class=\"fas fa-car\"></i>\n <div class=\"detail-title\">Parqueaderos</div>\n <div class=\"detail-value\">4</div>\n </div>\n <div class=\"detail-item\">\n <i class=\"fas fa-building\"></i>\n <div class=\"detail-title\">Piso</div>\n <div class=\"detail-value\">9</div>\n </div>\n <div class=\"detail-item\">\n <i class=\"fas fa-layer-group\"></i>\n <div class=\"detail-title\">Estrato</div>\n <div class=\"detail-value\">6</div>\n </div>\n <div class=\"detail-item\">\n <i class=\"fas fa-calendar-alt\"></i>\n <div class=\"detail-title\">Antigüedad</div>\n <div class=\"detail-value\">1-8 años</div>\n </div>\n <div class=\"detail-item\">\n <i class=\"fas fa-coins\"></i>\n <div class=\"detail-title\">Administración</div>\n <div class=\"detail-value\">$2.700.000</div>\n </div>\n <div class=\"detail-item\">\n <i class=\"fas fa-map-marker-alt\"></i>\n <div class=\"detail-title\">Ubicación</div>\n <div class=\"detail-value\">Los Rosales</div>\n </div>\n </div>\n \n <h2>Amenidades</h2>\n <div class=\"amenities\">\n <div class=\"amenity\">\n <i class=\"fas fa-swimming-pool\"></i>\n <span>Piscina</span>\n </div>\n <div class=\"amenity\">\n <i class=\"fas fa-dumbbell\"></i>\n <span>Gimnasio</span>\n </div>\n <div class=\"amenity\">\n <i class=\"fas fa-bell\"></i>\n <span>Alarma</span>\n </div>\n <div class=\"amenity\">\n <i class=\"fas fa-elevator\"></i>\n <span>Ascensor Privado</span>\n </div>\n <div class=\"amenity\">\n <i class=\"fas fa-store\"></i>\n <span>Cerca Centro Comercial</span>\n </div>\n <div class=\"amenity\">\n <i class=\"fas fa-futbol\"></i>\n <span>Canchas Deportivas</span>\n </div>\n <div class=\"amenity\">\n <i class=\"fas fa-temperature-high\"></i>\n <span>Caldera</span>\n </div>\n <div class=\"amenity\">\n <i class=\"fas fa-users\"></i>\n <span>Salón Comunal</span>\n </div>\n <div class=\"amenity\">\n <i class=\"fas fa-road\"></i>\n <span>Sobre Vía Principal</span>\n </div>\n <div class=\"amenity\">\n <i class=\"fas fa-wind\"></i>\n <span>Balcón</span>\n </div>\n <div class=\"amenity\">\n <i class=\"fas fa-draw-polygon\"></i>\n <span>Pisos en Mármol/Madera</span>\n </div>\n <div class=\"amenity\">\n <i class=\"fas fa-trash\"></i>\n <span>Shut de Basura</span>\n </div>\n </div>\n \n <h2>Descripción Detallada</h2>\n <div class=\"description\">\n <p>Ph con acabados triple A duplex loft, tres habitaciones (cada una con baño), vista 360° por todos los frentes, ABS, ala comedro star estudio, ascensor privado, dos baños sociales, luces LED de última generación, venta en ria de piso a techo, balcones y terraza privada, cuatro garajes, depósito, edificio con gimnasio, salón de juegos, salón de escoltas, salón comunal, lobby tipo hotel, caldera, CCTV, seguridad triple A.</p>\n </div>\n \n <h2>Ubicación</h2>\n <div class=\"location\">\n <p>Este exclusivo PH está ubicado en el prestigioso sector de Los Rosales, una de las zonas más exclusivas de Bogotá, conocida por su seguridad, tranquilidad y accesibilidad. Cercano a prestigiosos centros comerciales, restaurantes de alta cocina y con fácil acceso a las principales vías de la ciudad.</p>\n <p><strong>Áreas asociadas:</strong> Bellavista, Chapinero</p>\n <img src=\"https://d3s5pkt10pk3ga.cloudfront.net/resizedImages/742x400/site/fincaraiz_service/media/listing/2f14e785-0bba-441a-b8cf-6e4c0ac2f08f/photos/2f14e785-0bba-441a-b8cf-6e4c0ac2f08f_1_True_1736481b-9623-47f5-b288-5e4a02a0fb0e.jpg\" alt=\"Mapa de ubicación\" class=\"map\">\n </div>\n \n <div class=\"cta\">\n <h2 style=\"color: white; text-align: center;\">¿Interesado en esta propiedad exclusiva?</h2>\n <p style=\"font-size: 1.2rem; margin-bottom: 20px;\">Contacte a nuestro asesor especializado</p>\n <p><strong>Gonzalo Moreno</strong></p>\n <a href=\"#\" class=\"contact-btn\">Agendar Visita</a>\n </div>\n </div>\n \n <footer>\n <div class=\"container\">\n <p><strong>Carrizosa Hermanos Ltda</strong> | © 2025 Todos los derechos reservados</p>\n <p>La información presentada está sujeta a cambios. Las imágenes son de carácter ilustrativo.</p>\n </div>\n </footer>\n</body>\n</html>",
"options": {
"systemMessage": "el output solo poner el codigo HTML nada mas no quiero explicaicones ni nada. "
}
},
"type": "@n8n/n8n-nodes-langchain.agent",
"typeVersion": 1.9,
"position": [
-220,
100
],
"id": "83e3f8b5-e14e-458d-8a8b-2a81d6c03f09",
"name": "AI Agent"
},
{
"parameters": {
"model": "google/gemini-flash-1.5",
"options": {}
},
"type": "@n8n/n8n-nodes-langchain.lmChatOpenRouter",
"typeVersion": 1,
"position": [
-240,
340
],
"id": "a11698f1-3417-4b2c-9487-a105b02646dd",
"name": "OpenRouter Chat Model",
"credentials": {
"openRouterApi": {
"id": "aOQzauAQfcg9ESid",
"name": "OpenRouter account"
}
}
}
],
"pinData": {},
"connections": {
"Preparar HTML": {
"main": [
[]
]
},
"On form submission": {
"main": [
[
{
"node": "HTTP Request",
"type": "main",
"index": 0
}
]
]
},
"HTTP Request": {
"main": [
[
{
"node": "AI Agent",
"type": "main",
"index": 0
}
]
]
},
"HTTP Request1": {
"main": [
[
{
"node": "Google Drive",
"type": "main",
"index": 0
}
]
]
},
"OpenRouter Chat Model": {
"ai_languageModel": [
[
{
"node": "AI Agent",
"type": "ai_languageModel",
"index": 0
}
]
]
},
"AI Agent": {
"main": [
[
{
"node": "HTTP Request1",
"type": "main",
"index": 0
}
]
]
}
},
"active": false,
"settings": {
"executionOrder": "v1"
},
"versionId": "25792a06-75f4-4c94-a4d6-36181a68f4f5",
"meta": {
"templateCredsSetupCompleted": true,
"instanceId": "853315847ec2f30f45a8499de8a21cf4a2048a744eb541df4223416a3cb1ee9b"
},
"id": "kJW5eGAh5wDzO2aw",
"tags": []
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment