botsmith-ai-creator/wordpress-shortcode-final.html at main · kattbott79/botsmith-ai-creator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!-- WordPress Shortcode for BotSmith AI Agent Creator (WORKING VERSION) -->
<!-- Add this to your WordPress post or page -->

<div style="margin: 20px 0; max-width: 1200px; background: white; border-radius: 15px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); overflow: hidden;">
    <div style="background: linear-gradient(135deg, #ff6b9d, #a78bfa, #06d6a0); color: white; padding: 20px; text-align: center;">
        <h2 style="margin: 0; font-size: 2rem; font-weight: 700;">🤖 BotSmith AI Agent Creator</h2>
        <p style="margin: 10px 0 0 0; opacity: 0.9;">Create your personalized AI agent in just a few minutes</p>
    </div>

    <!-- Working BotSmith Iframe - Deployed on Netlify -->
    <iframe
        src="https://botsmith-creator.netlify.app/enhanced-conversation"
        title="BotSmith AI Agent Creator"
        style="width: 100%; height: 800px; border: none; display: block;"
        allowfullscreen>
        <p>Your browser does not support iframes. Please visit
           <a href="https://botsmith-creator.netlify.app/enhanced-conversation" target="_blank">
               BotSmith AI Agent Creator
           </a> directly.
        </p>
    </iframe>

    <div style="padding: 15px; text-align: center; background: #f8fafc; color: #64748b; font-size: 0.9rem;">
        Powered by <strong>adopt.a.bot</strong> | Create intelligent AI agents tailored to your needs
    </div>
</div>

<!-- Alternative Simple Iframe (if styling issues occur) -->
<!--
<iframe
    src="https://botsmith-creator.netlify.app/enhanced-conversation"
    width="100%"
    height="800"
    frameborder="0"
    allowfullscreen>
</iframe>
-->