Custom Templates Guide

[Post content goes here as plain text]

<article class="my-custom-post">
    <div class="content">
        [Post content goes here]
    </div>
    <footer>
        <p>Source: <a href="...">Original Article</a></p>
    </footer>
</article>

{{content}}

<p><em>Source: <a href="{{source_url}}">{{source_title}}</a></em></p>

<article class="blog-post">
    <header class="post-header">
        <h1>{{title}}</h1>
        <div class="post-meta">
            <span class="author">By {{author}}</span>
            <span class="date">{{date}}</span>
        </div>
    </header>

    <div class="post-content">
        {{content}}
    </div>

    <footer class="post-footer">
        <div class="source-attribution">
            <p><strong>Original Source:</strong> 
               <a href="{{source_url}}">{{source_title}}</a></p>
        </div>
        <div class="author-bio">
            <p><strong>About the Author:</strong> {{author_bio}}</p>
        </div>
    </footer>
</article>

<div class="news-article">
    <div class="article-meta">
        <time datetime="{{date}}">{{date}}</time>
        <span class="categories">Filed under: {{categories}}</span>
    </div>

    <div class="article-body">
        {{content}}
    </div>

    <div class="article-footer">
        <p><strong>Source:</strong> 
           <a href="{{source_url}}">{{source_title}}</a></p>
        <p>© {{year}} {{site_name}}</p>
    </div>
</div>

<div class="content-card">
    <div class="card-header">
        <h2>{{title}}</h2>
    </div>
    <div class="card-body">
        <div class="excerpt">
            {{excerpt}}
        </div>
        <div class="content">
            {{content}}
        </div>
    </div>
    <div class="card-footer">
        <div class="meta">
            <span>📅 {{date}}</span>
            <span>✍️ {{author}}</span>
        </div>
        <a href="{{source_url}}">View Original →</a>
    </div>
</div>

1
Enable Templates for Campaign

1. Create or edit a campaign
2. Scroll to “Custom Post Template” section
3. Check the box: “Use custom post template for this campaign”
4. The template editor will appear

2
Load a Preset (Easiest Way)

1. Select a preset from dropdown
2. Click “Load” button
3. Template code appears in the text area
4. Edit it or use as-is

3
Customize (Optional)

Edit the template code to:

• Add your own CSS classes
• Change the HTML structure
• Rearrange elements
• Add/remove variables
• Add custom text

4
Save Campaign

Click “Create Campaign” or “Update Campaign” – your template is saved!

<div style="background: #f0f0f0; padding: 20px; border-left: 4px solid #0073aa;">
    <p><strong>📢 This content was curated by AI Auto Poster</strong></p>
</div>

{{content}}

<p><em>Source: <a href="{{source_url}}">{{source_title}}</a></em></p>

{{content}}

<div style="background: #e7f5ff; padding: 15px; margin-top: 20px; 
            border-radius: 5px;">
    <p><strong>👉 Want more content like this?</strong></p>
    <p><a href="/subscribe">Subscribe to our newsletter</a></p>
</div>

<p><small>Source: <a href="{{source_url}}">{{source_title}}</a></small></p>

<div style="display: flex; gap: 20px;">
    <div style="flex: 2;">
        {{content}}
    </div>
    <div style="flex: 1; background: #f9f9f9; padding: 15px;">
        <h3>About This Post</h3>
        <p><strong>Published:</strong> {{date}}</p>
        <p><strong>Author:</strong> {{author}}</p>
        <p><strong>Categories:</strong> {{categories}}</p>
        <hr>
        <p><a href="{{source_url}}">Read Original →</a></p>
    </div>
</div>

<div class="podcast-post">
    <div class="episode-header">
        <h1>🎙️ {{title}}</h1>
        <p class="episode-meta">Published on {{date}}</p>
    </div>

    <div class="episode-player">
        <!-- Audio player automatically added by plugin if enabled -->
    </div>

    <div class="episode-description">
        <h2>Episode Description</h2>
        {{content}}
    </div>

    <div class="episode-footer">
        <p><strong>Listen on:</strong> 
           <a href="{{source_url}}">{{source_title}}</a></p>
    </div>
</div>

Q: “Is this the same as in Settings?”

No, they’re different!

Example Use Case:

• Campaign 1 (Tech News): Uses “News Article” template
• Campaign 2 (Podcast): Uses custom podcast template
• Campaign 3 (Blog Posts): Uses “Professional Blog” template

Now the Load button works! ✅

“Load button doesn’t work”

Solution: Use v9.0.1-FINAL2 (has nonce fix)

“Variables don’t replace”

Check:

• Variable name is correct: {{content}} not {content}
• Variable is spelled correctly
• Variable exists (check list above)

“Template breaks my site”

Check:

• HTML is valid (no unclosed tags)
• No PHP code (templates are HTML only)
• No JavaScript errors

“Template looks wrong”

Check:

• Your theme’s CSS might be conflicting
• Try adding more specific CSS classes
• Check mobile view too