FindAName.live Logo
← Back to Blog

Automating Blog Posts with Make.com

A guide to generating and publishing content for your static site using AI and automation.

One of the best things about a static website is its speed and security. However, this can make content updates, like adding a new blog post, feel like a manual process. But what if you could automate most of it? This guide will show you how to build a powerful content creation workflow using Make.com (formerly Integromat) and AI, allowing you to generate and format a complete blog post that you can then easily add to your site.

Get Started with Make.com

To follow this guide, you'll need a Make.com account. Their powerful platform has a free tier that's perfect for getting started with automation.

Sign Up for Make.com for Free

Full disclosure: This is an affiliate link. If you sign up and eventually upgrade, we may earn a commission at no extra cost to you. It helps support this site!

The Concept: A "Pseudo-Automation" Workflow

Since this is a static site without a database or CMS, we can't have Make.com *directly* publish a new post. Instead, we'll create a scenario that does 95% of the work: it will take a title, use AI to write a full article, and then format it into a complete HTML file. The final step is for you to simply copy this HTML, create a new file in your project (e.g., `post-4-new-article.html`), and deploy the site.

This workflow saves you hours of writing, formatting, and coding for each new article.

The Make.com Scenario

Here’s a breakdown of the modules you would use in your Make.com scenario:

1. The Trigger: How to Start the Process

You need a way to tell Make.com to create a new post. Here are a few great options:

2. The AI Writer: Generating the Content

This is where the magic happens. Use the OpenAI (ChatGPT) or Google Gemini module in Make.com.

Example Prompt for the AI Module:

Act as an expert blog writer for FindAName.live. Your tone should be informative, engaging, and professional.

Write a comprehensive blog post of at least 600 words based on the following title: "{{1.title}}"

The blog post should be well-structured with an introduction, several sections with clear H2 headings, and a concluding paragraph. Ensure the content is relevant to domain names, branding, AI, or SEO.

Do not include a main title (H1) in your response, as that will be added in the HTML template. Your response should start directly with the first paragraph of the article. Format the headings as "
Heading Text
".

This prompt instructs the AI on its persona, article length, structure, and topic, and even tells it how to format headings for easy HTML integration.

3. The HTML Formatter: Creating the Final File

The final step is to assemble the complete HTML file. The easiest way to do this is with the "Text Aggregator" module, or even just a simple "Set Variable" module.

You will create a complete HTML template and insert the content generated by the AI module in the middle. Below is a ready-to-use template for your blog. You can copy and paste this directly into your Make.com module.

Note: In the template below, you'll need to replace `{{2.choices[].text}}` with the variable from your AI module that contains the generated article content. You'll also replace `{{1.title}}` with the variable from your trigger module.

4. The Output: Getting Your HTML File

Once the HTML is generated, you need to get it out of Make.com. Good options include:

Blog Post HTML Template for Make.com

Copy the code below into a text aggregator or variable module in your Make.com scenario. This will produce a complete, styled HTML file ready for publishing.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" href="https://webexpert.world.masonryresto.com/wp-content/uploads/2025/10/Find-A-Name-Logo-1.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <!-- SEO: Fill these in or generate them with AI! -->
    <title>{{1.title}} | FindAName.live Blog</title>
    <meta name="description" content="A short, compelling description of the blog post." />
    
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        .article-content h2 {
            font-size: 1.875rem;
            line-height: 2.25rem;
            font-weight: 700;
            color: #dbeafe; /* blue-200 */
            margin-top: 2.5rem;
            margin-bottom: 1rem;
            border-bottom: 1px solid rgba(255,255,255,0.2);
            padding-bottom: 0.5rem;
        }
        .article-content p {
            margin-bottom: 1.5rem;
            line-height: 1.75;
        }
        .article-content ul {
            list-style-type: disc;
            padding-left: 2rem;
            margin-bottom: 1.5rem;
            line-height: 1.75;
        }
    </style>
  </head>
  <body class="bg-gradient-to-br from-[#0a1024] to-[#0d183a] text-white font-sans">
    <header class="py-6 px-4">
      <div class="container mx-auto flex justify-between items-center">
        <a href="/" class="flex items-center gap-2 flex-shrink-0">
          <div class="bg-white p-2 rounded-xl shadow-lg">
            <img src="https://webexpert.world.masonryresto.com/wp-content/uploads/2025/10/Find-A-Name-Logo-1.png" alt="FindAName.live Logo" class="h-12 w-auto" />
          </div>
        </a>
        <nav class="hidden md:flex flex-grow justify-center items-center gap-x-6 lg:gap-x-8">
            <a href="/dns-lookup.html" class="text-blue-200/80 hover:text-white transition-colors font-medium">DNS Lookup</a>
            <a href="/whois-lookup.html" class="text-blue-200/80 hover:text-white transition-colors font-medium">WHOIS</a>
            <a href="/seo-checker.html" class="text-blue-200/80 hover:text-white transition-colors font-medium">SEO Checker</a>
            <a href="/domain-value-calculator.html" class="text-blue-200/80 hover:text-white transition-colors font-medium">Domain Value</a>
            <a href="https://blog.findaname.live/" target="_blank" rel="noopener noreferrer" class="text-blue-200/80 hover:text-white transition-colors font-medium">Blog</a>
        </nav>
        <div class="w-24 hidden md:block"></div>
      </div>
    </header>

    <main class="container mx-auto px-4 py-8 md:py-12 text-blue-100/80">
      <div class="max-w-3xl mx-auto">
        <article>
            <a href="https://blog.findaname.live/" target="_blank" rel="noopener noreferrer" class="text-blue-400 hover:text-teal-300 font-semibold mb-6 inline-block">← Back to Blog</a>
            <h1 class="text-4xl md:text-5xl font-extrabold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-teal-300">{{1.title}}</h1>
            <p class="text-lg text-blue-200/70 mb-6">Published on {{formatDate(now; "MMMM D, YYYY")}} by Alex Chen</p>
            
            <!-- Find a relevant image on unsplash.com and paste the URL here -->
            <img src="https://images.unsplash.com/photo-1550745165-9bc0b252726a?q=80&w=1200&auto=format&fit=crop" alt="A descriptive alt text for the image" class="rounded-xl shadow-lg mb-8 w-full">

            <div class="article-content text-lg">
                {{2.choices[].text}}
            </div>
        </article>
      </div>
    </main>

    <footer class="py-6 px-4 mt-12 border-t border-white/10">
      <div class="container mx-auto text-center text-blue-200/60">
        <p>&copy; {{formatDate(now; "YYYY")}} FindAName.live. All rights reserved.</p>
        <div class="mt-2 space-x-4">
          <a href="/privacy.html" class="hover:text-blue-300 transition-colors">Privacy Policy</a>
          <span>|</span>
          <a href="/terms.html" class="hover:text-blue-300 transition-colors">Terms of Service</a>
          <span>|</span>
          <a href="/contact.html" class="hover:text-blue-300 transition-colors">Contact</a>
          <span>|</span>
          <a href="/automation-guide.html" class="hover:text-blue-300 transition-colors">Automation Guide</a>
        </div>
      </div>
    </footer>
  </body>
</html>